@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none; color:#FFF}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img{border:0;}
ul{ list-style:none;}
.clear{clear:both;}

body{background:url(../imagens/background_body.png) top center repeat; min-width:980px;}
#principal{width:980px; height:auto; position:relative; left:50%; margin-left:-490px;
box-shadow:0px 0px 20px #000;}
/*HEADER TOPO*/
#topo{width:980px; height:200px; position:relative; float:left; background:url(../imagens/bg_top.jpg) top center no-repeat;}
.logo{width:420px; height:200px; position:relative; float:left; margin:0px;}
.link-site {position:absolute; width:400px; height:25px; bottom:0; left:25px; font-size:17px; color:#121212;}
.link-site b{color:#cc0c0c; font-weight:normal;}

.Whats {position:fixed; width:100px; height:65px; bottom:55px; right:55px;}
.pulse {border-radius: 50%; width:65px; height:65px; cursor: pointer; box-shadow: 0 0 0 rgba(255,255,255, 0.4); animation: pulse 1s infinite;}
.pulse:hover {animation: none;}

@-webkit-keyframes pulse {
  0% {-webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4); }
  70% {-webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0); }
  100% {-webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0); }
}
@keyframes pulse {
  0% {-moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4); box-shadow: 0 0 0 0 rgba(255,255,255, 0.4); }
  70% {-moz-box-shadow: 0 0 0 10px rgba(255,255,255, 0); box-shadow: 0 0 0 10px rgba(255,255,255, 0); }
  100% {-moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0); box-shadow: 0 0 0 0 rgba(255,255,255, 0);}
}

.eng-chat {position:absolute; width:166px; height:57px; background:url(../imagens/bkg-chat.png) no-repeat; right:10px; top:130px;}
.eng-chat a{position:relative; float:left; width:146px; margin-left:10px; margin-top:32px; font-size:12px; color:#032e5e; text-align:center;}

/*.top_right{width:560px; height:200px; position:relative; float:right;}*/
.atendimento{width:220px; height:140px; position:relative; float:right; margin-top:20px;}
.atendimento img{position:relative; float:left;}
.atendimento p{width:auto; height:auto; font-size:18px; font-weight:bold; font-style:italic; color:#003E83; top:10px; position:relative;}
/*MENU*/
#menu{width:364px; height:15px; position:relative; float:right; font-variant:small-caps; font-weight:bold; font-size:14px; color:#FFF;}
#menu li{position:relative; float:left; display:inline; line-height:15px; margin-right:10px;
border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;}
.li1{width:168px; height:14px; text-align:center;cursor:pointer; background:url('../imagens/bg_li1.jpg') no-repeat 0px 0px;}
.li2{width:137px; height:14px; text-align:center;cursor:pointer; background:url('../imagens/bg_li1.jpg') no-repeat 0px 0px;}

/*BANNER*/
#bg_banner{width:980px; height:332px; position:relative; float:left; background:url(../imagens/bg_banner.jpg) top center no-repeat;}
#banner{width:643px; height:300px; position:relative; float:left; margin:7px 0px;}
#banner img{width:643px; height:300px;}
#right_form{width:320px; height:330px; position:relative; float:left; padding-top: 30px; margin:0;}

#contactform{width:300px; height:330px; padding:10px; position:relative;}
.field{width:300px; height:auto; position:relative; float:left; color:#003E83; font-size:12px;}
.field input{background:#C6D8D8; border:0; padding:3px 0px;}
.field textarea{background:#C6D8D8; border:0; padding:3px 0px;}
.field2{width:177px; height:auto; position:relative; float:left;}
.field_texto{width:220px; color:#F00;}
#interna p{width:auto; height:auto; padding:10px; color:#691B1A;box-sizing: border-box;}
.aviso{width:643px;color:#F00; font-size:15px; position:absolute; background:#FFF; left:-643px;}
.msg_ok{font-size:12px; color:#000;}
.msg_ok a{font-size:12px; color:#000;}

/*SECTION CONTEUDO*/
#bg_conteudo{width:980px; height:auto; position:relative; float:left; background:#C6D8D8;}
#interna{width:960px; height:auto; position:relative; background:#FFF; margin:10px; border-radius:10px;}

#guia_rapido{width:980px; height:140px; position:relative; left:50%; margin-left:-490px; background:#FFF url(../imagens/bg_line.jpg) top center no-repeat;}
#guia_rapido h1{font-size:18px; color:#002E82; font-weight:normal; font-variant:small-caps; width:960px; height:auto; padding:5px 10px;}
.guia_links{width:160px; height:100px; position:relative; float:left; top:10px; left:10px;}
.guia_links a{color:#333; font-size:16px; font-variant:small-caps;}
.guia_links a:hover{color:#111;}
.guia_imagens{width:610px; height:84px; position:relative; float:right;}

#sub-menu{width:980px; height:20px; position:relative; float:left;left:50%; margin-left:-490px; z-index:999; background:#FFF;}
#sub-menu li{display:inline; float:left;}
#sub-menu li a{font-size:14px; font-variant:small-caps; line-height:22px; margin-right:20px; color:#666; margin-left:5px;}
#sub-menu li a:hover{color:#333;}


#rodape{width:980px; height:25px; position:relative; float:left; background:#333;}
.direitos{width:500px; position:relative; float:left; line-height:25px; color:#FFF; left:5px;}
.icones_rodape{width:450px; 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;}

.desc{width:940px; height:15px; padding:10px;}
.box_home{width:940px; height:245px; position:relative; float:left; margin:10px 0px 0px 10px;}
.img_produtos{width:215px; height:245px; position:relative; float:left;}
.box_home .descritivo{width:705px; height:225px; position:relative; float:left; padding:10px; background:#E6EFEF;}
.box_home .descritivo h1{font-size:16px; font-style:italic; color:#003E83;}
.box_home .descritivo h2{font-size:12px; color:#333;}
.box_home .descritivo p strong{font-size:12px; font-weight:normal; color:#333;}
.box_home2{width:465px; height:245px; position:relative; float:left; margin:10px 0px 0px 10px;}
.box_home2 .descritivo{width:230px; height:225px; position:relative; float:left; padding:10px;}
.box_home2 .descritivo h1{font-size:16px; font-style:italic; color:#003E83;}
.box_home2 .descritivo h2{font-size:12px; color:#333;}
.box_home2 .descritivo p strong{font-size:12px; font-weight:normal; color:#333;}


@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:667px) and (max-width:767px) {}
@media only screen and (min-width:480px) and (max-width:666px) {}
@media only screen and (max-width:479px) {
	body{min-width:100%;box-sizing:border-box;overflow-x: hidden;}
	.logo{width: 100%; height: auto;}
	.eng-chat{right: 0; top: 0;bottom: 40px;float: left;position: relative;padding: 5px;left: 25%;}
	#principal{width:100%;left: 0; margin-left: 0; box-sizing:border-box;}
	#topo {width: 100%;height: auto;box-sizing:border-box;background: url(../imagens/bg_top.jpg) top center repeat;}
	.topoimg{width: 100%; height: auto;}
	.atendimento{ width: 200px; height: 100px; float: left;left: 25%;}
	.link-site{width: 100%;float: left;text-align: center; left: 0; padding: 5px; font-size: 15px;position: relative;box-sizing: border-box;}
	#menu{width: 100%;height: auto; float: left; box-sizing:border-box;}
	#bg_banner{width:100%!important; height:auto!important;box-sizing:border-box;}
	#banner{width:100%!important; height:auto!important;box-sizing:border-box;}
	#contactform{width:100%;height: auto!important; box-sizing: border-box}
	#right_form{width:100%;height: auto!important;box-sizing: border-box; float: left;margin: 300px 0 0 0; background-color: aliceblue}
	#bg_conteudo {width: 100%!important;height: auto!important;box-sizing:border-box;}
	#interna { width: 100%!important; height: auto!important;box-sizing:border-box;margin: 0; padding: 10px;}
	.box_home { width: 100%!important; height: auto!important;margin: 0; padding: 10px 0px 0px 10px; box-sizing:border-box;}
	.box_home .descritivo { width: 100% !important; height: auto!important;box-sizing:border-box;}
	#rodape {width: 100%!important;height: auto!important;padding: 10px 0; box-sizing: border-box;}
	#banner img{width:100%; height:auto;}
	.box_home2 {width: 100%;height: auto;padding: 10px 0px 0px 10px;box-sizing: border-box;}
	.box_home .descritivo{width: 100% !important; height: auto!important;box-sizing:border-box;}
	.Whats { right: 0;  left: 300px;height:85px;}
	.direitos{font-size:11px;}
}