/* ------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------ DIVS ------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------ */


#slider {
    width: 480px; /* important to be same as image width */
    height: 380px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 480px; /* important to be same as image width or wider */
    position: absolute;
	margin-left: 0;
	left:-35px;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 13px/16px Arial, Helvetica, sans-serif; /* Tamanho da fonte no na faixa preta do banner*/
    padding: 30px;
    width: 480px;
    background-color: #333; /* background do fundo do texto*/
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff; /* Cor do texto no banner*/
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 18px; /*Tamanho da fonte do titulo */
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}







/* ESTRUTURA COMPLETA DO SITE */
#estrutura{
	width:1024px; /* Largura */
	height:768px; /* Altura */
	margin-left:auto;/* Centralizando a Página */
	margin-right:auto;/* Centralizando a Página */
	background:#FFF;
}


/* BANNER PRINCIAL */
#bannerprincipal{
	width:1024px; /* Largura */
	height:174px; /* Altura */
	background-color:#FFF;
}



/* MENU */
#menu{
	width:1024px; /* Largura */
	height:65px; /* Altura */
}

#menu ul{
			list-style:none;
			padding:0 0 0 100px;  /* Centralizando o Menu */	
		}
			#menu li{
				background:url(imagens/.png) repeat-x;	/* Imagem fixa de fundo */	
				list-style:none;
				display:block;
				float:left;
				height:50px; /* Altura das barras de divisorias */
				line-height:150px;
				width:160px;
				border:1px solid #dbdbdb;  /* Divisórias entre os Itens do Menu */
				border-bottom:none;
				border-top:none;
				text-align:center;
			}
				#menu li a{
					display:block;	
					color:#000; /* Cor dos links */
					text-transform:uppercase;
					font-size:17px; /* Tamanho da fonte */
					font-weight:bold;
					line-height:50px; /* Altura da imagem rotativa com mouse em cima */
					text-decoration:none;
					padding:0 15px;			
				}
					#menu li a:hover{
						color:#FFF; /* Cor do texto quando colocado o mouse em cima */
						background:url(imagens/textura.png); /* Imagem quando mouse esta em cima */
					}
				#menu li a.current{
					display:block;
					color:#FFF; /* Cor do texto quando a imagem rotativa está em cima do mesmo */
					background:url(imagens/textura.png); /* Imagem fixa do menu */
					text-transform:uppercase;
					font-size:17px;
					font-weight:bold;
					line-height:50px; /* Altura da imagem fixa */
					text-decoration:none;
					padding:0 15px;	
				}




/* POSTAGEM ESQUERDA */
#postagem_esquerda{
	width:484px; /* Largura */
	height:383px; /* Altura */
	background-color:#FFF;
	float:left;
	margin:10px;
}

/* POSTAGEM ESQUERDA */
#postagem_esquerda_local{
	width:484px; /* Largura */
	height:376px; /* Altura */
	background-color:#FFF;
	float:left;
	margin:10px;
}


/* POSTAGEM DIREITA */
#postagem_direita{
	width:500px; /* Largura */
	height:164px; /* Altura */
	background-color:#FFF;
	float:left;
	margin:10px;
}



/* POSTAGEM DIREITA UM*/
#postagem_direita_um{
	width:500px; /* Largura */
	height:200px; /* Altura */
	background-color:#FFF;
	float:left;
	margin:10px;
}


/* RADAPÉ */
#rodape{
	width:1024px; /* Largura */
	height:113px; /* Altura */
	float:left;
}


#imagem{
	width:255px; /* Largura */
	height:190px; /* Altura */
	float:right;
	margin:5px;
}


#menu_produtos{
	width:200px; /* Largura */
	height:403px; /* Altura */
	background-color:#FFF;
	float:left;
}

	#menu_produtos li{
		color:#666;
		font-family:"MS Serif", "New York", serif, "Myriad Pro";
		font-size:17px;
		padding:10px;
		text-decoration:none;
	}
	
	#menu_produtos li a{
		color:#666;
		font-family:"MS Serif", "New York", serif, "Myriad Pro";
		font-size:17px;
		padding:10px;
		text-decoration:none;
	}
	
	#menu_produtos a:hover{
		color:#903;
		font-family:"MS Serif", "New York", serif, "Myriad Pro";
		font-size:17px;
		padding:10px;
		text-decoration:none;
	}


#produto1{
	width:382px; /* Largura */
	height:175px; /* Altura */
	background-color:#FFF;
	float:left;
	border:#aaaaaa;
   	border-width: 1px;
   	border-style: solid;
	margin:10px;
}


/* Div onde está localizada a imagem da telha no menu */
#imgtelha{
	width:382px; /* Largura */
	height:377px; /* Altura */
	background-color:#FFF;
	float:left;
	border:#aaaaaa;
   	border-width: 1px;
   	border-style: solid;
	margin:10px;
}

/* Div onde está localizada o texto das expecificações das telhas */
#txttelha{
	width:382px; /* Largura */
	height:377px; /* Altura */
	background-color:#FFF;
	float:left;
	padding:10px;
	/*
	border:#aaaaaa;
   	border-width: 1px;
   	border-style: solid;
	margin:10px;
	*/
}



#contato_esquerda{
	width:484px; /* Largura */
	height:384px; /* Altura */
	float:left;
	margin:10px;
}


#contato_direita{
	width:500px; /* Largura */
	height:377px; /* Altura */
	float:left;
	margin:10px;
	margin-top:10px;	
}


#simulador{
	width:1000px; /* Largura */
	height:383px; /* Altura */
	float:left;
	margin:10px;
}




/* ------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------ */
/* -------------------------------------------- FORMATAÇÕES --------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------ */


/* FORMATAÇÃO DE TITULOS */
h2{
	color:#903;
	font-size:24px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:5px;
}


/* FORMATAÇÃO DO TEXTO PADRÃO */
.texto_padrao{
	font-family:"MS Serif", "New York", serif, "Myriad Pro";
	font-size:17px;
	padding:5px;
}


/* FORMATAÇÃO DOS LINKS */
.link{
	color:#666;
	font-family:"MS Serif", "New York", serif, "Myriad Pro";
	font-size:17px;
	padding:5px;
}


/* FORMATAÇÃO DOS LINKS DO MENU PRODUTOS */
.menu_produtos{
	color:#666;
	font-family:"MS Serif", "New York", serif, "Myriad Pro";
	font-size:17px;
	padding:35px;
}


/* FORMATAÇÃO AVISO DE CAMPO OBRIGATÓRIO */
.campo{
	color:#FF0000;
	font-family:"MS Serif", "New York", serif, "Myriad Pro";
	font-size:11px;
	}