@import url("jquery.jcarousel.css");
@import url("skin.css"); /*Tango skin carousel*/
@import url("jquery.lightbox-0.5.css"); /*lightbox*/

*
{
	color: #830101;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
body
{
	background: #FEBF00 url(../images/background.jpg) repeat-x top left;	
}

/*
 * Container Principal
 **********************/
#main
{
	height: auto;
	width: 800px;
	text-align: left!important;
}

/*
 * Componente Flash
 *******************/
#topo
{
	float: left;
	height: 367px;
	text-align: left!important;
	width: 800px;
}
/*
 * Espaço Conteúdo
 ******************/
#conteudo
{
	clear: left;
	float: left;
	height: auto;
	margin-bottom: 10px;
	text-align: left!important;
	width: 800px;
}
/*
 * Rodapé
 *********/
#rodape
{
	background: url(../images/rodape_background.jpg) no-repeat left;
	clear: left;
	float: left;
	height: 58px;	
	text-align: left!important;
	width: 800px;
}
	#rLogo
	{
		display: inline;
		float: right;	
		height: 22px;
		margin: 30px 10px 0px 0px;
		width: 107px;
	}
	#rEndereco
	{
		display: inline;
		float: right;
		height: auto;
		margin: 40px 55px 0px 0px;
		text-align: left!important;
		width: 450px;	
	}
		#rEndereco p
		{
			font-size: 11px;
			color: #FFF;
		}
/*
 * Carousel < Conteudo
 ***********/
#carousel
{
	display: inline;
	float: left;
	height: 247px;
	width: 592px;	
}
	#cTopo
	{
		background: url(../images/topo_atividades.jpg) no-repeat left;
		height: 57px;
		width: 500px;	
	}
	#carousel img
	{
		border: 2px solid #a6a6a6;
	}
/*
 * Dicas de saúde
 *****************/
#dicas
{
	background: url(../images/dicasdesaude.jpg) no-repeat left top;
	display: inline;
	float: right;
	height: 247px;
	width: 207px;
}
	ul#ldicas
	{
		margin: 70px 0 0 5px;
		padding: 0;
	}
	ul#ldicas li
	{
		background: url(../images/list.jpg) no-repeat top left;
		height: auto;
		margin-bottom: 3px;
		list-style-type: none;
		padding-left: 8px;
		text-align: left;
		width: 170px;
	}
/*
 * Galeria de fotos
 *******************/
#galeria
{
	background: url(../images/topo_fotos.jpg) no-repeat;
	clear: both;
	display: inline;	
	float: left;
	height: auto;
	padding-top: 45px;
	width: 318px;
}
	#gfoto
	{
		border: 2px solid #fff;
		display: inline;
		float: left;
		height: 100px;
		margin: 0px 10px 0px 10px;
		width: 132px;
	}
	#gtextos
	{
		display: inline;
		float: left;
		height: auto;
		width: 160px;
	}
		#gtextos h4
		{
			color: #670101;
			float: left;
			font-size: 11px;
			font-weight: bold;
			height: auto;
			margin-bottom: 5px;
			text-align: left!important;
			width: 160px;
		}
		#gtextos p
		{
			clear: left;
			float: left;
			height: auto;
			margin-bottom: 10px;
			text-align: left!important;
			width: 160px;
		}
		.more
		{
			color: #670101;
			float: right;
			font-size: 11px;
			font-weight: bold;
			text-align: right;
			text-decoration: none;
		}
/*
 * Newsletter e video
 *********************/
#media
{
	display: inline;
	float: left;
	height: auto;
	margin: 0px 35px 0px 30px;
	width: 194px;
	background: url(../images/noticias.jpg) no-repeat top left;
	padding-top: 45px;
}
	ul#noticias
	{
		margin: 0px 0px 0px 5px;
		padding: 0px;
	}
	ul#noticias li
	{
		background: url(../images/list.jpg) no-repeat top left;
		height: auto;
		margin-bottom: 3px;
		list-style-type: none;
		padding-left: 8px;
		text-align: left;
		width: 209px;
	}
/*
 * Clube de vantagens
 *********************/
#clube
{
	display: inline;
	float: left;
	height: auto;
	width: 209px;
}

/*
 * Flex
 *******/
#flex
{
	float: left;
	height: auto;
	text-align: left!important;
	width: 800px;	
}
	#fTitulo
	{
		border-bottom: 2px solid #FE7C02;
		float: left;
		height: auto;
		margin-bottom: 10px;
		text-align: left!important;
		width: 800px;
	}
		#fTitulo h1
		{
			font-size: 14px;
			padding-bottom: 3px;
			text-align: left!important;
		}
	#fData
	{
		clear: left;
		float: left;
		height: auto;
		margin-bottom: 10px;
		width: 800px;
	}
		#fdData
		{
			display: inline;
			float: left;
			text-align: left!important;
			width: 70%;	
		}
			#fdData p
			{
				float: left;
			}
		#fdFonte
		{
			display: inline;
			float: right;
			text-align: right;
			width: 25%;
		}
	
	#fResumo
	{
		clear: left;
		float: left;
		height: auto;
		margin-bottom: 10px;
		width: 800px;		
	}
		#fResumo p
		{
			margin: 10px;
			text-align: left;
		}
	#fTexto
	{
		clear: left;
		float: left;
		height: auto;
		margin-bottom: 10px;
		width: 800px;
	}
		#fTexto div{ text-align: justify!important;}
		#fTexto p{ text-align: justify!important; padding-bottom: 5px;}
		#fTexto ul{ margin-left: 25px; margin-bottom: 5px;}
		#fTexto ol{ margin-left: 25px; margin-bottom: 5px;}
		#fTexto li{ text-align: left; margin-bottom: 5px;}
	#fMore
	{
		clear: left;
		float: left;
		height: auto;
		margin-bottom: 10px;
		text-align: left!important;
		width: 800px;
	}
		p.more
		{
			float: right;
			display: inline;
			font-weight: normal;
		}
	
	#leiamais
	{
		clear: left;
		float: left;
		height: auto;
		margin-bottom: 10px;
		width: 800px;
	}
		p.titulomais
		{
			font-size: 14px;
			font-weight: bold;
			float: left;
		}
		p.listamais
		{
			clear: left;
			text-decoration: none;
		}
	
	ul#fLista
	{
		clear: left;
		width: 100%;			
	}
		ul#fLista li
		{
			list-style-type: none;
			background: url(../images/list.jpg) no-repeat left bottom;
			padding-left: 12px;
		}
			ul#fLista li a
			{
				text-decoration: none;	
			}
				ul#fLista li a p
				{
					font-size: 10px;	
				}
	ul#fsubLista
	{
		clear: left;
		width: 100%;			
	}
		ul#fsubLista li
		{
			clear: left;
			float: left;
			list-style-type: none;
			background: url(../images/list.jpg) no-repeat left top;
			padding-left: 12px;
		}
			ul#fsubLista li a
			{
				text-decoration: none;	
			}
				ul#fsubLista li a p
				{
					font-size: 10px;	
				}


/*
 * jQuery Lightbox
 ******************/
	#gallery {
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }