/* ---- Global ---- */
* {margin:0; padding:0; border:0;}
a {text-decoration:none;}
body {background-color:#760000; font-size:11px; font-family:Tahoma, Geneva, sans-serif; color:#666666;}
h1 {color:#4A0000; font-size:25px; font-family:"Gill Sans MT", "Trebuchet MS", Arial, Helvetica; font-weight:lighter;}
p {padding-bottom:10px; text-align:justify;}
ul {list-style:none;}
#banner {margin:0 auto; width:880px;}
#conteudo {padding:0 10px 0 15px; float:left; border-left:5px solid #760000; min-height:370px; width:550px;background-color:#FFFFFF;color:#000;}
#menu_principal {width:260px; float:left; background-color:#760000;}
#menu_principal ul li a {font-family:"Gill Sans MT", "Trebuchet MS", Arial, Helvetica; font-size:18px; color:#000000; padding:4px 0 4px 10px; display:block; border-bottom:1px solid #ECECEC;}
#menu_principal ul li a:hover {color:#FFFFFF; background-color:#5E0000;}
#rodape ul li a {font-size:11px; color:#CDB0B0; padding:25px 20px 10px 0; display:block;}
#rodape ul li a:hover {color:#FFFFFF;}
#tudo, #rodape { width:840px; margin:0 auto;}
#rodape {background:none; border:0;}
#rodape ul, #rodape ul li {float:left;}
#rodape p {color:#B28585; float:left;}
.caminho {padding-bottom:20px;}
.caminho a {color:#666666;}

/* ---- Home ---- */
#clientes, #obras, #institucional {float:left; width:550px;}
#clientes li {float:left; width:170px;}
.obra {float:left; padding-right:10px; width:168px;}
.obra a {color:#666666;}
.veja_mais {text-align:right; width:521px; padding-bottom:4px;}
.veja_mais a {color:#FF0000;}

/* ---- Institucional ---- */
#institucional ul, #institucional ul li {float:left; padding-right:12px;}
#institucional ul {padding-bottom:15px;}
#institucional .txt {float:left; width:520px;}

/* ---- Produtos ---- */
#produto .item {float:left;}
#produto p {padding:7px;}
#produto p a {color:#610000; font-size:17px;}
#produtos ul, #produtos ul li {float:left;}
#produtos ul li a {color:#CCCCCC; font-size:17px; padding:0 7px;}
#produtos ul li a:hover {color:#5E0000;}
#produtos .img {background:url(../images/produtos/bg_imagem.jpg) no-repeat bottom; float:left; padding:15px 7px 7px 7px; height:177px; width:243px;}
#produtos .img_p {background:url(../images/produtos/bg_produto.gif) no-repeat bottom;}
#produtos .txt {float:left; width:260px; padding:10px 0 0 11px;}
/* ---- Acessórios de Cobertura ---- */

.acessorios{float:left;width:48%;margin:0 5px;}
.acessorios li{margin:3px;}
.acessorios a{font-size:15px;color:#760000;}

/* ---- Nossas Obras ---- */
#obras .obra {float:left; width:264px; padding-bottom:10px;}
#obras .obra .img{height:200px;}
#obras .obra .img a {display:block; padding:3px; border:1px solid #CCCCCC; width:260px;}
#obras .obra .tit {font-size:17px; font-family:"Gill Sans MT", "Trebuchet MS", Arial, Helvetica;text-align:center;}
#obras .obra .tit strong {color:#610000;}
.paginacao {text-align:right; background-color:#E4E4E4; border:1px solid #CCCCCC; padding:5px;}
.paginacao a {color:#666666;}

/* ---- Clientes ---- */
#clientes ul li {padding:0 10px 10px 0;width:30%;float:left;height:140px;text-align:center;}
#clientes ul li a {border:1px solid #EAEAEA; display:block; width:150px; width:170px;}

/* ---- Fale Conosco ---- */
#contato_desc, #contato_form {float:left;}
#contato_desc {border-top:1px dotted #B2B2B2; padding-top:7px; margin-top:10px;}
#contato_desc span a {color:#640000; font-weight:bold;}
#contato_desc p {float:left;}
#contato_desc span {float:left; padding-left:40px;}
#contato_form input, #contato_form textarea {background-color:#F7F5F2; border:1px solid #BFB8A8; width:390px; padding:3px; color:#999999;}
#contato_form label {float:left; font-weight:bold; width:75px; padding:3px;}
#contato_form p {padding-top:5px;}
#contato_form #btn {float:right; width:64px; padding:0; border:0;}