form {margin:0;}
A:link {    color: #000000; text-decoration: none }
A:visited { color: #990000; text-decoration: none }
A:active {  color: #990000; text-decoration: underline }
A:hover {   color: #990000; text-decoration: underline }

A.navegacao:link {    text-decoration: underline }
A.navegacao:visited { text-decoration: underline }

A.destaque:link {    color: #333333; text-decoration: none }
A.destaque:visited { color: #333333; text-decoration: none }
A.destaque:active {  color: #333333; text-decoration: none }
A.destaque:hover {   color: #333333; text-decoration: underline }
/* A.destaque:hover {   color: #990000; text-decoration: none } */

.chamada1 {	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 18px; FONT-WEIGHT: bold }
.chamada2 {	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold }
.chamada3 {	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold }
.chamada4 {	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: bold }
.destaque {   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.linkbranco { FONT-FAMILY: bVerdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none }
.menu {	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px }
.navegacao {  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.plug {       FONT-FAMILY: verdana; font-size: 10px; line-height: 15px; font-weight: bold; color: #666666 }
.quiz1  {	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; COLOR: #FF0000; FONT-WEIGHT: bold; line-height: 14pt }
.quiz2  {     FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #0000FF; FONT-WEIGHT: bold; line-height: 14pt }
.texto {	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px }
.texto2 {	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; line-height: 14pt }
.texto3 {	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; line-height: 14pt; text-align: justify }
.texto4 {	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 16px }
.texto5 {	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 16px; FONT-WEIGHT: bold }
.texto6 {	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; line-height: 14pt; text-align: justify }
.textompeq {  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px }
.textogab {  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8px; }
.textomenu {  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px }
.textomed  {  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px }
.textonets {  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px }
.textopeq {   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px }
.verdana10 {   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px }
.verdana8 {   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px }
.verdana10Bold {   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px }
.titulo {     FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; font-weight: bold }
.trans{ 	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; color: #00FFFF; }
.formconto {
	background-color: D5E8EB;
	border: 1px solid #FFFFFF;
}


/*######################################################################################################*/
/*####################################### ESTILOS DA PΑGINA GERAL ######################################*/
/*######################################################################################################*/

/*—-—-—-— Formataηγo fundo da pαgina — a imagem bg.gif tem 780pixels x 1 de altura de branco —-—-—-—-*/
/*—-—-—-— A cor do 780+n ι atribuida pelo bgcolor e ι redundante nos divs abaixo: CE, CN, ME  —--—-—-*/
/* BODY {	background: #efefe4 url(http://www.educacional.com.br/imagens/esq_css/bg.gif) repeat-y left top;
} */

BODY { /*#FAF9FA;*/
	background-color: #FAF9FA;
	text-align: left;
}


/*######################################################################################################*/
/*###################################### ESTILOS DA BARRA ESQUERDA #####################################*/
/*######################################################################################################*/

/*—-—-—-— Formataηγo TD > 148px > barra esquerda > BACKGROUND (color / image) —-—-—-—-*/
.barbg 
{
	background-color: #F3F3F3;
	width: 148px;
	/*background-image: url(http://www.educacional.com.br/imagens/home/barraEsquerda/barraesq_porto2006.gif);*/
	background-repeat: repeat-y;
	background-position: left;
}


/*—-—-—-— Formataηγo da fonte MEU EDUCACIONAL —-—-—-—-*/
.barmetxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: 003366;
	letter-spacing: 0px;
	width: 143px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 10px;
	padding-left: 10px;
}
A.barmetxt:link {color: 003366; text-decoration: none}
A.barmetxt:visited {color: 003366; text-decoration: none}
A.barmetxt:active {color: 003366; background-color: #E7E6DF}
A.barmetxt:hover {color: 003366; background-color: #E7E6DF}

/*—-—-—-— Formataηγo da fonte de tνtulo do MEU EDUCACIONAL —-—-—-—-*/
.barmetit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: 003366;
	letter-spacing: -1px;
	width: 143px;
	padding-top: 8px;
	padding-bottom: 3px;
	font-size: 11px;
	padding-left: 10px;
	font-stretch: ultra-condensed;
	font-weight: bold;
	text-transform: uppercase;
}


/*—-—-—-— Formataηγo da fonte CONTEUDO EXCLUSIVO —-—-—-—-*/
#brhid{
	display: none;
}
.barextxt {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	letter-spacing: 0px;
	width: 143px;
	font-size: 11px;
	padding-left: 12px;
	vertical-align: bottom;
	line-height: 18px;
/*	background-color: #FFFFFF;*/
	background-image: url(http://www.educacional.com.br/imagens/home/barraEsquerda/barraesq_pont_lar.gif);
	background-position: center top;
	width: 143px;
	display: block;
}
A.barextxt:link {
	color: #000000;
	text-decoration: none;
	background-image: url(http://www.educacional.com.br/imagens/home/barraEsquerda/barraesq_pont_lar.gif);
	background-repeat: no-repeat;
	padding-left: 12px;

}
A.barextxt:visited {
	color: #000000;
	text-decoration: none;
	background-image: url(http://www.educacional.com.br/imagens/home/barraEsquerda/barraesq_pont_lar.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
}
A.barextxt:active {
	color: #000000;
	text-decoration: none;
	background-image: url(http://www.educacional.com.br/imagens/home/barraEsquerda/barraesq_pont_lar.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
}
A.barextxt:hover {
	color: #FF6600;
	background-image: url(http://www.educacional.com.br/imagens/home/barraEsquerda/barraesq_seta_lar.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #FFF4EE;
	padding-left: 12px;
}
/*—-—-—-— Fundo bloco —-—-—-—-*/	  
.ffdscr2 {
	height: 20px;
	/*background-image: url(http://www.educacional.com.br/imagens/home/barraEsquerda/barraesq_pont_azul.gif);*/
	background-position: bottom;
	background-repeat: no-repeat;
	vertical-align: bottom;
}

/*—-—-—-— Formataηγo da fonte do tνtulo CONTEUDO EXCLUSIVO —-—-—-—-*/
.barextit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: 003366;
	letter-spacing: -1px;
	width: 144px;
	padding-top: 8px;
	padding-bottom: 3px;
	font-size: 11px;
	padding-left: 4px;
	font-stretch: ultra-condensed;
	font-weight: bold;
	text-transform: uppercase;
}

/*—-—-—-— Formataηγo da fonte CONTEUDO NORMAL —-—-—-—-*/
.bartxt {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	letter-spacing: 0px;
	font-size: 11px;
	padding-left: 11px;
	vertical-align: bottom;
	width: 100%;
	display:block;
	line-height: 18px;
/*	background-color: #FFFFFF;*/
}
A.bartxt:link {
	color: #000000;
	text-decoration: none;
	width: 100%;
	display:block;
}
A.bartxt:visited {
	color: #000000;
	text-decoration: none;
	width: 100%;
	display:block;
}
A.bartxt:active {
	color: #000000;
	text-decoration: none;
	width: 100%;
	display:block;
}
A.bartxt:hover {
	color: #FF6600;
	background-image: url(http://www.educacional.com.br/imagens/home/barraEsquerda/barraesq_seta_lar.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #FFF4EE;
	width: 100%;
	display:block;
}

/*—-—-—-— Fundo bloco —-—-—-—-*/	  
.ffdscr {
	height: 20px;
	background-image: url(http://www.educacional.com.br/imagens/home/barraEsquerda/barraesq_pont_lar.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	vertical-align: bottom;
}

/*—-—-—-— Formataηγo da fonte do tνtulo CONTEUDO NORMAL —-—-—-—-*/
.bartit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: 4C4C6A;
	letter-spacing: -1px;
	width: 143px;
	padding-top: 8px;
	padding-bottom: 3px;
	font-size: 11px;
	padding-left: 10px;
	font-stretch: ultra-condensed;
	font-weight: bold;
	text-transform: uppercase;
}
A.bartit:link {color: 4C4C6A; text-decoration: none}
A.bartit:visited {color: 4C4C6A; text-decoration: none}
A.bartit:active {color: 666666; text-decoration: none}
A.bartit:hover {color: 666666; text-decoration: none}
/*—-—-—-— Background, cor de fundo e pontilhado do "div" MEU EDUCACIONAL —-—-—-—-*/
#mu {
	width: 143px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding-bottom: 6px;
	background-color: DADACF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: ACAC8A;
	font-size: 10px;
	display:none;
}


/*—-—-—-— Background, cor da tarjeta esquerda e pontilhado CONTEUDO EXCLUSIVO —-—-—-—-*/
#ce {
	width:144px;
	margin-right:auto;
	margin-left:auto;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: ACAC8A;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: C5C5B1;
	padding-bottom: 6px;
	height: auto;
	background-color: #EFEFE4;
}


/*—-—-—-— Background CONTEUDO NORMAL —-—-—-—-*/
#cn {
	width:124px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding-bottom: 6px;
	background-color: #FFFFFF;
}



	
/*######################################################################################################*/
/*###################################### ESTILOS DA TARJA SUPERIOR #####################################*/
/*######################################################################################################*/	


/*—-—-—-— cor de fundo e fonte  —-—-—-—-*/
.blue   {
	padding:0px;
	background:#666699;
	height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.bluetxt   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

A.bluetxt:link {color: 000000; text-decoration: none;}
A.bluetxt:visited {color: 000000; text-decoration: none;}
A.bluetxt:active {color: CCCCFF;}
A.bluetxt:hover {color: CCCCFF;}


/*—-—-—-— cor de fundo e fonte tarja sιries  —-—-—-—-*/
.orange   {
	padding:0px;
	background:#FFCC66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	height: 15px;
}
.orangetxt   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
A.orangetxt:link {color: 666666; text-decoration: none;}
A.orangetxt:visited {color: 666666; text-decoration: none;}
A.orangetxt:active {color: 333333;}
A.orangetxt:hover {color: 333333;}

/*######################################################################################################*/
/*###################################### ESTILOS DA TARJA MEIO #########################################*/
/*######################################################################################################*/


/*—-—-—-— Bloco justificado ΰ esquerda, cor de fundo —-—-—-—-*/
#tm {
	width:780px;
	text-align:left;
	background-color: #FFFFFF;
	height: 78px;
}


/*—-—-—-— Bloco da logomarca principal, margem de 25px —-—-—-—-*/
#lg   {
	width:420px;
	height: 78px;
	padding:0px 0px 0px 25px;
	float:left;

	  }
  
  
/*—-—-—-— Bloco pesquisa —-—-—-—-*/	  
#pq   {
	width:180px;
	height: 78px;
	padding:0px;
	float:left;
    padding:0px;
	  }

	  
/*—-—-—-— Bloco divisor pontilhado —-—-—-—-*/	  
#dp   {
	  width:1px;
	  height: 78px;
	  padding:0px;
	  float:left;
	  padding:0px;
	  }


/*—-—-—-— Bloco login OU segundo logo —-—-—-—-*/	  
#lgn  {
	width:178px;
	height: 78px;
	padding:0px;
	float:left;

	  }

	  
/*—-—-—-— Bloco linha preta 1px —-—-—-—-*/	  
#pt   {
	  width:1px;
	  height: 78px;
	  padding:0px;
	  float:left;
	  	background-color: #000000;
	  }

	  
/*—-—-—-— FORMATAΗΓO DO CAMPO FORM PESQUISA E LOGIN —-—-—-—-*/	  
.frmpes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	background-color: #EFEFEF;
	border: 1px solid #666666;
	width: 125px;
}

.loginpesq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #122490;
	font-size: 10px;
}
A.loginpesq:link {
	color: #122490;
	text-decoration: none;
}
A.loginpesq:visited {
	color: #122490;
	text-decoration: none;
}
A.loginpesq:active {
	color: #122490;
	text-decoration: none;
}
A.loginpesq:hover {
	color: #000000;
	text-decoration: none;

}



/*######################################################################################################*/
/*############################### ESTILOS DAS LINHAS PRETAS DIREITA E BOTTOM ###########################*/
/*######################################################################################################*/

.linhacortit

{
	background-color: #000000;
}



/*############################### Estilos criados para 2006 #######################################*/



/*######################################################################################################*/
/*############################### Formataηγo da tabela principal #######################################*/
/*######################################################################################################*/

.tabelaprincipal

{
	width: 780px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #7FA1C2;
	border-left-color: #7FA1C2;
}

/*######################################################################################################*/
/*############################### Formataηγo da janela #################################################*/
/*######################################################################################################*/

.janela

{
	border: 1px solid #FF6600;
	background-color: #FFFFFF;
}


/*######################################################################################################*/
/*############################### Alinhamento da Barra Esquerda ########################################*/
/*######################################################################################################*/
.Vsbmenu {
	float: left;
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	width: 152px;
	height: 50px;
	visibility: hidden;
	left:143px;
}
.Vsmenu {
	float: left;
	position: absolute;
	margin-top: -27px;
	margin-left: 150px;
	visibility: hidden;
}
/*######################################################################################################*/
/*############################### Formataηγo da fonte do MENU DE A a Z #################################*/
/*######################################################################################################*/

.menuaz {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 165px;
	font-size: 10px;
	background-color: #E1E8F0;
	line-height: 18px;
}

.MenuItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
}

.MenuIndex {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
}

/*######################################################################################################*/
/*############################### Formataηγo do campo de login e senha #################################*/
/*######################################################################################################*/

.frmlogin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	background-color: #EFEFEF;
	border: 1px solid #666666;
	width: 92px;
}
/*######################################################################################################*/
/*############################################## MENU DA ESCOLA ########################################*/
/*######################################################################################################*/

ul#hpmenu {
	margin: 0;
	padding: 5 0 0 0;
	* padding: 0;
	list-style: none;
	border: 1px solid #7FA1C2;
	background-color: #CFE0FF;
	width: 146px;
	* width: 148px;
}

ul#hpmenu li ul {
	margin: 0;
	* margin-top: 10px; /* alinhando topo no IE */
	padding: 0;
	list-style: none;
	border: 1px solid #7FA1C2;
	background-color: #CFE0FF;
	float: left;
	position: absolute;
	visibility: hidden;
	left: 143px;
	width: 150px;
}

.hpmenuitem {
	margin: -5px 0 0 0; /* definindo margin para o FF */
	* margin: 0; /* definindo margin para o IE */
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	letter-spacing: 0;
	text-align:left;
	width: 100%;
	line-height: 13px;
}

.hpmenuitem a:link {
	padding: 2px 8px 4px 11px;
	text-decoration: none;
	width: 100%;
	line-height: 13px;
	display:-moz-inline-box; /* disponibilizando bloco do link do FF */
	width: 131px;
	* width: 100%;
}

.hpmenuitem a:visited {
	padding: 2px 8px 4px 11px;
	color: #000;
	text-decoration: none;
	line-height: 13px;
	display:-moz-inline-box; /* disponibilizando bloco do link do FF */
	width: 131px;
	* width: 100%;
}

.hpmenuitem a:active {
	padding: 2px 8px 4px 11px;
	color: #000;
	text-decoration: none;
	line-height: 13px;
	display:-moz-inline-box; /* disponibilizando bloco do link do FF */
	width: 131px;
	* width: 100%;
}

.hpmenuitem a:hover {
	padding: 2px 8px 4px 11px;
	color: #04486D;
	background-color: #E5EEFF;
	background-image: url(http://www.colegiomaxi.com.br/imagens/menu_itemhover.gif);
	background-position: 2px 7px;
	background-repeat: no-repeat;
	line-height: 13px;
	display:-moz-inline-box; /* disponibilizando bloco do link do FF */
	width: 131px;
	* width: 100%;
}
  
.hpmenutitulo {
	margin: -5px 0 0 0; /* definindo margin para o FF */
	* margin: 0; /* definindo margin para o IE */
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	letter-spacing: -1px;
	font-size: 11px;
	font-stretch: ultra-condensed;
	font-weight: bold;
	text-align:left;
	width: 100%;
	line-height: 13px;
}

.hpmenutitulo a:link {
	padding: 2px 8px 4px 11px;
	color: #000000;
	text-decoration: none;
	line-height: 13px;
	display:-moz-inline-box; /* disponibilizando bloco do link do FF */
	width: 131px;
	* width: 100%;
}

.hpmenutitulo a:visited {
	padding: 2px 8px 4px 11px;
	color: #000000;
	text-decoration: none;
	line-height: 13px;
	display:-moz-inline-box; /* disponibilizando bloco do link do FF */
	width: 131px;
	* width: 100%;
}

.hpmenutitulo a:active {
	padding: 2px 8px 4px 11px;
	color: #000000;
	text-decoration: none;
	line-height: 13px;
	display:-moz-inline-box; /* disponibilizando bloco do link do FF */
	width: 131px;
	* width: 100%;
}

.hpmenutitulo a:hover {
	padding: 2px 8px 4px 11px;
	color: #2479AF;
	text-decoration: none;
	line-height: 13px;
	display:-moz-inline-box; /* disponibilizando bloco do link do FF */
	width: 131px;
	* width: 100%;
}

.hpmenuline {	
	line-height: 1px;
	background-image: url(http://www.colegiomaxi.com.br/imagens/menu_itemlinha.gif);
	background-position: 8px 0;
	background-repeat: no-repeat;
}

/*######################################## TERMOS DE USO #######################################*/
.hptermos {
	height:100;
	background-color: #F3F3F3;
	border-top: solid 1px #7FA1C2
}