/*
CSS - Moleiro Pedroso
Desenvolvido por FohatLux Design
www.fohatlux.com.br
*/

*{
  margin:0;
  padding:0;
}

body{
	font-family:Tahoma;
	font-size:13px;
	color:#666;
}

/*Estilos do Conteúdo*/
#geral{
	width:990px;
	margin:0  auto;
	display:table;
}

.form_box{
	background:#F5F5F5 url(../images/bg_form_box.jpg) left bottom repeat-x;
	border-bottom:#DCDCDC 2px solid;
	padding:10px 0 20px 15px;
	font-size:11px;
	line-height:20px;
}

form input{
	border:1px inset #666;
	padding:2px 0 2px 3px;
	color:#666;
}

form textarea{
	border:1px inset #666;
	padding:2px 0 2px 3px;
	font-family:Tahoma;
	font-size:13px;
	color:#666;
}

form .botao{
	border:none;
	position:absolute;
	margin:-2px 0 0 -3px;
	*margin:-1px 0 0 -3px;
}

#conteudo{
	width:655px;
	padding:35px 30px;
}

#conteudo .titulo{
	margin:0 0 0 10px;
}

#conteudo p{
	line-height:18px;
	margin: 0 0 15px 20px;
}

#conteudo hr{
	border:none;
	border-top:1px solid #CCC;
	background:none;
	_height:1px;
	margin:25px 0;
	*margin:15px 0;
}

#conteudo h2{
	line-height:18px;
	margin:15px 0 0 10px;
	font-family:Tahoma;
	font-size:15px;
	color:#009C81;
}

#conteudo a{
	font-family:Tahoma;
	font-size:13px;
	color:#009C81; /*Verde WILO*/
	text-decoration:none;
}

#conteudo a:hover{
	font-family:Tahoma;
	font-size:13px;
	color:#009C81; /*Verde WILO*/
	text-decoration:underline;
}

#conteudo table#produtos_az tr td{padding:5px; border-bottom:1px solid #FFF;}

.destaque_centro{
	background:#009C81 url(../images/bg_form_box.jpg) left top repeat-y; /*Verde WILO*/
	border-left:#009C81 3px solid; /*Verde WILO*/
	width:245px;
	height:75px;
	color:#FFF;
	font-size:12px;
	line-height:15px;
	padding:10px 10px 10px 15px;
	margin:0 0 0 15px;
}

.destaque_img{
	float:right;
	border-bottom:#FFF 3px solid;
	margin:-20px 0 0 0;
	padding:0 0 2px 0;
	position:relative;
}

#conteudo .destaque_centro a{
	background:url(../images/seta_verde.gif) left no-repeat;
	background-position:0 6px;
	padding:0 0 0 15px;
	color:#FFF;
	text-decoration:none;
}

#conteudo .destaque_centro a:hover{
	background:url(../images/seta_verde.gif) left no-repeat;
	background-position:0 6px;
	padding:0 0 0 15px;
	color:#FFF;
	text-decoration:underline;
}

.destaque_bottom{
	width:275px;
	color:#666;
	margin:0 0 0 15px;
	font-size:12px;
	line-height:15px;
}

#conteudo .destaque_bottom a{
	color:#666;
	text-decoration:none;
}

#conteudo .destaque_bottom a:hover{
	color:#009C81; /*Verde WILO*/
	text-decoration:underline;
}

.destaque_bottom strong{
	color:#009C81; /*Verde WILO*/
}

#conteudo .destaque_bottom hr{
	border:none;
	border-top:1px solid #CCC;
	margin:15px 0;
	*margin:5px 0;
}

.destaque_bottom small{
	color:#333;
}

a.produtos{
	background:url(../images/seta_branca.gif) left no-repeat;
	background-position:0 6px;
	padding:0 0 0 15px;
	color:#666;
	text-decoration:none;
}

a.produtos:hover{
	background:url(../images/seta_branca.gif) left no-repeat;
	background-position:0 6px;
	padding:0 0 0 15px;
	color:#009C81; /*Verde WILO*/
	text-decoration:underline;
}

#dolar{
	width:235px;
	margin:0 0 0 20px;
}

#cover_dolar{
	position:absolute;
	margin:94px 0 0 2px;
	*margin:97px 0 0 2px;
}

#previsao_tempo{
	width:305px;
	float:right;
}

#cover_capitais{
	position:absolute;
	margin:41px 0 0 0;
	*margin:44px 0 0 0;
}

#cover_cidades{
	position:absolute;
	margin:41px 0 0 153px;
	*margin:44px 0 0 155px;
}

.download{
	border-top:1px solid #CCC;
	padding:4px 0;
	display:table;
}

.bot_download{
	float:left;
	width:110px;
	margin:8px 5px;
	text-align:center;
}

.desc_download{
	float:left; width:515px;
	padding:4px 10px;
	background:#EFEFEF;
}

.desc_download strong{
	color:#009C81;
}

#hist_noticias{
	width:220px;
	background:#F5F5F5;
	padding:10px;
	float:left;
}

#hist_noticias a{
	font-size:11px;
	color:#666;
	text-decoration:none;
}

#hist_noticias a:hover{
	font-size:11px;
	color:#000;
	text-decoration:none;
}

#hist_noticias hr{
	border:none;
	border-top:1px solid #CCC;
	background:none;
	_height:1px;
	margin:10px 0;
	*margin:0;
}

.form_contato{
	background:#F5F5F5;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:20px 0;
}

.form_download{
	margin:10px 0;
	padding:5px;
	background:#E0E0E0;
}

.form_download form{
	margin:8px 0 0 0;
}

.link{
	display:table;
	width:100%;
	margin:15px 0;
	padding:10px 0;
	border-bottom:1px solid #DCDCDC;
}

.img_foto{
	margin:5px;
	padding:1px;
	border:2px solid #EBEBEB;
}

/*Coluna da Esquerda*/
#side_left{
	width:275px;
	float:left;
}

#logotipo{
	margin:30px 0 25px 27px;
}

#menu{
	display:table;
	margin:2px 0 0 0;
	width:260px;
}

#menu ul{
	margin:40px 0 0 30px;
	line-height:25px;
	list-style:none;
}

#menu ul li a{
	font-size:14px;
	font-weight:bold;
	color:#999;
	text-decoration:none;
}
#menu ul li a:hover{
	font-size:14px;
	font-weight:bold;
	color:#009C81; /*Verde WILO*/
	text-decoration:none;
}

#menu img{
	float:left;
	padding:0 30px 0 15px;
}

#side_left .titulo{
	margin:0 0 7px 0;
}

/*Coluna da Direita*/
#side_right{
	float:left;
	width:715px;
	padding:20px 0 0 0;
}

#top{
	padding:2px 0 2px 0;
	border-top:#999 2px solid;
	border-bottom:#999 2px solid;
}

.img_produto{
	border:3px solid #009C81;
	margin: 0 20px 0 0;
	padding:1px;
	float:left;
}

/*Estilos do Rodapé*/
#rodape{
	background:#F5F5F5 url(../images/bg_rodape.jpg) left top no-repeat;
	width:850px;
	height:50px;
	margin:0 auto;
	padding:20px 20px 10px 120px;
	font-family:Tahoma;
	font-size:10px;
	color:#666;	
}

#rodape a{
	font-family:Tahoma;
	font-size:10px;
	color:#009C81; /*Verde WILO*/
	text-decoration:none;
}

#rodape a:hover{
	font-family:Tahoma;
	font-size:10px;
	color:#009C81; /*Verde WILO*/
	text-decoration:underline;
}

#rodape strong{
	font-family:Tahoma;
	font-size:11px;
	color:#666;
}

#wilo_logo{
	float:right;
	width:64px;
	height:25px;
	background:url(../images/wilo_logo_rodape.jpg) top left no-repeat;
	margin:5px 0 0 0;
}

#wilo_logo img{
	border:none;
}

#wilo_logo a:hover{
	float:right;
	width:64px;
	height:25px;
	background:url(../images/wilo_logo_rodape.jpg) top left no-repeat;
	background-position:0 -25px;
}
