/* ELEMENTOS HTML*/

html,body{
	margin:0;
	padding:0;
	background:#ededed url(../imagens/bg.gif) repeat-x fixed;
	text-align:center;
}

a:link{
	color:#2a3d54;
	text-decoration:none;
}
a:visited{
	color:#2a3d54;
	text-decoration:none;
}
a:hover{
	color:#CCCCCC;
	text-decoration:none;
}
a:active{
	color:#2a3d54;
	text-decoration:none;
}

h1{
	font:bold 12px verdana;
	width: 330px;
	border-bottom:1px solid #dedede;
	margin:0;
	padding:0;
	color: #3c51a3;
	margin-bottom:8px;
	margin-left:20px;
	margin-top:10px;
}

h3{
	font: bold 16px Verdana;
	margin:0;
	color: #3c51a3;
	padding:0;
	float: right;
	margin-top:30px;
	margin-right:130px;
}
* html h3{
	margin-left:20px;
}

h4{
	font: bold 16px Verdana;
	margin:0;
	color:#646464;
	padding:0;
	float:left;
	margin-top:90px;
	margin-left:30px;
}
* html h4{
	margin-left:20px;
}

h5{
	font: bold 18px verdana;
	width: 420px;
	border-bottom: 1px solid #dedede;
	margin: 0;
	padding: 0;
	color: #3c51a3;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-top: 20px;
}

h6
{
	float: inherit;
	font: bold 13px verdana;
	margin: 0;
	padding:0;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-top: 20px;
	text-decoration: underline;
}

/* IDīs */

#content{
	width:780px;
	min-height:332px;
	background:#FAFCFF url(../imagens/contentbg.gif) repeat-x;
	margin:0;
	padding:0;
	border-top:1px solid #FFFFFF;
	float:left;
}
* html #content{
	height:162px; /*defines the height in IE6*/
}

#container{
	width:780px;
	height:100%;
	text-align:left;
	margin:0 auto;
}

#top{
	width:780px;
	height:79px;
	background:url(../imagens/fundo-topo.jpg) repeat-x;
	border-bottom:2px solid #FFFFFF;
}

#headertext{
	width:280px;
	height:200px;
	background:url(../imagens/headertext.gif) repeat-x;
	float:left;
	border-bottom:1px solid #c8e0ff;
}

#banner{
	background:url(../imagens/parqueeolico.jpg);
	float:left;
	width:500px;
	height:200px;
	border-bottom:1px solid #c8e0ff;
}

#meio
{
	width: 730px;
	height: 100%;
	float: left;
	margin-left: 5px;
	padding: 0;
	margin-bottom: 20px;
}

#footer{
	width:780px;
	height:80px;
	background:url(../imagens/fundo-rodape.jpg) repeat-x;
	font:10px Verdana;
	color:#FFFFFF;
	padding:0;
	float:left;
	margin:0;
}
#footer a{
	color: #3c51a3;
}
#footer a:hover{
	color:#CCCCCC;
}


#menu{
	width: 780px;
	background: url(../imagens/navbg.gif) repeat-x;
	height: 30px;
	border-bottom: 1px solid #c8d6e6;
	float: left;
}
#menu ul{
	list-style-type:none;
	margin:0;
	font:bold 12px Verdana;
	text-decoration:none;
	float:left;
	padding:8px;
	width:760px;
}
#menu li{
	display:inline;
}
#menu li a{
	color:#646464;
	padding:8px;
}
#menu li a:hover{
	background:url(../imagens/navover.gif) repeat-x;
}

#menulateral ul
{
	list-style-image: url("../imagens/p1.gif");
	font:bold 12px Verdana;
	padding-left: 30px;
}
#menulateral li
{
	margin-bottom: 10px;
}
#menulateral li a
{
	color:#646464;
}
#menulateral li a:hover
{
	color:#3c51a3;
}


/* CLASSES */

.style1{
	float:left;
	font:12px Verdana;
	color:#666666;
	margin:0;
	padding:0;
	margin-left:10px;
	white-space: normal;
}

.menu_rodape{
	margin-top: 15px;
	margin-left: 15px;
	font:10px Verdana;
	color: Black;
}

.img{
	float:left;
	margin-left:20px;
	border:1px solid #CCCCCC;
}

.logo
{
	float:left;
	margin-left:13px;
	margin-top: 3px;
}

.container_esquerda{
	width:380px;
	height:100%;
	float:left;
	margin-left:10px;
	padding:0;
	border-right:1px solid #dedede;
	margin-top:10px;
	margin-bottom:10px;
}

.item_esquerda{
	width:380px;
	height:100%;
	float:left;
	margin:0;
	padding:0;
}

.item_direita{
	width:370px;
	height:100%;
	float:left;
	margin-left:10px;
	padding:0;
	margin:0;
	margin-top:10px;
}
* html .news{
	width:320px;
}

.meioesquerda
{
	width: 600px;
	height: 100%;
	float: left;
	margin-left: 5px;
	padding: 0;
	border-right: 1px solid #dedede;
	margin-bottom: 20px;
}

.meiodireita{
	width: 170px;
	height: 100%;
	float: left;
	margin-right: 10px;
	padding: 0;
	margin: 0;
	margin-top: 10px;
}