@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none; color:red}
img{border:1; color: black}
padding{border:0;}
margin{border:0;}
ul{ list-style:none;}
.clear{clear:both;}
html, body {height:100%;}

	
body { 	background-color: #CCCCCC;font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #000000;}
header{position:relative; float:left;box-sizing:border-box;}
.topo{width:980px; height:200px; position:relative; float:left; left:50%; margin-left:-490px;box-sizing:border-box;}
.topo img{width:100%; height:200px; padding: 0; margin: 0; border:0px; position: relative; float: left;}
.topo a{width:100%; height:auto; border:0px; position: relative; float: left;box-sizing:border-box;}
.logo{width:385px; height:auto; position:relative; float:left;box-sizing:border-box;}
.banner{width:595px; height:auto; position:relative; float:left;box-sizing:border-box;}
.centralizar{align:center;box-sizing:border-box;}
.conteudo{ width: 980px; height: auto;position: relative;float: left; left:50%; margin-left:-490px;background-color: white;padding:0px; background:#FFF; box-shadow:0px 5px 10px #999; -moz-box-shadow:0px 5px 10px #999; -ms-box-shadow:0px 5px 10px #999; -o-box-shadow:0px 5px 10px #999; -webkit-box-shadow:0px 5px 10px #999; box-sizing: border-box;}
#bg_conteudo{width:100%; height:auto; position:relative; float:left; background:none;}
.lateralesquerda{ width: 200px; height: auto; position: relative;float: left; box-sizing: border-box; border: 1}
.lateraldireita{ width: 200px; height: auto; position: relative;float: left; box-sizing: border-box;border: 1}
.lateraldireita img{float: right;}
.principalcontent{float: left; position: relative;box-sizing: border-box}
.principaltext{ width: 100%; box-sizing: border-box; float: left; position: relative}
.principal{width: 579px; height: auto; position: relative;float: left; padding: 20px; box-sizing: border-box}
.principal form{ width: 100%;box-sizing: border-box}
.principal h1{ line-height: 3.5}
.rodape{width: 980px; height: 40px; position: relative;float: left; background-color:#cccccc;left:50%; margin-left:-490px;padding: 10px; box-sizing: border-box; text-align: center}
.rodape img{ right: 20px; bottom: 10px; position: absolute }
footer{position:relative; float:left;box-sizing:border-box; width: 100%; height: auto}
#box-formulario{width:calc(100% - 20px); height:auto; position:relative; float:left; padding:0px 10px 30px 10px;}
#box-formulario .esp_campo{width:100%; height:auto; position:relative; float:left; margin-bottom:2px;}
#box-formulario .txt_campo{width:98px; height:auto; padding:0px 2px 0px 0px; font:bold 12px Arial, Helvetica, sans-serif; color:#000; position:relative; float:left;  text-align:right;}
#box-formulario input{width:calc(100% - 120px); height:15px; padding:2px; position:relative; float:left; z-index:0; outline:none;}
#box-formulario select{width:calc(100% - 120px); height:30px; padding:2px; position:relative; float:left; z-index:0; outline:none;}
#box-formulario textarea{width:calc(100% - 120px); height:48px; padding:2px; position:relative; float:left; outline:none;}
#box-formulario .bt_enviar{width:auto; height:auto; position:relative; float:left; padding:2px 5px; left:100px;}

#box-formulario .captcha{width:70px; height:27px; position:relative; float:left; margin:0px 10px 0px 0px;}
#box-formulario .codigo{width:calc(100% - 200px) !important;}

iframe{width:100%; height:350px;}

@media only screen and (min-width:980px) and (max-width:1169px) {
	 
}
@media only screen and (min-width:768px) and (max-width:979px) {
	
}
@media only screen and (min-width:540px) and (max-width:767px) {
.principal img{border:0; width: 100%; height: auto}
.topo{ width:100%; height:auto; left:0; margin-left:0;}
.topo img{width:100%; height: auto}
.topo a{width:100%;}
.logo{width:100%;height: auto}
.banner{width:100%; height: auto}
.conteudo{ width: 540px; left:0; margin-left:0;}
.rodape{width: 100%; height: auto;left:0; margin-left:0;}
.principal{width: 100%;}
.principalcontent{width: 540px}
.lateralesquerda { display: none; width: 100%;}
.lateraldireita{width: 100%; }
.lateralesquerda img{ width: 100%; height: auto; box-sizing: border-box; padding: 0 15px;}
.lateraldireita img{ width: 100%; height: auto;box-sizing: border-box; padding: 0 15px; }
}
@media only screen and (min-width:281px) and (max-width:539px) {
.principal img{border:0; width: 100%; height: auto}
.topo{ width:100%; height:auto; left:0; margin-left:0;}
.topo img{width:100%; height: auto}
.topo a{width:100%;}
.logo{width:100%;height: auto}
.banner{width:100%; height: auto}
.conteudo{ width: 375px; left:0; margin-left:0;}
.rodape{width: 100%; height: auto;left:0; margin-left:0;}
.rodape img{ bottom: 5px;}
.principal{width: 100%;}
.principalcontent{width: 375px}
.lateralesquerda { display: none; width: 100%;}
.lateraldireita{width: 100%; }
.lateralesquerda img{ width: 100%; height: auto; box-sizing: border-box}
.lateraldireita img{ width: 100%; height: auto;box-sizing: border-box }
}
@media only screen and (max-width:280px) {
.principal img{border:0; width: 100%; height: auto}
.topo{ width:100%; height:auto; left:0; margin-left:0;}
.topo img{width:100%; height: auto}
.topo a{width:100%;}
.logo{width:100%;height: auto}
.banner{width:100%; height: auto}
.conteudo{ max-width: 280px; left:0; margin-left:0;}
.rodape{width: 100%; height: auto;left:0; margin-left:0;}
.principal{width: 100%;}
.principalcontent{max-width: 280px}
.lateralesquerda { display: none; width: 100%;}
.lateraldireita{width: 100%; }
.lateralesquerda img{ width: 100%; height: auto;box-sizing: border-box }
.lateraldireita img{ width: 100%; height: auto; box-sizing: border-box}
#box-formulario .codigo{width:calc(100%) !important;}
}