/* CSS Document */
html, body, #centraliza {height:100%;}
body > #centraliza {height:auto; min-height:100%;} 

body {
	background:url(../imagens/bg.png) no-repeat scroll 50% 0 !important;
	background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#484848;
	margin:0px;
	padding:0px;
}

img{border:0;}

#centraliza {width:778px;} /* Generico */
#topo, #slogan, #banner, #universitaria, #empresarial, #conteudo, #empresa, #contato, #orcamento, #algunsClientes, #produtos, #publicidade, #botaoAlgunsClientes {float:left;} /* Generico */

#centraliza {margin:0 auto; text-align:left;}

#topo {height:8em; width:100%;}
#slogan {height:88px;}
#banner {margin-top:0.1em;}

#conteudo { width:100%;} /* deve ser a mesma altura do rodapé padding-bottom:70px; */

#universitaria {width:230px; height:300px; margin:1.7em 0 0 1em;}
#tituloUniversitaria {font-size:2.1em; color:#fe7d0b; margin-bottom:0.3em;}
#textoUniversitaria {font-size:1.2em; line-height:1.3em; width:15.7em; height:13em; color:#6e6e6e; margin-top:0.5em; text-align:justify;}

#empresarial {width:230px; height:300px; margin:1.7em 0 0 4em;}
#tituloEmpresarial {font-size:2.1em; color:#9ac437; margin-bottom:0.3em;}
#textoEmpresarial {font-size:1.2em; line-height:1.3em; width:15.7em; height:13em; color:#6e6e6e; margin-top:0.5em; text-align:justify;}

#contato {padding-top:2em;}
label {display:block; padding-bottom:0.5em; text-align:right; vertical-align:top; width:380px; color:#6e6e6e;}
.campo {height:18px; border:1px #CCC solid; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6e6e6e; font-size:1.05em;}
.textarea {border:1px solid #CCC; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6e6e6e; font-size:1.05em; width:290px; height:65px; vertical-align:top;}
#botao {padding:15px 0 0 296px;}

#orcamento {padding:2em 0 0 1em;}
.label {height:2.4em; vertical-align:top; color:#6e6e6e;}
.enviar {background:url(../imagens/enviar.png) no-repeat; width:89px; height:35px; border:0; cursor:pointer;}
/*.enviar:Hover {background:url(../imagens/enviarHover.png) no-repeat; width:89px; height:35px;}*/
.limpar {background:url(../imagens/limpar.png) no-repeat; width:89px; height:35px; border:0; cursor:pointer;}
/*.limpar:Hover {background:url(../imagens/limparHover.png) no-repeat; width:89px; height:35px;}*/

#empresa {padding:2em 0 0 1em; width:511px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#878787; font-size:1.2em; line-height:1.4em; text-align:justify;}

#algunsClientes {padding:2em 0 0 1em;}
ul#logoClientes{margin:0.7em; padding:0px; list-style:none; width:100%; height:84px;}
ul#logoClientes li{margin:0.4em; padding:0; display:block; float:left; position:relative;}

#produtos {padding:2em 0 0 1em;}
ul#produtosItens{margin:0; padding:0; list-style:none; width:100%;}
ul#produtosItens li{margin:1em 1em 0 1em; padding:0; display:block; float:left; position:relative; width:153px;}

ul#legendaItens{margin:0; padding:0; list-style:none; width:100%;}
ul#legendaItens li{margin:0 0 0 2em; padding:0 0 2em 0; display:block; float:left; position:relative; width:153px; font-size:1em; color:#999;}
.lupa{padding-left:4em;}

#publicidade{float:right; margin:1.7em 1em 0 0; background:url(../imagens/publicidade.png) no-repeat; width:217px; height:340px;} /* 301 */
#botaoAlgunsClientes{padding:19.3em 0 0 0;}

#rodape {background:url(../imagens/bgRodape.gif) repeat; border-top:0.4em #d5d5d5 solid; font-size:1em; position:relative; height:100px; margin-top:-70px;/* A mesma altura do rodapé, o valor deve ser negativo */ text-align:center; line-height:1.7em; clear:both;}