/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
	text-style: none;
	}

body{
	*text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	size: 12px;
	text-decoration: 0px;
	}
	
img{
	border: 0px;
	text-decoration: none;
	}


/*****************************************/

h1{
	font-family:tahoma;
	font-variant:small-caps;
	font-size:12px;
	margin:0px;
	padding:0px;
	padding-top:3px;
	padding-left:180px;
	float:left;
	color:#FFFFFF;
	}

h2{
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	margin:20px 0 0 0;
	padding:8px 0 0 15px;
	background:url(images/bg_h2.gif) no-repeat;
	height:33px;
	width:449px;
	}
h3{
	font-family: 'Trebuchet MS', Arial, Verdana;
	margin:0 0 5px 0;
	text-align: center;
	color:#900;
}
h4{
	color:#999;
	font-size:12px;
	text-align:center;
	font-weight:normal;
}
h5{
	text-align:left;
	text-decoration:underline;
	font-style:italic;
	margin-top: 15px;
	margin-left: 20px;
}
h6{
	color:#900;
	font-family:"Trebuchet MS", Arial, Verdana, sans serif;
	font-size:14px;
	font-weight:bold;
	margin:7px 0 2px 3px;
	padding:0px;
}



/************************************
		ESTRUTURA DO LAYOUT
************************************/	

div#geral{
	background:url(images/fundo_centro_inteiro.gif) repeat-y;
	padding-left: 7px;
	padding-right: 7px;
	width:780px;
	margin: 0 auto;
	}
	
	/* HEAD */
	div#geral div#header{
		background:url(images/banner_trasp.gif) no-repeat;
		width:780px;
		height:140px;
		}
		
		div#geral div#slogan{
		color:#FFFFFF;
		font:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:38px;
		position:relative;
		top: 80px;
		left: 18px;
		}
		
div#botoes{
	float: left;
	background-color:#FC0;
	height: 17px;	
	width: 600px;
	font: small-caps bold 0.8em Verdana, Arial;
	padding: 3px 0 0 180px;
	color: #FFF;
	}
		
div#botoes span.guia{ color:#900; }
	/* FIM HEAD */
	
div#meio{
	float: left;
	margin-top: 7px;
	margin-left: 159px;
	width: 462px;
	}

div#lateral{
	float: left;
	margin-top: -15px;
	margin-left: -621px;
	width: 152px;
	}

div#direita{
	float: right;
	margin-top: -15px;
	width: 152px;
	text-align: center;
	
}

div#footer{
	clear:both;
	width:780px;
	height: 35px;
	background:url(images/footer.gif) no-repeat;
	padding-top:15px;
	color:#000;
	text-align:center;
	font-size:0.6em;
}

#azul{
	width:152px;
	padding-top:7px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	background-image:url(images/fundocanalazul.gif);
	height:20px;
	border-top:1px solid #041871;
	}
/* TEXTOS */
.texto{
	font-family: Verdana, Arial, Geneva;
	font-size: 11px;
	color: #000;	
	text-align: justify;
	/*text-align: left;*/
	text-indent: 20px;
	line-height: 20px;
	margin: 10px;
}

ul#texto{
	list-style: none;
	font-family: Verdana, Arial, Geneva;
	font-size: 11px;
	color: #000;
	text-indent: 40px;
}

/*****************************************
				  MEIO
*****************************************/

div#banner_principal{
	width: 462px;
	height: 142px;
	/*background: url(images/bannerprincipal.gif) no-repeat;*/
}

#linha2{
	margin-top: 4px;
	width: 462px;
	float: left;
	}
	
	/* - NOTÍCIA - */
	#noticia{
	float: left;
	width: 280px;
	height: 218px;
	border: 1px solid #ddd;
	background: #f5f5f5;
	}
		#noticia #titulo{
		width:266px;
		margin: -1px 0 0 -1px;
		padding: 6px 0 6px 16px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		background: #d51d3b;
		}
		#noticia h3{
		margin: 20px 0 -7px 0;
		background: #eee;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		color: #0c004c;
		}
		#noticia img{
		border: 1px solid #ccc;
		margin: 0 10px 0 10px;
		}
		
		#noticia p{
		color: #999;
		margin: 5px;
		font-size: 10px;
		}
		
		
		
		a:link.noticiaphp,
		a:visited.noticiaphp{
		color:#009;
		text-decoration: none;
		font-size: 12px;
		font-weight: bold;
		}

		a:hover.noticiaphp,
		a:active.noticiaphp{
		text-decoration:underline;

		}
		
	/* - DESTAQUE - */
	#destaque{
	float: right;
	width: 174px;
	height: 218px;
	/*border: 1px solid #e6e6e6;*/
	background: #f5f5f5;
	border: 1px solid #ddd;
	}
		#destaque #titulo{
		width:160px;
		margin: -1px 0 0 -1px;
		padding: 6px 0 6px 16px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		background: #8dc54c;
		}
		#destaque img{
		margin: 0px 0 0 0px;
		}
		#destresenha{
		margin:0px 0px 0 0px;
		}
		#destresenha p{
		color: #000;
		/*text-indent: 10px;
		line-height: 150%;*/
		font-size: 10px;
		margin-bottom: 0px;
		}
		#destresenha p a{
		font-size:10px;
		color:#900;
		font-weight: bold;
		}
		#destresenha p a:hover{
		text-decoration:underline;
		}



/*  Drops  */
.drops{
	width:212px;
	float: left;
	margin-top: 4px;
}
.drop{
	border:1px solid #eeeeee;
	width:200px;
	height:80px;
	padding:5px;
	font-size:10px;
	color:#336699;
}
#dropinterna{
border:1px solid #eeeeee;
background-color:#f6f6f6;
height:74px;
padding:2px;
line-height:100%;
background-repeat:no-repeat;
background-position:5px;
}

#drop_texto{
margin-left:85px;
text-align:center;
margin-top:15px;
height:60px;
}

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

/* Fim Drops */

#banner_popup{
	width: 244px;
	height: 276px;
	background: url(imagens/juventude_na_trilha.png) no-repeat;
	margin: 4px 0 0 6px;
	float: left;
}
	#banner_popup #link{
		margin: 10px 55px 0 0;
		float: right;
		font-size: 10px;
		text-align:center;
		color: #000000;
		font-weight:bold;
	}
	#banner_popup #link a{
		text-decoration: none;
		color: #CC0000;
		font-size:16px;
	}
	#banner_popup #link a:hover{
		text-decoration: underline;
		color: #00FF00;
	}


/*****************************************
				DIREITA
*****************************************/

div#direita div#webmail{
	padding:9px;
	background:#f6f6f6 url(..images/bg_email.gif) no-repeat;
	border-left: 1px solid #e6e6e6;
	font-size:11px;
	color:#666;
	font-weight:bold;
	text-align:left;
}
#logos{
	padding-top:10px;
	border-bottom:1px dashed #c6c6c6;
}

/*****************************************
			ESQUERDA (MENUS)
*****************************************/
#calendario{
	float: left;
	width: 151px;
	height: 100px;
	padding-top: 7px;
	background: url(images/calendario.gif) no-repeat;
}
#calendario a{
	margin-left: 33px;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
#calendario a:hover{
	text-decoration: underline;
}

/*****************************************
				FOOTER
*****************************************/

#fot{
	font-size: 9px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 100px;
}

/*****************************************
			OUTRAS PÁGINAS
*****************************************/

/*   GALERIA DE FOTOS    */
table#table_galerias{
	margin: 20px 0 0 20px;
}
table#table_galerias td {
	border:1px solid #f6f6f6;
}
table#table_galerias td *{
	vertical-align:middle;
}
table#table_galerias td span{	
	font:14px 'Trebuchet MS', Verdana, Arial, Tahoma;
}
table#table_galerias td a{
	background:url(../images/ver.jpg) no-repeat;
	width:25px;
	height:25px;
	text-indent:-5000px;
	float:left;
}
table#table_galerias td.ver{
	padding:0 0 0 9px;
}
div.corp {
width : 150px;
float : left;
margin-top : 20px;
margin-left : 50px;
margin-right: 15px;
}
div.corp div#rese {
margin-top : 3px;
}
div.corp div#rese p {
text-align : center;
font-size : 9px;
text-indent : 0;
background : #eee;
}

/* CSS para pagina kids */

ul#listaKids{
	list-style-type: none;
}

ul#listaKids li{
	display: table;
	float: left;
	margin: 10px 0 0 25px;
}

ul#listaKids li a:link, 
ul#listaKids li a:visited{
	display: block;
	width: 120px;
	height: 140px;
	text-decoration: none;
	text-indent: -9999px;
	background-position: top;
}

ul#listaKids li a:hover, 
ul#listaKids li a:active{
	background-position: bottom;
}

/*******************************************/


#disney{
	background-image: url(images/disney.gif);
}

#jetix{
	background-image: url(images/jetix.gif);
}

#canalKids{
	background-image: url(images/canal_kids.gif);
}

#tigor{
	background-image: url(images/tigor.gif);
}

#cn{
	background-image: url(images/cn.gif);
}

#lilica{
	background-image: url(images/lilica.gif);
}

#polly{
	background-image: url(images/polly.gif);
}

#guri{
	background-image: url(images/guri.gif);
}

#iguinho{
	background-image: url(images/iguinho.gif);
}

#maluquinho{
	background-image:url(images/maluquinho.gif);
}

#senninha{
	background-image:url(images/senninha.gif);
}

#smilinguido{
	background-image: url(images/smiliguido.gif);
}

/* fim kids */

div#logonExterno{
	padding:9px;
	background:#f6f6f6 url(images/bg_logon_externo.jpg) no-repeat;
	border-left: 1px solid #e6e6e6;
	font-size:11px;
	color:#666;
	font-weight:bold;
	text-align:left;
}
div#logonExterno input{
	border:1px solid #999;
	width:127px;
}
div#logonExterno input#botao{
	text-indent:-999px; 
	line-height:10px;
	background: url(images/bg_botao_logon.jpg) no-repeat;
	margin-top:2px;
	border: none;
	width:53px;
	border:0px;
}