*{ margin:0;padding:0;font-family:'Lato', sans-serif;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
img,
object,
embed,
video,
iframe,
iframe[style]{max-width:100%;height:auto;}
fieldset{border:0; padding:10px;}
.label{width:100%; margin-bottom:20px; display:block;}
.label span{display:block; margin-bottom:10px;}
input,
select,
textarea{padding:10px; width:100%;}
input.btn{width:auto; cursor:pointer;}
.ratiohd{position:relative;	float:left;	width:100%;	padding-bottom:56.25%;	height:0;margin-bottom:30px;}
.ratio_el{position:absolute;height:100%;left:0;	top:0;width:100%;}
.fontzero{font-size:0;}
a{color: #3a465f;text-decoration: none;}
a:hover{ text-decoration: none;}
.contaneir{	float:left;	width:100%;}
.content{ width: 90%; margin: 0 auto; padding: 1% 0;}

/*TELA LOGIN*/
.campo_form{background-color:#f1f1f1; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;box-shadow:0px 3px 3px 0px rgba(0,0,0,0.5);	-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.5);	-moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.5); padding:20px;}
	.login_body{background-color: #efefef;  background-image: url('../images/fundo_acesso.jpg'); background-size: cover; background-attachment: fixed;background-repeat:repeat-x;  background-position: center top; color: #003366;}
	.login{display: block; #efefef;background-size: cover; background-attachment: fixed;background-repeat:repeat-x;  background-position: center top; color: #003366;margin:0 25%;}
	.login li{list-style:none; display:inline-block; width:100%; padding:2px; margin-left:15px;}
	.form_login{}
	.login .btn{border:none; background: #bbb; padding: 15px 25px; text-transform: uppercase;font-weight: bold;font-size: 0.875em;float: right;margin-top: 25px;margin-bottom: 25px;  cursor: pointer;border-radius:5px;	-moz-border-radius:5px;	-webkit-border-radius:5px;}
	.login .btn:hover{ background: #777; color: #fff;}
	.login .span{text-align:center;}
	.rot{ font-weight:bold; float:left;}
	.cli{color:#990000; font-weight:bold; float:left;}

/*footer*/
	.footer{ background:#232b3d; color: #fff; text-transform: border-top: 1px solid #000; bottom:0; position:fixed;}
	.footer a{text-decoration:none; color:#fff;}
	.footer a:hover{text-decoration:underline;}
@media(max-width:890px){
	.login{margin:0 5%;}
	.footer{ display: none;}

}
@media(max-width:620px){

	
}
@media(max-width:590px){
	

}
@media(max-width:480px){		
	.login{margin:0 5%;}

}
@media(max-width:340px){	

}