@charset "utf-8";
/* CSS Document */
/* FFFFFF/texto:333333/coluna:EEEEEE/bg:CCCCCC/verde:#ffcc29/azul:003399 */
body{color:#222; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif; font-size:15px; line-height:21px; background-color:#FFF;}
.container{width:980px; margin:0 auto; position:relative;}
div#topo{position:relative; z-index:2; background:#F1F1F1;}
div#cabecalho{height:auto;}
div#cabecalho>h1{height:137px; width:325px; position:relative; margin:25px 0; display:block; background:url(../lay/logotipo-portolog.png) no-repeat left center; background-size:auto 137px; text-align:left; z-index:2;}
div#cabecalho>h1 a{display:block; text-indent:-9999px; height:100%; width:100%;}
div#cabecalho>h1 a img{display:none;}
div#apoio{display:table; position:relative; padding:0; width:100%; height:auto; color:#FFF; background-color:#e55b12; font-size:15px; line-height:25px; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif;}
div#apoio .apoio-contatos{display:block; padding:5px 0; text-align:right;}
div#apoio .apoio-contatos a{color:#FFF;}
div#apoio .apoio-contatos p:first-child{display:inline; border-left:none;}
div#apoio .apoio-contatos p{display:inline; margin-left:5px;}
/*div#topo div#apoio .apoio-contatos .phone, div#topo div#apoio .apoio-contatos .whats{display:none;}*/
.apoio-texto{position:absolute; top:-10px; right:0; width:initial; height:auto; background-color:#FFF; border:2px solid gray; border-radius:10px;}
.apoio-texto h2, .apoio-texto div{float:right; display:block; top:5px; right:0; padding:15px; font-size:1em; text-align:center; line-height:normal;}
.apoio-texto h2 .bandeiras{display:block; margin:0 auto; width:190px; height:95px; background:url(../lay/cartao.png) no-repeat center bottom;}
.apoio-texto div{padding:5px 10px; color:#FFF; background-color:#033f73; border-radius:0 8px 8px 0;}
.apoio-texto div p{margin-top: 11px; margin-bottom:5px;}
.apoio-texto div a{display:block; margin:1px; width:230px; line-height:1.1em; font-weight:bold; color:#ffcc29;}
.apoio-texto div a.whats{font-weight: normal; display: initial;color: #FFF;}
body.hom .banner {
    position: relative;
    padding: 5px 0 0;
    height: auto;
    background: #033f73 url('../lay/oi.jpg') no-repeat center bottom;
    background-size: 100% auto;
}
body.hom .banner #banner{display:block; margin:0 auto; padding:0; max-width:980px; height:280px; background:url() no-repeat left top; z-index:10;}
body.hom .banner img{width:980px!important; height:auto!important;}
.banner #slogan{display:none;}
body.hom .banner #slogan{position:relative; display:block; background:#033f73;}
body.hom .banner #slogan h2{margin:0 auto; padding:15px 0; color:#FFF; width:980px; text-align:left;}
div#menu_lateral{float:none; padding:5px 0; width:100%; text-align:center; background:#033f73;}
div#menu_lateral ul{margin:0 auto; padding:20px 0 15px; font-weight:bold; width:980px; text-align:left;}
div#menu_lateral ul li{display:inline-table; margin:0 0 5px; padding:10px; width:300px; color:#FFF; font-size:1em; cursor:default; background:#FFF url(../lay/bg_menu_lateral_02.jpg) no-repeat 10px center; border-right:3px solid #033f73;}
div#menu_lateral ul li:first-child{background:#FFF url(../lay/bg_menu_lateral_01.jpg) no-repeat 10px center;}
div#menu_lateral ul li:last-child{background:#FFF url(../lay/bg_menu_lateral_03.jpg) no-repeat 10px center;}
div#menu_lateral ul li a{display:inline-block; padding:5px 0 5px 80px; text-indent:0; color:#DA7C08; font-weight:normal; line-height:1.2em;}
div#menu_lateral ul li a strong{display:block; margin-bottom:5px; color:#245F8C; text-transform:uppercase;}
div#menu_lateral ul li a:hover{color:#000; text-decoration:none;}
div#menu_lateral ul li a span img, div#menu_lateral ul li span span{display:none;}
body.hom div#menu_lateral{float:right; width:initial; background:none;}
body.hom div#menu_lateral ul{padding:10px 0px 0px 5px; font-weight:bold; width:332px; z-index:15;}
body.hom div#menu_lateral ul li{cursor:default; color:#FFF; margin:0 0 5px; padding:5px; font-size:1em; background:#FFF url(../lay/bg_menu_lateral_02.jpg) no-repeat 10px center; border-right:3px solid #033f73;}
body.hom div#menu_lateral ul li:first-child{background:#FFF url(../lay/bg_menu_lateral_01.jpg) no-repeat 10px center;}
body.hom div#menu_lateral ul li:last-child{background:#FFF url(../lay/bg_menu_lateral_03.jpg) no-repeat 10px center;}
body.hom div#menu_lateral ul li a{display:block; padding:5px 0 5px 80px; text-indent:0; color:#DA7C08; font-weight:normal; line-height:1.2em;}
body.hom div#menu_lateral ul li a strong{display:block; margin-bottom:5px; color:#245F8C; text-transform:uppercase;}
body.hom div#menu_lateral ul li a:hover{color:#000; text-decoration:none;}
body.hom div#menu_lateral ul li a span img, div#menu_lateral ul li span span{display:none;}
div#conteudo-main{margin:0 0 5px; padding:30px 0; background-color:#FFF;}
body.ctt div#conteudo-main{padding:0;}
div#conteudo{position:relative;}
div#menu{margin:0; /*margin-bottom:30px;*/ background:#033f73/*#444*/; min-height:45px; position:relative; overflow:hidden; border-top:1px solid #FFF; border-bottom:1px solid #FFF;}
div#menu ul{text-align:center;}
div#menu ul li{display:inline;}
div#menu ul li a{display:inline-block; padding:0 15px; color:#FFF; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif; font-size:18px; line-height:50px; font-weight:bold; position:relative; text-decoration:none; text-transform:uppercase;}
div#menu ul li a:hover{color:#222; background:#ffcc29;}
div#menu ul li.selecao a{color:#222; background:#ffcc29; line-height:50px;}
/*! responsive-nav.js 1.0.39 by @viljamis */
.nav-collapse ul{margin:0; padding:0; width:100%; display:block; list-style:none;}
.nav-collapse li{width:100%; display:block;}
.js .nav-collapse{clip:rect(0 0 0 0); max-height:0; position:absolute; display:block; overflow:hidden; zoom:1;}
.nav-collapse.opened{max-height:9999px;}
.nav-toggle{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; display:block; padding:0; color:#FFF; width:100%; font-family:'Open Sans', sans-serif; font-size:14px; line-height:45px; font-weight:bold; position:relative; text-decoration:none; text-align:center; background-color:#444; text-transform:uppercase;}

div#principal{position:relative; display:block; padding:0; max-width:100%;}
body.ctt div#principal{float:left; max-width:530px; padding:30px 0;}
body.ctt div#conteudo #container{max-width:80%; padding:0 !important;}
div#principal p{margin:0 0 15px;}
div#principal a{color:#222; font-weight:bold;}
div#principal a:hover{color:#e55b12;}
div#principal>p a img{margin:0 5px 5px 5px; border:1px solid #000;}
div#principal>p a img:hover{}
body.exc div#principal> table p a img{margin:0 5px 0 0;}
body.exc table{float:left; width:420px !important; margin-right:20px !important; padding:0; background:#EFEFEF; border:1px solid #00aeef; text-align:left;}
body.exc table tr, body.exc table td{border:0; padding:0;}
body.exc table tr td{position:relative; padding:10px; border:0;}
body.exc table tr td p{margin:0 !important; padding:10px; width:100%;}
body.exc table tr:first-child td{width:160px; padding:0;}
body.exc table tr:first-child td:last-child{width:auto; height:113px; padding:0; border-left:1px solid #1c678f;}
body.exc table tr:last-child td{display:block; padding:0;}
body.exc table tr td a{position:relative; display:block; margin:0; padding:5px; background:#FFF;}
body.exc table tr:last-child td a{position:relative; display:block; margin:0 auto; padding:15px 0; color:#FFF !important; font-size:1em; font-weight:bold; text-align:center; text-transform:uppercase; background:#1c678f; text-decoration:none;}
body.exc table tr:last-child td a:hover{background:#a8cf45;}
body.exc caption{width:100% !important; padding:10px 0; color:#FFF; background:#1c678f; font-weight:bold;}
body.exc table img{width:100% !important; height:auto !important; margin:0; padding:0;}
div#principal>ul{margin:15px 0;}
div#principal>ul li, div#principal>ul li ul li{display:list-item;}
div#principal>ul li{margin:0 0 0 35px; list-style:disc;}
div#principal>ul li ul li{margin:0 0 0 15px; list-style:circle;}
div#principal>ul li ul{margin:2px 0;}
div#principal h1,div#principal h2,div#principal h3,div#principal h4,div#principal h5,div#principal h6{color:#FFF; margin:5px 0 10px; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif; font-weight:normal;}
div#principal h1{font-size:30px; margin:5px 0 20px; color:#007a47; line-height:33px; text-transform:uppercase; font-weight:bold;}
div#principal h2{font-size:25px; color:#e55b12; margin:10px 0 15px; text-transform:uppercase; font-weight:bold; line-height:30px;}
div#principal h3{margin:20px 0 5px; font-size:18px; color:#00425f; line-height:normal; font-weight:bold;}
div#principal h4{color:#245F8C; margin:15px 0 0; font-weight:bold;}
div#principal h4 a{display:table; margin:10px auto; color:#FFF; font-weight:bold; background-color:#033f73; padding:10px 20px; border-radius:5px; text-transform:uppercase; text-align:center;}
body.hom div#principal h4 a{margin:0; text-align:left;}
div#principal h4 a:hover{color:#FFF; background-color:#e55b12;}
div#principal h5{color:#444;font-size:14px; font-weight: bold;}
div#principal h6{font-size:10px;}
div.coluna hr, div#principal hr{border:none; border-top:1px solid #CCC; clear:both; margin:20px 0;}
div#principal>a{font-weight:bold; color:#007a47;}
div#principal table{margin:0 auto;}
#chamadas-destaque{margin-bottom:30px; background:#F3F3F3; display:none;}
footer #chamadas-destaque{display:block;}
div#chamadas{}
div#chamadas ul{margin:0 auto; width:100%; height:auto; right:auto; padding:20px 0px; position:relative; display:table;}
div#chamadas ul li{display:inline-block; margin:0 auto; padding:15px 9px; max-width:31%; height:120px; border-left:1px dashed #CCC; background:none;}
div#chamadas ul li:hover{background:#FFF;}
div#chamadas ul li:first-child{margin:0; border:none;}
div#chamadas ul li a{display:block; padding:0 10px;}
div#chamadas ul li a span{height:95px; width:80px; display:block; text-indent:-9999px; float:left; border:none; margin:10px 0 0; background-size:80px auto!important;}
div#chamadas ul li a:hover span{}
div#chamadas ul li._1 a span, div#chamadas ul li._4 a span{background:url(../lay/img_box_01.png) no-repeat center top;}
div#chamadas ul li._2 a span, div#chamadas ul li._5 a span{background:url(../lay/img_box_02.png) no-repeat center top;}
div#chamadas ul li._3 a span, div#chamadas ul li._6 a span{background:url(../lay/img_box_03.png) no-repeat center top;}
div#chamadas ul li a strong{color:#00425f; text-decoration:none; display:block; font-size:16px; float:right; width:186px; height:25px; text-align:left; margin:5px; text-transform:uppercase;}
div#chamadas ul li a:hover strong{}
div#chamadas ul li a b{font-size:14px; color:#666; text-decoration:none; display:block; line-height:17px; font-weight:normal; float:right; width:186px; padding:0; text-align:left; margin:0 5px;}
div#chamadas ul li a:hover b{}
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;}
div#itm ul li{display:inline-table; margin:0 auto; height:auto; 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; text-align:center;}
div#itm ul li a:hover{text-decoration:none; background:#F3F3F3;}
div#itm ul li a span img{margin-top:12px; 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:#033f73;}
div#itm ul li a:hover strong{background:#e55b12;}
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;}
div#itm ul li a:hover span span{color:#333;}
div#psp{clear:both;}
div#psp h3{text-align:center;}
div#psp ul{padding:10px 0 0; text-align:center;}
div#psp ul li{display:inline;}
div#psp ul li a{margin:0 0 3px; padding:3px 10px; display:inline-block; border:1px solid #CCC; text-align:center; color:#1c678f; width:215px;}
div#psp ul li a:hover{text-decoration:none; border:1px solid #1c678f;}
.psp h2{text-align:center;}
div.padrao form{width:340px; float:right;}
div.padrao form button{border:none; color:#FFF; background:#444; text-transform:uppercase; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif; font-size:14px;}
div.padrao form button:hover{background:#00425f;}
div.padrao{float:right; display:block; position:relative; padding:30px; width:320px; margin-bottom:20px;}
div.padrao form{width:100%; float:none; padding:0; display:block;}
div.padrao form fieldset{width:100%;}
div.padrao form fieldset legend{display:block; padding:5px 0; margin:0; float:right; font-size:13px;}
div.padrao form label strong{max-width:85px; clear:both; margin:0; padding:5px; font-size:14px;}
div.padrao form label:nth-child(12) strong{float:right; display:block; max-width:100%; line-height:30px; padding:0; height:29px;}
div.padrao form input, div.padrao form select, div.padrao form textarea{float:right; padding:5px; width:210px;}
div.padrao form select{clear:both; float:right; padding:5px; width:170px;}
div.padrao form span.exibicao{display:block; width:100%; text-align:right; font-size:11px; line-height:30px; color:#FFF; padding:0; position:relative; clear:both;}
div.padrao form div{display:inline-block; margin:10px 0; padding:0; float:right;}
.lista-otimizada li{; display:inline-table !important; margin-left:0!important; width:300px;}
.whats{background:url(../lay/whats.png) no-repeat 6px 1px; background-size:18px 18px; padding-left:31px !important;}
.mail{background:url(../lay/mail.png) no-repeat 6px 1px; background-size:18px 18px; padding-left:31px !important;}
.phone{background:url(../lay/phone.png) no-repeat 6px 1px; background-size:18px 18px; padding-left:31px !important;}
div#topo .whats, div#topo .mail, div#topo .phone{background-size:20px 20px; padding-left:30px !important;}
body.ctt div#principal .whats, body.exc div#principal .whats{background-position:right; background-size:19px 19px; padding-left:0 !important; padding-right:23px;}
div.social{margin:0; padding:0;}
div.social ul{margin:0; padding:0; text-align:center;}
div.social ul li{display:block; margin:0; padding:0; width:37px; height:37px; float:left;}
div.social ul li.siga{margin:0; padding:6px 0; width:160px !important; height:20px; text-transform:uppercase; font-size:12px; font-weight:bold;}
div.social ul li a{margin:0; padding:0; background:url(../lay/redes_sociais_hover.png) no-repeat center center; display:inline-block; height:35px; width:35px; background-size:auto 35px; border:1px solid #e55b12;}
div.social ul li a:hover{background:url(../lay/redes_sociais.png) no-repeat center center; border:1px solid #FFF;}
div.social ul li a.facebook{background-position:0 0;}
div.social ul li a.linkedin{background-position:-35px 0;}
div.social ul li a.googleplus{background-position:-70px 0;}
div.social ul li a.twitter{background-position:-105px 0;}
div.social ul li a.wordpress{background-position:-140px 0;}
div.social ul li a.youtube{background-position:-175px 0;}
div.social ul li a.behance{background-position:-210px 0;}
div.social ul li a.pinterest{background-position:-245px 0;}
div.social ul li a.instagram{background-position:-280px 0 !important;}
div.social ul li a.vimeo{background-position:-315px 0;}
div.social ul li a.facebook, div.social ul li a.linkedin, div.social ul li a.googleplus, div.social ul li a.twitter, div.social ul li a.wordpress, div.social ul li a.youtube, div.social ul li a.behance, div.social ul li a.pinterest, div.social ul li a.instagram, div.social ul li a.vimeo{background-size:auto 35px;}
#topo div.social, #topo div.apoio-social{float:left; margin:0; padding:0;}
div#rodape div#apoio{background:none; border-bottom:1px dashed #DDD; margin-bottom:10px;}
div#rodape div.social ul li{float:none; display:inline; width:100%;}
div#rodape div.social ul li.siga{display:inline-block; vertical-align:top; padding:6px 0; width:220px !important; font-size:16px;}
div#rodape div.social ul li a{margin:0; background:url(../lay/redes_sociais.png) no-repeat center center; background-size:auto 35px; border:1px solid #FFF;}
div#rodape div.social ul li a:hover{background:url(../lay/redes_sociais_hover.png) no-repeat center center;}
div#rodape div#apoio .apoio-contatos{float:none; display:inline-block; text-align:center; padding:0 0 10px 0;}
div#rodape div#apoio .apoio-contatos p{border-left:none; font-size:14px;}
div#rodape{margin-top:10px; padding:10px 0; text-align:center; background:#e55b12; position:relative;}
div#rodape p{color:#FFF; font-size:12px; margin:0 auto;}
div#rodape a{color:#EEE; margin:0 0 10px;}
div#rodape div.menu ul{text-align:center;}
div#rodape div.menu ul li{display:inline;}
div#rodape div.menu ul li a{display:inline-block; padding:0 2px 0 5px; margin:0; line-height:12px; border-left:solid 1px #EEE;}
div#rodape div.menu ul li:first-child a{border:none;}
form#form fieldset{border-style:none;}
form#form legend{position:relative; height:30px; font-weight:normal; padding:0 0 0 10px;}
form#form table{width:100%;}
form#form table tr th{font-size:15px; padding:2px 0 2px 20px; text-align:left; color:#000; background:#F58220; line-height:26px; font-weight:bold;}
form#form table tr td table{border-top:1px dashed #FFF;}
form#form table tr td table tr th{padding:2px 0; text-align:center; color:#000; background:#F5F5F5; border:none; text-transform:none; font-style:normal;}
form#form table tr td table tr th label{padding:0 5px; font-weight:normal!important;}
form#form table tr td table tr td{padding:1px; text-align:center;}

#whatsapp-flutuante{position:fixed;display:flex;z-index:2000;width:70px;height:70px;right:35px;bottom:25px;}
#whatsapp-flutuante .whats-float{display:table;width:70px;height:70px;}
#whatsapp-flutuante .whats-float .whats-orcamento{display:table;padding:10px;width:55px;height:55px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;background:forestgreen url(../lay/whats-orcamento.png) no-repeat center center;background-size:45px 45px;text-decoration:none;opacity:0.8;transform:scale(0.9);-o-transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;}
#whatsapp-flutuante .whats-float .whats-orcamento:hover{opacity:1;transform:scale(1);}
@media screen and (min-width:1560px){
div#topo{background-size:100% auto;}
}
@media screen and (max-width:590px){
	#whatsapp-flutuante{position:fixed;display:flex;z-index:2000;width:60px;height:60px;right:15px;bottom:15px;}
	#whatsapp-flutuante .whats-float{display:table;width:60px;height:60px;}
	#whatsapp-flutuante .whats-float .whats-orcamento{display:table;padding:5px;width:55px;height:55px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;background:forestgreen url(../lay/whats-orcamento.png) no-repeat center center;}
}