/* DIVS */

#container{
	width:720px;
	min-height:10px;
	margin:46px auto; 
	text-align:left; /* "remédio" para o hack do IE */
	_height:10px;
}

#container #topo{
	width:800px;
	height:198px;
	margin-bottom:30px;
}

#container #middle{
	width:720px;
}

#container #middle #enviarEmail{
	width:200px;
	float:left;
	display:table;
	margin-right:20px;
}

#container #middle #enviarEmail h3{
	margin-bottom:10px;
}

#container #middle #enviarEmail .campoForm{
	background:url(../img/bg_input.png);
	width:190px;
	height:16px;
	padding:3px 5px 0px;
	border:none;
	color:#333;
	margin-bottom:5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:italic;
}

#container #middle #enviarEmail textarea{
	background:url(../img/bg_input.png);
	width:190px;
	height:210px;
	padding:5px;
	border:none;
	color:#333;
	margin-bottom:5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:italic;
}

#container #middle #enviarEmail input.butt_enviar{
	float:right;
}

#container #middle #ultimas_news{
	display:table;
	float:left;
	width:400px;
	
}

#container #middle #ultimas_news h3{
	margin-bottom:10px;
}

#container #middle #ultimas_news h4{
	color:#CE1141;
	font-size:16px;
	margin:15px 0 8px 0;
}

#container #middle #ultimas_news p{
	color:#000;
	font-size:12px;
	margin-bottom:15px;
}
/*********************************
MENU
*********************************/
ul#menu{
	float:right;
	width:586px;
	height:17px;
	padding-left:7px;
	padding-top:2px;
	margin:168px 0 0;
	background:url(../img/bg_menu.png) repeat;
}

ul#menu li{
	float:left;
	margin-right:10px;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
}

ul#menu li a{
	color:#555657;
	text-decoration:none;
	font-family:Arial, Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

ul#menu li a:hover{
	color:#cd1041;
	text-decoration:none;
	font-family:Arial, Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

/*********************************
TAGS HTML
*********************************/

html, body{
	height: 100%;
}

 * html #containerAll {
	height: 100%; /* hack para IE6 hq trata height como min-height */
}

body{
	font-family:Arial, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	/*color:#555657; */	
	color:#000;	
	background:url(../img/bg_principal.jpg) no-repeat top center;
	text-align:center; /* hack para o IE */
}

a{
	color:#555657;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}





/*********************************
CLASS
*********************************/
.campoForm{
	width:80%;
	color:#555657;
	background:url(../img/textura_busca.jpg) repeat;
	border-top:1px solid #7DA52E;
	border-right:1px solid #7DA52E;
	border-bottom:1px solid #7DA52E;
	border-left:1px solid #7DA52E;
	font-size:12px;
	padding:2px;
}

.last{
	margin:0px!important;
}

#paginacao {  /*div que conterá a paginação*/
    margin:30px 0px 10px 0px; /* define as margens em relação aos demais objetos da página*/
}

#paginacao p { /*formatação CSS para a tag <p>*/
    font-size:11px; /*tamanho da fonte*/
	text-align:left; /*alinhamento do texto*/
	margin-top:10px;/*margem superior*/
	margin-bottom:10px;/*margem inferior*/
	color:#74AE9F;/*cor da fonte*/
	border:none;/*define sem borda*/
}

#paginacao a { /*formatação CSS para a tag <a>*/
    border:1px solid #74AE9F;/*define a borda*/
	padding:5px 8px; /*distância da margem*/
	text-decoration:none;/*retira o underline do link*/
	color:#74AE9F;/*cor do texto*/
}

#paginacao a:hover { /*formatação CSS para a tag <a> quando o mouse estiver sobre ela*/
    background-color:#74AE9F;/*cor de fundo*/
	color:#FFFFFF;/*cor do texto*/
	padding:5px 8px;/*distancia da margem*/
	text-decoration:none;/*retira o underline do link*/
}

#rodaPe{
	clear:both;
	display:table;
	float:right;
	background:url(../img/bg_input.png);
	padding:10px;
	width:auto;
	margin-bottom:30px;
}
#rodaPe img{
	width:40px;	
	border:none;
	
}