/*TAGS PADROES*/
body { margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;}


/*GERAL*/
#geral {margin:0 auto; position:relative; background:url(imagens/fundo-geral.gif) repeat-x; width:990px; height:912px; padding-top:20px;}

/*TOPO*/
#topo { margin:0 auto; border:solid 1px; border-color:#FFF; width:875px; height:356px; }
#logomarca span{ display:none;}
#logomarca { background: url(imagens/logomarca.jpg) no-repeat; width:203px; height:120px; float:left; margin-left:15px; margin-top:0px;}

/*MENU-TOPO*/
#menu-topo ul {margin:0; padding:0; float:left; margin-left:645px;}
#menu-topo li { float:left; list-style:none; padding:5px; font-size:11px;}
#menu-topo li a { text-decoration:none; color:#CCC;  padding-right:12px; }
#menu-topo li a:hover {color: #FFF; text-decoration:underline;}

/*MENU-PRINC*/
#menu-princ ul { margin:0; padding:0; margin-top:25px;}
#menu-princ { position:absolute; width:633px; height:85px; right:80px; background:url(imagens/fundo-menu-princ.jpg) repeat-x; margin:0; padding:0;; top:105px;}
#menu-princ li { float:left; margin-left:10px; list-style:none; padding-left:10px;  font-size:14px;}
#menu-princ li a { text-decoration:none; color:#CCC; padding:10px; display:block;}
#menu-princ li a:hover { color:#FFF; background:#333333;}
#curriculo { float:right; margin-right:22px; margin-top:35px; color:#CCC; text-transform:uppercase; font-weight:bold;}
#curriculo a{ color:#CCC; text-decoration:blink;}


/*CHAMADA*/
#chamada span{ display:none;}
#chamada { background:url(imagens/chamada.jpg) no-repeat; width:875px; height:190px; margin-top:170px; }

/*CONTEUDO*/
#conteudo { margin:0; padding:0; width:875px; height:405px; border:none; margin-left:56px; margin-top:5px; color:#10518E; position:relative;}
#conteudo h3 { font-size:24px}
#col-esq { float:left; width:586px; height:396px;}
#empresa {width:585px; height:122px; border:1px solid #FFF; margin-bottom:10px; margin-top:10px; background:url(imagens/fundo-empresa.jpg) no-repeat; width:585px; height:119px;}
#empresa h3 { margin:0 auto; margin-left:150px;}
#empresa p { margin:0 auto; margin-left:150px;}
#servicos {width:585px; height:122px; border:1px solid #FFF; margin-bottom:10px; background:url(imagens/fundo-servicos.jpg) no-repeat; width:585px; height:119px;}
#servicos h3 { margin:0 auto; margin-left:150px;}
#servicos p { margin:0 auto; margin-left:150px;}
#seguranca {width:585px; height:122px; border:1px solid #FFF; margin-bottom:10px; background:url(imagens/fundo-seguranca.jpg) no-repeat; width:585px; height:119px;}
#seguranca h3 { margin:0 auto; margin-left:150px;}
#seguranca p { margin:0 auto; margin-left:150px; color:#CC0000; line-height:15px;}


/*NOSSOS SERVIÇOS*/
#icone-servicos { background:url(imagens/icone-servicos.gif) no-repeat; width:111px; height:107px; position:absolute; margin-top:20px; margin-left:10px;}
#nossos-servicos {width:585px; height:122px; border:1px solid #FFF; margin-bottom:10px; background:url(imagens/fundo-nossos-servicos.gif) repeat-x; width:585px; height:385px; margin-top:10px;}
#nossos-servicos h3{ margin:0 auto; margin-left:150px;}
#nossos-servicos h4{ margin:0 auto; margin-left:150px; margin-top:10px;}
#nossos-servicos p{ margin:0 auto; margin-left:150px;}
#conteudo-servicos { width:575px;}
#transportamos { float:right; margin-right:25px; margin-top:30px;}
#transportamos a{ text-decoration:none; color:#990000; font-size:12px; text-transform: uppercase;}
#transportamos a:hover { text-decoration:underline; color:#FF0000;}


/*TRANSPORTAMOS*/
#icone-transportamos { background:url(imagens/icone-trasportamos.gif) no-repeat; width:112px; height:112px; position:absolute; margin-top:20px; margin-left:10px; }
#transp {width:585px; height:122px; border:1px solid #FFF; margin-bottom:10px; background:url(imagens/fundo-nossos-servicos.gif) repeat-x; width:585px; height:385px; margin-top:10px;}
#transp h3{ margin:0 auto; margin-left:150px;}
#transp h4{ margin:0 auto; margin-left:150px; margin-top:10px;}
#transp p{ margin:0 auto; margin-left:150px;}
#conteudo-transp { width:575px;}
#nao-transportamos { float:right; margin-right:25px; margin-top:30px;}
#nao-transportamos a{ text-decoration:none; color:#990000; font-size:12px; text-transform: uppercase;}
#nao-transportamos a:hover { text-decoration:underline; color:#FF0000;}
#conteudo-transp ul{ list-style: inside; margin:0 auto; margin-left:115px;}

/*NAO-TRANSPORTAMOS*/
#icone-nao-transportamos { background:url(imagens/icone-nao-transportamos.gif) no-repeat; width:112px; height:112px; position:absolute; margin-top:20px; margin-left:10px;}
#voltar-servicos {float:right; margin-right:25px; margin-top:30px;}
#voltar-servicos a{ text-decoration:none; color:#990000; font-size:12px; text-transform: uppercase;}
#voltar-servicos a:hover { text-decoration:underline; color:#FF0000;}

/*CLIENTES*/
#icone-clientes {background:url(imagens/icone-clientes.gif) no-repeat; width:111px; height:107px; position:absolute; margin-top:20px; margin-left:10px;}
#conteudo-clientes ul{ list-style: none; margin:0 auto; margin-left:115px; text-transform:uppercase;}
#conteudo-clientes li{ padding-bottom:10px; display:compact;}
#conteudo-clientes li a { text-decoration:none; color:#10518E;}
#conteudo-clientes li a:hover { text-decoration: underline; color: #003366;}

#clientes { margin-left:370px; margin-top:-140px; width:120px; height:120px; border:2px solid #999;}






/*CASES*/
#icone-cases {background:url(imagens/icone-cases.gif) no-repeat; width:111px; height:107px; position:absolute; margin-top:20px; margin-left:10px;}

/*ORCAMENTO*/
#icone-orcamento {background:url(imagens/icone-orcamento.gif) no-repeat; width:111px; height:107px; position:absolute; margin-top:20px; margin-left:10px;}
#form-orcamento { width:575px; margin-left:150px; margin-top:50px;}

/*CONTATO*/
#icone-contato {background:url(imagens/icone-contato.gif) no-repeat; width:119px; height:118px; position:absolute; margin-top:20px; margin-left:10px;}
#form-contato { width:575px; margin-left:150px; margin-top:10px;}
#contato {width:585px; height:122px; border:1px solid #FFF; margin-bottom:10px; background:url(imagens/fundo-nossos-servicos.gif) repeat-x; width:585px; height:385px; margin-top:10px;}
#contato h3{ margin:0 auto; margin-left:150px;}
#contato h4{ margin:0 auto; margin-left:150px; margin-top:10px;}
#contato p{ margin:0 auto; margin-left:150px;}





/*coluna direita*/
#col-dir { float:right; width:272px; height:396px;} 
#blog { width:271px; height:219px; border:1px solid #FFF; margin-top:10px; margin-bottom:10px; background:url(imagens/fundo-blog.jpg) no-repeat; width:271px; height:219px;}
#blog h4 {margin:0 auto; margin-left:40px; margin-top:4px;}
#visiteblog { margin:0 auto; margin-left:180px; font-size:11px;}
#visiteblog a {text-decoration:none; color:#666}
#visiteblog a:hover { text-decoration:underline; color:#333}

#feed { margin-top:10px; width:240px; height:160px; line-height:15px;}
#feed a{ text-decoration:none; color:#10518E; display:block;}
#feed a:hover{ text-decoration:underline; color: #003366; }
#creditfooter {display:none;}

#webex { width:271px; height:219px; border:1px solid #FFF; margin-top:10px; margin-bottom:10px; background:url(imagens/fundo-webex.jpg) no-repeat; width:271px; height:158px;}

#webex h4 {margin:0 auto; margin-left:40px; margin-top:4px;}
#formwebex { margin-top:20px; padding:10px; margin:0 auto; margin-left:10px;}

/*RODAPE*/
#rodape { clear:both; margin:0 auto; position:relative; margin-top:20px; width:990px; height:104px;}
#menu-rodape ul {margin:0; padding:0;}
#menu-rodape li {float:left; list-style:none; padding:5px; font-size:11px; margin-left:50px;}
#menu-rodape li a { text-decoration:none; color:#CCC;}
#menu-rodape li a:hover { text-decoration:underline; color:#FFF;}
#rodape h2 { float:left; margin:0 auto; padding:10px; margin-top:10px; margin-left:400px; color:#CCCCCC; }
address{ float:left; margin-top:40px; font-size:10px; color:#B2B2B2; font-style:normal; margin-left:430px; top:38px; position:absolute; text-align:center; line-height:10px;}
#rodape h2 a { text-decoration:none; color:#CCC;}
#rodape h2 a:hover { color:#FFF;}

