html body {
	width:100%; 
	height:100%;
	padding:0;
	margin:0;
	text-align:center;
	background: #bcd8dc;

}

* {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	text-align:left;
}

/*index */
#wrapper {
	width:980px;
	height:100%;
	margin:5px auto;
	
	
	}
#menu{
	width:100%;
	height:50px;
	display:table;
	background:#2d3e4a;


	
	}
#menu ul li {
	padding:0 10px;
	line-height:45px;
	display:block;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#ffffff;
}

#menu a{
	color:#ffffff;
		
	}

#middle {
	background-image:url(../imagens/banner.jpg);
	background-repeat:no-repeat;
	width:980px;
	height:300px;
	}
	
#conteudo{
	width:980px;
	height:100%;
	background:#2d3e4a;
	float:left;

	}
	
#footer {
	width:980px;
	height:100px;
	background: #CCC;
	float:left;
		
}

#twitter img {
	width:128px;
	height:128px;
	float: right;

}
#article {
	margin:20px 10px;
	padding:0;

	}

#article label {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	
}

#article h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
		
	}
#article ul li {
	
	padding:0 10px;
	line-height:25px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
}

/*navegacao*/
#menu {
	width:980px;
	height:50px;
	display:table;

}

#banner1 {width:326px; height:50px; background:url(../imagens/banner1.jpg); background-repeat:no-repeat; float:left;}
#banner2 {width:326px; height:50px; background:url(../imagens/banner2.jpg); background-repeat:no-repeat; float:left;}
#banner3 {width:326px; height:50px; background:url(../imagens/banner3.jpg); background-repeat:no-repeat; float:left;}
#banner4 {width:980px; height:50px; background:url(../imagens/banner4.jpg); background-repeat:no-repeat; float:left;}
#banner5 {width:980px; height:50px; background:url(../imagens/banner5.jpg); background-repeat:no-repeat; float:left;}
#banner6 {width:980px; height:50px; background:url(../imagens/banner6.jpg); background-repeat:no-repeat; float:left;}

#area_banner { width:980px; height:auto; margin:0; padding:0; text-align:center; float:left;}


.area_imagem {
	width:154px;
	height:255px;
	float:left;
	margin:20px 20px;
	background: #eeeeee;
}

.area img{
	width:144px;
	height:140px;
	background:#FFF;
	margin-top:5px;
	margin-left:5px;
	margin-right:10px;
	margin-bottom:5px;
	float:left
}

.area_texto label{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666666;

	}
.area_descricao{
	width:156px;
	height:98px;
	margin-left:3px;
	padding:0;
}

.area_linha ul li{
	padding:0 10px;
	line-height:20px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;

}


.tudo {
	width:980px;
	float:left;
	margin:10px 10px;
	
}
	
/*formulario*/
#contato{
	width:360px;
	margin:2px;
	float:left;

	
	}
#contato legend{
	font-size:20px;
	color:#FFFFFF;
	}
#contato input[type="text"]{
	width:360px;
	margin:5px 0;
	}
#contato textarea{
	width:360px;	
	margin:5px 0;
	height:100px; border:1px solid; padding:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666666;
	}	
#contato label{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:14px;
	margin: 5px 0;
}

.campo {height:15px; border:1px solid; padding:10px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666;}
.botao {height:40px; width:60px; text-align:center; font-family:Verdana, Geneva, sans-serif; color:#000000; border-bottom-style: dotted;}
	
	
   	


.mesagem{
	width:250px;
	height:30px;
	margin:auto;
	padding:0;
	background-color:#deebed;
	border:2px solid #ffffff;
	text-align: right; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;}