/* GERAL */
.hphome {
	width:780px;
}
.hpconteudo {
	width: 631px;
	border-right: 1px solid #7FA1C2;
	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-color: #FFFFFF;
	border-right: solid 1px #7FA1C2;
}
	
.hpinternatopo {
	background: url(http://compa-sp.educacional.net/imagens/interna/topo.jpg);
	padding: 0 300px 0 135px;
}

 h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-weight:bold;
}	
h2 {
	font-size: 11px;
	color: #da4801;
	font-weight: bold;
	line-height: 15px;
}
.hpinternatexto {
	padding: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	text-align: justify;
	line-height: 15px;
	background: url(http://compa-sp.educacional.net/imagens/interna/fundo_center.jpg) repeat-x top;
}
.hpinternatexto table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}
.hpinternatexto a:link, a:active, a:visited {
	text-decoration: none;
	color: #010199;
}
.hpinternatexto a:hover {
	text-decoration: none;
	color: #00016F;
}
.hpinternatexto li{list-style-image: url(../imagens/list.jpg);}
.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 18px 18px 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	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&ccedil;amento das c&eacute;lulas*/
.galeria tfoot td { /* espa&ccedil;amento das c&eacute;lulas do menu e cor do texto*/
	padding:2px 0 2px 0;
	text-align:center;
	color:#ff6600;
}
.galeria tfoot a,  /* estilo dos bot&otilde;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&otilde;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;
}

/*FORM faleconoscos*/
#faleconosco {padding-bottom:40px; padding-left:20px; margin:0 auto !important;}
#faleconosco .base{
float:left;
width:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
padding-bottom:5px;}
#faleconosco label{float:left;}
#faleconosco .nome{width:327px; margin-right:10px;}
#faleconosco .email{width:404px;}
#faleconosco textarea{height:50px; width:405px;}
#faleconosco input, select, textarea{
	float:left;
	background-color:#fff;
	margin:3px 0px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	border:1px solid #dfdcce;
}
.botoes{
	clear: both; 
}
.button_enviar{
	background: url(../imagens/botoes/enviar.gif) no-repeat;
	width:63px;
	height:24px;
	border:0px !important;
}
.button_limpar{
	background: url(../imagens/botoes/limpar.gif) no-repeat;
	width:63px;
	height:24px;
	border:0px !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%;
}
/* MURAL INTERNA */
.hpmural02 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
border:1px dashed #DA4801;
padding:5px;
width:100%;
padding-left:25px;
}
.hpmural02 tr td ul {
        margin: 0;
        padding: 0;
        list-style-image: url(../imagens/list.jpg);
}
.hpmural02 tr td ul li {
        margin: 15px 0 10px 0;
}
#hpmural02col01 {
        width: 100%;
}
a.hpmural02titu:link,
a.hpmural02titu:active,
a.hpmural02titu:visited{
        text-decoration: none;
        font-weight: bold;
}
a.hpmural02titu:hover {
        color:#DA4801;
}
a.hpmural02desc:link,
a.hpmural02desc:active,
a.hpmural02desc:visited,
a.hpmural02desc:hover {
        text-decoration: none;
        color: #333;
}
/* MURAL INTERNA */
#mural01 td{
	font: 11px verdana;
	height:31px;
	font-weight:bold;
	color:#4d4daf;
}
