/********************************/
/* objetos da página            */
/********************************/
body{
background-color:#0A1709;
color:#FFFFFF;
}

select{
	border-right-width:1px;
	border-left-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
	background-color:#E2F4E1;
	width:128px;
	font-size:12px;
}

/********************************/
/* fonte principal do site      */
/********************************/

.fonte_principal{
font-family:Arial, Helvetica, sans-serif;
}

/****************************************/
/* Abas do caderno                      */
/****************************************/

#abas{
margin-top:28px;
margin-left:0px;
width:35px;
z-index:1;
}

/********************************/
/* Menus do marcador do caderno */
/********************************/

#menu_home{
position:absolute;
margin-top:0px;
margin-left:100px;
height:35px;
width:110px;
cursor:pointer;
}

#menu_contato{
position:absolute;
margin-top:490px;
margin-left:100px;
height:35px;
width:110px;
cursor:pointer;
}

/****************************************/
/* Configurações do texto de copyright  */
/****************************************/

#copyright{
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
font-weight:bold;
border-top:1px dotted;
border-color:#FFFFFF;
}

/********************************/
/* capa do caderno              */
/********************************/

#div_capa{
position:absolute;
margin-top:0px;
background-image:url(Imagens/caderno_capa.gif);	
background-repeat: no-repeat;
width:584px;
height:614px;
color:#000000;
z-index:1;
visibility:visible;
}

/*********************************/
/* foto que será exibida na capa */
/*********************************/

#foto{
position:absolute;
margin-top:172px;
margin-left:72px;
width:513px;
height:445px;
z-index:2;
visibility:visible;
}

/***********************************************/
/* configurações da parte de dentro do caderno */
/***********************************************/

#div_aula{
position:absolute;
margin-top:0px;
background-image:url(Imagens/caderno.gif);
width:584px;
height:614px;
color:#000000;
z-index:0;
visibility:hidden;
}

#div_aula_menu{             /* menu contendo opções de conteúdo e lista de aulas */
text-align:center;
position:absolute;
margin-top:0px;
margin-left:68px;
width:133px;
height:613px;
color:#000000;
visibility:hidden;
float:left;
font-size:12px;
font-weight:bold;
background-color:#E2F4E1;
border:1px solid;
border-color:#000000;
z-index:3;
}

#div_aula_conteudo{
margin-left:205px;
position:absolute;
margin-top:86px;
color:#000000;
z-index:2;
visibility:hidden;
float:left;
}

.titulo_leitura{
margin-top:10px;
margin-bottom:10px;
text-align:center;
font-weight:bold;
font-family:"Monotype Corsiva", Arial, Helvetica, sans-serif;
font-size:20px;
}


#titulo_materia{
position:absolute;
margin-left:205px;
text-align:center;
margin-top:10px;
width:375px;
font-family:"Monotype Corsiva", Arial, Helvetica, sans-serif;
font-size:32px;
font-weight:bold;
}

#subtitulo_materia{
position:absolute;
margin-left:205px;
text-align:center;
margin-top:60px;
width:375px;
font-family:"Monotype Corsiva", Arial, Helvetica, sans-serif;
font-size:18px;
}

#cabecalho_aula{
position:relative;
margin-top:20px;
width:640px;
float:left;
height:50px;
}

/***********************************************************/
/* iframe utilizado para exibir as páginas com as matérias */
/***********************************************************/

#materia{
position:absolute;
border:none;
float:left;
margin-left:0px;
width:378px;
height:500px;
background-color:transparent;
}

/****************************************/
/* configurações das opções de conteúdo */
/****************************************/

.leitura{
/*font-family:"Monotype Corsiva", Arial, Helvetica, sans-serif;*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:transparent;
color:#000000;
/*background-image:url(Imagens/linha.gif);*/
background-repeat:repeat-y;
margin: 0px;
}

.roteiro{
/*font-family:"Monotype Corsiva", Arial, Helvetica, sans-serif;
*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:transparent;
color:#000000;
background-image:url(Imagens/linha.gif);
background-repeat:repeat-y;
}


/***************************************************************/
/* configurações dos objetos TABLE e TD das opções de conteúdo */
/***************************************************************/

.leitura table{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}

.leitura td{
	width: 50%;
	vertical-align:top;
	text-align:center;
}

.leitura img{
	width:96px;
	height:135px;
}

.roteiro table{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}



#tabsE {
	  position:absolute;
	  margin-left:205px;
	  margin-top:82px;
	  width:375px;
      float:left;
      font-size:93%;
      line-height:normal;
}

/***************************************************************/
/* menu tabulado para a opção de leitura prévia/complementar
/***************************************************************/

    #tabsE {
	  position:absolute;
	  margin-left:205px;
	  margin-top:82px;
	  width:375px;
      float:left;
      font-size:93%;
      line-height:normal;
      }
	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.basictab{
	padding: 3px 0;
	margin-left: 0;
	font: bold 12px Verdana;
	border-bottom: 1px solid gray;
	list-style-type: none;
	text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
	display: inline;
	margin: 0;
}

.basictab li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid gray;
	border-bottom: none;
	background-color: #E2F4E1;
	color: black;
}

.basictab li a:visited{
	background-color: #E2F4E1;;
	color: black;
}

.basictab li a:hover{
	background-color: #0A1709;
	color: white;
}

.basictab li a:active{
	background-color: #E2F4E1;
	color: black;
}

.basictab li.selected a{ /*selected tab effect*/
	position: relative;
	top: 1px;
	padding-top: 4px;
	background-color: #0A1709;
	color: white;
}