@charset "utf-8";
/* CSS Document */
 * {
    margin: 0;
    padding: 0;
    }

    html, body {
    height: 100%;
    }

    * html #container{height: 100%;}
	#tudo{position:relative; min-height:100%;}
body{margin:0;padding:0; font-family:Arial, Helvetica, sans-serif, Calibri; background:url(../imagens/bg.jpg) no-repeat #f8f7f2; font-size:13px;}

#container{width:970px; margin:auto;}

#topo{ position:relative; z-index:5; right:30px; }
#logo{width:277px; float:left; position:relative; bottom:50px; left:20px; z-index:90;}

#menu{ background:url(../imagens/menu.jpg) no-repeat; height:48px; font-size:14px; float:right; text-align:center; width:735px;z-index:100;}
#menu ul{ list-style:none; padding:16px 12px 0 12px;}
#menu ul li{display:inline; padding:0 9px 0 5px;   background:url(../imagens/divisor_menu.jpg) no-repeat right; }
#menu ul li.semdivisor{display:inline; padding:0 5px;   background:none; }
#menu ul li a{color:#555; }
#menu ul li a:hover{color:#EA5E00; }

#newsletter{ z-index:8; position:relative; top:30px; float:right; padding-right:40px;}
#titulo1{ position:relative; top:10px; float:right;}


#conteudo #voltar{ float:right; padding: 0 0 20px 50px; background:url(../imagens/btn-voltar.jpg) no-repeat; width:35px; height:35px; }
#conteudo #prox{ float:right; padding: 0 0 20px 50px; background:url(../imagens/btn-prox.jpg) no-repeat; width:35px; height:35px; }

#conteudo{  height: 100%;} 

#conteudo p{color:#595959; max-width:600px; text-align:justify; line-height:1.2em;}
#conteudo .space{margin-right:7px;}
#conteudo a{color:#1F7BBD;} #conteudo a:hover{color:#000;}

#destaque{float:left; text-align:center; width:340px; padding-right:10px;}
#destaque p{width:260px; margin-left:40px;}
.divisor2{position:relative; right:35px;}
.divisor3{position:relative; left:42px;}
.divisor4{position:relative;right:40px;}
.divisor5{position:relative;right:410px; bottom:5px;}

#newsletter{float:right; width:200px; background:#686868; color:#FFF; padding:25px 15px; position:relative;  top:-10px;}
#newsletter p{font-family:"Times New Roman", Times, serif; color:#FFF;}
#newsletter .ok{position:relative; top:6px;}

#obras{ border:1px solid #b8b8b8;}
.foto{position:relative; right:60px; bottom:8px;}
#obras td{border:1px solid #b8b8b8; } 
#obras h4{font-size:17px; padding-left:15px; line-height:1.7em; font-weight:100; color:#666; font-style:italic; font-family:"Times New Roman", Times, serif; }
#obras h4 span{font-size:16px; line-height:1.7em; color:#d30404; font-style: normal; font-family:Arial, Helvetica, sans-serif; }
#obras p{padding: 0 17px 0 17px;}
#obras img.obras{padding-left:17px;}

#grupo{ border:1px solid #b8b8b8;}
#grupo td{border:1px solid #b8b8b8; } 
#grupo h4{font-size:17px; padding-left:15px; line-height:1.7em; font-weight:100; color:#666; font-style:italic; font-family:"Times New Roman", Times, serif; }
#grupo h4 span{font-size:17px; line-height:1.7em; color:#d30404; font-style: normal; font-family:Arial, Helvetica, sans-serif; }
#grupo p{padding: 0 17px 0 17px;}
#grupo img.grupo{padding-left:17px;}


.catalogo{position:relative; right:130px; bottom:8px;}


#produtos{width:300px; float:left; margin:0 20px 60px 0; } #produtos p{text-align:justify;}
#produtos img.borda{margin:7px 0; border:1px solid #878787;}

.borda1{margin:7px 0; border:1px solid #878787;}

#empresa ul{ list-style:none; padding:0 0 15px 15px;}
#empresa ul li{ display:list-item; padding: 0 0 15px 0; }


#rodape{background:url(../imagens/rodape.jpg) repeat;  bottom:0; width:100%;  margin-top:160px; line-height:1.1em; font-size:14px; color:#d8d8d8;clear:both;}
ul{list-style-type:none;}
		#conteudo_rodape{ width:1000px; margin:auto; padding:28px 0 10px 26px;}
		#conteudo_rodape a{color:#FFF;  }
		#conteudo_rodape a:hover{color:#ffca0c;}
		#bgrodape{position:relative; bottom:48px;}

h1{font-size:26px; color:#FFF; font-weight:100;}
h2{font-size:21px; color:#666;}
h3{font-size:21px; color:#666; font-family:"Times New Roman", Times, serif; position:relative; top:5px;}
h4{font-size:18px; color:#ff8e00;}
a{text-decoration:none;}
.clear{
display:block;
clear:both;
width:1px;
height:0.001%;
font-size:0px;
line-height:0px;}

/* Formulario */

.cx_form{
	background-color: #FFF;
	border-color: #CCC; 
	border-style:solid;
	border-width:thin;
	color: #666;
}

.form{
    font-family:Arial, Helvetica, sans-serif, Calibri;
	color:#666; 
	font-size:13px;
}

.botao {
	font-family:Arial, Helvetica, sans-serif, Calibri;
	color:#000;
	font-size: 13px;
	font-weight: bold;
	background-color:#ff8e00;
	height: 23px;
	width: 70px;
	cursor: pointer;
	color: #FFF;
	border:0;
}

