@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------------------
Web Design and code by Felipe Cardoso
Version: beta
Author: Felipe Cardoso 
Author URL: www.fecar.com.br
Preserve a natureza, ajude fazendo a sua parte!
-------------------------------------------------------------------*/

*{margin:0;padding:0;}
body, body.int{background:#23557d url('../img/bgpg-y.png') repeat-y center;margin:0;padding:0;font-family: Arial, Helvetica, sans-serif;font-size:62.5%;}
body.int{background:#23557d url('../img/bgpg-int-y.png') repeat-y center;}

ul{list-style:none;}
img{border:0;}
span{display: none;}
a{text-decoration:none; cursor:pointer;}
/*a:hover{text-decoration: underline;}*/
a::-moz-focus-inner{border:0;}
a:focus{outline:0;}
.clear {clear:both}

/* base */
.bg-capa {background:#23557d url('../img/bgpg.jpg') top center no-repeat; margin:0 auto 0; width:100%; min-height:1060px;}
.bg-int {background: url('../img/bgpg-int.jpg') top center no-repeat;width:100%;margin:0 auto; min-height:830px;}
.interna{background:#063f82 url('../imagens/fundo_interna.gif') top center no-repeat;}
.container, .rodape_content{width:960px;margin:0 auto;}
.header{ }

/* header */
h1 {margin:13px 0 0 180px;background:url('../img/Atua.png') no-repeat;display:block;width:162px;height:140px;float:left;}
h1 a {width:162px;height:140px; display:block; text-indent:-9999px;}

h1.logoint {margin:8px 0 0 180px;background:url('../img/Atua-int.png') no-repeat;display:block;width:116px;height:93px;float:left;}
h1.logoint a {width:116px;height:93px; display:block; text-indent:-9999px;}

.destaquetopo, .destaquetopo-int {width:570px;height:160px; float:left; margin-left:10px; text-align:right;}

.destaquetopo-int {text-align:right; padding:12px 6px 0 6px;height:100px;}
.destaquetopo-int ul {margin-top:0; width:100px; float:right;}
.destaquetopo-int ul li a{ list-style:none;width:95px; height:32px;display:block;margin:6px;}
.maisfrota, .maisfrete {display:block; margin-bottom:5px;color:#044a90;}
.maisfrota {background: url('../img/MaisFrota-topo.png') left no-repeat; width:95px; height:32px;}
.maisfrete {background: url('../img/MaisFrete-topo.png') left no-repeat; width:95px; height:32px;}

.destaquetopo-int .maisfrotatopo {background: url('../img/MaisFrota-topo.png') left no-repeat; width:95px; height:32px;margin:0; }
.destaquetopo-int .maisfrotatopo a {width:95px; height:32px; display:block; text-indent:-9999px; }

/* parceiros */
div.parceiros{height:98px;margin-top:75px;}
div.parceiros p{color:#7cabf7;font-size: 1.1em;margin:-13px 0 0 25px;float:left;}

/* conteudo */
.conteudo {width:805px;float:left;padding:0;min-height: 500px;}
.conteudo-int {width:800px;float:left;padding:0;min-height: 500px;}
.menu, .menu_interna {width:153px;min-height:310px;float:left;font-family:Arial, Helvetica, sans-serif, Tahoma;font-size:14px;margin:8px 0 0 -1px; }

.news {width:140px; height:151px;float:left;margin:62px 0;background:url('../img/bg-news.png') no-repeat;}
.news p {font-size:11px;color:#0e1367;margin:0; font-weight:normal; text-align:center; line-height:12px;}
.news h2.h2informativo {font-size: 14px;margin:10px 0 5px 35px;color:#101346;}
.news form {margin:0 0 0 10px;float:left;}
.news label {color:#87d690;font-size:11px}
.news .botao {margin-right:4px;background:url('../img/bg_botao.gif') no-repeat;background-position: 0 1px; *background-position:0 0; width:70px; height:22px;  color:#000; cursor:pointer;border: 0;}
.news .txt {background:url('../img/bg_txt.gif') no-repeat;border:none;height:19px;color:#000; padding:3px 0 0 6px;width:118px;}

.conteudo_topo{width:100%;height:16px;}
.conteudo_centro{background:#FFF;}
.conteudo_esquerda{width:567px;margin-left:16px;float:left;}
.conteudo_direita{width: 331px;margin-left:610px;height:320px;}

/* destaque meio capa */
.colesq {float: left;padding: 14px 0;width: 480px; text-decoration:none; margin-left:5px;}
.coldir {float: left;padding: 14px 0;width: 200px;padding:20px 0 0 0; margin-left:50px;}

.colesq .maisfrota, .colesq .maisfrete {height: 131px;width: 470px;margin:0 0 8px 25px;}
.colesq .maisfrota a, .colesq .maisfrete a {background: url('../img/foto_destcapa2.jpg') top left no-repeat;display: block;height: 131px;outline: none;width: inherit; cursor:pointer;}
.colesq .maisfrota a span, .colesq .maisfrete a span {background: url('../img/bg_destcapa2.png') top left no-repeat; display: block;height:116px; margin: 0 0 0 143px;width: 326px; padding:15px 0 0;}
.colesq .maisfrete a {background-position: 0 -131px;}
.colesq .maisfrete a span {background-position: 0 0;}
.colesq .maisfrota a:hover span {background-position: 0 -131px; text-decoration:none; color:#9C3}
.colesq .maisfrete a:hover span {background-position: 0 -131px; text-decoration:none;}
.colesq h3.maisfrota {background:url('../img/MaisFrota.png') no-repeat; width:114px; height:27px; text-indent:-9999px; margin:0 0 5px 15px;}
.colesq h3.maisfrete {background:url('../img/MaisFrete.png') no-repeat; width:114px; height:27px; text-indent:-9999px; margin:0 0 5px 15px;}
p.chamada {width:260px;font-size: 14px;font-weight: normal; line-height:16px; color:#FFF;margin:0 0 5px 15px; text-align:justify;}
p.chamada a, p.chamada a:hover { text-decoration:none; color:#9C3}

.coldir .linux, .coldir .fabrica {height: 125px;width: 247px;margin:0;}
.coldir .linux a span, .coldir .fabrica a span {background: url('../img/bg_destcapa-dir.png') top left no-repeat;display: block;height: 114px;outline: none;width: inherit; cursor:pointer;}
.coldir .linux a span {background-position: 0 0; }
.coldir .fabrica a span {background-position: 0 -114px; margin-top:12px;}

.coldir .linux h4, .coldir .fabrica h4 {font-size:18px; font-weight:bold;margin:0 0 4px 12px; padding-top:12px;}
.coldir .linux p.chamada-dir, .coldir .fabrica p.chamada-dir {width:150px;font-size: 14px;font-weight: normal; line-height:16px; color:#101346;margin:0 0 0 12px; }

/* conteudo meiocentro */
.meiocentro {clear:both;}
.meiocentro-colesq {float: left;padding: 0;width: 420px; margin-left:10px;}
.meiocentro-coldir {float: left;padding: 14px 0;width: 320px;padding: 0; margin-left:30px;}

/* meiocentro esquerda */
h3{font-size: 14px;margin:0 0 10px 55px;color:#101346; }
div.noticia{padding:0 0 5px 5px;}
h4{font-size: 14px;margin:0 0 10px 25px;color:#101346;}
div.noticia p{font-size:12px;line-height: 14px;text-align: justify;margin:0 0 0 25px; clear:both}
.data{float: left;font-size:11px;color:#101346;margin:-10px 0 0 25px; height:16px}

/* meiocentro direita */
h3{font-size: 14px;margin:0 0 10px 50px;color:#101346; }
div.depoimentos{padding:0 0 5px 5px;}
h4{font-size: 14px;margin:0 0 10px 25px;color:#101346;}
div.depoimentos p{font-size:12px;line-height: 14px;text-align: justify; font-style:italic; margin:0 0 0 10px; clear:both}
.autordepo{float: left;font-size:12px;color:#101346;margin:-5px 0 2px 10px; cursor:pointer;}

h3.cases{background: url('../img/cases.gif') left no-repeat; height:18px;padding:14px 0 8px 25px;font-size: 14px;margin:16px 0 0 18px;color:#101346;  border-top:1px dotted #F00;}
div.cases{padding:0 0 0 5px;}
h4.cases{font-size: 14px;margin:0 0 5px 10px;color:#101346; cursor:pointer;}
div.cases p{font-size:12px;line-height: 14px;text-align: justify; margin:0 0 0 10px; clear:both}
.continue{display:block;color:#f00;font-size: 1.1em;margin:0 0 10px 10px;}

.continue,.continue-dir{display:block;color:#f00;font-size: 1.1em;margin:0 0 10px 25px;}
.continue-dir{margin:0 0 10px 10px;}
.mais,.mais-dir{background: url('../img/mais.png') left no-repeat;padding-left: 23px;display:block;font-size:1.3em;margin:-5px 0 0 25px;color:#101346; clear:both;}
.mais-dir{margin:0 0 5px 10px;}

/* clientes subir*/
.clientes{ margin:0px auto; clear:both;}
.clientes .logos {width:785px;height:88px; margin:10px 0 0 160px; }
.clientes .logos p{color:#7cabf7;font-size: 1.1em;margin:-13px 0 0 25px;float:left;}
.clientes #imglogos {width: 705px; float: left; padding-top: 2px;padding-bottom: 2px;padding-right: 8px;padding-left:58px;}
.clientes .latest_img {border: 1px solid #575757;margin-left: 32px;}
.clientes .img {border: 1px solid #575757;margin-left: 12px;}

.abaclientes { clear:both; width:960px;margin:0 auto; padding-top:10px;}
.abaclientes span {margin:0;background: url('../img/abainvertida.png') left no-repeat; width:77px; height:25px; margin-left:240px;padding-top:2px; text-align:center; color:#CCC; font-size:11px;display:block}
.abasubir { clear:both; width:960px;margin:0 auto 25px; padding-top:10px;}
.abasubir span {margin:0;background: url('../img/abainvertida.png') left no-repeat; width:77px; height:25px; margin-left:820px;padding-top:2px; text-align:center; color:#CCC; font-size:11px;display:block}

/* rodape */
.rodape {text-align:left;width:100%;*width:960px;color:#fff;font-size: 12px; margin:0 auto 0; }
.rodape-int {background:url('../img/bg_rodape.png') center no-repeat;height:229px; padding-top:72px;}
.rodape-conteudo {background: url('../img/bg-rodape.png') top right no-repeat;width:960px;/*height: 93px; */margin:0 auto;  }
.rodape-conteudo  .info{float:left;width:330px;position:relative;/* left:197px; */padding:8px 0; margin-left:200px;}
.rodape-conteudo  .rodape-conteudo p{margin-left:5px;color:#fff;}
.rodape-conteudo  .info a{color:#fff;text-decoration: underline;}
.rodape-conteudo  .info a:hover {color:#f00;text-decoration: underline;}
.rodape-conteudo  .info strong {font-size:14px;}

.rodape-conteudo .areacliente {float:left;width:340px;position:relative; /*left:183px;*/ padding:0;margin:14px 0 0 85px;}
.areacliente div.areacliente{padding:0 0 0 5px;}
.areacliente h4.areacliente{font-size: 14px;margin:5px 0 9px 17px;color:#fff;width:200px;}
.areacliente div.areacliente p{font-size:11px;line-height: 14px;text-align: justify; margin:0 0 0 10px; clear:both}
.areacliente form {margin-top:0;float:left; width:340px;}

.areacliente p{font-size:11px;}
.areacliente ul{margin-top:0; width:340px;}
.areacliente ul li{display:inline;}
.areacliente ul li .field{width:115px;background:url('../img/bg_txt.gif') no-repeat;border:none;height:20px;color:#000; padding:3px 0 0 6px; margin-top:-4px }
.areacliente ul li .enviar {margin-top:0;background: url('../img/bg_botao.gif') no-repeat; background-position: 0 1px; *background-position:0 0; width:70px; height:22px;  color:#000; cursor:pointer;border: 0; }

.frotafrete {text-align:right; padding-top:10px;height:40px; clear:both}
.frotafrete ul {margin-top:0; width:300px; float:right;}
.frotafrete ul li a{ list-style:none;width:95px; height:33px;display:block;margin:0;}
.frotafrete .maisfrota, .maisfrete {display:block; margin-bottom:5px;color:#044a90;}
.frotafrete .maisfrota {background: url('../img/MaisFrota-rodape.png') left no-repeat; width:95px; height:33px; float: right;margin-right:15px;}
.frotafrete .maisfrete {background: url('../img/MaisFrete-rodape.png') left no-repeat; width:95px; height:33px; float: right; margin-right:15px;}

/* interna */
.breadcrumb{width:100%; height:40px;border-bottom: 1px dotted #000;margin-bottom:10px;}
.breadcrumb label {margin-right:5px;font-size: 1.1em;}
.breadcrumb label a{color:#808080;}
.texto{padding:0 30px;margin:10px 0px 10px 20px; }
.texto p, .texto2col p {font-size:14px;line-height:20px; padding:10px 0 10px 0;text-align: justify;}
.texto h4, .texto2col h4 {font-weight:bold;font-size: 24px;padding-bottom:5px;margin:15px 0 25px; color:#000}
.texto h3, .texto2col h3 {font-weight: normal;font-size: 18px;padding:12px 0 15px;margin:0; color:#000}
.texto a, .texto2col a {text-decoration:underline;}
.texto a:hover, .texto2col a:hover {text-decoration:none;}

.texto2col{padding:0 24px;margin:10px 0px 10px 20px; }
.texto2col-esq {width:500px; float:left; padding:0; margin:0;}
.texto2col-dir {width:210px; float:left; padding:0 0 6px 6px; margin-left:14px;border-left:1px dotted #69C;border-bottom:1px dotted #69C;}
.texto2col h4 {font-weight:bold;font-size: 24px;padding:0 0 5px 10px;margin:15px 0 25px; color:#000}
.texto2col h4.dir {font-weight:bold;font-size: 16px;padding:0 0 1px 0;margin:5px 0 4px; color:#000;border-bottom: 1px dotted #f00;}

.indice {width:560px; border-bottom:1px solid #b8c8d5; margin:50px auto 0; font-size:14px; }
.indice ul{margin: 0;padding: 0;list-style-type: none;}
.indice li { margin: 0 0 10px 0; }
.indice a {display: block;padding: 5px 10px;width: 540px;color: #101346;background-color: #b8c8d5;text-decoration: none;}
.indice a:hover{color: #fff;background-color: #69C;text-decoration: none;}
.paginacao {width:300px; height:15px;padding:5px;margin:4px 0 0 70px;}
.paginacao img {margin-right:3px; border:none;}

.indicedir { margin:8px auto 0; font-size:11px; }
.indicedir ul{margin: 0;padding: 0;list-style-type: none;}
.indicedir li { margin: 0 0 6px 0; }
.indicedir li strong { font-size:12px; }
.indicedir a {display: block;padding: 3px; ;color: #101346;/*background-color: #b8c8d5;*/text-decoration: none;}
.indicedir a:hover{color: #fff;background-color: #69C;text-decoration: none;}

/* alinhamento de imagens do conteúdo interno */
.foto_alinhada_a_esquerda , .foto_alinhada_a_direita {margin:16px 14px;border:1px solid #A5A5A5;}
.foto_alinhada_a_esquerda {float:left;}
.foto_alinhada_a_direita {float:right;}

.greenbr, .greenbr-int { background:#23557d;width:100%;height:45px; padding:2px; margin:0 auto 0; clear:both;}
.greenbr-int { background:none;}
.greenbr p, .greenbr-int p { text-align:center; width:860p; text-indent:150px;font:normal 11px Arial, Helvetica, Verdana, sans-serif; color:#8ab0cd;margin-top:15px; }
.greenbr a, .greenbr-int a {color:#8ab0cd; text-decoration: none;}
.greenbr a:hover, .greenbr-int a:hover {color: #b8d7f0; text-decoration:underline;}