@import url('https://fonts.googleapis.com/css?family=Ubuntu');

/*.clearfix usado para adicionar um espaço vazio antes e depois dos elementos
  evitando que os floats se aglomerem.
*/
.clear{
	display:block;
	clear:both;
	height:0;
	margin:0;
	padding:0;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.clear{
	clear:both;
	height:0;
	padding:0;
	margin:0;
	display:block
}
/*fim do clearfix*/
img, picture, video, embed {
    max-width: 100%; /*define a largura máxima em até 100%*/
	vertical-align:middle
}

hr{
	height:1px;
	border:none;
	width:100%;
	margin:5px 0;
	padding:0;
	background-color:#999;
	color:#999
}
body, html{
	color:#818285; /*cor padrão para todas as fontes*/	
	font-family:Ubuntu, Verdana, "Times New Roman";
	font-weight:400;
	font-size: 14px; /*tamanho da fonte*/
	margin:0;
	padding:0;
	max-width:1920px;
	min-width:1200px;
	letter-spacing:1px;
	overflow-x:hidden
}
body{
	background:transparent url("../images/bk-site.jpg") center top repeat;	
}
.center{
    margin: 0 auto;
    width: 95%;
	max-width:1200px;
}
a{
	text-decoration:none;
	color:#333333;
	letter-spacing:0em;
	-webkit-transition: all 0.5s; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s;
}
a:hover{
	text-decoration:none;
	color:#ffcb08	
}

p,td{
	text-align:justify;
	font-size:15px;
	line-height:18px;
	margin:0 0 15px 0; 
	color:#818285
}
table{
	width:100%;
	margin:auto;
}
td{
	padding:10px;
	margin:0;
	line-height:12px;
	font-size:12px;
	border-collapse:collapse;
	border:1px solid #999;
	text-align:left;
}
th{
	background-color:#f5f5f5;
	border-collapse:collapse;
	border:1px solid #999;
	padding:10px;
	line-height:13px;
	font-size:13px;
}
h1,h2,h3,h4,h5{	
	font-size:30px;	
	margin:10px 0 15px 0;	
	padding:0;
	color:#ffa200
}
h2{
	font-size:30px;
	color:#333333
}
h3{
	font-size:25px;
	color:#333333
}
h4{
	font-size:20px;
	color:#333333
}
h5{
	font-size:20px;
	color:#333333
}

li{
	margin-bottom: 10px;
}

.PaginaAguarde{
	width:100%;
	height:100%;
	position:fixed; 
	top:0; left:0;
	background-color:rgba(209,209,209,0.8); 
	z-index:999999
}	
.imgPaginaAguarde{
	width:150px;
	height:150px;
	display:block;
	position:absolute;
	left:50%; top:50%;
	margin:-75px 0 0 -75px;  
}
.loaderAjax{ 
	width:32px;
	padding:3px;
	margin:auto; 
	text-align:center 
}

.displayNone{ display:none }
.displayBlock{display:block !important;}
	
.semMargin{	margin:0 !important;}
.semMarginRight{ margin-right:0 !important;}
.semMarginLeft{	margin-left:0 !important;}

.color-black{ color:#000 !important; }




/* 	======================================== 
	FORMULÁRIOS 
	======================================== */
	#formRecuperarSenha,#formContato{
		min-width:50%; /* 490px ÷ 840px = resultado x 100 = 58,33333333333333%*/
		width:50%;	
		margin:auto;
	}
	div.linhaForm								{ margin:0 0 10px 0;width:100%;}	
	div.linhaForm label 						{ margin:0; text-align:left; display:block; font-size:14px; }
	div.linhaForm label.labelNone				{ margin:0; text-align:left; display:inline; font-size:14px; }
	
	div.linhaForm input[type="text"]			{ border:1px solid #555555; padding:5px; width:100%; box-sizing: border-box; height:30px; outline:none; display:inline;  background-color:#FFFFFF; color:#000;  }
	div.linhaForm input[type="text"]:focus		{ border-color:#ffcb08; background-color:#fff;  }
	
	div.linhaForm input[type="password"]		{ border:1px solid #555555; padding:5px; width:100%; box-sizing: border-box; height:30px; outline:none; display:inline;  background-color:#FFFFFF; color:#000;  }
	div.linhaForm input[type="password"]:focus	{ border-color:#ffcb08; background-color:#fff;  }
		
	div.linhaForm .TextArea						{ border:1px solid #555555; padding:5px; width:100%; box-sizing: border-box; height:100px; outline:none;  display:inline; background-color:#FFFFFF; color:#000; resize:none;}
	div.linhaForm .TextArea:focus				{ border-color:#ffcb08; background-color:#fff;  }
	
	div.linhaForm select						{ border:1px solid #555555; padding:5px;  width:100%; box-sizing: border-box; height:30px; outline:none; display:inline;  background-color:#FFFFFF; color:#000 }
	div.linhaForm select:focus					{ border-color:#ffcb08; background-color:#fff; }
	
	#caractRest			{ font-size:10px;}
	.SeguraCampos 		{ display:block }
	
	input[type=submit], input[type=button], button{
		background:#ff8100;
		border:none;
		font-size:14px;
		font-weight:bold; 
		color:#fff;
		cursor:pointer;
		margin:15px 5px; 
		padding:5px 20px;
		text-transform:uppercase;		
		box-sizing:border-box
	}
	input[type=submit]:hover, input[type=button]:hover, button:hover{
		background:#ffa200;
		color:#ff;
	}
	input[type=submit].btnBarraLogin:hover, input[type=button].btnBarraLogin:hover, button:hover{
		background:#fff;
		color:#ff8100;
	}
	
	.btnSelect{
		background:#009900;
		color:#FFFFFF;	
	}
	.btnSelect:hover{
		background:#009900;
		color:#FFFFFF;	
	}
	.inputFormDDD{ width:25% !important; }
	.inputFormTel{ width:50% !important; }
	
	#btnCancelar{
		background-color:#F00 !important;
		float:left !important;
		margin:10px 10px 10px 0 !important;  
	}
	#btnCancelar:hover{
		background-color:#990000 !important;
		color:#FFF !important;		
	}