/*
		CSS criado por Prof. Alex Marcelo - ETEC de Itanhaém
		http://www.etecitanhaem.com.br
		(c) 2010 - Etec de Itanhaém
*/
*{
	border: 0;
	padding: 0;
	margin: 0 auto;
	text-decoration:none;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #2f6f98
}
input, textarea{
	border: 1px solid #aedbf7;
}
body{
	background:url(../images/bg.jpg) repeat-x #e1eff8;
	text-align:center
}
/* Layout */
#tudo{
	width: 990px;
	height:auto;
	border: 7px solid #fff;
	padding:1px
}
#moldura{
	border: 7px solid #fff;
	background-color:#fff
}

#topo{
	position:relative
}
#rodape{
	height: 275px
}
#login{
	position:absolute;
	width:276px;
	height:86px;
	top:125px;
	left: 676px;
	text-align:left	
}
#meio{
	position:relative
}
#erro{
	position:absolute;
	width:146px;
	height:18px;
	top:119px;
	left: 818px
}
#direita{
	float:right;
	width: 760px
}
#esquerda{
	float:left;
	width: 200px;
	min-height:700px;
	text-align:left
}
#clear{
	clear:both
}
#corpo_docente{
	position: relative;
}
#profs{
	position: absolute;
	top: 80px;
	left: 260px;
	width: 435px;
	height: 640px
}
#link_principal{
	position:absolute;
	top: 285px;
	left: 250px;
	z-index:10
}
.lblUsuario, .usuario, .posImage{
	position:absolute;
	top: 15px;
}
.posImage{
	left: 255px;
}
.lblSenha, .senha{
	position:absolute;
	top: 45px;
}
.usuario, .senha{
	left: 60px;
	background-color: #f5f9fd;
	color: #2f588c;
	border: 1px solid #aedbf7;
	width: 125px
}
.btnSubmit{
	position: absolute;
	top: 45px;
	height:20px;
	left: 200px;
	width: 75px;
	padding:0;
	font-size:10px;
	border: 1px solid #aedbf7
}
.esqueceu{
	text-decoration:none;
	color: #2f588c;
	font-size: 12px;
}
#esquerda ul{
		list-style-image:url(../images/arrow.gif);
		list-style-position:outside;
		margin: 0px 30px;
		
}
#esquerda li{
	border-bottom:1px dashed #CCCCCC;
	margin-bottom:20px;	
}
#esquerda a{
	font-size:14px
}
#esquerda a:hover{
	color: #01355d;
	font-weight:bold
}
/*box */
.top_box{
	width: 755px;
	margin: 20px auto 0px auto;
	height:65px;
	background-color:#990000;
	background:url(../images/caixa_02.jpg) repeat-y center;
	position:relative
}
.middle_box{
	margin: 0 auto;
	width: 755px;
	background:url(../images/caixa_02.jpg) repeat-y;
	text-align:left;
	height:auto;
}
.bottom_box{
	margin: 0px auto 100px auto;
	width: 755px;
	position:relative;
}
#principal{
	position:relative;
	min-height: 800px;
	width: 710px;
	scrollbar-arrow-color:#000000;
	scrollbar-3dlight-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-face-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color:#fff;
	padding:20px
}
#titulo{
	position:absolute;
	left: 89px;
	top: 15px;
	width: 385px;
	height:30px;
	text-align:left
}
#meses{
	float: left;
	width: 300px
}
#apontamentos{
	float:right;
	width: 400px;
	border: 1px dashed #acd4ed;
	height: 190px
}
#tbAgenda{
	width: 220px;
	border-collapse:separate;
	border-spacing:5px;
	
}
#tbAgenda td{
	background-color:#f6fbfe;
	border: 1px solid #cae2f1;
	height: 22px;
	padding:3px
}



h3{
	font-size: 20px;
}
h3.centro{
	color: #FF9900
}
.form1{
	border: 1px dotted #5b97be;
}
label.error { 
	display:block; 
	color: #990000;
	font-size:11px; 
}
.legenda{
	background-color:#fff; 
	padding: 0px 15px;
	font-size:16px
}
p.infs, p.infs2{
	line-height:200%;
	text-indent:25px;
	text-align:justify;
	margin: 20px 10px;
}
 p.infs2{
 	line-height:140%;
	text-indent:1px;
 }
p.conc{
	text-align:justify;
	margin: 20px 10px;

}
span.destaque{
	color: #666666;
	font-weight:bold
}







#slider {

	/* You MUST specify the width and height */
	width:250px;
	height:188px;
	position:relative;	
	overflow:hidden;
	float: left
}
#noticias{
	position: relative;
	float: right;
	width: 412px;
	height:170px;
	border: 1px dashed #9fd2f3;
	padding:9px
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery1 {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:900px;
	overflow:hidden;
}

#gallery1 li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:75px;
	overflow:hidden;
	}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=50);
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;
	opacity: 0.6;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:75px;
	background-color:#000;
	overflow:hidden;
	font-family:arial;
	font-size:10px;
	color:#fff;	
}

	#excerpt li {
		padding:5px;
		color: #fff;
		font-weight:bold
	}
#buttons{
	width: 700px;
}


.clear {
	clear:both;	
}
.linhaPerfil{
	border: 1px solid #daeafc;
	text-align:center
}
.linhaPerfil1{
	background-color:#f4f9ff;
	border: 1px solid #daeafc;
	padding-left:15px
}
.noticias{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #02426e;
	font-weight:bold
}
.noticias2{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666
}
.noticias2:hover{
	color: #FF9900
}
img.mold{
	border-top:3px solid #f0f0f0;
	border-left:4px solid #f0f0f0;
	border-right:4px solid #f0f0f0;
	border-bottom:35px solid #f0f0f0;
}
td.principal{
	height: 28px;
	border-bottom:1px dashed #999999
}