/* GERAL */
.hphome {
	width:780px;
}
#educ_conteudo{width:630px; float:right;}
#hpinterna {
	width: 630px;
	float: right;
	background: url(../imagens/internas/bg_topo.jpg) no-repeat;
	min-height:600px;
}

.hpinternaconteudo {
	clear:both;
}

#topoint {
float:left;
}
#menuint {
float:left;
width:250px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
padding-top:45px;
padding-left:25px;
line-height:15px;
color:#ff0000;
}
#menuint a{
text-decoration:none;
color:#0A3D77;
}
#menuint a:hover {
font-weight:bold;
}
/* PAGINAS INTERNAS */
.hpinternaconteudo h1 {
	font-size: 11px;
	color: #FFBA00;
	font-weight: bold;
	text-transform: uppercase;
}	
.hpinternaconteudo h2 {
	font-size: 11px;
	color: #2E3192;
	font-weight: bold;
	line-height: 30px;
}
/* HP INTERNA TEXTO - FORMATAR TEXTOS */
.hpinternatexto { /* Essa nýo pode ter BACKGROUND, nem HEIGHT. Pois ý utilizada em qualquer lugar que tenha texto das pýginas internas */
	padding: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
	text-align: justify;
	line-height: 15px;
}
.hpinternatexto a:link, .hpinternatexto a:active, .hpinternatexto a:visited {
	text-decoration: none;
	color: #003573;
}
.hpinternatexto a:hover {
	text-decoration: none;
	color: #0054B7;
}

/* HP INTERNA TEXTOTABLE - FORMATAR TABELAS DAS PýGINAS INTERNAS */
.hpinternatextotable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 100%;
	background-color: #FFFFCC;
	border-top: solid 1px #CCCC00;
	border-left: solid 1px #CCCC00;
}
.hpinternatextotable tr th {
	padding: 2px;
	border-right: solid 1px #CCCC00;
	border-bottom: solid 1px #CCCC00;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: #FF9900;
	color: #FFF;
}
.hpinternatextotable tr td {
	padding: 2px;
	border-right: solid 1px #CCCC00;
	border-bottom: solid 1px #CCCC00;
	text-align: center;
	color: #333;
}
.hpinternatexto img {
	margin: 8px;
}

/* HP INTERNA VOLTAR - FORMATAR O VOLTAR DA PýGINA INTERNA */
#hpinternavoltar {
	background: url(../imagens/internas/voltar.png) no-repeat;
	width: 141px;
	height: 113px;
	float:right;
}

/* CýDIGOS */
pre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}
code {
	font-size:12px;
	color:#666;
	word-break: break-all;
}
/* TERMOS */
#termosGeral{
	background-color:#04486D; /* Cor de fundo geral dos termos */
	 width:100%;
}
#termos{
	width:780px;
}
#termos table{margin-top:20px;}
#termos_titulo{
	background:url(../imagens/termos/fundo_titulo.png) no-repeat center; /* Imagem de fundo dos titulos (Eventos em Destaque, Datas Comemorativas, Notýcias Educacionais) */
	width:244px;
	height:25px;
	padding-left:15px;
	font:12px Arial, Verdana, Helvetica;
	text-align:justify;
	font-weight:bold;
	color:#CAE4F1; /* cor dos titulos */
}
#termos ul{
	margin:0;
	padding:0;
	width:245px !important;
	font:11px Arial, Verdana, Helvetica;
	color:#ADDCF6; /* cor dos conteudos abaixo dos titulos */
}
#termos li{
	list-style-position:inside;
	list-style-type: square;
	margin: 2px 3px 0 12px;
}
#termos li a:link,
#termos li a:visited,
#termos li a:active{
	color:#ADDCF6; /* cor dos links do conteudos abaixo dos titulos */
	text-decoration:none;
}
#termos li a:hover{
	color:#1B6289; /* cor dos links do conteudos abaixo dos titulos */
	text-decoration:none;
}
#termos hr{ 
	color:#1B6289; /* cor das linhas que dividem os conteudos */
	background-color:#1B6289; /* cor das linhas que dividem os conteudos */
	height:1px; 
	border:0;
	width:230px;
}
#linha_divisoria hr {
	width: 100%;
}
.calendarioEventos {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:190px;
text-align:center;
color:#333333;
padding: 2px 1px 2px 1px;
}
.calendarioEventos a {
text-decoration: none;
color:#666666;
}
.calendarioEventosADM {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
padding: 2px 1px 2px 1px;
}
.calendarioEventosADM input, textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
}
.calendarioEventos_titMes {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
text-align:center;
color:#000000;
padding: 2px 1px 2px 1px;
}
.calendarioEventos td{
/*border:1px solid #cccccc;*/
}
.calendarioEventos_titCabeSemana td{
font-weight:bold;
color:#000099;
background-color:#E8E8E8;
border:1px solid #8F8F8F;
}
.calendarioEventos_domingo{
background-color:#FFCC00;
color:#000000;
}
.calendarioEventos_sabado{
background-color:#FFCC00;
color:#000000;
}
.clasdiv{
padding: 5px 4px 5px 4px;
}
.acima3Eventos{
color:#000000;
background-repeat: no-repeat;
/*border:1px solid #5F5F5F;*/
backgroundimage:
url(http://www.educacional.com.br/esc_include/CalEventos/img/fundo.gif);
}
.CalEventos_Legenda{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
border:1px solid #5F5F5F;
}
.cssGeral{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.cssBordaTd {
border:1px solid #000000;
padding: 5px 5px 5px 5px;
}
.cssTab {
font-size: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.exibeDadosEvento{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
margin: 8px;
}
/*
=====================================
CSS responsável pela DIV do mouseOver
=====================================
*/
.tooltip{
position: absolute;
padding: 2px 2px 2px 2px;
z-index: 2;
display: block;
width: 150px;
color: #000000;
background-color: #E8E8E8;
border: 1px solid #FFCC00;
font-family: sans-serif;
font-size: 10px;
line-height: 18px;
text-align: center;
}
.tooltip a{
text-decoration:none;
color:#993300;
}
.tablegalerias {
background:#E6EDF8;
border:1px dashed #003573;
padding:3px;
width:100%;
}
.tablegalerias td{
background:#D7E0F0;
border:1px solid #A5C0E6;
padding:3px;
text-align:center;
}
.tableinternas {
background:#E6EDF8;
border:1px dashed #003573;
padding:3px;
width:100%;
}
.tableinternas td{
background:#D7E0F0;
border:1px solid #A5C0E6;
padding:3px;
}
.galeria {
width:100%;
text-align:center;
}
#listas {
list-style:none;
margin:0px;
padding:0px;
}
#logo {
background: url(../imagens/internas/institucional/logomarca2006.gif) no-repeat;
padding:20px 0 0 100px;
height:280px;
}

.galeria { width:100%;} /* tamanho da tabela */
.galeria img { border:1px solid #000;} /* borda das imagens*/
.galeria td { padding:8px 0 8px 0; text-align: center;} /* espaçamento das células*/
.galeria tfoot td { /* espaçamento das células do menu e cor do texto*/
padding:2px 0 2px 0;
text-align:center;
color:#ff6600;
} 
.galeria tfoot a, /* estilo dos botões*/
.galeria tfoot a:active {
text-decoration: none;
border:1px solid #c9c9c9; 
padding:0 5px; color:#666; 
background:#f1f1f1; 
line-height:17px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #333;
} 
.galeria tfoot a:visited { color: #999; } 
.galeria tfoot a:hover { /* estilo dos botões :hover*/
border:1px solid #FF6600; 
background:#fff; 
} 
