/* Geral */
* {margin:0; padding:0; border:0;}
a {text-decoration: none;}
h1 {color:#5E0000; font-weight:500; padding-bottom:15px; clear:both; padding-top:10px;}
li {list-style: none;}
body {background-color:#5E0000; font-family: 'Open Sans', sans-serif; font-size:12px;}
#banner {background: url('../imagens/bgBanner.png') no-repeat center top; width:890px; margin-top:20px; zoom:1.020; margin-left:-30px; padding:18px 0; text-align: center;}
#bannerDesc {position:absolute; top:300px; right:-20px;}
#conteudo {background-color:#FFFFFF; float:left; width:100%;}
#home {padding-bottom:20px; overflow: hidden;}
#homeObras div {float:left; margin-right:20px; width:200px;}
#homeObras div a span {overflow: hidden; height:120px; display:block;}
#homeObras a {color:#666666;}
#homeClientes a, #clientes a, #acessorios a, #institucional a {display: block; float: left; margin-right:20px; margin-left:3px; width:173px;}
#logo {position: absolute; top:40px; left:-20px; background-color: #FFFFFF; padding:15px;}
#geral {width:850px; margin:0 auto; margin-top:-20px; position: relative;}
#geral #menuPrincipal {float:left; border-right:3px solid #5E0000; background-color: #FFFFFF; padding:15px 0; margin-right:20px;}
#geral #menuPrincipal a {color:#000000; display: block; padding:13px; border-bottom:1px solid #ECECEC; font-weight:600;}
#geral #menuPrincipal a:hover, #geral #menuPrincipal .ativo {background-color:#5E0000; color:#FFFFFF;}
#rodape {width:850px; margin:0 auto; padding-bottom:20px;}
#rodape ul li {float:left;}
#rodape ul li a {display:block; color:#B28585; padding:5px 10px 5px 0;}
#rodape ul li a:hover {text-decoration:underline;}
#rodape p {color:#B28585; clear: both;}

/* Clientes */
#clientes, #contato, #institucional, #acessorios, #obrasProdutos, #obraProduto {overflow: hidden; padding-bottom:10px;}
#clientes a {margin-bottom:10px; text-align: center; height:80px;}

/* Institucional/Acessórios */
#institucional p, #acessorios p {padding-bottom:15px; padding-right:20px;}
#acessorios div.imagens {float:left; height: 150px;}

/* Obras e Produtos */
#obrasProdutosListagem div {float:left; margin-right:25px; width: 167px; height:160px;}
#obrasProdutosListagem div a {color:#620001; font-weight: bold; padding-left:3px; display: block; padding-bottom:20px; overflow: hidden;}
#obrasProdutosListagem div a span {display:block; overflow:hidden; height:100px;}

/* Obra/Produto completo(a) */
#obraProduto .obraProdutoFotos {float:left; width:220px;}
#obraProduto .obraProdutoDescricao {float:left; width:400px;}

/* Contato */
#contato p {padding-bottom:5px; clear: both; float:left; width:612px;}
#contato p label {color:#666666; float:left; width:80px; text-align: right; padding:3px 10px;}
#contato p input, #contato p textarea {color:#666666; background-color:#F7F5F2; border:1px solid #BFB8A8; padding:5px; float:left; width:500px;}
#contato p textarea {height: 90px;}
#contato p input[type=submit] {width:auto; float: right;}

