@import "reset.css";
@import "box.css";
@import "jcarro.css";

/* ESTRUTURA DO SITE*/
html, body {height:100%;}
body { background:#eeeeee url(../images/fnd_fundo.gif) repeat-x top; background-position:0 -1px;  color:#3d3d3d; font:11px Arial, Helvetica, sans-serif}
* html #contorno {height: 100%;  }
.clear {clear:both;}
#tudo #principal{ padding:5px; width:812px;min-height:560px; height:auto !important; height:560px; float:left;  background:#FFF; margin:5px 0 0 0 }
#tudo #lateral{ width:172px;min-height:510px; height:auto !important; height:510px; float:right; margin:5px 0 0 0; border:#000 solid 0px }
#tudo #lateral #banner{ width:172px;height:430px; float:left; background:#CCC }
#tudo #lateral #banner ul{ list-style:none;width:172px;height:430px; float:left;}
#tudo #lateral #banner ul li{ width:172px;height:430px;}

#tudo #lateral #newsletter{ width:172px;height:73px; float:left; background:#FC0; margin-top:10px; background:url(../images/fnd_news.gif) }
#tudo #lateral #newsletter h1{ font-size:12px; color:#FFF; margin:4px 0 0 4px}
#tudo #lateral #newsletter #email{ width:153px; margin:4px 0 0 4px; font-size:10px; padding:3px}
#tudo #lateral #newsletter #bt{ width:58px; float:right; border:0; background:#fff; font-size:10px; padding:2px;margin:3px 6px 0 0}
#tudo #lateral #newsletter #news p { color:#FFF; padding:5px; font-weight:bold}
/* ESTILO DOS LINKS DO MEIO DO SITE*/
#tudo #principal a{color:#3d3d3d; text-decoration:none}
#tudo #principal a:hover{color:#3d3d3d; text-decoration:underline}
.laranja, .laranja a{ color:#e45900}
.fonte14 { font-size:14px}
.fonte15 { font-size:15px}
.fonte16 { font-size:16px}
.fonte17 { font-size:17px}
.fonte18 { font-size:18px}
.fonte19 { font-size:19px}
.fonte20 { font-size:20px}

/* TOPO */
#tudo { width:1003px;margin:0 auto; margin-top:-1px }
#tudo p{ line-height:18px;}
#topo { width:1003px;height:372px; border:#00C solid 0px}
#topo #logo a{ text-indent:-4000px; float:left; width:443px; height:110px; margin:92px 0 36px 0; background-image:url(../images/logo.png);}
#topo .banner{width:523px; height:273px; float:right; }

#tudo #topo.contorno{width:800px; height:41px;z-index:1; position:absolute; border:#000 solid 0px; background-image:url(../images/menu.png);  }
#tudo #topo #menu{width:460px; height:34px; float:left;}
#tudo #topo .conteudo{ width:1003px; height:100px; float:left;}
#tudo #topo .conteudo .carrosel{ width:460px; height:100px; float:left;}
#tudo #topo .conteudo .banner{ width:523px; height:99px; float:right}

/* CONTEUDO DE DENTRO */ 
#tudo #principal #conteudo{ width:790px; min-height:400px; height:auto !important; height:400px; margin:0 auto;  }
#tudo #principal #conteudo h2{ font-size:16px; color:#eb7232; font-weight:bold; margin:0 0 10px 0}

#topo ul#menu li {float: left;margin-top:1px;margin-left:0px; list-style:none}
#topo ul#menu li a {float: left;overflow: hidden; height: 34px;background-image:url(../images/menu.jpg);text-indent:-2000px;}
#topo ul#menu li a.home { background-position: 0 0; width: 41px; background-repeat:no-repeat;}
#topo ul#menu li a.trade { background-position: -41px 0; width: 71px; }
#topo ul#menu li a.servicos {background-position: -112px 0; width: 62px;}
#topo ul#menu li a.clientes {background-position: -174px 0;width: 61px;}
#topo ul#menu li a.websites {background-position: -235px 0;width: 64px;}
#topo ul#menu li a.propaganda {background-position: -297px 0;width: 86px;}
#topo ul#menu li a.contato {background-position: -383px 0;width: 60px;}

#topo ul#menu li a.home:hover,
#topo ul#menu li #home_ativo {background-position: 0 -33px; background-repeat:no-repeat}

#topo ul#menu li a.trade:hover,
#topo ul#menu li #trade_ativo {background-position: -41px -33px; background-repeat:no-repeat}

#topo ul#menu li a.servicos:hover,
#topo ul#menu li #servicos_ativo {background-position: -112px -33px; background-repeat:no-repeat}

#topo ul#menu li a.clientes:hover,
#topo ul#menu li #clientes_ativo {background-position: -174px -33px; background-repeat:no-repeat}

#topo ul#menu li a.websites:hover,
#topo ul#menu li #websites_ativo {background-position: -235px -33px; background-repeat:no-repeat}

#topo ul#menu li a.propaganda:hover,
#topo ul#menu li #propaganda_ativo {background-position: -297px -33px; background-repeat:no-repeat}

#topo ul#menu li a.contato:hover,
#topo ul#menu li #contato_ativo {background-position: -383px -33px; background-repeat:no-repeat}

/* HOME */
#tudo #principal .boxNoticias{ width:500px; height:375px; float:left; border:#000 solid 0px;}

#tudo #principal .boxNoticiasNew img{ float:left; margin-right:10px} 
#tudo #principal .boxNoticiasNew{ padding:5px; width:481px; height:112px; float:left; border:#000 solid 0px; background:url(../images/fnd_noticias_new.jpg) no-repeat; margin-bottom:14px}
#tudo #principal .boxWebNew{ width:491px; height:302px; float:left; border:#000 solid 0px; background:url(../images/fnd_webs_new.jpg) no-repeat; margin-bottom:14px}
#tudo #principal .colunaHome{ width:500px;min-height:206px;height:auto !important;height:206px;  float:left; border:#000 solid 0px;}
#tudo #principal .colunaHomeRight{width:305px; min-height:206px;height:auto !important;height:206px;  border:#000 solid 0px; float:right}

#tudo #principal .boxRevista{ width:491px; height:191px; float:left; border:#000 solid 0px; background:url(../images/fnd_revista_new.jpg); margin-bottom:19px}
#tudo #principal .boxBannerNew{ width:303px; height:251px; float:left; background:#000; margin:20px 0 18px 0}

.ultimasNew{width:150px; padding:11px; min-height:328px;height:auto !important;height:328px; float:left; background:#ffffff; margin:8px 0 }
.ultimasNew a{color:#333333; text-decoration:none;line-height:18px }
.ultimasNew h5{ border-bottom:#CCC solid 1px; margin:2px 0}
.ultimasNew .todas { float:right; color:#036; text-align:right;}

.ultimasNew .title{color:#e45900; font-size:17px; margin-bottom:5px; }

.bannerLat{ width:172px; min-height:21px;height:auto !important;height:21px; float:right}

#tudo #principal .clientes{ width:305px; height:375px; border:#000 solid 0px; float:right}
#tudo #principal .trade{width:227px;min-height:210px;height:auto !important;height:210px; background:#f0f1ec; float:left; margin:10px; font-size:10px }
#tudo #principal .trade div{width:217px;min-height:150px;height:auto !important;height:150px; margin:0 auto; margin-top:5px; padding-bottom:5px}
#tudo #principal .trade div .title{ color:#D86E36; font-weight:bold; font-size:12px}
#tudo #principal .trade  div img{ float:left; clear:right; padding-bottom:40px; margin-right:4px;}
#tudo #principal .portfolio{ width:304px; float:right; min-height:206px;height:auto !important;height:206px; border:#000 solid 0px; margin-top:10px;}
#tudo #principal .clientes .comboClientes{ width:304px; height:50px; float:left; background:#e5e5e5}
#tudo #principal .clientes .comboClientes p.title{ font-size:12px; margin:4px; font-weight:bold; color:#999}
#tudo #principal .clientes .comboClientes select{  font-size:10px; padding:2px; margin-left:3px; width:115px; float:left}
#tudo #principal .clientes .comboClientes .pgs{ float:right;min-width:100px;width:auto !important;width:100px; height:22px;}
#tudo #principal .clientes ul.listClient{ width:295px; height:320px; float:left; list-style:none}
#tudo #principal .clientes ul.listClient li{ float:left; line-height:30px; background:url(../images/seta_cliente.gif) no-repeat left; width:295px; text-indent:30px; color:#ccc} 
#tudo #principal .clientes ul.listClient li p.nome{ width:70%; border-bottom:#000 dotted 1px;line-height:25px; float:left}
#tudo #principal .clientes ul.listClient li p.numero{ width:20%; border-bottom:#000 dotted 1px;line-height:25px; float:right; text-indent:45px}

/* RODAPE */
#contorno_rodape{ width:100%; height:240px; margin:0 auto; background:url(../images/fnd_rodape.gif) center}
#contorno_rodape #rodape{ width:1003px; margin:0 auto; height:240px;font-size:10px }
#contorno_rodape #rodape ul{ width:190px; height:170px; float:left; margin:15px 0 0 0; list-style:none}
#contorno_rodape #rodape ul h1{ color:#fe6000; font-size:12px; margin-bottom:3px}
#contorno_rodape #rodape ul  li{ color:#797979}
#contorno_rodape #rodape .logo{  width:226px; height:24px; float:left; background:url(../images/logo_trade_rodape.jpg); margin:5px 0 0 10px}

#contorno_rodape #rodape #menu{width:460px; height:34px; float:left; margin:0; padding:0}
#contorno_rodape #rodape ul#menu li {float: left;margin-top:1px;list-style:none}
#contorno_rodape #rodape ul#menu li a {float: left;overflow: hidden; height: 34px;background-image:url(../images/menu_rodape.jpg);text-indent:-2000px;}
#contorno_rodape #rodape ul#menu li a.home { background-position: 0 0; width: 41px; background-repeat:no-repeat;}
#contorno_rodape #rodape ul#menu li a.trade { background-position: -41px 0; width: 71px; }
#contorno_rodape #rodape ul#menu li a.servicos {background-position: -112px 0; width: 62px;}
#contorno_rodape #rodape ul#menu li a.clientes {background-position: -174px 0;width: 61px;}
#contorno_rodape #rodape ul#menu li a.websites {background-position: -235px 0;width: 64px;}
#contorno_rodape #rodape ul#menu li a.propaganda {background-position: -297px 0;width: 86px;}
#contorno_rodape #rodape ul#menu li a.contatoB {background-position: -383px 0;width: 60px;}

#contorno_rodape #rodape .contato{ width:200px;height:225px; margin:15px 0 0 0; float:right; border:#990000 solid 0px;}
#contorno_rodape #rodape .contato p{ text-align:right; color:#bdbdbd; line-height:14px; }
#contorno_rodape #rodape .contato p.linha{ border-bottom:#bfbfbf solid 1px; margin:8px 0 8px 0;}
#contorno_rodape #rodape .contato p.print{ background:url(../images/print.png) no-repeat; background-position:60px 0; line-height:20px;}
#contorno_rodape #rodape .contato p.titulo{ font-size:11px; font-weight:bold }


/* CONTATO */
#tudo #principal #conteudo dl.contato{ width:453px; height:360px; float:left; border-bottom:#ccc solid 1px} 
#tudo #principal #conteudo dl.contato dt{ float:left; width:132px; height:24px; margin-top:6px; background:url(../images/setinha_form.gif) no-repeat; background-position:110px 5px}
#tudo #principal #conteudo dl.contato dd{ float:left; width:321px; min-height:30px;height:auto !important;height:30px;}
#tudo #principal #conteudo input,
#tudo #principal #conteudo textarea{ font:11px Arial, Helvetica, sans-serif;  padding:5px; border:#990000 solid 0px; background:#EEEEEE; width:96%}
#tudo #principal #conteudo input:hover,
#tudo #principal #conteudo textarea:hover{ background:#D86E36;color:#FFF;}
#tudo #principal #conteudo input:focus,
#tudo #principal #conteudo textarea:focus{ background:#8E2E04;color:#FFF;}
#tudo #principal #conteudo form{ margin:20px 0 0 0}
#tudo #principal #conteudo .btEnviar{ background:#D86E36; color:#FFF; float:right; width:90px; margin:10px 0 0 0}
#tudo #principal #conteudo .contatos{ width:540px; float:left;min-height:380px;height:auto !important;height:380px;}
#tudo #principal #conteudo ul.endereco{ width:200px;height:110px; float:left; list-style:none; margin:10px 22px 0 0;}

/* COLUNAS NOTICIAS E CLIENTES */
#tudo #principal .boxUltimas{ width:238px;min-height:150px; height:auto !important; height:150px; border:#000 solid 0px; float:right;margin-top:10px;}

/* CLIENTES */
#tudo #principal #conteudo .clientes{ width:550px;float:left;min-height:380px;height:auto !important;height:380px; border:#000 solid 0px;margin-top:10px;}
#tudo #principal #conteudo .thumbs_clientes a{ width:150px; min-height:113px;height:auto !important;height:113px; float:left; margin-bottom:30px;}
#tudo #principal #conteudo .thumbs_clientes img{border:#f2f2f2 solid 4px}
#tudo #principal #conteudo .thumbs_clientes a:hover img { border-color:#8D2F04}
#tudo #principal #conteudo .espaco a{ margin:0 30px 0 30px;}
#tudo #principal #conteudo p.fndNameCliente{ width:568px; line-height:69px; float:left; background:url(../images/fnd_cliente_name.gif) no-repeat; font-size:16px; padding-left:10px; font-weight:bold}
#tudo #principal #conteudo .dados{ width:550px; min-height:90px;height:auto !important;height:90px; float:left; margin:15px 0 0 0; border:#000 solid 0px; }
#tudo #principal #conteudo .dados img{ float:left; border:#999 solid 1px;padding:5px; margin-right:10px;}
#tudo #principal #conteudo .dados span{ color:#eb7232; font-weight:bold}
#tudo #principal #conteudo .title_jobs {width:470px;line-height:49px;float:left; padding-left:80px; font-size:14px;color:#eb7232; background:url(../images/lapis.gif)left no-repeat; border-bottom:#CCC solid 1px; margin:15px 0 15px 0;}

.boxWeb { width:530px; float:left;min-height:79px; height:auto !important; height:79px; margin-bottom:10px; background:url(../images/sombra_maior.jpg) no-repeat bottom left}
.boxWeb .foto{ background:#fdfdfd; width:160px; min-height:79px; height:auto !important; height:79px;float:left;margin-bottom:20px}
.boxWeb .foto img{ border:#CCC solid 1px; padding:5px; }
ul.redes { width:130px; height:40px; float:right; list-style:none; }
ul.redes li{ float:left; width:65px; height:40px}
.dadosPort{ width:310px;float:right;min-height:79px; height:auto !important; height:79px; }
.fotoPort{ width:220px;float:left;min-height:79px; height:auto !important; height:79px; }
.filtroCliente{ width:548px; height:42px; float:left; background:url(../images/banner_portfolio.jpg); margin-bottom:10px; padding-top:62px}
.filtroCliente select{ width:150px; float:right; margin-right:10px} 
/* NOTICIAS */
#tudo #principal #conteudo #boxMaisNoticias{width:212px;min-height:79px; height:auto !important; height:79px;margin:0 19px 0 19px; float:left; border-right:#ededed solid 1px;}
#tudo #principal #conteudo #boxMaisNoticias h1 { color:#000; font-size:14px;font-weight: bold; border-bottom:#ededed solid 1px; padding:0 0 4px 0; background:url(../images/setinha_x.gif) no-repeat ; background-position:192px 5px}
#tudo #principal #conteudo #boxMaisNoticias .data{ float:left;width:60px; height:40px; border:#000 solid 0px;color: #000; font-weight:bold;}
#tudo #principal #conteudo #boxMaisNoticias .chamada{ float:right;width:150px; min-height:40px;height:auto !important; height:40px;color:#000000;font-size: 11px;}
#tudo #principal #conteudo #boxMaisNoticias h5{margin:1px 0 1px 0; float:left; width:100%;border-top:#ededed solid 1px; height:2px}
#tudo #principal #conteudo #boxMaisNoticias span{ font-weight: bold; font-size: 10px;  }
#tudo #principal #conteudo #boxMaisNoticias .todas a{ width:96%; float:right; padding-right:4px; height:25px; text-align:right; color:#9DA68B;font-weight:bold;color:#F60}

.detalhe#px_noticias { width:550px;}
#px_noticias { width:98%;min-height:400px; height:auto !important; height:400px; margin:0 auto; border:#000 solid 0px; margin-top:10px;}
#px_noticias p { line-height:18px}
#px_noticias h1{ font-size:22px; color:#333333; font-weight:bold}
#px_noticias h2{ font-size:16px;color:#3d3d3d}
#px_noticias h3{ font-size:12px; font-weight:normal; margin:10px 0 10px 0; line-height:18px;font-style:oblique; border-bottom:#CCC dashed 1px; padding-bottom:10px}
#px_noticias h4{ color: #909686; font-size: 22px; }

#px_noticias p.chamada{ border-bottom:#999 dashed 1px; padding-top:10px; padding-bottom:10px;}

#px_noticias em{ font-size:9px; color:#666666}
#px_noticias .chama{  font-size:12px; font-weight:bold; padding:0 0 20px 0}
#px_noticias .boxNoticias{ width:100%; height:50px; float:left; border-bottom:#CCC dashed 1px; padding-top:10px;}
#px_noticias .boxNoticias span{color: #990000; font-weight: bold; clear:right}
#px_noticias .boxNoticias .chamada{color:#666666 }

#px_noticias .boxNoticias .data{ float:left;width:70px; height:40px; border:#000 solid 0px;color: #000; font-weight: bold; font-size: 10px;}
#px_noticias .foto{  float:right; width:370px; min-height:150px; height:auto !important; height:150px; background:#eee; border:#CCC solid 1px; padding:5px; margin:0 0 5px 5px}
#px_noticias .foto img{}
#px_noticias .foto p{ font-size:9px}
#px_noticias #barraImprimir{ vertical-align:middle; padding:5px; margin-top:10px; width:100%; border-bottom:#eee solid 1px;border-top:#eee solid 1px;}


/* ÚLTIMOS CLIENTES */
#tudo #principal #conteudo .ultimosClientes{width:212px;min-height:79px; height:auto !important; height:79px;margin:15px 19px 0 19px; float:left; border-right:#ededed solid 1px;}
#tudo #principal #conteudo .ultimosClientes h1 { color:#000; font-size:14px;font-weight: bold; border-bottom:#ededed solid 1px; padding:0 0 4px 0; background:url(../images/setinha_x.gif) no-repeat ; background-position:192px 5px}
#tudo #principal #conteudo .ultimosClientes ul{ width:212px;min-height:79px; height:auto !important; height:79px; float:left; list-style:none}
#tudo #principal #conteudo .ultimosClientes ul li a{ width:212px;line-height:30px; float:left; border-bottom:#CCC dashed 1px; text-indent:30px; background:url(../images/seta_cliente.gif) left no-repeat}

.stepcarousel{position: relative;overflow: scroll; border:#660 solid 0px;}
.web#mygallery{background:#e6e6e6;width: 300px;height: 100px;margin-top:25px;}
.client#mygallery2{background:#acacac;width: 460px;height: 85px;margin-top:7px;}
.stepcarousel .belt{position: absolute;left: 0;top: 0;}
.client .panel{float: left;overflow: hidden; margin:0 10px 0 0;width: 110px; height:83px;border:#990000 solid 0px;background:#FFF}
.web .panel{float: left;overflow: hidden;margin:9px 10px 0 10px;width: 110px;}
/*****************************************************************************/
/* PAGINAÇÃO                                    */
/*****************************************************************************/
#box_paginacao{min-height:30px;height:auto !important;height:30px;width:485px;float:left; margin-top:10px;}
#box_paginacao label{ float:left; margin-right:5px}
.nome_pagina {float:left;width:50px;height:25px;font-size:12px;}
#anterior,#proximo{width:20px;text-align:center;height:16px;float:left;text-align:center;margin-right:5px;}
#anterior a, #anterior a:visited,#proximo a, #proximo a:visited{text-decoration:none;color:#caa268;}
#proximo a:hover,#anterior a:hover{text-decoration:none;background:#8D2F04;color:#FFFFFF;padding:0 7px 3px 7px;text-align:left;} 
#numero{width:20px;text-align:center;height:16px;float:left;text-align:center;margin-right:5px; }
.ativo,#numero a:hover{text-decoration:none;background:#8D2F04;color:#FFFFFF;padding:0 7px 1px 7px;text-align:left;z-index:10;}
#numero a{color:#caa268; text-decoration:none}
.branco a{ color:#FFFFFF;}


.pgs{min-height:30px;height:auto !important;height:30px;width:485px;float:left; margin-top:10px;}
.pgs .nome_pagina_c {float:left;width:50px;height:25px;font-size:10px;}
#anterior_c,#proximo_c{width:15px;text-align:center;height:16px;float:left;text-align:center;margin-right:3px; border:#666 solid 0px}
.pgs #anterior_c a, 
.pgs #anterior_c a:visited,
.pgs #proximo_c a, 
.pgs #proximo_c a:visited{text-decoration:none;color:#333;}

.pgs #proximo_c a:hover,
.pgs #anterior_c a:hover{text-decoration:none;color:#000;padding:0 7px 3px 7px;text-align:left;} 

.pgs #numero_c{width:15px;text-align:center;height:12px;float:left;text-align:center;margin-right:1px; padding-left:2px; border-right:#999 solid 1px; }
.pgs .ativo_c,.pgs #numero_c a:hover{text-decoration:none;color:#990000;padding:0 7px 1px 7px;text-align:left;z-index:10;}
.pgs #numero_c a{color:#000; text-decoration:none}
.pgs .branco_c a{ color:#000;}


.stepcarousel{position: relative;overflow: scroll; border:#660 solid 0px;}
 

#mygallery5 .stepcarousel{position: relative;overflow: scroll; }
#mygallery5{width: 400px;height:135px;border:#000 solid 0px; margin:53px 0 0 43px}
#mygallery5 .belt5{position: absolute;left: 0;top: 0;}
#mygallery5 .panel5{float: left;overflow: hidden;width:91px; height:135px; margin-right:10px; text-align:center;color:#e45900; }
#principal #mygallery5 .panel5 a{ color:#e45900; font-size:10px}