/* CSS GERAL DO FESTIVAL DAKO 2009
------------------------------------------------------------------------------------------*/
body{
	font-family: Verdana, Helvetica;
	font-size: 12px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color:#91278f;
}

#geral{
	margin: auto;
	text-align: left;
	width: 100%;
	background: url('/festival_dako_2009/images/bg_01.jpg') no-repeat center top;
	position: relative;
}

/* CLASSES GERAIS DO SITE
--------------------------------------------------------------------------------------------*/
.clear{
	clear: both;
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

.floatLeftImg{
	float: left;
	margin: 0px 15px 10px 0px;
}

.floatLeftImgRec{
	float: left;
	margin: 0px 20px 25px 0px;
}

.floatRightImg{
	float: right;
	margin: 0px 0px 10px 15px;
}

/* DEFINIÇÃO GERAL DAS TAGS
----------------------------------------------------------------------------------------------*/

ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

img{
	border: 0px;
	outline: none;
}

object{
	outline: none;
}

p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}

a{
	color: #3F3F3F;
	text-decoration: none;
}

h2{
	font: bold 13px Verdana, Helvetica;
	color: #FFF;
	margin: 0px;
	padding: 0px 0px 10px 10px;
}

h3{
	font: bold 12px Verdana, Helvetica;
	color: #FFF;
	margin: 0px;
	padding: 12px 0px 10px 0px;
}

/* TOP0
---------------------------------------------------------------------------------------------*/
#topo{
	width: 100%;
	text-align: center;
}

#controlaTopo{
	width: 806px;
	padding: 7px 0px 0px 186px;
	margin: auto;
}

#controlaTopo ul li{
	float: left;
	padding: 0px 17px 0px 0px;
}

/* CONTEÚDO
---------------------------------------------------------------------------------------------*/

#corpo{
	width: 100%;
	text-align: center;
}

#conteudo{
	margin: auto;
	width: 994px;
	height: 450px;
}

#controlaConteudo{
	width: 694px;
	padding: 90px 0px 0px 300px;
	text-align: left;
}

#controlaConteudoInternas{
	width: 760px;
	padding: 40px 0px 0px 234px;
	text-align: left;
	height: 410px;
}

#segundoBG{
	background: url('/festival_dako_2009/images/bg_02.jpg') no-repeat center top;
	width: 100%;
	height: 226px;
}

#tituloInternas{
	margin: 0px 0px 0px 80px;
}

#subTitulo{
	margin: 0px 0px 0px 80px;
	
}

#subTituloEstado{
	margin: 0px 0px 0px 120px;
	font-family: Verdana, Helvetica;
	font-size: 13px;
}

#tituloDicas{
	float: left;
	margin: 5px 0px 0px 7px;
}

#btnVoltarDicas{
	display: block;
	float: left;
	text-align: right;
	width: 655px;
	padding: 20px 0px 3px 80px;
	margin: 0px 0px 0px 0px;
}

#area_visivel_scroll_dicas{
	padding: 0px 0px 0px 5px!important;
	width: 595px;
	height: 235px;
	overflow: hidden;
	float: left;
	position: relative;
	
}

#conteudo_scroll ul .claro{
	width: 570px;
	padding: 10px 0px 10px 20px;
	background: #CC4498!important;
	font-weight: bold;
	float: left;
}

#conteudo_scroll ul li.claro img{
	float: left;
}

#conteudo_scroll ul li{
	width: 570px;
	padding: 10px 0px 10px 20px;
	float: left;
	font-weight: bold;
	background: none!important;
}

#conteudo_scroll ul li img{
	float: left;
}

#btnVoltar{
	display: block;
	width: 100%;
	text-align: center;
}

p.receitas{
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

#imprimir{
	display: block;
	text-align: right;
	clear: both;
}

/*	ROTEIROS
----------------------------------------------------------------------------------------------*/
#abasRoteiro{
	padding: 10px 0px 0px 80px;
	float: left;
}

#abasRoteiro img{
	float: left;
}

.dataEscura{
	width: 88px;
	text-align: center;
	padding: 15px 5px 0px 5px;
	height: 35px;
	float: left;
	background: #C73691;
}

.cidadeClara{
	width: 118px;
	text-align: center;
	padding: 15px 5px 0px 5px;
	height: 35px;
	float: left;
	background: #CC4498;
}

.revendaEscura{
	width: 118px;
	text-align: center;
	padding: 15px 5px 0px 5px;
	height: 35px;
	float: left;
	background: #C73691;
}

.periodoClara{
	width: 88px;
	text-align: center;
	padding: 15px 5px 0px 5px;
	height: 35px;
	float: left;
	background: #CC4498;
}

.atividadeEscura{
	width: 153px;
	text-align: center;
	padding: 15px 5px 0px 5px;
	height: 35px;
	float: left;
	background: #C73691;
}

.dataClara{
	width: 88px;
	text-align: center;
	padding: 15px 5px 0px 5px;
	height: 35px;
	float: left;
	background: #CC4498;
}

.cidadeEscura{
	width: 118px;
	text-align: center;
	padding: 15px 5px 0px 5px;
	height: 35px;
	float: left;
	background: #D051A0;
}

.revendaClara{
	width: 118px;
	text-align: center;
	padding: 15px 5px 0px 5px;
	height: 35px;
	float: left;
	background: #CC4498;
}

.periodoEscura{
	width: 88px;
	text-align: center;
	padding: 15px 5px 0px 5px;
	height: 35px;
	float: left;
	background: #D051A0;
}

.atividadeClara{
	width: 153px;
	text-align: center;
	padding: 15px 5px 0px 5px;
	height: 35px;
	float: left;
	background: #CC4498;
}

#controlaBtnVoltar{
	position: relative;
}

#controlaBtnVoltar a img{
	position: absolute;
	top: 30px;
	left: 280px;
}

/*SCROLL
----------------------------------------------------------------------------------------------*/
#controlaScroll{
	background: url('/festival_dako_2009/images/interna_bg.gif') no-repeat 0px 0px;
	width: 655px;
	padding: 10px 20px 0px 0px;
	margin: 0px 0px 0px 80px;
	float: static;
}

#area_visivel_scroll{
	width: 595px;
	height: 235px;
	padding: 0px 0px 0px 20px;
	overflow: hidden;
	float: left;
	position: relative;
}

#conteudo_scroll{
	position: relative;
	width: 595px;
}

#scroll{
	float:right;
}

#trilho_scroll{
	height: 220px;
	background: url('/festival_dako_2009/images/scroll_barra.gif') no-repeat 0px 0px;
	width: 17px;
	position: relative;
}

/*#controlaScroll_receitas{
	background: url('/festival_dako_2009/images/interna_bg.gif') no-repeat 0px 0px;
	width: 655px;
	padding: 10px 20px 0px 0px;
	margin: 0px 0px 0px 80px;
	border:1px solid #000;
	float: left;
}

#area_visivel_scroll_receitas{
	width: 595px;
	height: 235px;
	padding: 0px 0px 0px 20px;
	overflow: hidden;
	float: left;
	position: relative;
}

#conteudo_scroll_receitas{
	position: relative;
	width: 595px;
	float: left;
	border:1px solid #FFF;
}

#scroll_receitas{
	float:right;
}

#trilho_scroll_receitas{
	height: 220px;
	background: url('/festival_dako_2009/images/scroll_barra.gif') no-repeat 0px 0px;
	width: 17px;
	border:1px solid #000;
	position: relative;
}*/


/*	RODAPÉ
---------------------------------------------------------------------------------------------*/

#rodape{
	width: 100%;
	background: #5e0042;
	height: 21px;
	text-align: center
}

#controlaRodape{
	width: 890px;
	margin: auto;
	padding: 3px 0px 0px 100px;
}

#controlaRodape ul li{
	background: url('/festival_dako_2009/images/rodape_separador.gif') no-repeat right 0px;
	padding: 0px 5px 0px 5px;
	float: left;
}

#ultimaRodape{
	background: none!important;
	padding-right: 200px!important;
}

.none{
	background: none!important;
}


