/*** ---------- Estilos por Sonny - 15 jan 2010 ---------- ***/

* {
	padding: 0px;
	margin: 0px;
}

body {
	text-align: center;	
	font: normal 12px Trebuchet MS;
	color: #1d471c;
	background: #fbfdfa;
	margin: 0px;
}

a {
	font-weight: bold;
	color: #9db095;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #4d844d;
}

#envolvetop {
	width: 100%;
	background: url(imagens/bg_envolvetop.jpg) repeat-x;
	height: 478px;
}

#top {
	width: 1000px;
	height: 136px;
	margin: 0 auto;
}

#logo {
	float: left;
	width: 605px;
	height: 136px;
	background: url(imagens/logo.jpg) no-repeat;
	cursor: pointer;
}

#dados {
	width: 255px;
	height: 85px;
	background: url(imagens/shadowDados.jpg) no-repeat bottom center;
	text-align: center;
	float: right;
	margin: 35px 0px 0px 0px;
	color: #666;
	font-size: 11px;
}

		.textColor {
			color: #8bb480;
			font-size: 12px;
		}

#banner {
	width: 1000px;
	height: 296px;
	margin: 3px auto 0px auto;
}

/*** ---------- Início - Estilos do Menu ---------- ***/
.menu {
	width: 1000px;
	height: 34px;
	margin: 0px auto;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	background: url(imagens/separaMenu.jpg) no-repeat;
}
	
	.menu ul {
		list-style:none;
		margin:0;
		padding: 0 0 0 1px;
	}
		
		.menu li {
			float:left;
			padding:0px;
			background-position: right ;
			background: url(imagens/separaMenu.jpg) no-repeat right;
		}
		.menu li a {
			background: url(imagens/separaMenu.jpg) no-repeat right;
			color: #528752;
			display: block;
			font-weight: normal;
			line-height: 31px;
			margin: 0px;
			padding: 3px 12px 0 13px;
			text-align: center;
			text-decoration: none;
			text-transform:uppercase;
		}
			
		.menu li a.hover {
			background: url(imagens/separaMenu.jpg) no-repeat right #d9ebd3;
			color: #003300;
		}
			
		.menu li ul {
			color:#fff;
			display:none;
			height:auto;
			padding: 5px 0px 0px 0px;
			margin: 0px;
			border:0px;
			position:absolute;
			z-index:200;
		}
			
		.menu li.hover ul {
			display:block;
		}
		
		.menu li li {
			background: url(imagens/bg_submenu.gif) no-repeat;
			display: block;
			float: none;
			margin: 0px;
			padding: 0px;
			width: 252px;
			height: 28px;
		}
			
		.menu li.hover li a {
			background: none;
			line-height: 28px;
			color:#FFFFFF;		
		}
		
		.menu li ul a {
			display: block;
			height: 28px;
			font-size: 11px;
			margin:0px;
			padding:0px 10px 0px 15px;
			text-align:left;
		}
			
			.menu li ul a.hover, .menu li ul li.hover a {
				background: url(imagens/bg_submenu_hover.gif) no-repeat;
				border: 0px;
				text-decoration: none;
			}
				
		.menu p {
			clear:left;
		}	

/*** ---------- Fim - Estilos do Menu ---------- ***/

#mutter {
	overflow: hidden;
	background: url(imagens/bg_corpo.jpg) repeat-x center top #fff;
	padding: 12px 0px 0px 0px;
}

#corpo {
	width: 1000px;
	margin: 0px auto;
	overflow: hidden;
	background: url(imagens/bg_corpo_1.jpg) repeat-x center top #FFF;
}

#bgBalls {
	background: url(imagens/bg_corpo_bottom.gif) repeat-x bottom center;
}

#rodapeMutter {
	height: 88px;
	clear: both;
	background:url(imagens/bg_rodape.jpg) repeat-x bottom;
	margin-top: -3px;
}

		#rodape {
			width: 1000px;
			height: 85px;
			margin: 0px auto;
			padding-top: 3px;
		}
		
				#wvBottom {
					width: 40px;
					height: 25px;
					float: right;
					margin: -3px 0px 0px 0px;
					background: url(imagens/logo_wv.jpg) no-repeat;
					cursor: pointer;
				}
				
				#endereco {
					width: 763px;
					height: 22px;
					background: url(imagens/bg_endereco.jpg) no-repeat;
					margin: 33px 0px 0px 10px;
					float: left;
					color: #5a8552;
					text-align: left;
					padding: 2px 0px 0px 10px;
				}

#esquerda {
	width: 230px;
	min-height: 600px;
	*height: 600px;
	background: url(imagens/shadowLeft.jpg) left top no-repeat;
	float:left;
	overflow: hidden;
	text-align: left;
}

		.atividades {
			display: block;
			width: 139px;
			height: 42px;
			background: url(imagens/img_atividades.gif) no-repeat;
			margin: 0px 0px 0px 20px;
		}
		
		.direita_hili {
			display: block;	
			width: 190px;
			height: 46px;
			background: url(imagens/bg_direita_hili.png) no-repeat center;
			font-size: 13px;
			color: #c97a6a;
			margin: 5px 0px 8px 20px;
			padding: 5px 0px 0px 10px;
			overflow: hidden;
		}
		
				.direita_hili a {
					color: #363;
					font-weight: bold;
				}
		
				.direita_hili a:hover {
					color: #60a060;
				}
				
		.links_hili {
			width: 190px;
			height: 51px;
			background: url(imagens/shadowBottom.jpg) no-repeat bottom;
			margin: 15px 5px 5px 20px;
		}
		
				.links_hili img {
					border: none;
					border-bottom: solid 1px #dc674f;
				}

#centro {
	width: 540px;
	min-height: 600px;
	*height: 600px; 
	background: url(imagens/bg_main.gif) repeat-y center;
	float: left;
	text-align: left;
}

		.fique_de_olho {
			display: block;
			width: 138px;
			height: 42px;
			background: url(imagens/img_fique.gif) no-repeat;
			margin: 0px 5px 0px 20px;
		}
		
		#news_homehili {
			background: url(imagens/bg_pontilhado_bottom.gif) bottom repeat-x;
			margin: 0px 15px 0px 15px;
			overflow: hidden;
		}
		
		#destaque {
			background: url(imagens/bg_destaque.gif) no-repeat bottom left;
			margin: 10px 0px 35px 0px;
			overflow: hidden;
		}
		
		* html #destaque {
			padding: 0px 0px 5px 0px;
		}

		#destaque h2 a {
			font-size: 18px;
			color: #336633;
		}

		#destaque h2 a:hover {
			color: #60a060;
		}
		
		#destaque p {
			margin: 15px 0px;
			font-size: 13px;
			color: #497e49;
		}
		
		#destaque .home_hili_image {
			display: block;
			width: 110px;
			height: 122px;
			background: url(imagens/shadowBottomImage.jpg) no-repeat bottom center;
			float: right;
			border: none;
			margin: 0px 0px 0px 10px;
		}
		
		#destaque .saiba_mais {
			display: block;
			width: 71px;
			height: 17px;
			background: url(imagens/bt_saiba_mais.gif) no-repeat center;
			margin: 0px 0px 6px 6px;
		}
		
		#newsletter {
			margin: 0px 15px 0px 15px;
			clear:both;
			overflow: hidden;
		}

		#search_boxnews {
			padding-top:10px;
			height:50px;
			text-align:left;
			float: left;
			background: url(imagens/shadowBottomInput.jpg) no-repeat -40px 45px;
		}
		
		#search_boxnews #s {
			width: 219px;
			height: 28px;
			float: left;
			border: none;
			background: url(imagens/bg_input.gif) no-repeat center;
			padding: 6px 0px 0px 5px;
		}
		
		#search_boxnews #go {
			float: left;
			display: block;
			width: 109px;
			height: 28px;
			margin: 0px 0px 0px 10px;
		}
		
#direita {
	width: 230px;
	min-height: 600px;
	*height: 600px; 
	background: url(imagens/shadowRight.jpg) right top no-repeat;
	float: left;
	overflow: hidden;
	text-align: left;
}

/*
* html #direita, #esquerda, #centro, #news, .pontilhado_interno {
	height: 600px;
}
*/

		.conheca {
			display: block;
			width: 161px;
			height: 42px;
			background: url(imagens/img_conheca.gif) no-repeat center;
			margin: 0px 5px 0px 20px;
		}
		
		#bannerLateral {
			margin: 20px 0px 0px 10px;
		}

#envolvetopinterno {
	width: 100%;
	background: url(imagens/bg_envolvetop_interno.jpg) repeat-x;
	height: 382px;
}

#banner_interno {
	width: 1000px;
	height: 200px;
	margin: 3px auto 0px auto;
	/*background: url(imagens/banner_interno.jpg) no-repeat;*/
}

#news {
	width: 770px;
	float: left;
	text-align: left;
	background: url(imagens/shadowLeft.jpg) no-repeat left top;
	min-height: 600px;
	*height: 600px; 
}

.pontilhado_interno {
	background: url(imagens/pontilhadoVertical.gif) repeat-y right top;
	min-height: 600px;
	*height: 600px;
}

.title_1 {
	font: bold 18px "Trebuchet MS";
	color: #363;
	margin: 0px 20px 10px 20px;
	padding: 0px 0px 10px 30px;
	border-bottom: solid 1px #CCC;
	background: url(imagens/arrow_2.gif) no-repeat 18px 7px;
}
		
.title_2 {
	font: bold 15px "Trebuchet MS";
	color: #363;
	margin: 0px 40px 0px 40px;
}
		
		.title_2 .data {
			color: #eb8b7d;
		}
		
		#news #content {
			margin: 10px 40px 10px 40px;
			text-align: justify;
			list-style-position:inside;

		}
		
		#news p img, #news #content img {
			float: right;
			margin: 10px 0px 10px 10px;
			border: solid 3px #86ae7e;
			padding: 1px;
		}

#fonte_news {
	margin: 20px 40px 20px 40px;
}

#barraAmigo {
	clear: both;
	margin: 10px 40px;
}

		#barraAmigo a {
			margin: 0px 40px 0px 0px;
		}

#galeria {
	margin: 20px 0px;
}

#outras {
	margin: 20px 0px;
	overflow: hidden;
}

#outras_news {
	margin: 0px 40px 10px 40px;
	padding-bottom: 10px;
	border-bottom: solid 1px #ddd;
}

		#outras_news p {
			margin: 10px 20px 10px 20px;
		}
		
		#outras_news .title_2 {
			margin: 0px 20px 0px 20px;
		}

#galeriaImagens {
	margin: 20px;
	padding: 5px;
	text-align: center;
}
		
		#galeriaImagens img {
			margin: 5px 0px;
			padding: 1px;
			border: solid 2px #9db095;
		}

#formulario {
	width: 770px;
	float: left;
	text-align: left;
	background: url(imagens/shadowLeft.jpg) no-repeat left top;
	min-height: 600px;
	*height: 600px; 
}

		#formulario table {
			margin: 0px auto;
			font-size: 12px;
		}

		.input {
			border: solid 1px #afc58f;
			background: url(imagens/bg_input.jpg) repeat-x top left #fff;
			font: normal 12px trebuchet ms;
			color: #666;
		}

		.button {
			display: block;
			padding: 3px 10px;
			background: #afc58f;
			border: solid 3px #83ae80;
			cursor: pointer;
			color: #363;
			font-weight: bold;
		}

#filled {
	width: 350px;
	font: normal 11px arial;
	margin: 10px auto;
	padding: 5px;
	background: #eaf1df;
	border: solid 1px  #afc58f;
	text-align: left;
	margin-top:-10ox;
}

		#filled ol {
			list-style-type: none;
		}
		
		#filled li {
			font-weight: normal;
			margin: 6px 0px 3px 35px;
			list-style: decimal;
		}

		#filled b {
			color: #154d14;
			font-size: 12px;
			display: block;
			margin: 10px 0px 10px 12px;
		}

#equipe_main {
	width: 770px;
	float: left;
	text-align: left;
	background: url(imagens/shadowLeft.jpg) no-repeat left top;
	min-height: 600px;
	*height: 600px; 
}
		
		#equipe_main p {
			text-align: justify;
			margin: 20px 40px;
		}
		
		#equipe_main #curriculo {
			display: block;
			margin: 20px 40px;
			overflow: hidden;
		}
		
				#equipe_main #curriculo img {
					float: left;
					margin: 0px 15px 15px 0px;
				}
		
				#equipe_main #curriculo p {
					margin: 0px;
				}
				
		#equipe_main #lista {
			display: block;
			clear: both;
			margin: 20px 40px;
		}
				
				#equipe_main #lista #equipe_list {
					margin: 10px 0px 20px 0px;
					padding-bottom: 10px;
					border-bottom: solid 1px #ddd;
					min-height: 100px;
					*height: 100px;
					clear: both;
				}
						
						#equipe_main #lista #equipe_list img {
							float: left;
							margin: 0px 15px 15px 0px;
							border: solid 3px #9db095;
							padding: 1px;
						}
						
						#equipe_main #lista #equipe_list b {
							font-size: 14px;
						}
						
						#equipe_main #lista #equipe_list p {
							margin: 10px 0px;
						}
						
						#equipe_main #lista #equipe_list a {
							display: inline-block;
							width: 100px;
							text-align: center;
							padding: 3px 0px;
							background: #93c080;
							color: #363;
						}
						
						#equipe_main #lista #equipe_list a:hover {
							background: #83ae80;
							color: #CDC;
						}
						
#podcasting {
	width: 770px;
	float: left;
	text-align: left;
	background: url(imagens/shadowLeft.jpg) no-repeat left top;
	min-height: 600px;
	*height: 600px; 
}

		#podcasting #audio {
			margin: 10px 40px 20px 40px;
			padding-bottom: 10px;
			border-bottom: solid 1px #ddd;
			min-height: 60px;
			*height: 60px;
			clear: both;
		}

		#podcasting #audio p {
			margin: 10px 40px;
		}
		
		#podcasting #audio a {
			display: block;
			width: 100px;
			text-align: center;
			margin: 0px 0px 0px 40px;
			padding: 3px 0px;
			background: #93c080;
			color: #363;
		}
		
		#podcasting #audio a:hover {
			background: #83ae80;
			color: #CDC;
		}

#pager {
	text-align: center;
}

#gallery {
	width: 770px;
	float: left;
	text-align: left;
	background: url(imagens/shadowLeft.jpg) no-repeat left top;
	min-height: 600px;
	*height: 600px; 
}

		#gallery_list {
			margin: 20px 40px 20px 40px;
			padding: 0px 0px 20px 0px;
			border-bottom: solid 1px #ddd;
		}
		
				#gallery_list p {
					margin: 10px 20px 0px 20px;
				}
		
		#gallery_thumbs {
			margin: 20px 40px 15px 40px;
			border-bottom: solid 1px #ddd;
			padding-bottom: 15px;
		}
		
				#gallery_thumbs img {
					margin: 5px 0px;
					padding: 1px;
					border: solid 2px #9db095;
				}

#poll {
	width: 770px;
	float: left;
	text-align: left;
	background: url(imagens/shadowLeft.jpg) no-repeat left top;
	min-height: 600px;
	*height: 600px; 
}

		#poll p {
			margin: 10px 60px;
		}

		#poll a {
			margin: 10px 40px;
		}

#publicacoes {
	width: 770px;
	float: left;
	text-align: left;
	background: url(imagens/shadowLeft.jpg) no-repeat left top;
	min-height: 600px;
	*height: 600px; 
}

		#publicacoes_list {
			margin: 20px 30px;
			padding: 0px 0px 20px 0px;
			border-bottom: solid 1px #ddd;
		}

				#publicacoes_list a {
					margin: 5px 10px;
				}

				#publicacoes_list p {
					margin: 5px 10px;
					text-align: justify;
				}
				
		#publicacoes p {
			margin: 10px 40px;
		}
		
#galeria_de_videos {
	width: 770px;
	float: left;
	text-align: left;
	background: url(imagens/shadowLeft.jpg) no-repeat left top;
	min-height: 600px;
	*height: 600px; 
}
		
		#video_player {
			width: 400px;
			float: left;
			margin: 10px 20px 30px 40px;
		}

		#lista_videos {
			width: 260px;
			*width: 280px;
			height: 279px;
			*height: 299px;
			overflow-y: scroll;
			float: left;
			margin: 10px 0px 0px 0px;
			padding: 10px 10px 10px 10px;
		}
		
				.video_loop {
					background: #d7e7d5;
					display: block;
					padding: 10px;
					margin: 10px 0px;
					color: #363;
					border: solid 1px #cde1ce;
				}
		
				.video_loop:hover {
					background: #eef5ed;
					color: #696;
					border: solid 1px #ddebde;
				}
				
						.video_loop h2 {
							text-align: left;
							font-size: 14px;
							margin-bottom: 5px;
						}
						
				#video_list_nav {
					margin: 20px 50px 10px 50px;				
				}
						
				#video_list_nav a {
					display: inline-block;
					padding: 5px 10px;
					background: #cde1ce;
					color: #363;
				}
						
				#video_list_nav a:hover {
					background: #daeddc;
					color: #696;
				}
				
				.video_box {
					display: inline-block;
					margin: 10px;
					padding: 10px;
					width: 125px;
					*width: 150px;
					height: 150px;
					font-size: 11px;
					color: #696;
					background: #ddebde;
					border: dashed 1px #696;
					overflow: hidden;
				}
				
				.video_box:hover {
					background: #eef5ed;
					border: dashed 1px #ACA;
				}
				
						.video_box h2 {
							font-size: 13px;
							font-weight: bold;
							color: #363;
							margin-bottom: 5px;
						}
		
#alert {
	width: 1000px;
	height: 600px; 
}

		#alert p {
			margin: 20px 0px 20px 20px;
		}
		
.pager a {
	display: inline-block;
	padding: 0px 6px;
	background: #ddebde;
	color: #9A9;
	border: solid 1px #ABA;
}
		
.pager a:hover {
	background: #c5dac6;
	color: #363;
}

/*** ------------------ ___________________ ------------------ ***/