/* G E R A L */
#educ_corpo { background: #FFF!important; } /*serve para setar uma cor de fundo para o conteúdo da página. Assim as páginas do Educacional não ficam transparentes. */
body { 	background-color: #1B3C99;
text-align: left	}
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}
.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 }

/*################################### MENU DO EDUCACIONAL ######################################*/
/* 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
}
	
.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, 	
a.barmetxt:visited	{ color: 003366; text-decoration: none}

a.barmetxt:active,	
a.barmetxt:hover	{ color: 003366; background-color: #E7E6DF}

/* Background, cor de fundo e pontilhado do "div" */
#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
}

/* CONTEUDO EXCLUSIVO */
#brhid { display: none
}
.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
}

.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,
a.barextxt:active,
a.barextxt:visited {
	color: #fff;
	text-decoration: none;
	background: url(http://www.notredamecampinas.com.br/imagens/div_menu_educ.gif) no-repeat bottom;
	background-repeat: no-repeat;
	padding-left: 12px
}

a.barextxt:hover {
	color: #ADC8E9;
	padding-left: 12px
}
	
/* Background, cor da tarjeta esquerda e pontilhado */
#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
}	

/* 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,    
a.bartit:visited { color: 4C4C6A; text-decoration: none}

a.bartit:active,	
a.bartit:hover	 { color: 666666; text-decoration: none}

.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,
a.bartxt:active,
a.bartxt:visited {
	color: #fff;
	text-decoration: none;
	width: 100%;
	display:block
}
	
a.bartxt:hover {
	color: #ADC8E9;
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	display:block
}
	
/* Background */
#cn {
	width:124px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding-bottom: 6px;
	background-color: #FFFFFF
}

/* BLOCOS */	  
.ffdscr {
	height: 20px;
	background: url(http://www.notredamecampinas.com.br/imagens/div_menu_educ.gif) no-repeat bottom;
	background-position: bottom;
	background-repeat: no-repeat;
	vertical-align: bottom
}

.ffdscr2 {
	height: 20px;
	background-position: bottom;
	background-repeat: no-repeat;
	vertical-align: bottom
}

/* ESTILOS DAS LINHAS PRETAS DIREITA E BOTTOM */
.linhacortit { background-color: #000000 }

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

/* JANELA */
.janela {
	width: 157px;
	background: #156BAF;
	border: 1px solid #014173;
	float: left;
	left: 143px;
	color:#fff;




}

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

/* MENU DE A a Z */
#menuaz {

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

/* BACKGROUND DOS MENUS */
.barbg td {
	background: none;
}
.barbg {
	width: 148px;
	background-color: #005EA8;
}

/*######################################## TARJA SUPERIOR ######################################*/
/* TARJA */
#topo {
	background:#FAF9FA url(/esc_include/img_barra/logo_barra_campinasnd.jpg) no-repeat;
	padding:0;
	width:780px !important;
	height:150px !important;
	font-family:Verdana, Tahoma, Arial;
	font-size:10px;
	/*border-right:1px solid #7FA1C2*/
}

.hpmenueduc{
	background-image: url(http://www.notredamecampinas.com.br/imagens/topo_b.jpg);
	background-repeat: no-repeat;
	height: 32px !important;
}

#hpitemtopo{position:relative; top: 29px; left:75px;*left:77px;}

#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:active,
.bar_logado a:visited	{ color:#333 }
.bar_logado a:hover	{ color:#000 }

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

.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:6px !important }

.frmlogin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #365FAB;
	font-weitgh:normal;
	font-size:10px;
	background-color: #FFF;
	border: 1px solid #66578C;
	width: 80px;
	height: 17px
}

.loginbot {
	background: #7194D5;
	border: 1px solid #66578C;
	width: 22px;
	height: 17px; 
	font-size:10px;
	color:#FFF;
	font-weight:bold;
}

#hplogin{margin: 42px 0 0 56px;align:rigth;}
#hplogin td{
	padding:2px;
	width: 80px;
	text-align:left;}	

/* PESQUISA */
.pesquisa { 
	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:6px !important }

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

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

/* LINK LOGO */
.hplogolink {
	display: block;
	width: 100%;
	height: 100%;
}
	
/* BOTAO INICIO */
.inicio 	  { width:147px }
.bot_inicio 	  {}
.bot_inicio:hover {}
* html body .bot_inicio { margin-top:-4px }

.bot_span 	{ }
.seta_inicial	{ }
.seta_serv	{ } 

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

.menuitens { 
	font-family:Verdana, Tahoma, Arial;
	font-size:9px;
	padding:0;
	margin:0; 
	line-height:28px;
	*line-height:24px;
	display:block;
}
	
.menuitens a {
	color: #A90E00;
	border: 0;
	padding:2px 5px 3px 5px;
	margin:0 -3px 0 0;
*margin:-5px -3px 0 0;
}
	
.menuitens a:visited,
.menuitens a:active { color:#A90E00; text-decoration:none }

.menuitens a:hover{ color:#1E4388; text-decoration:none }


.bot_inf	{ margin:0 0 0 18px !important;
			 *margin:0 0 0 16px !important;
			}
.bot_inf:hover	{ }
.bot_inf_on	{ }
.bot_inf_barra	{ }

.bot_14		{ margin:-5px 0 0 8px !important}
.bot_14:hover	{ }
.bot_14_on	{ }
.bot_14_barra	{ width:630px }

.bot_58		{ margin:-5px 0 0 11px !important}
.bot_58:hover	{ }
.bot_58_on	{ }
.bot_58_barra	{ width:630px }

.bot_med	{ margin: -5px 0 0 10px!important}
.bot_med:hover	{ }
.bot_med_on	{ }
.bot_med_barra	{ width:630px }

.bot_educ	{ margin: -5px 0 10px 7px!important}
.bot_educ:hover { }
.bot_educ_on	{ }
.bot_educ_barra { width:630px }

.bot_pais 	{ margin: 0 0 0 4px!important}
.bot_pais:hover { }
.bot_pais_on	{ }
.bot_pais_barra { width:630px }

/* LINHA DIVISORIA  */
.barra		{ width:630px }
.barra2		{ }
.barra_esq1	{ width:148px }
.barra_esq2	{ }

/*####################################### MENU DA ESCOLA #######################################*/
/* MENU */
.hpmenu {
	width: 148px;
	*width: 149px;
	margin-bottom: 0;
    background: #CEDEEE;
    background-image: url(http://www.notredamecampinas.com.br/imagens/fundo_menu.jpg);
	background-position: right;
	border: 0;
}
.hpmenusub {
	width: 157px;
	background: #EFF5FA;
	border: 1px solid #7FA1C2;
	visibility: hidden;
	float: left;
	left: 143px;
	position: absolute;
}
.hpmenuitem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 1px;
	background: url(http://www.notredamecampinas.com.br/imagens/div_menu.gif) no-repeat bottom;
}
.hpmenuitem a:link,
.hpmenuitem a:active,
.hpmenuitem a:visited {
	color: #035596;
	text-decoration: none;
	padding: 3px 12px 3px 12px;
	display: block;
	*width: 100%;	
}
.hpmenuitem a:hover {
	color: #BD3129;}