body{
	padding:0; margin:0; background:url(../../img/bg.jpg) repeat-x 0 0px #ffffff; 
	}
div, p, ul, img, h1, h2, h3, h4, form{
	padding:0; margin:0;
	}

	
ul{
	list-style-type:none;
	}
.spacer{
	line-height:0; font-size:0; clear:both;
	}
/*---------------------------header----------------------*/
#header{
	width:1000px; margin:0 auto; background:url(../../img/topo_original2.jpg) no-repeat 0 0px; height:318px;position:relative;	}
	
#area_portais{width:500px;height:45px;margin-left:100px; text-align:right;}
#links_portais{ width:320px; max-height:12px; float:right; margin-top:18px; text-align:left;}
.links_sistemas{ width:320px; max-height:12px; float:right; text-align:left;}
#portal_aluno{margin-top:0px; width:120px; max-height:10px; float:left; }
#portal_professor{margin-top:0px; width:170px; max-height:10px; float:right; text-align:left;}
#area_login{margin-top:5px;width:600px;height:42px;float:right;text-align:left;margin-left:0px}		
#form{margin-top:0px;width:160px;height:40px;left:100px; margin-left:55px; line-height:1.2em; }
#form a{color:#006699; font-size:09px; font-family:Arial, Helvetica, sans-serif; text-decoration:none}

.form{border:1px solid #CCCCCC; font-size:9px;color:#666666;float:left; width:260px;}			
.form2{ width:180px; height:40px; }
#area_sistemas{ width:320px; height:40px; float:right; margin-top:10px;}
#link01{ width:160px; height:10px; float:left;}
#link02{ width:130px; height:12px; float:right; text-align:left;}
#link03{ width:171px; height:12px; float:left;}
#link04{ width:130px; height:9px; float:right; text-align:left; margin-top:3px;}
#link05{ width:183px; height:12px; float:right; text-align:left; margin-top:3px;}

#menu{ position:absolute; left:43%; width:489px; height:20px; top:265px; z-index:10;}
	
		
/*------------------------body---------------------*/
#body{
	width:999px; margin:0px auto; padding:0 0 0 5px;}
	
#folha_e{
	position:absolute;left:0px;top:318px;width:135px;height:488px;z-index:100; background-image:url(../../img/bg_a.jpg); background-repeat:repeat-y;
}
#folha_d{
	position:absolute;right:0px; margin-right:0px;top:318px;width:120px;height:488px;z-index:1;
}
#folha_eventos{ width:270px; height:210px;  float:right; background-image:url(../../img/bg_papel_recados.png); z-index:1}


#meio_e{ position:absolute; left:135px;top:318px; width:102px; height:487px; background-image:url(../../img/meio_e.jpg) }
#meio_d{ position:absolute; right:120px; top:318px; width:339px; height:487px; background-image:url(../../img/meio_d.jpg); z-index:0;   }


/*---------------------middel------------------*/
#middel{
width:881px; height:487px; float:left; color:#807777; padding:0 0 0 0; background-color:#FFFFFF;	}





#box{position:relative; left:15%; top:40px; width:60%; height:427px; z-index:2; font-family:Verdana; font-size:11px;}

#box_noticias{position:relative; left:20%; top:40px; width:75%; height:427px; z-index:100; font-family:Verdana; font-size:11px;}
#box_noticias a{font-family:Verdana; font-size:11px; color:#006699; text-decoration:none}
#box_conteudo{position:absolute; left:150px; top:360px; width:55%; height:427px; z-index:1; font-family:Verdana; font-size:8px; overflow:auto; text-align:justify; padding-right:10px; }

#box_conteudo ul li ol a{
	color:#666666; text-decoration:none; font-size:11px;
	}
#box_conteudo a{
	color:#666666; text-decoration:none; font-size:11px;
	}

#box_conteudo p,b,td,tr,ol,ul,li{
	color:#666666;  font-size:11px;
	}

/*-------------------------painel-----------*/

#pai { position:absolute;width:450px;height:170px;border:#FFFFFF 2px solid; top:100px; left:40%; z-index:1} 
.pics { height: 143px; width: 400px;  overflow: hidden ;}

#nav{ position:absolute; right:16%; top:110px; z-index:9}
#nav a { border-bottom:1px solid #ccc; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:1px solid #FFFFFF; text-decoration: none;  padding: 3px 5px; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:11px;}
#nav a.activeSlide { background: #ea0 }
#nav a:focus { outline: none; }




	/* Scroller  */
	#paginador{ width:240px; height:20px;margin-top:25px; font:Helvetica; font-size:26px; color:#000000; }
	#P_esquerda{ width:50px; height:auto; float:left; z-index:9; position:absolute; margin-top:10px; margin-left:5px;}
	#P_esquerda a{ color:#000000; text-decoration:none;}
	#P_direita{ width:50px; height:auto; float:right; text-align:right; margin-top:10px;position:relative;z-index:9;}
	#P_direita a{ color:#000000; text-decoration:none;}
	
	div.scroller {
	height: 150px; 
	width: 250px;
	margin: 0px;
	padding: 0px;
	overflow:hidden;
	float:left;
	margin-left:0px;
	position:relative;
	margin-top:0px;
	
}

div.painel {
	width: 5700px;
}
div.pane {
	height: 167px; 
	width: 250px;
	max-width:250px
	margin: 0px;
	padding: 0px;
	float:left;
	margin-left:2px;
	
}

div.painel img {border:none ;}



.modulo{
    width: 250px;
	max-width:250px;
	height:155px;
	padding:0px 5px 0px 0px;
	margin:3px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.8em;
	color:#333333;
}

.modulo a{
  	font-size:12px;
	line-height:1.8em;
	color:#333333;
	text-decoration:none;
}
.modulo div.botao_album{
	width: 185px;
	height:55px;
	background-image:url('../../img/confira_as_fotos.jpg');
	cursor : 'pointer'; 


}

#ipod{ width:222px; height:244px; float:right; margin-top:23px; z-index:-1}


/*-------------------------footer-----------*/
#footer{
	width:100%; margin:0 auto; top:806px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-size:0; height:30px; 
	position:absolute;background-color:#003366;
	}
#footer ul{
	width:65%; display:block; height:16px; font-size:0; margin:5px auto; top:5px; 
	}
#footer ul li{
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; float:left;
	display:block; margin:0; padding:0;
	}
#footer ul li a{
	height:16px; padding:0 8px 0 8px; font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; 
	 text-decoration:none;
	}
#footer ul li a:hover{
	 color:#ffffff;
	}
/*----------------poll-----------------------------*/

#poll-container{ float:left; font-family:Arial; color:#0066CC; font-size:11px;}
#enquete{font-family:Arial; color:#6699CC; font-size:11px;}


p {
	color: black;
	background-color: #FFFFFF;
	line-height: 20px;
	padding: 5px;
}
h3 {
	color: #cc0000;
	font-size: 15px;
	text-align: left;
	font-weight: 300;
	padding: 5px;
	margin-top: 5px;
}



/* Bar Graphs */
.graph {
  width: 250px;
  position: relative;
  right: 50px;
}
.bar-title {
  position: relative;
  float: left;
  width: 104px;
  line-height: 10px;
  margin-right: 17px;
  text-align: right;
}
.bar-container {
  position: relative;
  float: left;
  width: 90px;
  height: 6px;
  margin: 0px 0px 15px;
}

.bar-container div {
  background-color:#cc4400;
  height: 10px;
}
.bar-container strong {
  position: absolute;
  right: -40px;
  top: 0px;
  overflow: hidden;
}
#poll-results p {
  text-align:left;
  margin-left:10px;
  float:left;
  }
#poll-results  {
  text-align:left;
  margin-left:22px;
  float:left;
  }  
  
div#fundo_preto{position:absolute;z-index:101;background-image:url('../../img/fundo_preto.png');}
div#canvasgallery{	
	z-index:101;
}

div#centralizador{	
	z-index:101;
	position:absolute;
	margin-left:auto;
	margin-right:auto; 	
}
.votar{ border:0px; background-color:#0066CC; color:#FFFFFF; font-weight:bold;}

h1.titulosubpagina{color:#000;}

table.tabeladocentes{background-color:#eaeaea;}
table.tabeladocentes td.tabletitle{background-color:#448;padding:3px;color:#fff;}
table.tabeladocentes tr:hover{background-color:#cacaca;}

table.tabeladisciplinas{background-color:#eaeaea;}
table.tabeladisciplinas td.tabletitle{background-color:#448;padding:3px;color:#fff;}
table.tabeladisciplinas tr:hover{background-color:#cacaca;}