@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-color:#f1f1f1; background-image:-webkit-linear-gradient(top, #f1f1f1, #FFF); background-image:linear-gradient(to bottom, #f1f1f1, #FFF);}
div#cabecalho{height:auto;}
div#cabecalho>h1{height:152px; width:300px; position:relative; margin:20px 0; display:-webkit-inline-box; background:url(../lay/logotipo-fretes-e-carretos-irai.png) no-repeat left center; background-size:auto 152px; 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:#00425f; font-size:14px; line-height:25px; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif; border-bottom:3px solid #FFF;}
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;}
.apoio-texto{float:right;margin:50px 40px 0 0; text-align:center;}
.apoio-texto h3{margin-top: 0;font-size: 1.5em;line-height: normal;}
.apoio-texto p,.apoio-texto a{display:inline-block;margin:5px;color:#333!important;}
.apoio-texto p{padding:0;font-size:1em;font-weight: bold;}
body.hom .banner{position:relative; padding:0; height:auto;background:url(../lay/slide_01.jpg) no-repeat center top;background-size:100% auto;}
body.hom .banner #banner{position:relative; display:block; margin:0 auto; padding:0; max-width:980px; height:400px;}
#destaque{display:none;position:relative; padding:15px;margin: 100px 0 0;float: right;background:rgba(0,0,0,0.5); border-radius:10px;}
body.hom #destaque{display:table;}
#destaque h2{font-size:1.4em;}
#destaque h2{margin:10px; padding:0; color: #FFF;display: block;text-align: center;}
#destaque p a.bt-app-whatsapp{background: url(../lay/whats-orcamento.png) no-repeat left center;background-size: 30px;display: table;margin: 0 auto;font-size: 1.3em;font-weight: bold;color: #FFF;padding: 10px 0 10px 35px;}
div#conteudo-main{padding:30px 0;}
body.ctt div#conteudo-main{padding:0;}
div#conteudo{position:relative;}
div#menu{margin:0; min-height:45px; position:relative; overflow:hidden; border-top:1px solid #FFF; border-bottom:1px solid #FFF;background-color: #555;background-image: -webkit-linear-gradient(top, #555, #222);background-image: linear-gradient(to bottom, #555, #222);}
div#menu ul{text-align:center;}
div#menu ul li{display:inline;}
div#menu ul li a{display:inline-block; padding:0 20px; color:#FFF; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif; font-size:17px; line-height:50px; font-weight:normal; position:relative; text-decoration:none;}
div#menu ul li a:hover{color:#222; background:#f8f8f8;}
div#menu ul li.selecao a{color:#222; background:#f8f8f8; 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:#446083; text-transform:uppercase;}
div#principal{position:relative; display:block; padding:45px 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;font-size: 1em;}
div#principal a{color:#222; font-weight:bold;}
div#principal a:hover{color:#728bab;}
div#principal>p a img{margin:0 15px 5px; /*border:1px solid #000;*/}
div#principal>p a img:hover{}
div#principal>ul{margin: 15px 0;display: table;height: auto;}
div#principal>ul{margin: 15px 0;display: table;height: auto;}
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:#00425f; line-height:33px; text-transform:uppercase; font-weight:bold;}
div#principal h2{font-size:28px; margin:5px 0 20px; color:#00425f; line-height:30px; /*text-transform:uppercase;*/ font-weight:bold;}
div#principal h3{font-size:23px; color:#CB970E; margin:10px 0 15px; text-transform:none; font-weight:bold; line-height:27px;}
div#principal h4{margin:20px 0 5px; font-size:19px; color:#093155; line-height:normal; font-weight:bold;}
div#principal h5{color:#444; margin:5px 0; font-weight:bold;}
div#principal h5 a{display:table; margin:10px auto; color:#FFF; font-weight:bold; background-color:#093155; 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:#728bab;}
div#principal h5{font-size:12px;}
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;}
body.exc div#principal{}
body.exc div#principal ul{display:table; position: relative;}
body.exc div#principal>ul li{width: 210px;display: inline-table;margin: 1px;padding: 0;list-style: none;text-align: left;/*background: #f5f5f5;*/}
body.exc div#principal ul#precos{display:block;}
body.exc div#principal ul#precos li{width: auto;display: inline-table;margin: 5px;padding:0 15px;}
#chamadas-destaque{margin-bottom:1px; background:#212121; 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:#F3F3F3;}
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:#00a4e6; 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:#FFF; 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:hover a b{color:#333;}
body.itm div#principal{}
div#itm{font-size:13px; font-weight:bold; margin:20px 0 0;}
div#itm h2{font-size:18px; color:#017B2E; padding:2px 8px 10px 0;}
div#itm ul{padding:0; text-align:left; margin-bottom:20px;}
div#principal div#itm li{display:inline-block; margin:0 15px 15px 0; padding:0; width:450px; background:#FCC542; text-align:left; vertical-align:top;}
div#principal div#itm li:hover{background:#264983;}
div#principal div#itm ul li:nth-child(3n+1){border-left:none;}
div#itm li a{margin:0; padding:10px; display:inline-block; height:85px; text-align:left;}
div#itm h4{margin-bottom:15px;}
div#itm li:hover a{text-decoration:none;}
div#itm li a span img{position:absolute; width:110px; height:auto; margin:-21px 0 0; display:block; border:1px solid #FFF;}
div#itm li:hover a span img{border:1px solid #FFF;}
div#itm li a strong{color:#264983; display:block; padding:0 0 0 125px!important; margin:0; font-size:16px; font-weight:bold;}
div#itm li:hover a strong{color:#FFF;}
div#itm li a span{display:block; padding:0;}
div#itm li a span span{color:#333; margin:0; padding:1px 0 0 125px!important; cursor:pointer; display:block; float:left; font-size:14px; font-weight:normal; line-height:1.5em;}
div#itm li:hover a span span{color:#FFF;}
body.psp div#principal h2{padding:2px 0 0;margin:5px 0;}
div#psp{width:370px;font-size:14px;font-weight:bold;margin-right:auto;margin-left:auto;float:right;padding-top:5px;padding-bottom:5px;background:#EFF3F8;}
div#psp ul{padding:0;text-align:center;}
div#psp li{display:inline;margin:0 5px;padding:0;width:175px;float:left;}
div#psp li a{display:block;color:#000;padding:5px;margin:0 0 2px;font-size:13px;}
div#psp li a:hover{color:#0094d3;text-decoration:none;}
div#psp li a span img{width:120px;height:90px;margin:2px 0;padding:0;border:1px solid #93AED0;}
div#psp li a:hover span img{border:1px solid #3B70AE;}
div#psp li a span{display:block;padding:2px 3px 0 0;}
div#psp li span span{font-size:13px;color:#000;margin:0;padding:0!important;height:49px;cursor:pointer;line-height:15px;font-weight:normal;display:none;}
div#itm_home{margin:0 0 40px 0;width:100%;float:left;}
div#itm_home h3{font-weight: bold;font-size:22px;color: #093155;border-top: 2px solid #E2E2E2;padding:10px 0 15px 0;}
div#itm_home ul{margin:0px;padding:0px;}
div#itm_home li{background:url(../lay/bullet.jpg) no-repeat left 10px;padding:0 0 0 10px;margin:0 0 3px 0;line-height:20px;width:235px;float:left;}
div#itm_home li a{display:block;padding:5px 0px 0px;}
div#itm_home li a strong{display:block;padding:0 0 0 15px;color:#000;font-weight: normal;font-size: 13px;}
div#itm_home li a:hover,div#itm_home li a:hover strong{color:#0094d3;text-decoration:none;}
div#itm_home li a span{display:none;}
div#itm_home li a span img{width:80px;height:60px;margin:0 15px 0 6px;float:left;border:1px solid #EA771E;display:none;}
div#itm_home li a:hover span img{}
div#itm_home li a span span{color:#0094d3;cursor:pointer;font-size:11px;font-weight:normal;padding:0px 10px 0px 0px;line-height: 16px;display:none;}
div#itm_home li a:hover span span{color:#1B4B20;}
div.padrao form{width:340px; float:right;}
div.padrao form button{border:none; color:#FFF; background:#446083; 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/phone2.png) no-repeat 6px 1px; background-size:18px 18px; padding-left:31px !important;}
.mail2{background:url(../lay/mail.png) no-repeat 6px 1px;background-size:18px 18px;padding-left:31px!important;}
.phone2{background:url(../lay/phone.png) no-repeat 6px 1px;background-size:18px 18px;padding-left:31px!important;}
#rodape .mail2{background:url(../lay/mail.png) no-repeat 6px 1px; background-size:18px 18px; padding-left:31px !important;}
#rodape .phone2{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:18px 18px; padding-left:29px !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:auto; height:20px; text-transform:uppercase; font-size:1em; 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 #728bab;}
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.instagram{background-position:-280px 0 !important;}
div.social ul li a.facebook, div.social ul li a.instagram{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 #FFF; 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; font-size:16px; color:#FFF;}
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 div#apoio .apoio-contatos a{color:#FFF;}
div#rodape{margin-top:0; padding:10px 0; text-align:center; background:#00425f; position:relative;}
div#rodape p{color:#FFF; font-size:12px; margin:0 auto;}
div#rodape a{color:#DDD; 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;}
@media screen and (max-width:1300px){
	body.hom .banner #banner{height:360px;}
}
@media screen and (max-width:1200px){
	body.hom .banner{height: 285px;background-size: 100% auto;background-position: right center;}
	body.hom .banner #banner{height:285px;}
}