/* GERAL */
body { 	background-: #FAF9FA;	text-align: left; }
a:link		{ color: #000; 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: #333; text-decoration: none }
a.destaque:visited	{ color: #333; text-decoration: none }
a.destaque:active	{ color: #333; text-decoration: none }
a.destaque:hover	{ color: #333; 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: #FFF; 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: #D5E8EB; border: 1px solid #FFF; }

/* MENU: MEU EDUCACIONAL */
.barmetxt {
	width: 143px;
	padding: 1px 10px 1px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	font-size: 10px;
	}
	
.barmetxt:link,
.barmetxt:active,
.barmetxt:visited {
	color: #FFFCBC;
	text-decoration: none;
}

.barmetxt:hover {
	color: #003366;
	background: #E7E6DF;
}

/* MENU: MEU EDUCACIONAL - TITULO */
.barmetit {
	width: 143px;
	padding: 8px 0 3px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-stretch: ultra-condensed;
	font-weight: bold;
	text-transform: uppercase;
	color: #003366;
	letter-spacing: -1px;
	}

/* MENU: CONTEUDO EXCLUSIVO */
#brhid { display: none; }

.barextxt {
	width: 143px;
	padding-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: -1px;
	line-height: 18px;
	text-transform: uppercase;
	vertical-align: bottom;
	display: block;
	}
	
.barextxt:link,
.barextxt:active,
.barextxt:visited {
	color: #FFF;
	text-decoration: none;
	}
	
.barextxt:hover {
	color: #FFF;
	text-decoration: none;
	background: #4E4B76;
	}
	
/********************************************************************************************/
/* Fundo bloco? */	  
.ffdscr2 {
	height: 20px;
	vertical-align: bottom;
	}
/********************************************************************************************/

/* MENU: CONTEUDO EXCLUSIVO - TITULO */
.barextit {
	width: 144px;
	padding-top: 8px 0 3px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-stretch: ultra-condensed;
	font-weight: bold;
	color: #003366;
	letter-spacing: -1px;
	text-transform: uppercase;
	}

/* MENU: CONTEUDO NORMAL */
.bartxt {
	width: 100%;
	padding-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: -1px;
	vertical-align: bottom;
	line-height: 18px;
	display:block;
	}
	
.bartxt:link,
.bartxt:active,
.bartxt:visited {
	width: 100%;
	text-decoration: none;
	color: #FFF;
	display: block;
	}
	
.bartxt:hover {
	width: 138px;
	*width: 100%;
	text-decoration: none;
	color: #FFF;
	background: #4E4B76;
	display:block;
	}

/* MENU: ITENS - FUNDO */	  
.ffdscr {
	height: 20px;
	vertical-align: bottom;
background: #403D76;
	}

/* MENU: CONTEUDO NORMAL - TITULO */
.bartit {
	width: 143px;
	padding: 8px 0 3px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-stretch: ultra-condensed;
	font-weight: bold;
	color: #4C4C6A;
	letter-spacing: -1px;
	text-transform: uppercase;
	}
	
a.bartit:link, a.bartit:visited, a.bartit:active {
	text-decoration: none;
	color: #4C4C6A;
}

a.bartit:hover	 {
	color: #666; 
	text-decoration: none;
}


/*?-?-?-? Background, cor de fundo e pontilhado do "div" MEU EDUCACIONAL ?-?-?-?-*/
#mu {
	width: 143px;
	margin: 0 auto 6px auto;
	font-size: 10px;
	background: #DADACF;
	border: 1px dashed #ACAC8A;
	display: none;
}

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

/*?-?-?-? Background CONTEUDO NORMAL ?-?-?-?-*/
#cn {
	width: 124px;
	margin: 0 auto 0 auto;
	padding-bottom: 6px;
}

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

.linhacortit {
	background: #000;
	}

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

/*######################################################################################################*/
/*############################### Formata??o da tabela principal #######################################*/
/*######################################################################################################*/

.tabelaprincipal {
	width: 780px;
	background: #FFF;
	border-right: 1px solid #7FA1C2;
	border-left: 1px solid #7FA1C2;
}

/*######################################################################################################*/
/*############################### Formata??o da janela #################################################*/
/*######################################################################################################*/

#menueducacional tr td {
background-color: #403D76;
}

#menueducacionaldivisao td {
margin: 0 !important;
height: 22px !important;
	background-image: url(http://www.c7s.com.br/imagens/home2006/menueducacionaldivisao.gif);
	background-position: 8px center;
	background-repeat: no-repeat;
}

.janela {
	background: #403D76;
border: 1px solid #1F1D4F;
}

/*######################################################################################################*/
/*############################### Alinhamento da Barra Esquerda ########################################*/
/*######################################################################################################*/
.Vsbmenu {
	width: 152px;
	height: 50px;
	margin: 0 0 0 0;
	position: absolute;
	visibility: hidden;
	left:143px;
	float: left;
}

.Vsmenu {
	margin: -27px 0 0 150px;
	position: absolute;
	visibility: hidden;
	float: left;
}

/*######################################################################################################*/
/*########################################### MENU DE A a Z ############################################*/
/*######################################################################################################*/
.menuaztd {
	margin: 0;
	padding: 0;
	width: 180px;
	background-color: #FFF;
}

.menuaz {
	width: 165px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: #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;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
	line-height: 18px;
}

/*######################################################################################################*/
/*######################################## BACKGROUND DOS MENUS ########################################*/
/*######################################################################################################*/
.barbg 
{
	width: 147px;
	* width: 150px !important;
	height: 100%;
	background: #403D76 !important;
	float: left;
}

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

/*####################################### TARJA SUPERIOR - INICIO ######################################*/
/* TARJA */
#topo {
	background:#FAF9FA url(http://www.educacional.com.br/esc_include/img_barra/fundo_tarjasup_c7s.gif) no-repeat;
	padding:0;
	width:780px !important;
	height:100px !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 E DATA */
.tarjalogadodata { 
	height: 15px;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10px;
	color: #FFF;
	background-image: url(http://www.educacional.com.br/esc_include/img_barra/fundo_tarjasup_c7s_dataatual.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

.tarjalogadodata tr td {
	padding: 0 0 0 16px !important;
}
	  
.bar_logado a, 
.bar_logado a:visited,
.bar_logado a:active	{ color:#FFF !important; }
.bar_logado a:hover	{ color:#CCC; !important }

/* LOGIN */
.login { 
	margin: 6px 0 -4px 0;
	* margin: 6px 0 -18px 0; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size:10px;
}

.login a:link,
.login a:visited,
.login a:active {
	color: #666;
	text-decoration: none;
	}
	
.login a:hover {
	color: #000;
	text-decoration: none;
	}

.login td {
padding-top: 2px !important; 
}

.frmlogin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size:10px;
	background: #EFEFEF;
	border: 1px solid #666666;
	height: 16px;
	width: 92px; 
	}

.loginbot {
color: #FFF5B0;
	background: #F7941D;
	border: 1px solid #666666;
	width: 25px;
	height: 16px; 
	font-size:10px;
	}	

/* PESQUISA */
.pesquisa {
	margin: 6px 0 -4px 0;
	* margin: 6px 0 -18px 0; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size:10px;
	margin-top:6px;
}

.pesquisa a:link, .pesquisa a:visited, .pesquisa a:active {
	color: #666;
	text-decoration: none;
	}


	
.pesquisa a:hover {
	color: #000;
	text-decoration: none;
	}

.pesquisa td { 
	padding-top: 2px !important; 
}

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

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

/* LINK LOGO */
.hplogolink {
	display: block;
	width: 100%;
	height: 100%;
}


.hplogolink3 {
	display: block;
	width: 110px;
	height: 100%;
	float: left !important;
}

/* BOTAO INICIO */
.hpinicio {
	padding-right: 3px !important;
	*padding-right: 0 !important;
	width:120px;
	background-position: right bottom;
	background-image: none;
	background-repeat: no-repeat;
	font-family:Verdana, Tahoma, Arial;
	font-size: 10px;
	text-align: right;
 }

.hplogolink2 {
	padding: 7px 6px 0 0;
	*padding: 5px 4px 0 0;
	display: block;
	width: 100%;
	height: 100%;
}

.hpinicio a:link
.hpinicio a:active,
.hpinicio a:visited {
	color:#000;
	text-decoration:none;
}

.hpinicio a:hover{
	color:#666;
	text-decoration:none;
}

.inicio 				{ width:147px; }
.bot_inicio 			{ color:#F0F0F4 !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:#859AB7; /* Cor da palavra in?cio */ font-family:Helvetica, Verdana, Tahoma, Arial; font-size:11px; font-weight:normal; vertical-align:3px; padding-right:3px; }
.seta_inicial	{ color:#9BB6D0; } /* Cor da primeira seta esquerda */
.seta_serv		{ color:#CBD8E7; } /* Cor da seta que representa o servidor */ 

/* LINKS */
* html body .menuitens {
line-height:20px; 
}

.menuitens { 
	padding:0;
	margin:0;
	width: 470px;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10px; 
	line-height: 17px;
	display: block;
	background-color: none;
	}
	
.menuitens a {
	border-right: 1px dashed #ccc;
	border-top:3px solid #f1f1f1;
	padding:2px 3px 3px 3px;
	margin:0 -3px 0 0;
	background: #fff;
	vertical-align:-3px;
	*vertical-align:-5px;
	}
	
.menuitens a:hover,
.menuitens a:visited,
.menuitens a:active { color:#000; 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:13px !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		{ background:#B3B4C6; width:630px; }
.barra2		{ display:none;background:#fff; }
.barra_esq1	{ background: #B3B4C6; width: 148px; * width: 150px;}
.barra_esq2	{ display:none;background: #403D76; }
/*######################################### TARJA SUPERIOR - FIM #######################################*/

/*####################################### MENU DA ESCOLA - INICIO ######################################*/
/* MENU */
ul#hpmenu {
	margin: 0;
	padding: 5 0 10 0;
	* padding: 1 0 10 0;
	list-style: none;
	background: #403D76;
	width: 148px;
	* width: 148px;
}

/* SUBMENU */
ul#hpmenu li ul {
	margin: 0;
	* margin-top: 10px;
	padding: 0;
	list-style: none;
	background: #403D76;
	float: left;
	position: absolute;
	visibility: hidden;
	left: 143px;
	* width: 152px;
	min-width: 152px;
	border: 1px solid #1F1D4F;
}

/* ITENS DO MENU E SUBMENU */
.hpmenuitem {
	margin: -5px 0 0 0;
	* margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-transform: uppercase;
	letter-spacing: -1px;
	text-align:left;
	* width: 100%;
	min-width: 100%;
	line-height: 13px;
}

.hpmenuitem a:link,
.hpmenuitem a:active,
.hpmenuitem a:visited {
	padding: 2px 8px 4px 8px;
	color: #FFF987;
	text-decoration: none;
	line-height: 13px;
	* width: 100%;
	min-width: 100%;
	display:-moz-inline-box;
}

.hpmenuitem a:hover {
	padding: 2px 8px 4px 8px;
	color: #FFFCBC;
	text-decoration: none;    
	background: #4E4B76;
	line-height: 13px;
	* width: 100%;
	min-width: 100%;
	display:-moz-inline-box;
}

/* LINHA DIVISORIA DE ITENS DO MENU E SUBMENU */
.hpmenuline {	
	line-height: 1px;
}

.hpmenudivisao {	
	margin: 9px 8px 1px 8px !important;
	*margin: 2px 8px -8px 8px !important;
	padding: 0;
	height: 1px;
	*height: 0px;
	line-height: 1px !important;	
	background: #FFF987;
}

/*######################################### MENU DA ESCOLA - FIM #######################################*/

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

/* PAGINAS DE ENSINO - INTEGRACAO COM A ESCOLA */
.hpensino {
	width: 606px;
	height: 215px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.hpensino a,
.hpensino a:active,
.hpensino a:visited {
	color: #3896CB !important;
	font-weight: bold !important;
}

.hpensino a:hover {
	color: #70AACB !important;
	font-weight: bold !important;
}
/* PAGINAS DE ENSINO - INTEGRACAO COM A ESCOLA */