/* GERAL */
.hphome {
	width:780px;
}
.hpconteudo {
	width: 631px;
border-left: 1px solid #487DBF;
	background-color: #FFFFFF;
}

/* #################################### BLOCOS ####################################*/
.hpbloco1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #67552C;
	width: 600px;
	background-color: #EFEFE4;
}

.hpbloco1 a:link, .hpbloco1 a:active, .hpbloco1 a:visited {
	text-decoration: none;
	color: #67552C;
}

.hpbloco1 a:hover {
	text-decoration: none;
	color: #C0A76B;
}

.hpbloco1 tr td {
	padding: 5px;
}

.hpbloco2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 600px;
	border-bottom: solid 1px #CCC;
}

.hpbloco2 a:link, .hpbloco2 a:active, .hpbloco2 a:visited {
	text-decoration: none;
	color: #67552C;
}

.hpbloco2 a:hover {
	text-decoration: none;
	color: #C0A76B
}

.hpbloco2 tr th {
	padding: 3px;
	color: #FFF;
	text-align: left;
	font-weight: normal;
}

.hpbloco2titu1 {
	background-color:#333;
}

.hpbloco2titu2 {
	background-color:#666;
}

.hpbloco2 tr td {
	padding: 5px;
}

.hptitulo {
	font-weight: bold;
}

.hpblocoicone {
	border: 1px solid #333;
}

.hpblocotd1 {
	border-right: dotted 1px #CCC;
	border-left: dotted 1px #CCC;
}

.hpblocotd2 {
	border-right: dotted 1px #CCC;
}

/* PAGINAS INTERNAS */
.hpinterna {
	margin: 0;
	padding: 0;
	width:631px;
	background:#FFF;
border-left: 1px solid #487DBF;

}
	
.hpinternatopo {
	width: 612px;
	height: 90px;
	background-image: url(../imagens/interna_topo.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	padding: 0 0 10px 18px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #487DBF;
	font-weight: bold;
}	
h2 {
	font-size: 12px;
	color: #487DBF;
	font-weight: bold;
	line-height: 20px;
}
.hpinternatexto {
	padding:0 18px 0 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	text-align: justify;
	line-height: 18px;
}
.hpinternatexto a:link, a:active, a:visited {
	text-decoration: none;
	color: #FF9900;
}
.hpinternatexto a:hover {
	text-decoration: none;
	color: #FFCC00;
}
.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;
}
.hpinternatextoimg {
	margin: 0 8px 8px 0;
	border: 1px solid #333;
}
.hpinternavoltar {
	padding: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
}
.hpinternavoltar a:link, a:active, a:visited {
	text-decoration: none;
	color: #FF9900;
}
.hpinternavoltar a:hover {
	text-decoration: none;
	color: #FFCC00;
}

/* ENQUETE */
.hpenquete {
	background-color: #EBEBF5;
}

/* GALERIA DE FOTOS */
.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; 
}

/* MENU INTERNO */
.hpmenuinterna {
	width: 124px;
	background-color: #FFFAD9;
	padding: 24px 8px 8px 8px;
	background-image: url(imagens/home2006/interna_menu.gif);
	background-repeat: no-repeat;
}
.hpmenuinterna ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.hpmenuinterna ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom: solid 1px #FFD95E;
	height: 18px;
}
.hpmenuinterna a:link, a:active, a:visited{
	text-decoration: none;
	color: #FF9900;
}
.hpmenuinterna a:hover {
	text-decoration: none;
	color: #FFCC00;
}
.hpmenuinternavoltar {
	border-bottom: none !important;
	padding-top: 20px !important;
}

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

/* INICIO MENU PERSONALIZADO DA ESCOLA*/

/*Box par ao Menu horizontal - Não inserir nada acima do z-index= 400 */
#MenuV {
	position:relative;
	float:left;
	display:block;
	width:148px;
	margin: 5px 0 20px 0;
	padding-bottom:20px;
	z-index:400; }

/* === ESCOLA === */

#mescola {float:left; padding:0; margin:10px 0 0 0; list-style:none; position:relative; width:148px;}
#mescola ul {padding:0; margin:0; list-style:none; width:148px; height:auto; position:absolute; left:-9999px; top:0;}
#mescola table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#mescola ul {background: none;}
#mescola li {float:left; margin-bottom:0px;}
#mescola li a {display:block; float:left; width:148px; height:21px; background: #487DBF url(http://www.ceharmonia.com.br/imagens/menu_itemlinha.gif) no-repeat bottom; color:#FFF; line-height:24px; font-family:Verdana, arial, sans-serif; font-size:10px; text-decoration: none; text-indent: 12px;}
#mescola li a.fly {  right center;}

#mescola li:hover {position:relative;}
#mescola li a:hover {position:relative; color:#FFF;}
#mescola li:hover > a {background: #3B5EAB url(http://www.ceharmonia.com.br/imagens/menu_itemlinha.gif) no-repeat bottom; color:#FFF; }

#mescola ul li a {	background: #487DBF url(http://www.ceharmonia.com.br/imagens/menu_itemlinha.gif) no-repeat bottom;  font-weight:normal;}
#mescola ul li a.fly {}
#mescola ul ul li a {	background: #487DBF url(http://www.ceharmonia.com.br/imagens/menu_itemlinha.gif) no-repeat bottom;}
#mescola ul ul li a.fly {	background: url(http://www.ceharmonia.com.br/imagens/menu_itemlinha.gif) no-repeat bottom; color:#522777;}
#mescola ul ul ul li a {background:#fff;}

#mescola li a.current,
#mescola ul li a.current,
#mescola ul ul li a.current,
#mescola ul ul ul li a.current { color:#fff;}

#mescola li.primeiro{}
#mescola li.margemtopo {margin-top:10px;}


#mescola :hover ul,
#mescola :hover ul :hover ul,
#mescola :hover ul :hover ul :hover ul {left:148px; }

#mescola :hover ul ul,
#mescola :hover ul :hover ul ul {left:-9999px;}

#mescola ul li:hover > a { color:#FFFFFF;}
#mescola ul ul li:hover > a { color:#FFFFFF;}

/* FIM MENU PERSONALIZADO DA ESCOLA*/