@charset "utf-8";
@font-face{
font-family: "Arial Narrow";
src: url(font-face/arialn.ttf) format('truetype');
src: local('Arial Narrow'), url('font-face/arialn.ttf') format('truetype');
font-weight: normal;
}
/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none; color:#FFF}
img{border:0;}
ul{ list-style:none;}
.clear{clear:both;}
input:focus {outline: none;}
button:focus {outline: none;}
area {display: inline;cursor: pointer;}
area:focus{outline:none;}
body{min-width:290px; background:#fff url(imagens/bkg-topo.jpg)top center no-repeat ; font-family:'Arial Narrow', Arial, Helvetica, sans-serif;}

/* CSS DO TOPO */
#bg_top{width:100%; height:136px; float:left; position:relative; border-top:2px solid #084e8d; z-index:2;}
.topo {position:relative; float:left; width:980px; height:136px; left:50%; margin-left:-490px;}
.logotipo {position:relative; float:left; width:290px; height:46px; margin-top:47px;}

/*CSS MENU HORIZONTAL*/
.bkg-menu-h {position:relative; float:right; padding:0 0 0 10px; height:76px; margin-top:57px;}
.bkg-menu-h ul {display:block; float:left; height:32px;}
.bkg-menu-h ul .li{display:block; float:left; margin:0 8px 0 0; text-align:center;}
.bkg-menu-h ul .li a{display:block; float:left; padding:9px 9px; font-size:18px; color:#084e8d; font-weight:400; letter-spacing:2px;}
.bkg-menu-h ul .li a:hover {background:#2a76ba; color:#fff; -webkit-transition: background 2s; /* Safari */ transition: background 2s;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.sp {position:relative; float:left; width:2px; height:17px; margin:12px 0 0 0; background:url(imagens/sm.jpg) center no-repeat;}
.bkg-menu-h ul .li2{display:block; float:left; margin:0 0 0 24px; padding-left:20px; text-align:center; background:url(imagens/img-chat-menu.jpg) left  bottom 18px no-repeat}
.bkg-menu-h ul .li2 a{display:block; float:left; padding:9px 9px; height:27px; font-size:18px; color:#084e8d; font-weight:400; line-height:1; letter-spacing:1.5px;}
/*FIM CSS MENU HORIZONTAL*/
/*TELEFONE*/
.eng-tel {position:absolute; right:0; bottom:-38px; width:243px; height:46px; background:url(imagens/telefone.png) no-repeat;}
.eng-tel .quad-tel {position:relative; float:right; width:173px; margin-top:4px; font-size:25px; color:#fff; letter-spacing:1.5px;}
.eng-tel .quad-tel b{font-size:15px; color:#fff; font-weight:normal;}
/*FIM TELEFONE*/

/*CSS MENU MOBILE*/
.menu-mob{display:none;}
#menu_m{display:none;}
/*CSS CONTATO*/

/*CSS BANNER*/
#bg-banner {position:relative; float:left; width:100%; height:461px; z-index:1;}
.eng-banner{position:relative; float:left; width:100%; height:461px; z-index:2; overflow:hidden;}
#banner {position:relative; float:left; width:100%; height:461px;}
/*FIM CSS BANNER*/
/*MENU ABAIXO DO BANNER*/
.menu-banner {position:relative; float:left; width:100%; height:81px; background:url(imagens/bkg-menu-banner.jpg) repeat-x;}
.menu-banner ul {position:relative; float:left; width:980px; height:81px; left:50%; margin-left:-490px;}
.menu-banner ul li{position:relative; float:left; height:81px; background:url(imagens/smb.jpg) right no-repeat;}
.menu-banner ul li a{position:relative; float:left; height:81px; padding:0 31px; font-size:20px; color:#004296; line-height:4.3; letter-spacing:1.2px; }
.menu-banner ul li a:hover{background:url(imagens/bkg-menu-b.jpg) repeat-y; color:#fff;}

/*CSS CONTEUDO*/
.eng-conteudo {position:relative; float:left; width:100%; background:url(imagens/faixa-conteudo.png) top center no-repeat; z-index:3;}
.conteudo {position:relative; float:left; width:980px; left:50%; margin-left:-490px;}


/*.breadcrumb {position:relative; float:left; width:100%; margin-bottom:20px; padding-top:3px; padding-bottom:16px; padding-top:38px; margin-bottom:40px; border-bottom: 1px solid #eeedec;}*/
.breadcrumb {position:relative; float:left; width:100%; margin-top:10px; padding-top:10px; border-top:1px solid #F4F4F4; margin-bottom:30px; background:#fff !important; border-bottom:1px solid #F4F4F4; padding-bottom:10px;}
.breadcrumb li {position:relative; float:left; padding:0; font-size:13px; letter-spacing:0;}
.breadcrumb li a {display:block; float:left; text-decoration:none; fot-size:11px; color:#c5c5c5; font-weight:400;}
.breadcrumb li a strong {padding:0 15px 2px 5px; background:url(imagens/icon-seta-breadcrumb.png) right no-repeat!important; font-weight:400;}
/*FIM CSS CONTEUDO*/

/*CSS RODAPE*/
#eng-rodape {position:relative; float:left; width:100%; height:188px; background:#004296; margin-top:10px;}
.rodape {position:relative; float:left; width:980px; height:188px; left:50%; margin-left:-490px;}
.rodape .box-contato {position:relative; float:left; width:600px; font-size:15px; color:#fff; margin-top:30px;}
.rodape .menu-rodape {position:relative; float:left; padding:5px 10px;}

/*DIREITOS AUTORAIS*/
.direitos {position:relative; float:left; width:600px; font-size:14px; color:#fff; line-height:2; letter-spacing:2px; margin-top:38px;}
.direitos strong {position:relative; float:left; width:100%;}
.direitos strong a {color:#3e6597; font-weight:400; text-decoration:underline;}

/*TELEFONE RODAPE*/
.eng-tel-rodape {position:absolute; right:0; width:210px; margin-top:40px; letter-spacing:2px;}
.tel-rodape_pri {position:relative; float:right; font-size:30px; color:#fff;}
.tel-rodape_pri img{position:relative; float:left; width:17px; height:17px;	margin:12px 10px 0 0;}
.tel-rodape_pri b{font-size:18px; color:#fff;}
.mail-rodape {position:relative; float:right; font-size:16px; color:#fff; margin-top:12px;}
.mail-rodape img{position:relative; float:left; width:17px; height:17px; margin:2px 10px 0 0;}
.link_rs {position:relative; float:right; width:25px; height:25px; margin-top:12px; margin-left:20px;}
@media only screen and (min-width: 768px) and (max-width: 979px) {
/*CSS do topo*/
.topo {width:743px; height:136px; left:50%; margin-left:-371px; background:url(imagens/bkg-topo3.jpg);}
.logotipo {width:200px; height:32px; margin-top:56px;}
/*CSS MENU HORIZONTAL*/
.bkg-menu-h {width:510px; margin-top:26px;}
.bkg-menu-h ul{float:left; width:500px;}
.bkg-menu-h ul .li {margin:0 0 0 0;}
.bkg-menu-h ul .li a {font-size:14px; padding:0 7px; line-height:6.2;}
.bkg-menu-h ul .sp {margin-top:34px; }
.bkg-menu-h ul .li2 {height:72px; margin-left:0; padding-left:15px; float:right;}
.bkg-menu-h ul .li2 a {font-size:14px; line-height:5;}
/*fim css topo*/

/*CSS MENU MOBILE*/
.menu-mob{display:none;}
#menu_m{display:none;}

/*CSS BANNER*/
#bg-banner {width:100%; height:235px; background:url(imagens/bkg-banner.jpg) top center no-repeat;}
.eng-banner{position:relative; float:left; width:100%; height:235px; z-index:2; overflow:hidden; background:#FFF; margin-top:0;}
#banner {position:relative; float:left; width:100%; height:100%;}
/*FIM CSS BANNER*/

/*MENU ABAIXO DO BANNER*/
.menu-banner ul {width:743px; margin-left:-371.5px;}
.menu-banner ul li a{padding:0 14px; font-size:17px; line-height:5; }

/*CSS CONTEUDO DA PÁGINA*/
.conteudo {width:743px; left:50%; margin-left:-371px; }
.conteudo .eng-produtos {width:743px;}
.home {width:100%;}
.home .txt-home {width:100%; margin:20px 0 0 0;}

/*CSS RODAPE*/
#eng-rodape {height:188px;}
.rodape {position:relative; float:left; width:743px; height:auto; left:50%; margin-left:-371px;}
.rodape .box-contato { margin-right:25px;}
.rodape .menu-rodape {padding: 5px 10px;}
.link_rs {margin-left:0; margin-right:20px; }
/*DIREITOS AUTORAIS*/
.eng-direitos {margin-top:20px;}
.direitos {width:733px; height:43px; left:50%; margin-left:-371.5px; margin-top:}

}

@media only screen and (min-width: 667px) and (max-width: 767px) {
#toTop {display:none !important;}
/*CSS do topo*/
body {background:none;}
#bg_top{z-index:2; height:180px; background:url(imagens/bg-topo2.jpg) repeat-x;}
.topo {width:642px; height:136px; left:50%; margin-left:-321px;}
.logotipo {margin-top:55px; left:50%; margin-left:-156.5px;}
.eng-tel {bottom:-83px; left:50%; margin-left:-121.5px;}
/*CSS MENU HORIZONTAL*/
.bkg-menu-h {width:451px; display:none;}
/*FIM CSS MENU HORIZONTAL*/

/*MENU MOBILE*/
.menu-mob {position:relative; float:left; width:100%; height:43px; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; background:#e0e0e0; display:block;}
.desativa {display:none !important;}
#menu_m{ position:relative; float:left; width:calc(100% - 10px); display:none; padding:5px; background:#f0f0f0; display:none;}
#menu_m ul{width:100%; height:auto; position:relative; float:left; background:none;}
#menu_m ul li{width:100%; padding:10px 0; position:relative; float:left; display:block; text-align:left; border-bottom:1px solid #e0e0e0;}
#menu_m ul li a{ color:#797979; position:relative; float:left; padding:5px; font-size: 15px;}
.bt-menu{position:relative; float:left; width:53px; height:40px; line-height:2.5; background:url(imagens/icon-menu-mobile.jpg) left no-repeat; font-size:16px; margin-top:2px; margin-left:11px; padding-left:23px; color:#1e1e1e; font-weight:600;}
/*FIM MENU MOBILE*/

/*CSS BANNER*/
#bg-banner {width:100%; height:184px; background:url(imagens/bkg-banner.jpg) top center no-repeat;}
.eng-banner{position:relative; float:left; width:100%; height:184px; z-index:2; overflow:hidden; background:#FFF;}
#banner {position:relative; float:left; width:100%; height:100%;}
/*FIM CSS BANNER*/
/*MENU ABAIXO DO BANNER*/
.menu-banner {height:5px;}
.menu-banner ul {display:none;}
/*CSS CONTEUDO DA PÁGINA*/
.conteudo {position:relative; float:left; width:642px; left:50%; margin-left:-321px; }
.conteudo .eng-produtos {width:642px;}
.home {width:100%;}
.home .txt-home {width:100%; margin:20px 0 0 0;}

/*CSS RODAPE*/
#eng-rodape {height:188px;}
.rodape {position:relative; float:left; width:642px; height:auto; left:50%; margin-left:-321px;}
.rodape .box-contato { margin-right:25px;}
.rodape .menu-rodape {padding: 5px 10px;}
.eng-tel-rodape {margin-top:60px;}
.link_rs {margin-left:0; margin-right:20px; }
/*DIREITOS AUTORAIS*/
.eng-direitos {margin-top:20px;}
.direitos {width:632px; height:43px; left:50%; margin-left:-316px; margin-top:}
}

@media only screen and (min-width: 480px) and (max-width: 666px) {	
#bg_top{height:180px; background:url(imagens/bg-topo2.jpg) repeat-x;}
body {background:none;}
.topo {width:455px; height:136px; left:50%; margin-left:-227px;}
.logotipo {margin-top:55px; left:50%; margin-left:-156.5px;}
.eng-tel {bottom:-83px; left:50%; margin-left:-121.5px;}
/*Barra busca site*/

/*MENU MOBILE*/
.bkg-menu-h {display:none;}
.menu-mob {position:relative; float:left; width:100%; height:43px; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; background:#e0e0e0; display:block;}
.desativa {display:block;}
.ativa {display:none !important;}
#menu_m{ position:relative; float:left; width:calc(100% - 10px); display:none; padding:5px; background:#f0f0f0; display:none;}
#menu_m ul{width:100%; height:auto; position:relative; float:left; background:none;}
#menu_m ul li{width:100%; padding:10px 0; position:relative; float:left; display:block; text-align:left; border-bottom:1px solid #e0e0e0;}
#menu_m ul li a{ color:#797979; position:relative; float:left; padding:5px; font-size: 15px;}
.bt-menu{position:relative; float:left; width:53px; height:40px; line-height:2.5; background:url(imagens/icon-menu-mobile.jpg) left no-repeat; font-size:16px; margin-top:2px; margin-left:11px; padding-left:23px; color:#1e1e1e; font-weight:600;}
/*FIM MENU MOBILE*/

/*CSS BANNER*/
#bg-banner {width:100%; height:160px; background:url(imagens/bkg-banner.jpg) top center no-repeat; border-top:1px solid #cbcbcb;}
.eng-banner{position:relative; float:left; width:100%; height:160px; z-index:2; overflow:hidden; background:#FFF; margin-top:0;}
#banner {position:relative; float:left; width:100%; height:100%;}
/*FIM CSS BANNER*/	

.menu-banner {height:5px;}
.menu-banner ul {display:none;}
.conteudo {position:relative; float:left; width:455px; left:50%; margin-left:-227.5px; }

/*CSS RODAPE*/
#eng-rodape {height:318px;}
.rodape {position:relative; float:left; width:405px; height:auto; left:50%; margin-left:-227px;}
.rodape .box-contato { width:455px; margin-right:25px;}
.rodape .menu-rodape {padding: 5px 5px;}
.eng-tel-rodape {margin-top:80px; left:25%;}
.link_rs {margin-left:0; margin-right:20px; }
/*DIREITOS AUTORAIS*/
.eng-direitos {margin-top:20px;}
.direitos {width:455px; height:43px; left:50%; margin-left:-227px; margin-top:160px; text-align:center;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
body {background:none;}
#bg_top{height:270px; height:136px; background:url(imagens/bg-topo2.jpg) repeat-x; z-index:2;}
.topo {width:295px; height:136px; left:50%; margin-left:-147px; background:none;}
.logotipo {width:200px; height:32px; margin-top:38px; left:50%; margin-left:-100px;}
.eng-tel {bottom:-38px; left:50%; margin-left:-121.5px;}
/*MENU MOBILE*/
.desativa {display:block;}
.ativa {display:none !important;}
.bkg-menu-h {display:none;}
.menu-mob {position:relative; float:left; width:100%; height:43px; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; background:#e0e0e0; display:block;}
#menu_m{ position:relative; float:left; width:calc(100% - 10px); display:none; padding:5px; background:#f0f0f0; display:none;}
#menu_m ul{width:100%; height:auto; position:relative; float:left; background:none;}
#menu_m ul li{width:100%; padding:10px 0; position:relative; float:left; display:block; text-align:left; border-bottom:1px solid #e0e0e0;}
#menu_m ul li a{ color:#797979; position:relative; float:left; padding:5px; font-size: 15px;}
.bt-menu{position:relative; float:left; width:53px; height:40px; line-height:2.5; background:url(imagens/icon-menu-mobile.jpg) left no-repeat; font-size:16px; margin-top:2px; margin-left:11px; padding-left:23px; color:#1e1e1e; font-weight:600;}
/*FIM MENU MOBILE*/
/*fim css topo*/

/*CSS BANNER*/
#bg-banner {width:100%; height:160px; background:url(imagens/bkg-banner.jpg) top center no-repeat;}
.eng-banner{height:160px; left:50%; margin-left:-50%; z-index:2; overflow:hidden; background:#FFF; }
#banner {position:relative; float:left; width:100%; height:100%;}
/*FIM CSS BANNER*/	
.menu-banner {height:5px; background-color:#E0E0E0;}
.menu-banner ul {display:none;}
/*CSS CONTEUDO DA PÁGINA*/
.conteudo {position:relative; float:left; width:295px; left:50%; margin-left:-147px;}

/*CSS RODAPE*/
#eng-rodape {height:408px;}
.rodape {position:relative; float:left; width:295px; height:auto; left:50%; margin-left:-147px;}
.rodape .box-contato { width:100%; height:200px; margin-right:0;}
.rodape .menu-rodape {width:100%; text-align:center; padding: 5px 0;}
.eng-tel-rodape {margin-top:200px; left:0; left:60px;}

.link_rs {margin-left:0; margin-right:50px; }
/*DIREITOS AUTORAIS*/
.eng-direitos {margin-top:20px;}
.direitos {width:295px; height:43px; left:50%; margin-left:-147px; margin-top:90px; text-align:center;}

}