@charset "utf-8";


											 /* * * * * * * * * * * * * * * * * * *      GERAIS     * * * * * * * * * * * * * * * * * * * */	
									 
form .error {
	-moz-box-shadow: 0px 0px 10px 			#930 !important;
	-webkit-box-shadow: 0px 0px 10px 		#930 !important;
	box-shadow: 0px 0px 10px 				#930 !important;
	}




form textarea {
    resize: vertical;
}

/*PADRAO DOS FORMS*/
form fieldset input[type=text],
form fieldset input[type=password],
form fieldset textarea,
form fieldset select,
form fieldset .skinned-select,	/*Exceção*/
form fieldset .selectable,		/*Exceção*/
form fieldset .checkable		/*Exceção*/
/*as excecoes sao devido a criacao dinamica desses elementos no jquery/configuracoes.js*/
			{
				margin-right:5px; 
				float:left;
				-webkit-box-sizing: border-box;
				 -moz-box-sizing: border-box;
					  box-sizing: border-box;
		     }
form fieldset input[type=checkbox]{vertical-align:middle; display:inline-block;}

			
												/* * * * * * * * * * * * * * * * * * *    FIELDSET   * * * * * * * * * * * * * * * * * * * */														

form fieldset{
	border:none;
	clear:both;
	padding:0px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}
form fieldset:first-child{border-top:none;}
form fieldset:last-child{border-bottom:none;}


/*******************  LABEL  ********************/
form fieldset label {
	color:#555;
	text-transform:uppercase;
	font-size:9px;
	font-weight:bold;
	
 	padding:10px 0px;
	float:left;
	margin-right:8px;
	vertical-align: middle;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
	
form fieldset label:first-child{display:block; width:120px; margin-right:10px;}
form fieldset label small {color: #999; display: block;	font-size: 10px; text-transform:none; font-size:11px; font-weight:100;}



input::-webkit-input-placeholder {font-size:12px;}
input::-moz-placeholder {font-size:12px}
textarea::-webkit-input-placeholder {font-size:12px}
textarea::-moz-placeholder {font-size:12px}
		

											 /* * * * * * * * * * * * * * * * * * *    INPUTS E TEXTAREA   * * * * * * * * * * * * * * * * * * * */	
form fieldset input,
form fieldset textarea{
	background:#eee;
	border:none;
	padding:5px 8px;
	color:#444;			
	outline: 0px solid #333;
	margin-bottom:3px;
	border-radius:5px;
	}
form fieldset input:focus,
form fieldset select:focus,
form fieldset textarea:focus{
	-moz-box-shadow: 0px 0px 2px 			rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 2px 		rgba(0,0,0,0.8);
	box-shadow: 0px 0px 2px 				rgba(0,0,0,0.8);
	}

form fieldset input[type=text],form fieldset input[type=password]{height: 35px;}

input.search{ /*Esse form.search é criado pelo jquery - basta aplicar a classe search num input isolado */
		background: url(../img/icones/search.png) 7px 7px no-repeat rgba(255,255,255,0.9);
		border: 1px solid #c7c7c7;
		
		color: #282828;
		margin: 8px 0;
		padding: 5px 10px 5px 23px;
		outline-style: none;
		
		border-radius: 20px;
		-moz-border-radius: 20px;  
		-webkit-border-radius: 20px;
		
		box-shadow: 0 1px 3px inset rgba(255,255,255,0.5);
		-moz-box-shadow: 0 1px 3px inset rgba(255,255,255,0.5);
		-webkit-box-shadow: 0 1px 3px inset rgba(255,255,255,0.5);

	 }


												/* * * * * * * * * * * * * * * * * * *    SELECTS    * * * * * * * * * * * * * * * * * * * */		
/* skinned */
.skinned-select {
	background: url(../img/select.png) right no-repeat;
	border: 1px solid #c3c3c3;
	border-radius: 3px;
	box-shadow: 0 1px 2px #ccc;
	padding:1px 4px 1px 0px;
	height:28px;
	-moz-border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #ccc;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	position:relative;
	display:table-cell;
}
.skinned-select.disabled {
	background: url(../img/select-disabled.png) right no-repeat;
	border: 1px solid #c3c3c3;
	padding:1px 4px 1px 0px;
	height:25px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	box-shadow: inset 0 1px 4px #ccc;
	-moz-box-shadow: inset 0 1px 4px #ccc;
	-webkit-box-shadow: inset 0 1px 4px #ccc;
	
	color:#ccc !important;
	
	position:relative;
	display:table-cell;
}
.skinned-select select{
	cursor:pointer;
	opacity: 0;
	position: relative;
	z-index: 100;
	height: 28px;
	z-index:999;
}
.skinned-select-text {
	font-size: 11px;
	margin-left: 0;
	padding: 6px 7px;
	position: absolute;
	top: 0px;
	left: 0px;
}



/*SKINNED BLACK*/
.skinned-select.black {
	background: url(../img/select-black.png) right no-repeat;
	border: 0px;
	
	box-shadow: 0 1px 2px #525252;
	-webkit-box-shadow: 0 1px 2px #ccc;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.skinned-select.black .skinned-select-text {
	color:#fff;
	font-weight:bold;
}

@media screen and (min-width : 320px) and (max-width : 980px) {
	form fieldset label:first-child{display:block; width:80px; margin-right:10px;}
}


