@charset "utf-8";
/* CSS Document */
body{color:#333;background:#004078 url(../lay/topo_site.jpg) no-repeat center top;font-size:13px;font-family:Arial, Helvetica, sans-serif;line-height:150%;}
h1,h2,h3,h4,h5,h6{color:#004078;margin:0 0 15px 0;font-family:"Segoe UI", Arial, Helvetica, sans-serif;font-weight:normal;}
h1{font-size:30px;margin:0 0 25px 0;}
h2{font-size:20px;padding:20px 0 0 0!important;margin:0 0 10px 0;color:#005377;}
h3{font-size:17px;margin:10px 0 0 0;color:#222;font-weight:bold;}
h4{font-size:15px;}
h5{font-size:13px;}
h6{font-size:11px;}
.limpar{clear:both;font-size:0;line-height:0;height:0;}
.direita{float:right!important;}
.esquerda{float:left!important;}
.centralizar{text-align:center!important;}
img.direita{float:right;margin:0 0 10px 20px;}
img.esquerda{float:left;margin:0 20px 10px 0;}
div#slides{width:900px;height:315px;position:relative;z-index:1;border-bottom:1px solid #ccc;}
div#slides p{margin:0!important;padding:0!important;}
div#slides p img{display:none;}
div#slides p a{border:0;display:block;}
div#slides p .nivo-controlNav{position:absolute;right:0;top:3px;}
div#slides p .nivo-controlNav a{display:block;width:22px;height:22px;background:url(../lay/slider/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
div#slides p .nivo-controlNav a.active{background-position:0 -22px;}
div#slides p .nivo-directionNav a{display:block;width:30px;height:30px;background:url(../lay/slider/arrows.png) no-repeat;text-indent:-9999px;border:0;}
div#slides p a.nivo-nextNav{background-position:-30px 0;right:15px;}
div#slides p a.nivo-prevNav{left:15px;}
div#slides p .nivo-caption{text-shadow:none;font-family:Helvetica, Arial, sans-serif;}
div#slides p .nivo-caption a{color:#efe9d1;text-decoration:underline;}
div#container{width:900px;margin:10px auto;position:relative;}
div#topo{position:relative;}
div#cabecalho{height:100px;display:block;}
div#cabecalho div.apoio{position:absolute;width:230px;right:50px;top:10px;height:80px;overflow:hidden;}
div#cabecalho div.apoio *{color:#000;font-size:20px;line-height:25px;text-align:left;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
div#cabecalho h2{width:355px;height:76px;position:absolute;top:10px;left:30px;margin:0!important;padding:0!important;}
div#cabecalho h2 a{background:url(../lay/logo-brazilian-center.png) no-repeat center top;display:block;text-indent:-9999px;width:100%;height:100%;}
div#cabecalho h2 a img{display:none;}
.whats, .phone{background:url(../lay/whats.png) no-repeat left center;background-size:20px 20px !important;padding:0 0 0 23px;}
.phone{background:url(../lay/phone.png) no-repeat left center;}
div#menu{height:30px;background:#222;padding:3px 0;position:relative;}
div#menu ul{text-align:center;}
div#menu ul li{display:inline-block;}
div#menu ul li.current a{color:#fff!important;}
div#menu ul li.back{background:#00618F;width:10px;height:30px;z-index:8;position:absolute;top:3px;}
div#menu ul li.back .left{background:#00618F;height:30px;}
div#menu ul li a{text-decoration:none;color:#FFF;outline:none;top:0;z-index:10;display:inline-block;position:relative;overflow:hidden;margin:0 10px;padding:5px 5px 0;height:20px;font-family:"Segoe UI", verdana, Arial;font-size:20px;line-height:18px;text-align:center;}
div#menu ul li a:hover,
div#menu ul li a:active{border:none;}
div#conteudo{padding:0;background:#fff;}
div#principal{width:860px;margin:20px;float:left;min-height:150px;}
div#principal ul{margin:15px 0;}
div#principal li,
div#principal ul li ul li{font-size:12px;line-height:140%;padding:0 0 0 5px;display:list-item;}
div#principal li{margin:0 0 0 25px;list-style:disc;}
div#principal p {margin:0 0 15px;}
div#principal a{color:#004078;font-weight:bold;}
div#principal a:hover{color:#000;text-decoration:underline;}
div#principal img{margin:5px;border:none;}
div#principal hr{background:#E6E6E6;border:1px solid #E6E6E6;clear:both;margin:10px 0!important;height:1px;}
body.itm{text-align:center;}
div#itm{clear:both;position:relative;display:block;font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif!important;}
div#itm ul{position: relative;display: table;padding: 10px 0 30px;text-align: center;height: auto;width: 100%;}
div#itm ul li{float: none;margin: 0 auto;list-style: none;display: inline-table;vertical-align: top;}
div#itm ul li a, div#itm ul li a *{cursor:pointer;}
div#itm ul li>a{margin:0 10px 10px 0;padding:1px;display:inline-block;border:1px solid #CCC;width:230px;height:220px;/*height:130px;*/text-align:center;}
div#itm ul li a:hover{text-decoration:none;/*background:#F3F3F3;*/}
div#itm ul li a span img{display:block;margin:10px auto 0;width:120px;height:auto;border:1px solid #CCC;}
div#itm ul li a:hover span img{border:1px solid #CCC;}
div#itm ul li a strong{padding:10px;color:#FFF;display:block;font-size:15px;font-weight:bold;font-family:'Open Sans', sans-serif;background:#333;}
div#itm ul li a:hover strong{background:#1c678f;}
div#itm ul li a span{display:block;}
div#itm ul li a span span{color:#666;font-size:12px;font-weight:normal;line-height:14px;padding:5px 10px 10px;/*padding:10px;*/}
div#itm ul li a:hover span span{color:#333;}
body.exc div#principal p,
body.exc div#principal div.collaps{display:none;}
body.exc div#principal>div.collaps{padding:15px 0 0 35px;}
body.exc div#principal>div p{display:block;}
body.exc div#principal h2{cursor:pointer;background-image:url(../lay/mais.gif);background-repeat:no-repeat;background-position:10px center;padding:3px 0 3px 26px!important;margin:10px 0 0 0;font-size:15px;color:#005377;}
body.exc div#principal h2.aberto{background-image:url(../lay/menos.gif)!important;}
body.exc div#principal h2.hover{background:#ECEDFF;cursor:pointer;background-image:url(../lay/mais.gif);background-repeat:no-repeat;background-position:10px center;padding:3px 0 3px 26px;margin:10px 0 0 0;color:#000;}
body.exc div#principal div.base{padding:0 0 15px;display:none!important;}
body.exc div#principal div.base a{display:inline-block;padding:3px 7px;border:1px solid #666;font-size:10px;background:#FFF;color:#666!important;text-decoration:none;}
body.exc div#principal div.base a:hover{background:#999;color:#FFF!important;}
div#chamadas{display:none;}
body.hom div#chamadas{background:#FBF9F9;width:860px;margin:-15px 20px 0 20px;padding:10px 0;position:relative;border:4px solid #EFEFEF;z-index:2;display:block;}
div#chamadas ul{padding:0 0 0 5px;}
div#chamadas li{width:240px;float:left;padding:0 15px;margin:0;}
div#chamadas ul li:nth-child(2){border-left:solid 1px #CCC;border-right:solid 1px #CCC;}
div#chamadas li span{display:block;width:240px;margin:5px auto;padding:0;text-indent:-9999px;height:100px;border:2px solid #FFF;}
div#chamadas ul li:first-child,
div#chamadas ul li:last-child{margin:0 10px!important;}
div#chamadas ul li a#chamadas_1 span{background:url(../lay/img_box_01.jpg) no-repeat center center;}
div#chamadas ul li a#chamadas_2 span{background:url(../lay/img_box_02.jpg) no-repeat center center;}
div#chamadas ul li a#chamadas_3 span{background:url(../lay/img_box_03.jpg) no-repeat center center;}
div#chamadas ul li a{display:block;width:100%;padding:0;text-decoration:none;cursor:pointer!important;}
div#chamadas ul li a strong{display:block;padding:0 5px;margin:0 0 8px;text-align:center;color:#222;font-size:17px;line-height:18px;font-weight:normal;}
div#chamadas ul li a:hover strong{color:#000;}
div#chamadas ul li a b{color:#333;text-decoration:none;display:block;margin:0px 5px;text-align:center;font-family:Tahoma, Geneva, sans-serif;font-size:11px;line-height:15px;font-weight:normal;}
div#chamadas ul li a:hover b{color:#000;}
ul#representantes{}
ul#representantes li{float:left;display:block;padding:5px 12px 10px;margin:0 10px 10px 0;width:245px;list-style:none;background:#FAFAFA;border:1px solid #DDD;border-bottom:3px solid steelblue;}
ul#representantes li h3{margin:10px 0}
ul#representantes li p{margin:0;padding:0 0 3px;}
ul#representantes li p:last-child{margin:5px 0 0;}
ul#representantes li p:last-child a{margin: 0 5px 0 0;padding: 5px 0 3px 24px;}
div#rodape{padding:5px 0;text-align:center;clear:both;background:#222;}
div#rodape p{color:#fff;padding:5px 0 5px 20px;margin:0;text-align:center;font-size:11px;font-family:Arial, Helvetica, sans-serif;}
div#rodape a{color:#fff;padding:0;}
div#rodape a:hover{color:#fff;text-decoration:underline;}