/* 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-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-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: #000066;
	border-left-color: #000066;

	}

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

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

/*######################################################################################################*/
/*######################################## BACKGROUND DOS MENUS ########################################*/
/*######################################################################################################*/
.barbg {
	width: 148px;
	background-color: #C6C6C6;
        border-bottom: solid 1px #BE5755;

	}

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

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

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

/* LOGIN */
.login {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size:10px;
	margin-top:14px;
	}
	
.login a:link, 
.login a:visited, 
.login a:active {
	color: #000;
	text-decoration: none;
	}
.login a:hover {
	color: #EC6D3B;
	text-decoration: none;
	}
.login td { padding:0 2px 0 0px !important; }

.frmlogin {
	background-color: #FFF;
	border: 2px solid #333333;
	width: 92px;
	height: 16px;
	}

.loginbot {
	background: #EC6D3B;
	border: 2px solid #333333;
	color:#000;
	font-weight:normal;
	width: 25px;
	height: 18px; 
	font-size:10px;
	}	

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

.pesquisa a:link, 
.pesquisa a:visited, 
.pesquisa a:active {
	color: #000;
	text-decoration: none;
	}
.pesquisa a:hover {
	color: #EC6D3B;
	text-decoration: none;
	}
.pesquisa td { padding: 0px 5px 0 0 !important; }

.frmpes {
	background-color: #FFF !important;
	border: 2px solid #333333 !important;
	width: 125px; 
	height: 16px;
	}

.frmpesbot {
	background: #EC6D3B;
	border: 2px solid #333333;
	color:#000;
	font-weight:normal;
	width: 25px;
	height: 18px; 
	font-size:10px;
	}
	
/* BOTAO INICIO */
.inicio { width:148px; }

.bot_inicio 	{ color:#EC6D3B !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; line-height:20px\9;}
.bot_span 		{ color:#791B19; /* <-- 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:#BE5755; } /* <-- Cor da primeira seta esquerda */
.seta_serv		{ color:#791B19} /* <-- Cor da seta que representa o servidor */ 

.bot_inicio:hover 		{ text-decoration:none; }
html body .bot_inicio\9 { margin-top:0px; }

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

.menuitens { 
	font-family:Verdana, Tahoma, Arial;
	font-size:10px;
	padding:0;
	margin:0; 
	line-height:17px;
	display:block
}
	
.menuitens a {
	border-right: 1px dashed #ccc;
	border-top:3px solid #f1f1f1;
	padding:2px 5px 3px 5px;
	margin:0 -3px 0 0;
	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: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 }


/*######################################### TARJA SUPERIOR - FIM #######################################*/

/*####################################### MENU DA ESCOLA - INICIO ######################################*/
/* MENU */
ul#hpmenu {
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	* padding: 1px 0 0px 0;
	list-style: none;
	background-image: url(http://www.colegiovisao2.com.br/novosite/imagens/fundo_menu.jpg);

        width: 148px;
	* width: 148px;
}

/* SUBMENU */
ul#hpmenu li ul {
	margin: 0;
	* margin-top: 10px;
	padding: 0;
	list-style: none;
	border: 1px solid #000;
	background:#ccc;
	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;
	font-color: #FFF;
     font-weight: bold;
	letter-spacing: 0;
	text-align:left;
	width: 100%;
	line-height: 13px;
	}

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

.hpmenuitem a:hover {
	padding: 2px 8px 4px 11px;
	color: #FFF;
	background-position: 2px center;
	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;
	margin-left: 5px;
	background-image: url(http://www.colegiovisao2.com.br/novosite/imagens/div_menu.gif);
	background-position: 4px 0;
	background-repeat: no-repeat;
	}

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

/*######################################## TERMOS DE USO - INICIO ######################################*/
/* COPYRIGHT ? */
.hptermos {
	height:100;
	background-color: #F3F3F3;
		}
/*########################################## TERMOS DE USO - FIM #######################################*/