/************************************************/
/*   Layout	   : Ítalo Araújo					*/
/*   Front-end : Luiz Tiago						*/
/*   Empresa   : Prática Design					*/
/************************************************/

@charset "utf-8";
@import url(reset.css);

/* TAG's */

body {
background: #334470 url(../img/bg.png) repeat-x;
padding-top:10px;
padding-bottom:20px;
}

a {
color: black;
}

hr {
display: none;
}

/* ID's */

#container {
width: 760px;
margin-left: -380px;
left: 50%;
position: relative;
background: #fff url(../img/bg_container.gif) repeat-y;
}

#header {
height: 125px;
background: url(../img/bg_header.gif) no-repeat;
overflow: hidden;
}

#header h1.marca {
padding-top: 36px;
padding-left: 38px;
}

#header h1.marca a {
display: block;
width: 123px;
height: 65px;
background-image: url(../img/marca-escola_recanto.gif);
background-repeat: no-repeat;
text-indent: -5000px;
overflow: hidden;
}

#colLat {
padding-left: 15px;
width: 185px;
float: left;
padding-top: 15px;
padding-bottom: 15px;
}

#content {
width: 545px;
float: left;
padding-left: 15px;
padding-top: 220px;
padding-bottom: 15px;
}

#footer {
clear: both;
height: 50px;
background: url(../img/bg_rodape.jpg) no-repeat center bottom #DB0066;
}
#footer a { color:#FFFF00; }

address {
text-align: center;
color: white;
padding-top: 12px;
}

#nav {
width: 170px;
}

#nav {
padding-bottom:20px;
}

#nav li {
_margin-bottom: -1px;
}

#nav li a {
display: block;
background: url(../img/ico_seta.gif) no-repeat 5px 8px;
padding-left: 20px;
height: 17px;
padding-top: 4px;
border-bottom: 1px solid #FFD3E6;
text-decoration: none;
color: #DB0066;
}

#nav li a:hover {
color: #01174B;
color: white;
background-color: #DB0066;
}

#premios {
background: #FCE7F1;
width: 170px;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}

#premios p {
padding-top: 10px;
color: #DB0066;
}

#premios strong {
color: #334470;
}

#ft_home {
position: absolute;
margin-top: -285px;
left: 0;
margin-left: 215px;
}

#vai_acontecer {
clear: both;
width: 239px;
height: 232px;
overflow: hidden;
background: url(../img/bg_vai_acontecer.gif) no-repeat;
padding: 10px;
float: left;
}

#vai_acontecer img {
padding-top: 10px;
}

#noticias {
width: 260px;
float: right;
height: 252px;
padding-right: 10px;
overflow: hidden;
}

#noticias strong {
color: #40517C;
}

#ja_aconteceu {
clear: both;
padding: 10px;
padding-top: 0;
background: #F7F7F7 url(../img/bg_vaifooter.gif) no-repeat left bottom;
width: 510px;
padding-bottom: 0;
overflow: hidden;
}

#vaiheader {
background: url(../img/bg_vaiheader.gif) no-repeat left bottom;
height: 20px;
overflow: hidden;
width: 530px;
}

#submenu {
height: 45px;
background: url(../img/bg_submenu.jpg) repeat-x;
width: 530px;
overflow: hidden;
}

#submenu ul {
display: inline;
height: 38px;
}

#submenu li {
float: left;
}

#submenu li a {
display: block;
padding: 10px 15px;
text-decoration: none;
border: 1px solid white;
border-bottom: none;
color: #333;
}

#submenu li a:hover {
background: url(../img/bg_submenu_ativo.jpg);
border: 1px solid #F7DFEA;
border-bottom: none;
}

#submenu li.active a {
font-weight: bold;
text-decoration: underline;
}





/****************************************/
/*    ALTERAÇÕES FEITAS POR JULIO       */
/****************************************/

#atividades h4, #premiosInterna h4, #escolaCurriculo h5{
	font-size:12px;
	color:#465781;
	display:block;
	margin-top:20px;
}

#atividades a, #premiosInterna a{
	display:block;
	background:url(../img/bl_confira.gif) no-repeat 0 2px;
	padding-left:15px;
	font-size:11px;
	color:#d50263;
	font-family:"Trebuchet MS" , Arial, Verdana;

}

#atividades p{
	font-weight:lighter;
}


#galeria{
	margin-top:15px;
	display:block;
	width:100%;
}
.thumb {
	border: 1px solid #666666;
	width:150px;
	height:auto;
	padding:6px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.imgImprensa{
	margin-right:15px;
	float:left;
	border:1px solid #e01e67;
	padding:6px;
}
.destaques{
	margin-bottom:20px;
}
				.destaques h5{
					font-size:14px;
					color:#01174b;
					display:block;
					margin-top:20px;
					margin-bottom:10px;
					background:#fce7f1;
					padding:5px;	
				}
				.destaques a{
					display:block;
					margin-top:20px;
					font-size:11px;
					font-family:"Trebuchet MS" , Arial, Verdana;
				}
				

#escolaCurriculo h4, #escolaNovidades h4, #escolaCriacoes h4{
	color:#000000;
	padding-top:10px;
	margin:7px 0px;
	clear:both;
}
				
#premiosInterna small, #escolaCurriculo small, .small{
	font-size:10px;
	color:#465781;
	display:block;
}

.linksInternas{
	display:block;
	background:url(../img/bl_confira.gif) no-repeat 0 2px;
	padding-left:15px;
	font-size:11px;
	color:#d50263;
	font-family:"Trebuchet MS" , Arial, Verdana;
	height:17px;}
	
.linksInternas_book{
	display:block;
	background:url(../img/book.gif) no-repeat;
	text-indent:6px;
	padding-left:15px;
	font-size:11px;
	color:#d50263;
	font-family:"Trebuchet MS" , Arial, Verdana;
	height:17px;}

#area2{
	margin-top:10px;
}
#area2 h5{
	color:#db0066;
	margin-bottom:10px;
	font-size:18px;
}
#area2 a{
	display:block;
	padding:1px;
	font-size:11px;
	color:#d50263;
	background:url(../img/ico_boletim.gif) no-repeat 0 4px;
	padding-left:15px;
}
#area2 a:hover{
	display:block;
	padding:1px;
	font-size:11px;
	color:#d50263;
	background:url(../img/ico_boletim.gif) no-repeat 4px 4px;
	padding-left:15px;
}
.linksIncTopo a{
	color:#db0066;
	margin-bottom:10px;
	font-size:18px;
	height:20px;
	text-decoration:none;
	display:block;
	border-left:5px solid #db0066;
	padding-top:4px;
	padding-left:10px;
}
.linksIncTopo a:hover{
	color:#fef6f9;
	margin-bottom:10px;
	font-size:18px;
	text-decoration:none;
	display:block;
	background-color:#db0066;
	padding-left:10px;
	width:155px;
}
.listaEquipe{
	margin-bottom:10px;
	background:url(../img/bl_lista.gif) no-repeat 0 5px;
	padding-left:10px;
}


/* CLASS's */

.interna { 
overflow: hidden;
}

.tt {
text-indent: -4000px;
overflow: hidden;
height: 19px;
background-repeat: no-repeat;
}

.tit_premios {
height: 36px;
background-image: url(../img/tit_premios_e_publicacoes.gif);
background-position: 8px 0;
padding-left: 20px;
}

.tit_vai_acontecer { background-image: url(../img/tit_vai_acontecer.gif); }

.tit_noticias { background-image: url(../img/tit_noticias.gif); }

.tit_jaaconteceu { background-image: url(../img/tit_ja_aconteceu.gif); }

.tit_evento {
text-align: center;
color: #DB0066;
padding-top: 12px;
}

.noticia {
border-bottom: 2px solid #E7E7E7;
padding-top: 15px;
padding-bottom: 15px;
}

.destaque {
color: #DB0066;
}

.destaque a {
color: #DB0066;
}

.aconteceu {
width: 128px;
background: url(../img/bg_aconteceu.png) no-repeat;
float: left;
padding: 10px;
padding-right: 18px;
margin-right: 10px;
padding-bottom: 20px;
height:195px;
}

.aconteceu img {
padding-top: 10px;
padding-bottom: 10px;
}

.dnone { display: none; }

.interna p { padding-top: 7px; padding-bottom: 7px; }

.tit { background: url(../img/tt.jpg) no-repeat; text-transform: uppercase; color: #465781; height: 28px; font-size: 14px; padding-left: 20px; padding-top: 7px; overflow: hidden; width: 400px; }
.tit strong { text-transform: uppercase; color: #465781; font-size: 14px; }
.tit a {color: #465781;}
.tit a:hover { text-decoration:underline; line-height:15px;}

.form{
	width:300px;
	border:1px solid #9e9e9e;
	font-size:11px;
	padding:4px;
}
.label{
	display:block;
	float:left;
	width:100px;
	padding-top:5px;
}
.miniatura {
	float:left;
	padding:7px;
	border:1px solid #CC33CC;
	margin-right:25px;
}
#liInterna li{
	display:block;
	margin-bottom:10px;
}

.galeriaGeral a {
	padding:10px 10px 10px 40px;
	color:#465781;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:10px;	

}
.galeriaDestaque1 a{
	background:#fce7f1 url(../img/ico_galeriafoto.gif) no-repeat 7px 7px ;
}
.galeriaDestaque2 a{
	background:#fff6fa url(../img/ico_galeriafoto.gif) no-repeat 7px 7px ;
}



/****************************************/
/*    ALTERAÇÕES FEITAS POR FERNANDO    */
/****************************************/

/*A ESCOLA*/
ul {
	margin:10px 0 0 0;
}
ul li.cargo {
	background:url(../img/bl_lista.gif) no-repeat 0 5px;
	padding-left:10px;
	font-weight:bold;
}
ul li.funcionario {
	margin:0 0 13px 0;
}
.caixa3 {
	margin-left:0px; 
	padding:15px; 
	text-align:center; 
	width:100%; 
	float:left;
}

/*CALENDÁRIO*/
.dias {
	text-align:center;
	padding:7px 0 7px 0;
}
.calendario, .tabelaJogos {
	border-color:#fff;
}



/*CRIAÇÕES*/
.criacoesImg {
	margin:0 auto;
	display:block;
}

/*IMPRESSA*/
.ilustraImpresa {
	float:left;
	padding:5px 15px 5px 0;
}

/*ESPORTES2*/
.abertura {
	margin:20px 0 40px 0; 
	float:left;
	background:#f5f5f5;
	width:500px;
	padding:10px;
}
.ilustra_abertura {
	float:left; 
	margin:0 10px 0 0;
}
.titulo_abertura {
	float:left; 
	margin:10px 0 0 0px;
}
.abertura a {
	float:left; 
	width:230px; 
	color:#000066;
	font-weight:normal;
	font-family:"Trebuchet MS" , Arial, Verdana;
	font-size:11px;
}
.tabelaJogos td {
	padding:10px;
}

.formbutton {
	margin:0 0 0 100px;
	_margin:0 0 0 104px;
}


.pganterior, .pgproximo {
	font-family:"Trebuchet MS" , Arial, Verdana;;
	font-size:11px;
	font-weight:bold;
	color:#e1267f;
	width:96%;
	text-align:right;
	display:block;
	margin:15px 0 15px 0;
}

#listaCalendario a {
	display: block;
	background: url(../img/ico_seta.gif) no-repeat 5px 8px;
	padding-left: 20px;
	height: 17px;
	padding-top: 4px;
	text-decoration: none;
	color: #DB0066;
}

#lista_boletim_eletronico{
font-size:11px;
width:150px;
clear: both;
padding: 10px;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
#area2 a{ margin:0; padding:0; background:none;}
#area2 a:hover{ margin:0; padding:0; background:none;}
.boletins{margin:10px 5px 5px 5px; width:120px;  float:left;}
.boletins  a{ text-decoration:none}
.boletins  a:hover{ text-decoration:none}
.boletins p{text-indent:10px;}
.titBoletim{ background:#f2f2f2; width:524px; font-size:14px; text-indent:10px;}

.titCalendario{ font-size:13px;}
	  #tabelaCalendario table{ background:#fef6f9; border:1px solid #FFFFFF; width:510px; text-align:center;}
	  #tabelaCalendario table td{ border:1px solid #FFFFFF; padding:3px;}
	  .diasSemana{ font-weight:bold; background:#fce7f1}
	  .titMaior{  font-weight:bold; background:#ffd3e6; font-size:14px;  }
	  .TableAtividades td{ text-align:left; }
	  .feriado { background: #fce7f1 }


#natal { position:absolute; }