﻿/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
	text-decoration: 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, sans-serif;
	text-align:center;
	color:#900;
}
h4{
	color:#f00;
	font-size:10px;
	text-align:left;
	margin-top:7px;
	margin-left: 25px;
	margin-bottom: -3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
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#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: left;
	text-indent: 20px;
	line-height: 20px;
	margin: 10px;
}

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

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

div#banner_principal{
	width: 462px;
	height: 140px;
	/*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#noticiaphp{
		color:#009;
		text-decoration: none;
		font-size: 12px;
		font-weight: bold;
		}
		a:hover#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: -5px 0 0 7px;
		}
		#destresenha{
		margin:10px 10px 0 10px;
		}
		#destresenha p{
		color: #000;
		/*text-indent: 10px;
		line-height: 150%;*/
		font-size: 10px;
		margin-bottom: 3px;
		}
		#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(http://www.verzeri.org.br/images/matricula.jpg) no-repeat;
	margin: 4px 0 0 6px;
	float: left;
}
	#banner_popup #link{
		margin: 120px 20px 0 0;
		float: right;
		font-size: 10px;
		text-align:center;
		color: #FFF;
		font-weight:bold;
	}
	#banner_popup #link a{
		text-decoration: none;
		color: #fff;
	}
	#banner_popup #link a:hover{
		text-decoration: underline;
		color: #eee;
	}

/*****************************************
				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;
}
div#direita div#webmail input{
	border:1px solid #999;
	width:127px;
}
div#direita div#webmail input#botao{
	text-indent:-999px; 
	line-height:10px;
	background: url(images/bg_bt_email.gif) no-repeat;
	margin:2px 0 0 0;
	border: none;
	width:53px;
	border:0px;
}

#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;
}

/* OL´S */
ol#texto{
	list-style-type: none;
	}
ol#textofique{
	text-indent: 3px;
	padding-left:20px;
	padding-right:10px;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style-type: none;
	}
	
	
/*TABLES*/
table#calendario{
	border: 1px solid #eee; 
	margin-left:0px;
	float: left;
	}
table#calendario tr td{
	background: #efefef;
	padding: 2px;
	}
table#calendario tr td #texto{
	text-indent:0px;
}

/*Corpo docente e funcionarios*/
div#corp{
	width: 150px;
	float: left;
	margin-top: 20px;
	margin-left: 3px;
	}
div#corp div#rese{
	margin-top: 3px;
	}
div#corp div#rese p{
	text-align: center;
	font-size: 9px;
	text-indent: 0px;
	background: #eee;
	}
div#fotounica{
	width: 460px;
	text-align: center;
	}
div#fotounica div#corp{
	float: none;
	}
/*fim Corpo docente e funcionarios*/

/*   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(http://www.verzeri.org.br/images/ver.jpg) no-repeat;
	width:25px;
	height:25px;
	text-indent:-5000px;
	float:left;
}
table#table_galerias td.ver{
	padding:0 0 0 9px;
}
/*FIM GALERIA*/

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

			MODELO DE TABELA PADRÃO

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

table#not{
		width: 460px;
		border-collapse: collapse;
		font-family:Verdana, Geneva, sans-serif;
	}
	table#not tr th{
		padding:5px 0 5px 0;
		font-size:12px;
		background: #eee;
		border: 1px solid #ccc;
	}
	table#not tr td{
		padding:3px 0 3px 3px;
		font-size: 11px;
		border: 1px solid #ccc;
	}
	
/**********************************************************
**********************************************************/

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

			MODELO DE TABELA PADRÃO

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

table#not{
		width: 460px;
		border-collapse: collapse;
		font-family:Verdana, Geneva, sans-serif;
	}
	table#not tr th{
		padding:5px 0 5px 0;
		font-size:12px;
		background: #eee;
		border: 1px solid #ccc;
	}
	table#not tr td{
		padding:3px 0 3px 3px;
		font-size: 11px;
		border: 1px solid #ccc;
	}
	
/*************************************
div para adobe reader
**********************************************************/


div#adobeReader{
	/*Largura*/
	width: 100%;
	padding: 5px 0px;
	background-color: #eee;
	text-align: center;
}


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


/* começo 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 pagina kids */



/* --------------Menu novo--------------  */
ul.menu
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	cursor: default;
	width: 151px;
	font-family: Verdana, Geneva, sans-serif;
}
	
ul.menu li 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 152px;
}

li ul.menu, ul.menuu 
{
	position: absolute;
	left: 151px;
	top: 0;
	display: none;
}

ul.menu li a 
{
	height: 1%;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	display: block;
	cursor: pointer;
	background-color: #f6f6f6;
	padding: 0.5em 0.75em;
	color: #333;
	text-decoration: none;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul.menu, ul.menuu
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px solid #ccc;
}

ul.menu a:hover, a:focus
{
	background-color: #dcecf0;
	color: #000;
}

ul.menuu a:hover, a:focus
{
	background-color: #dcecf0;
	color: #000;
}

li:hover ul.menuu, li.over ul.menuu { 
	display: block; }
	
li:hover ul.menu, li.over ul.menu { 
	display: block; }
/* -------------final menu novo------------- */


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;
}

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

ul#materias{ list-style:none; padding: 20px 0 0 25px;}

ul#materias li{ list-style:none;}

ul#materias a:link{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #003;}

ul#materias a:hover{ text-decoration: underline;}

ul#materias a:visited{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}