/* GERAL */
.hphome {
	width:780px;
}
.hpconteudo {
	width: 630px;
	padding: 0px 0 20px 0;
	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:630px !important;
	*width:631px !important;
	background-color: #fff;
}
.hpinternatopo {
	width:630px !important;
	*width:631px !important;
	height: 95px;
	background: url(http://www.domboscopvh.com.br/imagens/interna/topo.jpg) no-repeat right top;
	vertical-align: bottom;
	padding: 0 0 0px 45px;
}

.hpinternatopo h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 24px;
	color: #163986;
	font-weight: normal;
	padding:0;
	margin:0;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #163986;
}	
h2 {
	font-size: 11px;
	color: #2E3192;
	font-weight: bold;
	line-height: 30px;
}
h3 {
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
	line-height: 30px;
}
h4 {
	font-size: 11px;
	color: #FF9900;
	font-weight: bold;
	line-height: 30px;
}
.hpinternatexto {
	padding: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-align: justify;
	line-height: 15px;
}
.hpinternatexto a:link, 
.hpinternatexto a:active, 
.hpinternatexto a:visited {
	text-decoration: none;
	color: #D9241B!important;
}
.hpinternatexto a:hover {
	text-decoration: none;
	color: #206382 !important;
}
.hpinternatextotable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	border-top: solid 2px #cc0000;
	border-left: solid 2px #cc0000;
}
.hpinternatextotable tr td {
	padding: 2px;
	border-right: solid 2px #cc0000;
	border-bottom: solid 2px #cc0000;
	text-align: center;
	color: #333;
}
.hpinternatextoimg {
	margin: 0 8px 8px 0;
	border: 1px solid #333;
}
.hpinternavoltar {
background: #FFFFFF url(http://www.domboscopvh.com.br/imagens/interna/voltar_fundo.jpg) repeat-y center;
	padding: 5px 12px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: right;
	color: #D4E1E7;
}
.hpinternavoltar a:link, a:active, a:visited {
	text-decoration: none;
	color: #FFFFFF !important;
}
.hpinternavoltar a:hover {
	text-decoration: none;
	color: #FFFFFF !important;
}

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

/* FUNDO  EDUCACIONAL */
.fundo_include_educacional{
      background:#04486D;
      color:#fff;
      width:780px;
}
.titulo_include_educacional{
         background-color:#4D7B95; 
         width:100%;
         font-family: verdana;
         font-size: 10px;
         color:#E4FBFF;
         font-weight:bold;
}
.include_educacional img{display:none;}
.include_educacional td{
        color:#9FD6F4;
        border-bottom:1px solid #276C95;
        padding:5px 0px;
}
.include_educacional table{
        padding-bottom:20px;
        width:245px;
}
.include_educacional a:link, 
.include_educacional a:visited, 
.include_educacional a:active{
        color:#9FD6F4 !important;
}
.include_educacional a:hover{
        color:#fff;
        text-decoration:none;
}
.endereco{
	color:#466091;
	font:10px verdana, arial, georgia;
}
.endereco a:link, 
.endereco a:active,
.endereco a:visited{
	color:#466091;
	text-decoration:none;
}
.endereco a:hover{
        color:#8B2030;
	text-decoration:none;
}

.tabela{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5F5F5F;
	line-height:15px;
	width:450px;
	margin-top:10px;
}

#borda td{
	border-top:1px dashed #5F5F5F;
	border-left:1px dashed #5F5F5F;
}
.border_bottom{
	border-bottom:1px dashed #5F5F5F;
}
.border_right{
	border-right:1px dashed #5F5F5F;
}

/*CALENDARIO*/
.hpcalbg {
	padding: 8px;
}

.hpcal{
	width:154px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	text-align: center;
	background-color: #E1E1E1;
	vertical-align: top;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
}

.hpcal tr th {
	padding: 3px;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #BB0314;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

.hpcal tr td {
	padding: 3px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

.hpcaldiasemana {
	color: #BB0314;
	font-weight: bold;
	background-color: #FEDFE4;
}

.hpcaldomingos {
	background-color: #CCCCCC;
}

.hpcalsabados {
	background-color: #CCCCCC;
}

.hpcaldatas {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #006699;
	text-align: left;
	background-color: #FFF;
	width: 150px;
}

/* TAREFA DE CASA */
.hpmuraltarefa {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        width: 90%;
        background: #FDF2E6;
        border: 1px solid #FFCC01;
        margin-bottom: 10px;
}
.hpmuraltarefa tr td ul {
        margin: 0;
        padding: 0;
        list-style: none;
}
.hpmuraltarefa tr td ul li {
        margin: 5px 0 5px 0;
}
.hpmuraltarefa div {
        height: 60px;
        padding: 10px;

}
#hpmuraltarefacol01 {
        width: 50%;
        border-right: 1px dashed #FFCC01;
}
#hpmuraltarefacol02 {
        width: 50%;
}
.hpmuraltarefaimg {
        float: left;
        margin-right: 10px;
        width: 54px;
        height: 54px;
        border: 1px solid #333;
}
a.hpmuraltarefadata:link,
a.hpmuraltarefadata:active,
a.hpmuraltarefadata:visited,
a.hpmuraltarefadata:hover {
        text-decoration: none;
        color: #FF6735;
        font-weight: bold;
}
a.hpmuraltarefatitu:link,
a.hpmuraltarefatitu:active,
a.hpmuraltarefatitu:visited,
a.hpmuraltarefatitu:hover {
        text-decoration: none;
        font-weight: bold;
}
a.hpmuraltarefadesc:link,
a.hpmuraltarefadesc:active,
a.hpmuraltarefadesc:visited,
a.hpmuraltarefadesc:hover {
        text-decoration: none;
        color: #333;
}
.hpmuraltarefavejamais {
        text-align: center;
}
.hpmuraltarefavejamais td {
        padding-top: 10px;
}

.tabela {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-align: justify;
	line-height: 15px;
}
.tabela a:link, 
.tabela a:active, 
.tabela a:visited {
	text-decoration: none;
	color: #D9241B!important;
}
.tabela a:hover {
	text-decoration: none;
	color: #206382 !important;
}

.docente{border: 2px solid #cc0000;padding:0; margin:0; width:165px; height:135px;}
/* 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%;
}