@charset "utf-8";

/* Defaults ################################################################*/

@import url("defaults.css");

* {font-family: Arial, Helvetica, sans-serif; color:#000; font-size:12px}
html, body, img, td, p, h1, h2, h3, h4, dl, dd {margin: 0; padding: 0; border: 0; font-weight:normal;}
html, body {height:100%; font-family: Arial, Helvetica, sans-serif; color:#000; font-size:12px}
body {background: #fff url('../images/fundoGeralInternas.jpg') no-repeat center top;}
body#home {background: #fff url('../images/fundoGeralHome.jpg') no-repeat center top;}
a {font-size:10px; color:#09F; text-decoration:underline;}
a:hover {text-decoration:underline; color:#F90;}
p {margin-bottom:10px; font-size:12px;}
h1 {font-size:40px; color:#900; margin-bottom:20px;}
h2 {font-size:20px; color:#900; margin-bottom:20px; border-bottom:solid 1px #ccc;}
h3 {margin-bottom:20px; font-size:16px; font-weight:bold; color:#000; display:block;}

/* DIVS específicas ################################################################*/
#divContainerGeral {width:900px; height:auto; margin:0 auto; background:url(../images/fundoMeio.jpg) no-repeat top left; margin-bottom:30px;}
#divContainerGeralHome {width:900px; height:auto; margin:0 auto; background:url(../images/fundoMeioHome.jpg) no-repeat top left; margin-bottom:30px;}
#divTopo {margin:0 auto; height:auto; width:900px; text-align:left;}
#divTopoLogo {width:100%; height:153px; padding-top:31px;}
#divTopoLogin {width:auto; height:44px; float:right;}
#divLinks {height:21px; width:75px; height:100%}
#divDataCabecalho {width:280px; padding-left:5px; padding-top:6px; height:15px;}
#divContainerServicosHome {width:100%; height:auto; margin-bottom:30px;}
#divConteudo {width:850px; height:auto; min-height:100px; margin:0 auto; padding-top:25px;}
#divBannerHome {width:890px; height:246px; margin:0 auto; padding-top:6px;}
#divContainerRodape {width:100%; height:170px; background:#FFF url(../images/fundoRodape.jpg) no-repeat center top;}
#divRodape {width:900px; height:100%; margin:0 auto; background: url(../images/imgPessoasRodape.gif) no-repeat right top;}
#divLogoRodape {width:165px; height:39px;text-align:left;}
#divServicosRodape {width:175px; height:58px;}
#divSobreRodape {width:160px; height:74px;}
#divContatoRodape {position:relative;}

/* Elementos hierárquicos ==========================================================*/
#divTopoLogin div {display:inline-block; float:left;}
#divLinks a {margin-right:12px;}
#divFormulario div span {margin-left:5px;}
#divRodape div {float:left; margin-top:35px;}
#divContatoRodape a {display:block; margin-top:2px;}
#divContatoRodape a img {margin-right:5px;}
#divPessoasRodape div.images {text-align:center; width:16px;}
#divPessoasRodape div.images img {margin-bottom:3px;}
.divServicosHome div {display:inline-block; float:left;}
.divServicosHome div.imagem {width:118px; height:95px;}
.divServicosHome div.texto {width:172px; height:125px;padding-right:10px;}

/* Classe para a home ==============================================================*/
.divServicosHome {width:300px; height:auto; display:inline-block; float:left; margin-top:50px; margin-bottom:30px;}

/* Classes para o portifólio =======================================================*/
.divSitePortifolio {width:260px; height:auto; display:inline-block; float:left; margin-bottom:15px;}

/* Classes do formulário de login ==================================================*/
.login {background: url(../images/fundoInput.jpg) repeat-x left top; width:100px; height:18px; border:solid 1px #e2e5e7;}
.btnLogin {border:0; margin-top:1px; margin-left:5px;}

/* Classe da página de contato */
.tblContato {font-size:12px; color:#000; border:none;}
.tblContato tr td {padding:4px; color:#000; font-size:12px;}
.txtBox {background:url(../images/fundoInput.jpg) repeat-x left top; border:solid 1px #ccc; font-size:14px; color:#888; padding:4px;}
.h1Topo {text-align:center;}
span.error {background: url('../images/icone_alerta.gif') no-repeat left top; font-size:10px; color:#999; padding:2px 0 0 22px; display:none; height:12px;}
.emailOk {background: url('../images/icone_emailOk.jpg') no-repeat left top; font-size:15px; font-weight:bold; color:#006600; padding:15px 0 0 44px; display:inline-block; height:30px;}
.emailErro {background: url('../images/icone_emailErro.jpg') no-repeat left top; font-size:15px; font-weight:bold; color:#F60; padding:15px 0 0 44px; display:inline-block; height:30px;}
.emailErroServer {font-size:10px; color:#F60;}

/* Classes para posicionamento de conteúdo */
div.divConteudoLeft {width:395px; border-right:solid 1px #CCC; display:inline-block; float:left; padding-right:30px; height:auto;}
div.divConteudoRight {width:391px; display:inline-block; float:right; height:auto; padding-left:33px;}

div.divConteudoLeftFaleConosco {width:350px; float:left; height:auto; margin-top:10px;}
div.divConteudoRightFaleConosco {width:494px; float:right; height:auto; margin-top:10px;}

/* Classe para listas em geral =================================================*/
.ulEspecificacoes {display: block; list-style-type: none;}
.ulEspecificacoes li {
	list-style-image: url('../images/check.gif');
	font-size: 13px;
}
.linkTelefone {background: url(../images/iconeFoneRodape.jpg) no-repeat 3px top; padding-left:21px; padding-bottom:2px;}
.linkEmail {background: url(../images/iconeEmailRodape.jpg) no-repeat left top; padding-left:20px;}

/* Páginas de Soluções */
#divDescricaoSolucao-Todas {width:602px; height:auto; float:left;}
#divDescricaoSolucao-Todas a {margin-bottom:15px; display:block;}
#divDescricaoSolucao {width:598px; height:auto; background-color:#f1f1f1; float:left; padding:2px;}
#divDescricaoSolucaoChild {width:auto; height:auto; background:#fff url(../images/fundoDivDescricaoSolucao.jpg) repeat-x top left; padding:20px 0 30px 0;}
#divSaibaMais {width:230px; height:auto; background-color:#f1f1f1; float:right; padding:2px;}
#divSaibaMaisChild {width:auto; height:auto; background:#f3f3f3 url(../images/fundoDivSaibaMais.jpg) repeat-x top left; padding:18px;}
#divTextoTopo {width:390px; height:auto; padding:0 35px 15px 130px; border-bottom:solid 1px #ccc; margin:0 auto;}
#divContainerTextoBottom {width:555px; height:auto; margin:0 auto; margin-top:20px;}
#divContainerTextoBottom div {height:auto;}
#divTextoBottomLeft {width:245px; border-right:solid 1px #ccc; padding-right:20px; float:left;}
#divTextoBottomRight {width:265px; padding-left:20px; float:left;}
h3.tituloTextoTop {font-size:24px; font-weight:bold; margin-bottom:15px;}
h3.tituloTextoBottom {font-size:20px; font-weight:bold; color:#F90; margin-bottom:15px;}
h3.tituloSaibaMais {font-size:22px; color:#900; margin-bottom:15px; font-weight:normal;}
input.txtBoxSolucoes, textarea.txtBoxSolucoes {font-size:10px; padding:5px; width:183px; border:solid 1px #ccc; background:#fff url(../images/fundoInput.jpg) repeat-x left top; color:#666;}
.emailOkSolucoes {background: url('../images/icone_emailOkPeq.gif') no-repeat left top; font-size:11px; font-weight:bold; color:#006600; padding:4px 0 0 23px; display:inline-block; height:23px;}
.emailErroSolucoes {background: url('../images/icone_emailErroPeq.gif') no-repeat left top; font-size:11px; font-weight:bold; color:#000; padding:4px 0 0 23px; display:inline-block; height:23px;}

/* Menu Principal ##############################################################*/
ul#menuPrincipal {
	list-style-type: none;
	position:relative;
	padding:0;
	margin:0 auto;
	height:50px;
	width:752px;
}
ul#menuPrincipal li {list-style-type:none; display:inline; float:left;}

.menuPrincipal {
	text-decoration:none;
	padding:8px 0 0 13px;
	display:inline-block;
	background: url('../images/btnMenuPrincipal.jpg') no-repeat left top;
	width:171px;
	height:42px;
	text-align:left;
	margin:0 2px 0 2px;
	cursor:pointer;
}
.menuPrincipal:hover  {text-decoration:none; color:#fff; background: url('../images/btnMenuPrincipal.jpg') no-repeat left -50px;}

.menuPrincipalActive {
	text-decoration:none;
	padding:8px 0 0 13px;
	display:inline-block;
	width:171px;
	height:42px;
	text-align:center;
	background: url('../images/btnMenuPrincipal.jpg') no-repeat left -50px;
	margin:0;
	cursor:pointer;
}
.menuPrincipal p {
	font-size:20px;
	color:#000;
	text-transform:uppercase;
	margin:0;
}
.menuPrincipal span {
	font-size:10px;
	color:#000;
	margin:0;
}

/* Lista de especificações =====================================================================*/
.ulEspecificacoes {display: block; list-style-type: none; margin-bottom:30px;}
.ulEspecificacoes li {list-style-image:url(../images/check.jpg); font-size:12px; color:#666;}


/* Tooltips do portifólio ======================================================================*/
#tooltip {position:absolute; border:solid 1px #666; background-color:#F0F0F0; padding:5px; width:300px; height:auto;}
#tooltip h3 {color:#000; font-size:16px; text-transform:uppercase; margin-bottom:10px; font-weight:normal;}
#tooltip.image {width:300px; height:168px; padding:0;}
.txtTooltip {color:#06C; font-size:12px; margin-bottom:5px; font-style:italic; display:block;}
.cmtTooltip {color:#000; font-size:12px;}

/* Previews dos sites no portifólio ============================================================*/
.nestleConefolia {background:url(../images/sites/previews/nestleConefolia.jpg) no-repeat left top;}
.redoxon {background:url(../images/sites/previews/redoxon.jpg) no-repeat left top;}
.sadia {background:url(../images/sites/previews/sadia.jpg) no-repeat left top;}
.bellaCitta {background:url(../images/sites/previews/bellaCitta.jpg) no-repeat left top;}
.castrol {background:url(../images/sites/previews/castrol.jpg) no-repeat left top;}
.mastercardBola {background:url(../images/sites/previews/mastercardBola.jpg) no-repeat left top;}
.brturbo {background:url(../images/sites/previews/brturbo.jpg) no-repeat left top;}
.schincariol2007 {background:url(../images/sites/previews/schincariol2007.jpg) no-repeat left top;}
.schincariol2008 {background:url(../images/sites/previews/schincariol2008.jpg) no-repeat left top;}
.supradyn {background:url(../images/sites/previews/supradyn.jpg) no-repeat left top;}
.mastercardViajante {background:url(../images/sites/previews/mastercardViajante.jpg) no-repeat left top;}
.bauducco {background:url(../images/sites/previews/bauducco.jpg) no-repeat left top;}
.brastemp {background:url(../images/sites/previews/brastemp.jpg) no-repeat left top;}
.lg {background:url(../images/sites/previews/lg.jpg) no-repeat left top;}
.practicalLife {background:url(../images/sites/previews/practicalLife.jpg) no-repeat left top;}
.waterflows {background:url(../images/sites/previews/waterflows.jpg) no-repeat left top;}
.fertsana {background:url(../images/sites/previews/fertsana.jpg) no-repeat left top;}
.operator {background:url(../images/sites/previews/operator.jpg) no-repeat left top;}
.prbCombustao {background:url(../images/sites/previews/prbCombustao.jpg) no-repeat left top;}
.setri {background:url(../images/sites/previews/setri.jpg) no-repeat left top;}
.alphatel {background:url(../images/sites/previews/alphatel.jpg) no-repeat left top;}
.delta {background:url(../images/sites/previews/delta.jpg) no-repeat left top;}
.dbcorp {background:url(../images/sites/previews/dbcorp.jpg) no-repeat left top;}
.aquaplan {background:url(../images/sites/previews/aquaplan.jpg) no-repeat left top;}
.sondar {background:url(../images/sites/previews/sondar.jpg) no-repeat left top;}
.sondarAgroindustrial {background:url(../images/sites/previews/sondarAgroindustrial.jpg) no-repeat left top;}
.biosphera {background:url(../images/sites/previews/biosphera.jpg) no-repeat left top;}
.live {background:url(../images/sites/previews/live.jpg) no-repeat left top;}

/* Submenu */
#divSubMenu {position:absolute; width:300px; height:200px; background-color:#060; z-index:8; /*margin-left:452px; margin-top:50px;*/}