@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none; color:#FFF}
body{font-family:'calibri';}
img{border:0;}
ul{ list-style:none;}
.clear{clear:both;}

body{min-width:980px; background:none;}
#bg_top{width:100%; height:100px; position:relative; float:left; background:url(../imagens/bg-topo.jpg) top center repeat-x; z-index:1;}
#bg_banner{width:100%; height:auto; position:relative; float:left; background:url(../imagens/bg-banner.jpg) top center repeat-x; z-index:0; z-index:0;}
#bg_conteudo{width:100%; height:auto; position:relative; float:left; background:none;}
#bg_rodape{width:100%; height:auto; position:relative; float:left; background:#3399ca url(../imagens/bg-rodape.jpg) top center repeat-x;}

/*HEADER TOPO*/
#topo{width:980px; height:auto; position:relative;  margin-left:-490px; left:50%; background:none;}
.logo{width:auto; height:100px; position:relative; float:left; top:0;}
.sedex{width:144px; height:95px; position:relative; float:left; margin:5px 20px;}
#atendimento{width:210px; height:77px; position:relative; float:left; top:15px;}
#atendimento img{width:45px; height:77px; position:relative; float:left; margin-right:10px;}
#atendimento p{font:bold 22px 'calibri'; color:#3399CC; line-height:20px; letter-spacing:2px;}
#atendimento a{color:#3399CC;}

#bg-fixed{width:100%; height:auto; position:fixed; top:5px; z-index:2; pointer-events: none;}
#bg-formlario{width:100%; height:auto; position:relative; float:left; margin:0px 0px 30px 0px; display:none;}

#bg-formlario #box-formulario{width:calc(100% - 42px); height:auto; position:relative; float:left; background:#EEE; z-index:1; padding:20px; pointer-events:auto; box-shadow:0 0 2px #000; -moz-box-shadow:0 0 2px #000; -ms-box-shadow:0 0 2px #000; -o-box-shadow:0 0 2px #000; -webkit-box-shadow:0 0 2px #000;}
#bg-formlario #box-formulario h2{ text-align:center; font:bold 24px 'calibri'; color:#3399CC; margin-bottom:20px;}

#box-formulario{width:316px; height:575px; position:absolute; top:15px; right:0px; background:url(../imagens/bg-formulario.png)top center no-repeat; z-index:1; padding:10px 30px; pointer-events:auto;}
#box-formulario h2{ text-align:center; font:bold 24px 'calibri'; color:#FFF; margin-bottom:20px;}
#box-formulario .esp_campo{width:100%; height:auto; position:relative; float:left; margin-bottom:10px;}
#box-formulario .esp_campo2{width:50%; height:auto; position:relative; float:left; margin-bottom:10px; margin-right:10px;}
#box-formulario .txt_campo{width:100%; height:auto; font:normal 12px Verdana, Geneva, sans-serif; color:#535353; position:relative; float:left;}
#box-formulario input{width:calc(100% - 10px); height:15px; padding:5px; position:relative; float:left; z-index:0; border:1px solid #CCC;
border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; outline:none;}
#box-formulario select{width:calc(100% - 10px); height:30px; padding:5px; position:relative; float:left; z-index:0; border:1px solid #CCC;
border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; outline:none;}
#box-formulario textarea{width:calc(100% - 10px); height:48px; padding:5px; position:relative; float:left; border:1px solid #CCC;
border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
#box-formulario label.error{width:auto; position:absolute; font:bold 10px Verdana, Geneva, sans-serif; float:left; color:#CD2122;
right:0px; z-index:1;}
#box-formulario .input-error{border:1px solid #CD2122; background:#FFF url(../imagens/input-error.png) top right no-repeat;}
#box-formulario .bt_enviar{width:100px; height:30px; position:relative; float:right; color:#FFF; background:#444; text-align:center; cursor:pointer;}
#box-formulario .bt_enviar:hover{background:url(../imagens/bg-enviar.jpg) top center repeat-x;}

#box-formulario .captcha{width:70px; height:25px; position:relative; float:left; margin:0px 10px 0px 0px;}
#box-formulario .codigo{width:100px; }

.centralizar{width:980px; height:auto; position:relative;  margin-left:-490px; left:50%; background:none;}
#banner{width:625px; height:300px; position:relative; float:left;}

/*SECTION CONTEUDO*/
#interna{width:980px; min-height:200px; height:auto; position:relative; margin-left:-490px; left:50%; background:none; padding:10px 0px;}

#box_empresa{box-shadow:0 0 2px #000; -moz-box-shadow:0 0 2px #000; -ms-box-shadow:0 0 2px #000; -o-box-shadow:0 0 2px #000; -webkit-box-shadow:0 0 2px #000;}
#box_empresa{width:600px; height:232px; position:relative; float:left; padding:10px; background:#EEE;}
#box_empresa h2{font:italic bold 18px 'calibri'; color:#3399CC;margin:10px;}
#box_empresa p{font:normal 16px 'calibri'; color:#444;margin:10px;}
#box_empresa ul{height:auto;}
#box_empresa ul li{font:normal 16px 'calibri'; color:#444; background:url(../imagens/bullet-balloon.png) top left no-repeat; padding-left:25px; margin:10px;}
#box_empresa p strong{font:italic bold 18px 'calibri'; color:#3399CC;}

#colunas{width:980px; height:auto; position:relative; margin-left:-490px; left:50%; background:none;}
#colunas h2{font-size:16px; width:300px;}
#colunas p{ font-size:16px; background:none; color:#FFF;}
.item_coluna{width:350px; height:auto; position:relative; float:left; padding:10px; background:none; color:#FFF; line-height:23px;}
.item_coluna2{width:calc(100% - 390px); height:auto; position:relative; float:left; padding:10px; background:none; color:#FFF; line-height:23px;}

#rodape{width:980px; height:25px; position:relative; margin-left:-480px; left:50%; background:none;}
.direitos{width:400px; position:relative; float:left; line-height:25px; color:#FFF; left:5px; font-size:14px;}
.icones_rodape{width:500px; height:25px; position:relative; float:right;}
.chrome, .mozilla, .opera, .ie, .safari, .html5, .css3{width:23px; height:25px; position:relative; float:right;}
.html5, .css3{height:25px;}
.logo_gray{width:98px; height:25px; position:relative; float:right;}

@media only screen and (min-width: 768px) and (max-width: 1020px) {
body{min-width:768px; background:none;}
#topo, .centralizar, #interna, #colunas, #rodape {width:768px; margin-left:-386px;}
#bg-fixed{display:none;} #bg-formlario{display:block;}
#atendimento{float:right;}
#bg_banner{background-size: 10px 433px;}
#banner{width:768px; height:372px;}
#box_empresa{width:748px; height:auto;}

.item_coluna{width:calc(40% - 20px);}
.item_coluna2{width:calc(60% - 20px);}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
body{min-width:480px; background:none;}
#topo, .centralizar, #interna, #colunas, #rodape {width:480px; margin-left:-240px;}
#bg-fixed{display:none;} #bg-formlario{display:block;}

.sedex{display:none}
#atendimento{float:right;}
#bg_banner{background-size: 10px 271px;}
#banner{width:480px; height:232px;}
#box_empresa{width:460px; height:auto;}

.item_coluna{width:calc(40% - 20px);}
.item_coluna2{width:calc(60% - 20px);}

.direitos{width:460px;}
.icones_rodape{display:none;}
}
@media only screen and (max-width: 479px) {
body{min-width:320px; background:none;}
#topo, .centralizar, #interna, #colunas, #rodape {width:320px; margin-left:-160px;}
#bg-fixed{display:none;} #bg-formlario{display:block;}

.logo{width:130px; height:53px; position:relative; float:left; top:10px;}
.sedex{display:none;}
#atendimento{width:160px; height:51px; float:right;}
#atendimento img{width:30px; height:51px;}
#atendimento p{font:bold 17px 'calibri'; text-align:right;}

#bg_banner{background-size: 10px 181px;}
#banner{width:320px; height:155px;}
#box_empresa{width:300px; height:auto;}

.item_coluna{width:calc(100% - 20px);}
.item_coluna2{width:calc(100% - 20px);}
.direitos{width:300px;}
.icones_rodape{display:none;}
}