/* G E R A L */
body { 
	background-color: #FAF9FA;
	text-align: left;
	}
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 }

.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: Verdana, 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, Arial, Helvetica, sans-serif;; 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; }

/*—-—-—-— 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;
	}
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 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;
	}

/*######################################################################################################*/
/*############################### Formatacao da fonte do MENU DE A a Z #################################*/
/*######################################################################################################*/

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

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

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

/*######################################################################################################*/
/*######################################## BACKGROUND DOS MENUS ########################################*/
/*######################################################################################################*/
.barbg 
{
	width: 149px;
	background-color: #F8E1C4;
}


/*######################################################################################################*/
/*################################################ HP - 2006 ###########################################*/
/*######################################################################################################*/

/*####################################### TARJA SUPERIOR - INICIO ######################################*/
/* TARJA */
#topo {
	background:#FAF9FA url(http://www.educacional.com.br/esc_include/img_barra/fundo_tarjasup_santissimonome.gif) no-repeat;
	padding:0;
	width:780px !important;
	height:104px !important;
	font-family:Verdana, Tahoma, Arial;
	font-size:10px;
	border-right:1px solid #7FA1C2;
	}
#topo a:hover	{ text-decoration:none; }
#topo td	{ margin:0; padding:0; }

/* LOGADO */
.tarja_logado	{ height:13px; }
.bar_logado	{ background: #F0F0F0; font-size:10px; }	  
.bar_logado a, 
.bar_logado a:visited	{ color:#333; }
.bar_logado a:hover	{ color:#000; }

/* FORM DE LOGIN */	  
.login		 { color:#FFFF98; font-size:10px; margin-top:6px; }
.login a:link, a:active, a:visited { color: #333; }
.login a:hover { color: #000; }
.login td	 { padding-top:2px !important; }

.frmlogin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 10px;
	background-color: #FBE4C1;
	border: 1px solid #666666;
	width: 92px; 
	}
	
.loginbot {
	color: #333;
	background: #FCA000;
	border: 1px solid #333;
	width: 25px;
	height: 16px; 
	font-size:10px;
	}
	
/* FORM DE PESQUISA */
.pesquisa    { color:#FFFF98; font-size:10px; margin-top:6px; }
.pesquisa    a:link, a:active, a:visited { color: #333; }
.pesquisa    a:hover { color: #000; }
.pesquisa td { padding-top:2px !important; }

.frmpes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 10px;
	background-color: #FBE4C1;
	border: 1px solid #666666;
	}

.frmpesbot {
	color: #333;
    background: #FCA000;
	border: 1px solid #333;
	width: 25px;
	height: 16px;
	font-size:10px;
	}

/* TEXTO DA PESQUISA E LOGIN */	  
.loginpesq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 10px;
	}
	
a.loginpesq:link {
	color: #fff;
	text-decoration: none;
	}
	
a.loginpesq:visited {
	color: #fff;
	text-decoration: none;
	}
	
a.loginpesq:active {
	color: #fff;
	text-decoration: none;
	}
	
a.loginpesq:hover {
	color: #fff;
	text-decoration: none;
	}

/* BOTAO  INICIO */
.inicio 			{ width:147px; }
.bot_inicio 			{ color:#FF8484!important; /* Cor das setas apagadas */ font-family:Arial, Tahoma, Verdana !important; font-size:22px !important; font-weight:bold !important; display:block; margin:2px 0 0 0; padding:0 0 0 10px; line-height:15px; }
.bot_inicio:hover 		{ text-decoration:none; }
* html body .bot_inicio { margin-top:-4px; }

.bot_span 		{ color:#840000; /* Cor da palavra inicio */ font-family:Helvetica, Verdana, Tahoma, Arial; font-size:11px; font-weight:normal; vertical-align:3px; padding-right:3px; }
.seta_inicial	{ color:#E00000; } /* Cor da primeira seta esquerda */
.seta_serv		{ color:#FF0000; } /* Cor da seta que representa o servidor */ 

/* LINKS  */
.menuitens { 
	font-family:Verdana, Tahoma, Arial;
	font-size:10px;
	padding:0;
	margin:0; 
	line-height:17px;
	display:block;
	}
	
* html body .menuitens { line-height:20px; }
.menuitens a {
	border-right: 1px dashed #ccc;
	border-top:3px solid #f1f1f1;
	padding:2px 5px 3px 5px;
	margin:0 -3px 0 0;
	background:#fff;
	vertical-align:-5px;
	}
	
.menuitens a:hover,
.menuitens a:visited,
.menuitens a:active { color:#840000; text-decoration:none; }

.bot_inf		{ border-top:3px solid #1047AF !important; border-left: 1px dashed #ccc; margin-left:2px; }
.bot_inf:hover	{ background:#1047AF; color:#fff !important; }
.bot_inf_on		{ background:#1047AF !important; color:#fff !important; border-left: 1px dashed #ccc; margin-left:2px; }
.bot_inf_barra	{ background:#1047AF; width:630px;}

.bot_14			{ border-top:3px solid #FF9900 !important; }
.bot_14:hover	{ background:#FF9900; }
.bot_14_on		{ background:#FF9900 !important; }
.bot_14_barra	{ background:#FF9900; width:630px;}

.bot_58			{ border-top:3px solid #dd2211 !important; }
.bot_58:hover	{ background:#dd2211; color:#fff !important; }
.bot_58_on		{ background:#dd2211 !important; color:#fff !important; }
.bot_58_barra	{ background:#dd2211; width:630px;}

.bot_med		{ border-top:3px solid #FFCC00 !important; }
.bot_med:hover	{ background:#FFCC00; }
.bot_med_on		{ background:#FFCC00 !important; }
.bot_med_barra	{ background:#FFCC00; width:630px;}

.bot_educ		{ border-top:3px solid #B3D751 !important; }
.bot_educ:hover { background:#B3D751; }
.bot_educ_on	{ background:#B3D751 !important; }
.bot_educ_barra { background:#B3D751; width:630px;}

.bot_pais 		{ border-top:3px solid #006666 !important; padding-right:10px !important; padding-left:10px !important; }
.bot_pais:hover { background:#006666; color:#fff !important; }
.bot_pais_on	{ background:#006666 !important; color:#fff !important; }
.bot_pais_barra { background:#006666; width:630px;}

/* LINHA DIVISORIA  */
.barra		{ width:630px; }
.barra2		{  }
.barra_esq1	{ width: 148px; }
.barra_esq2	{  }
/*######################################### TARJA SUPERIOR - FIM #######################################*/

/*####################################### MENU DA ESCOLA - INICIO ######################################*/
/* MENU */
ul#hpmenu {
	margin: 0;
	padding: 5 0 0 0;
	* padding: 0;
	list-style: none;
	border: 1px solid #7FA1C2;
	background-color: #E9F6FF;
	width: 146px;
	* width: 148px;
	}

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

/* ITENS DO MENU E SUBMENU */
.hpmenuitem {
	margin: -5px 0 0 0; 
	* margin: 0; 
	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;
	color: #04486D;
	text-decoration: none;
	line-height: 13px;
	display:-moz-inline-box; 
	width: 131px;
	* width: 100%;
	}

.hpmenuitem a:visited {
	padding: 2px 8px 4px 11px;
	color: #04486D;
	text-decoration: none;
	line-height: 13px;
	display:-moz-inline-box; 
	width: 131px;
	* width: 100%;
	}

.hpmenuitem a:active {
	padding: 2px 8px 4px 11px;
	color: #04486D;
	text-decoration: none;
	line-height: 13px;
	display:-moz-inline-box; 
	width: 131px;
	* width: 100%;
	}

.hpmenuitem a:hover {
	padding: 2px 8px 4px 11px;
	color: #04486D;
	background-color: #F7FBFF;
	background-image: url(http://www.portoseguro.org.br/imagens/menu_itemhover.gif);
	background-position: 2px 7px;
	background-repeat: no-repeat;
	line-height: 13px;
	display:-moz-inline-box; 
	width: 127px;
	* width: 100%;
	}

/* LINHA DIVISORIA DE ITENS DO MENU E SUBMENU */
.hpmenuline {	
	line-height: 1px;
	border-top: solid 1px #FFF;
	}
/*######################################### MENU DA ESCOLA - FIM #######################################*/

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