/*----------|body e classes gerais|-----------*/
body {
	background-color: #E8E8E8;
	font: normal 12px Arial;
	color: #333;
}

.alt { display: none; }
.clean { clear: left; }



/*--------|Geral|-----------*/

#Geral {
	width: 939px;
	height: auto;
	margin: 0px auto;
}

/*--------|Topo|-----------*/

#Topo {
	background: url(../imagens/bgTopo.png) no-repeat 0 0;
	width: 939px;
	height: 347px;
	float: left;
	position: relative;
}
#Topo .spaceTopo { 
	width: 939px;
	height: 103px;
	float: left;
}

a.marcaTopo {
	background: url(../imagens/marcaTopo.gif) no-repeat 0 0;
	width: 250px;
	height: 60px;
	position: absolute;
	top: 8px;
	left:13px;
	z-index: 1;
}

/*--------|Menu Topo|-----------*/
.menuTopo {
	width: 160px;
	height: 25px;
	position: absolute;
	top: 62px;
	right: 6px;
	z-index:2;
	padding: 0px;
	float: left;	
}

.menuTopo ul, .menuTopo ul li{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
.menuTopo ul li { float: left; }

.menuTopo a.botHome, .menuTopo a.botContato {
	height: 15px;
	background: no-repeat 0 -15px;
	float: left;
}
.menuTopo a.botHome { background-image: url(../imagens/botHome.gif); width: 75px; }
.menuTopo a.botContato { background-image: url(../imagens/botContato.gif); width: 50px; }

.menuTopo a.botHome:hover, .menuTopo a.botContato:hover { background-position: 0 0; }

.menuTopo ul li span.divisorMenu { 
	background-color:#999;
	width: 1px;
	height: 15px;
	float: left;
	margin: 0 7px 0 9px;
 }
/*--------|Menu Principal|-----------*/
.menuPrincipal {
	width: 939px;
	height: 40px;
	float: left;
	padding: 0px;
}

.menuPrincipal ul, .menuPrincipal ul li{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

.menuPrincipal ul li { float: left; margin: 13px 0 0 0; }

.menuPrincipal ul li a { 
	font-size: 9px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #CCC;
	float: left;
	margin: 0 19px;
}

.menuPrincipal ul li a:hover { color: #FFF; }

/*
#MenuHorizontal ul , #MenuHorizontal li, #MenuHorizontal li ul li a p {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	VERTICAL-ALIGN: baseline;
}

#MenuHorizontal ul {
	margin-top: 5px; float: left;
}

#MenuHorizontal ul li {
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	margin: 0px;
	float: left;
	position: relative;
	width: auto;
        display: block;	
}
#MenuHorizontal ul li.divisor { 
	background: url(../imagens/LinhaMenu.gif) no-repeat 0 top;
	width: 5px; height: 28px;
}

#MenuHorizontal ul li a {
	font-size: 11px;
	text-align: center;
	color: #333;
	padding: 7px 20px 3px;
	text-decoration: none;
        display: block;
	width: auto;	
	background-color: #FFF;	
}

/* Fix IE. Hide from IE Mac \ 
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End 

#MenuHorizontal ul li a:hover {
	color: #FFF;
	background-color: #B6C2B6;
}
#MenuHorizontal ul ul{
	padding: 0;
	border: 0;
	outline: 0;
	z-index: 100;
    position:absolute;
    display:none;
    left: 0; 
    top: 19px;
	border: 1px solid #CCC;	
	background-color: #FFF;	
	width:200px;
	height:auto;
}
#MenuHorizontal ul li ul li , #MenuHorizontal ul li ul li ul li {display:block; width:200px;text-align:left;}


#MenuHorizontal ul ul ul{
	padding: 0;
	border: 0;
	outline: 0;
	z-index: 100;
    position:absolute;
    display:none;
    left: 200px; 
    top: 0px;
	border: 1px solid #CCC;
	background-color: #FFF;
	width:200px;
	height:auto;
}

#MenuHorizontal li ul li a, #MenuHorizontal li ul li ul li a  { margin: 0px; background:#FFF;border-bottom: 1px solid #CCC;width:auto;}

#MenuHorizontal li:hover ul ul, #MenuHorizontal li:hover ul ul ul{ display:none; }

#MenuHorizontal li:hover ul, #MenuHorizontal li li:hover ul, #MenuHorizontal li li li:hover ul, #MenuHorizontal li.over ul, #MenuHorizontal li li.over ul{ display: block; } 
*/

 
/*--------|Flash|-----------*/
.destaquesTopo .flashTopo { 
	width: 574px; 
	height: 204px;
	float: left;
}

/*--------|Destaque Busca|-----------*/
.destaquesTopo .destBusca {
	background: url(../imagens/bgDestBusca.png) no-repeat 0 0;
	width: 186px; 
	height: 34px;
	padding: 170px 0 0 5px;
	float: left;
}
.destaquesTopo .destBusca label {
	background: url(../imagens/img_titBusca.gif) no-repeat 0 0;
	width: 38px;
	height: 22px;
	float: left;
}
.destaquesTopo .destBusca input {
	font-size: 11px;
	color:#666;
	width: 107px;
	height: 19px;
	padding: 2px 4px 0 4px;
	border: none;
	float: left;
	
}
.destaquesTopo .destBusca button {
	background: url(../imagens/img_Busca_OK.gif) no-repeat 0 0;
	width: 22px;
	height: 22px;
	margin: 0 0 0 3px;
	border: none;
	cursor: pointer;
}

/*--------|Destaque Orcamento|-----------*/
.destaquesTopo a.destOrcamento {
	background: url(../imagens/bgOrcamento.png) no-repeat 0 0;
	width: 174px; 
	height: 204px;
	float: left;
}

/*--------|Destaques|-----------*/
#Destaques { 
	background-color: #FFF;
	width: 915px;
	height: auto;
	float: left;
	padding:12px 0px 12px 25px;
}

#Destaques .blocoDest {
	width: 210px; 
	height: 180px; 
	float: left;
	position: relative;
	margin-right: 15px;
}

#Destaques .blocoDest h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	letter-spacing: -1px;
	color: #FFF;
	background-color: #333;
	width: 210px;
	padding: 0 0 4px 0;
	margin: 0 0 2px 0;
	clear: left;
}

#Destaques .blocoDest img {
	border: 4px solid #333
}

#Destaques .blocoDest a.botSaibaMais {
	background: url(../imagens/bot_DestMais.gif) no-repeat 0 0;
	width: 119px;
	height: 28px;
	position: absolute;
	right: 4px;
	top: 140px;
	z-index: 3;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	opacity: 100%;
	-khtml-opacity: 0.6; /*Chrome*/	
}

#Destaques .blocoDest a.botSaibaMais:hover {
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
	opacity: 100%;
	-khtml-opacity: 1.0; /*Chrome*/	
}
/*--------|Conteudo|-----------*/
#Conteudo { 
	background-color: #FFF;
	width: 900px;
	height: auto !important;
	min-height: 240px;
	height: 240px;
	float: left;
	padding:15px 20px 20px 20px;
}
#Conteudo p { line-height: 130%; margin: 0 0 10px 0; }

#Conteudo h2 { 
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #900;
	margin: 0 0 20px 0;
	clear: left;
	border-bottom: 2px solid #D7D7D7;	
}
#Conteudo h3 { 	
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #333;
	margin: 0 0 10px 0;
}


/*--------|Rodape|-----------*/
#Rodape {
	background: url(../imagens/bgRodape.gif) repeat-x 0 0;
	width: 939px;
	height: 62px;
	float: left;
}

.menuRodape { 
	background: url(../imagens/DetRodape.gif) no-repeat 0 0;
	width: 939px;
	height: 35px;
	float: left;
}
.menuRodape ul {
	width: 550px;
	height: auto;
	margin: 12px auto 0px auto;
}
.menuRodape ul li { float: left; }

.menuRodape ul li a { 
	font-size: 9px;	
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
	float: left;
	margin: 0 20px;
}

.menuRodape li a:hover { text-decoration: underline; }

#Rodape p { 
	font-size: 11px; 
	line-height: 25px; 
	text-align: center; 
	color: #FFF;
}

.blocoPadrao{background-color: #FFF;float:left;width:900px;	padding:15px 20px 20px 20px;text-align:justify;display:block;height: auto !important;	min-height: 240px;	height: 240px;} 

.blocoPadrao div, .blocoPadrao, .blocoPadrao p, .blocoPadrao td  {font-size: 12px; font-family: Arial, Helvetica; }

.blocoPadrao .font_titulo{
	font-family: Arial, Helvetica;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #900;
	margin: 0 0 20px 0;
	clear: left;
	width:100%;
}

.blocoPadrao a {
	text-decoration: underline; color:#000000;
}

.blocoPadrao a:link{
	text-decoration: underline; color:#000000;
}

.blocoPadrao a:hover{
	text-decoration: underline; color:#900;
}
/*
.blocoPadrao a:visited{
	text-decoration: underline; color:#000000;
}
*/

.blocoPadrao .tituloModeloPadrao{
	font-family: Arial, Helvetica;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #900;
	margin: 0 0 10px 0;
	width:100%;
	padding-top:5px;
}


#BlocoModulo{float:left;width:98%;height:auto;padding-top:10px; background-color:#FFF;}

.blocoBasico{float:left;position:relative;width:100%;height:auto; padding-top:10px;z-index:50; background-color:#FFF;}

/*.blocoBasico div, .blocoBasico, .blocoBasico p, .blocoBasico td  {font-size: 12px; font-family: Arial, Helvetica; } */
.tituloBlocoBasico{float:left;width:100%; background-color:#CDD6CD; color:#596C59; }

.iconesVoltarTopo{
	background-color:#FFF;float:left;position:relative;width:100%;height:auto; padding-top:10px;z-index:51;
}

a.btVoltar, a.btTopo {
	 background: no-repeat 0 0;
	 height:30px;
	 float: right;
	 margin: 0 10px 0 0;
	 -moz-opacity: 0.60; filter: alpha(opacity=60);
}

a.btVoltar  { background-image: url(../imagens/btVoltar.gif); width: 65px; }
a.btTopo { background-image: url(../imagens/btTopo.gif); width: 55px; }


a.btVoltar:hover, a.btTopo:hover{ 
	-moz-opacity: 1.0; filter: alpha(opacity=100); 
}

#Centro{
    background: #FFF;
}

#Centro h2{
    padding-top: 10px;
    margin: 10px 10px 10px 0px;
    font-size: 28px;
}

/* contato */
.contato { width: 80%;background: #FFF; padding: 15px 20px 20px;}

.contato h3{
    margin: 10px 10px 10px 0px;
}

.contato form { padding: 5px 0px; }

.contato label {
	font-size: .88em;
	text-transform: uppercase;
	color: #333;
	width: 100%;
	float: left;
	text-align: left;
	padding-right: 10px;
}

.contato input, .contato textarea  {
	font: 1.2em Arial;
	color: #333;
	background-color: #FFF;
	border: 1px solid #333;
	margin-bottom: 8px;
}

.contato input { float: left; width: 60%; }

.contato textarea { height: 100px; padding: 0 10%; width: 40%; }

.contato button {
	color: #000;
	font-size: .85em;
	background-color: #CCC;
	border: none;
	padding: 3px;
	cursor: pointer;
	text-transform:uppercase;
	float: left;
	margin-left: 15px;
}

.contato small { float: left; font-size: .7em; margin: 5px 0 0 3px; }