/* Anulando margens e espacamemntos */
body, h1, h2, h3, h4, h5, h6, form, ul, ol, li, dl, dt, dd, p, address {
	margin:0px;
	padding:0px;
	border: 0px;
}

img {
	border:0;
}

body
{
	background-image: url("../_images/layout/bg.jpg");
	background-repeat: repeat-x;
	background-color: #226B62;
	background-position: center center;
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	color: #022D5A;
	line-height: 11px;

}

a, a:link, a:visited, a:active {
	font-weight: bold;
	color: #022D5A;
	text-decoration:none;
}

a:hover, a:focus {
	font-weight: bold;
	text-decoration:underline;
}

h1{
	margin: 0 0 8px 0;
	font-size: 12px;
	font-weight: bold;
	color: #022D5A;
}

h2{
	margin: 0 0 6px 0;
	font-size: 11px;
	font-weight: bold;
	color: #022D5A;
}

ul{
	 padding: 0px 0px 0px 16px;
	 font-size-adjust: none;
	 list-style-image: url("../_images/layout/bullet_seta.gif");
	 list-style-position: inside;
}

ul li{	
	 padding: 2px 0px;
}


ul.onlyBullet {
	list-style-image: none;
	margin: 8px 0 8px 10px;
}

ul.noticias {
	margin: 0 0 0 20px;
	padding: 0;
}
ul.jornal {
	margin: 0 0 0 20px;
	padding: 0;
}
ul.circulares {
	margin: 0 0 0 20px;
	padding: 0;
}

dt {
	margin: 10px 0 2px 0px;
	font-weight: bold;	
}

dd {
	margin: 2px 0 2px 8px;
}


.linkSelecionado{
	font-weight: bold;
	text-decoration:underline;
}

.form_button_red {
	background-color: #922008;
	border: 0px;
	height: 16px;
	
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	color: #ffffff;	
}

/* *********************************************************************** */
/*               formul‡rio da ‡rea restrita                               */
/* *********************************************************************** */
#container_menu_conteudo, #container_menu_footer
{
	float: right;
	text-align: right;
	text-transform: inherit;
	width: 175px;
	margin: 5px 0 0 0;
	border-width: 0px;
}
#container_menu_conteudo_login_titulo, #container_menu_conteudo_senha_titulo
{
	float: left;
	width: 85px;
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	border-width: 0px;
}
#container_menu_conteudo_login_field
{
	float: left;
	width: 90px;
	height: 20px;
	border-width: 0px;
}
#container_menu_conteudo_senha_field
{
	float: left;
	width: 70px;
	height: 20px;
	border-width: 0px;
}
#container_menu_conteudo_ok
{
	float: left;
	width: 20px;
	height: 20px;
	border-width: 0px;
}
.form_input_red_usuario {
	padding: 0px;
	margin: 0px;
	color: #ffffff;
	background-color: #CF7E6D;
	border: 0px;
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	height: 15px;
	width: 90px
}
.form_input_red_password {
	padding: 0px;
	margin: 0px;
	color: #ffffff;
	background-color: #CF7E6D;
	border: 0px;
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	height: 15px;
	width: 70px;
}



.form_button_blue {
	margin: 4px 0 4px 0;
	background-color: #022D5A;
	height: 16px;
	color: #D2D2D2;
	border: 1px solid #D2D2D2;
	font-family: "Courier New", Courier, mono;
	font-size: 10px;
	vertical-align:middle;
}

#formulario {
	position: relative;
	width: auto;
	height: auto;
}


#formulario h1{
	margin:0px;
	padding:0px;
	border: 0px;
	margin: 0 0 8px 0;
	font-size: 12px;
	font-weight: bold;
	color: #022D5A;
	
}
#formulario table{
	margin: 0;
	padding: 0;
	border: 0;
	
}
#formulario table td.label{
	text-align:left;
	vertical-align:top;
	font-size:10px;
	padding: 2px 0 2px 0;
}
#formulario table td.field{
	text-align:right;
	vertical-align:top;
	padding: 2px 0 2px 0;
}
.form_field{
	font-family: "Courier New", Courier, mono;
	font-size:10px;
	width: 172px;
	height: 17px;
	background-color: #ffffff;
	border: 1px solid #D2D2D2;	
	margin: 0;
	padding: 0 2px 0 2px;
	
}
.form_message_field{
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	width: 172px;
	background-color: #ffffff;
	border: 1px solid #D2D2D2;
	margin: 0;
	padding: 0 2px 0 2px;
}
.form_chkbox{
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	border: 1px solid #D2D2D2;
	margin: 0 2px 0 0;
	padding: 0;	
}
.form_button {
	margin: 4px 0 4px 0;
	background-color: #022D5A;
	height: 16px;
	color: #D2D2D2;
	border: 1px solid #D2D2D2;
	font-family: "Courier New", Courier, mono;
	font-size: 10px;
	vertical-align:middle;
}

#spacer{
	clear:both;
	padding: 4px 0px;
}

.error_message{
	text-align:center;
	font-weight:bold;
	color: #990033;
	padding: 8px 0px;
}


/*
* LAYOUT
*/
/* *************************************************************************** */
/*                             tabela                                          */
/* *************************************************************************** */
.linha_topo
{
	background-image: url("../_images/layout/bg_top.jpg");
	background-repeat: repeat-x;
	background-color: #86AD92;
	background-position: left bottom;
}
.centro_middle
{
	width: 700px;
	height: 700px;
	padding: 0px;
	margin: 0px;
}
.esquerda_middle
{
	padding: 0px;
	margin: 0px;
}
.direita_middle
{
	padding: 0px;
	margin: 0px;
	background-image: url("../_images/layout/lapis.gif");
	background-repeat: no-repeat;
	background-position: 0px 64px;
}
/* div principal centralizado */
#pagina {
	position: relative;
	height: 700px;
	margin: auto;
	overflow:visible;
	width: 750px;
	left: -15px;
	z-index:1;
}

/* div da imagem do caderno, deslocado à esquerda*/
#caderno {
	position: absolute;
	height: 700px;
	margin: 0px;
	left: -242px;
	width: 969px;
	background-image:  url("../_images/layout/caderno.gif");
	background-repeat: no-repeat;	
	z-index:10;
}


/* Todos outros elementos são adicionados na mesma posicao,
/*  ja que são gif trasparentes com mesmo tamanho */

/* NOTICIAS EM DESTAQUE NO CLIPS*/
#noticias {
	position: absolute;
	height: 700px;
	margin: 0px;
	width:750px;
	background-image:  url("../_images/layout/noticias.gif");
	background-repeat:no-repeat;	
	z-index:20;
}
#content_noticias{
	position: absolute;
	top:108px;
	right:8px;
	height: 240px;;
	width: 159px;	
	z-index:90;
	overflow:hidden;
}

/* BOTAO DE "MAIS NOTICIAS" */
#content_noticias_botao {
	position: absolute;
	top: 330px;
	right:8px;
	width: 159px;
	height: 12px;
	z-index:100;
}
#content_noticias_botao a, #content_noticias_botao a:link, #content_noticias_botao a:visited, #content_noticias_botao a:active {
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	text-decoration:none;
}

#content_noticias_botao a:hover, #content_noticias_botao a:focus {
	font-weight: bold;
	text-decoration:underline;
}

/* PARA O BOTAO DE "MAIS NOTICIAS" FICAR SEM BORDA DE LINK */
#content_noticias img{
	border: 0;
	vertical-align:text-top;
}


/* CIRCULARES EM DESTAQUE NO CLIPS */
#circulares {
	position: absolute;
	height: 700px;
	margin: 0px;
	width:750px;
	background-image:  url("../_images/layout/circulares.gif");
	background-repeat:no-repeat;	
	z-index:30;
}
#content_circulares{
	position: absolute;
	top: 400px;
	right:8px;
	height: 85px;
	width: 159px;
	z-index:90;
	overflow:hidden;
}
/* BOTAO "MAIS CIRCULARES" */
#content_circulares_botao {
	position: absolute;
	top: 482px;
	right:8px;
	width: 159px;
	height: 12px;
	z-index:100;
}
#content_circulares_botao a, #content_circulares_botao a:link, #content_circulares_botao a:visited, #content_circulares_botao a:active {
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	text-decoration:none;
}

#content_circulares_botao a:hover, #content_circulares_botao a:focus {
	font-weight: bold;
	text-decoration:underline;
}

/* PARA O BOTAO DE "MAIS CIRCULARES" FICAR SEM BORDA DE LINK */
#content_circulares img{
	border: 0;
	vertical-align:text-top;
}


/* MENU AZUL */
#menu1 {
	position: absolute;
	height: 700px;
	margin: 0px;
	width:750px;
	background-image:  url("../_images/layout/menu1.gif");
	background-repeat:no-repeat;	
	z-index:40;
}
#content_menu1{
	position: absolute;
	top:37px;
	left:35px;
	height: 53px;;
	width: 185px;	
	z-index:90;
}


/* MENU VERDE */
#menu2 {
	position: absolute;
	height: 700px;
	margin: 0px;
	width:750px;
	background-image:  url("../_images/layout/menu2.gif");
	background-repeat:no-repeat;	
	z-index:50;
}
#content_menu2{
	position: absolute;
	top:94px;
	left:35px;
	height: 155px;
	width: 185px;
	z-index:90;
}

/* MENU AMARELO */
#menu3 {
	position: absolute;
	height: 700px;
	margin: 0px;
	width:750px;
	background-image:  url("../_images/layout/menu3.gif");
	background-repeat:no-repeat;	
	z-index:60;
}
#content_menu3{
	position: absolute;
	top: 265px;
	left:35px;
	height: 89px;;
	width: 185px;	
	z-index:90;
}

/* MENU VERMELHO */
#menu4 {
	position: absolute;
	height: 700px;
	margin: 0px;
	width:750px;
	background-image:  url("../_images/layout/menu4.gif");
	background-repeat:no-repeat;	
	z-index:70;
}
#content_menu4{
	position: absolute;
	top: 361px;
	left:35px;
	height: 116px;
	width: 185px;
	z-index:90;
}
#content_menu4 p{
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	
}


/* MENU VERMELHO QDO USUARIO LOGADO */
#menu4_restrita {
	position: absolute;
	height: 700px;
	margin: 0px;
	width:750px;
	background-image:  url("../_images/layout/menu4_restrita.gif");
	background-repeat:no-repeat;	
	z-index:70;
}
#content_menu4_restrita{
	position: absolute;
	top: 361px;
	left:35px;
	height: 112px;
	width: 185px;	
	z-index:90;	
}
#content_menu4_restrita2{
	position: absolute;
	top: 475px;
	left:35px;
	height: 60px;
	width: 185px;	
	z-index:90;	
}


/* Alinha o conteúdo à direita e dá um espaço na margem direita */
#container_menu{
	padding: 0px 8px;
	text-align: right;
	color: #ffffff;
	font-size: 11px;
}
/* ************************************************************************* */
/*          arrumado item com 'selecionado' alinhado a direita               */
/* ************************************************************************* */
/* Itens do menu */

#container_menu ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
	list-style-image: none;
	list-style-position: inside;
	text-align: right;
	text-transform: inherit;
	font-size: 11px;
	line-height: 11px;
}
#container_menu ul li{
	 padding: 4px 0px;
}
#container_menu li.marcador01{	
	 list-style-image:url("../_images/layout/marca_navegacao01.gif");
}
#container_menu li.marcador02{	
	 list-style-image:url("../_images/layout/marca_navegacao02.gif");
}
#container_menu li.marcador03{	
	 list-style-image:url("../_images/layout/marca_navegacao03.gif");
}
#container_menu li.marcador04{	
	 list-style-image:url("../_images/layout/marca_navegacao04.gif");
}

#container_menu a, #container_menu a:link, #container_menu a:visited, #container_menu a:active{
	color: #ffffff;
	text-decoration:none;
}
#container_menu a:hover, #container_menu a:focus {
	color: #ffffff;	
	text-decoration:underline;
}
#container_menu h1{
	font-size:11px;
	font-weight: bold;
	text-align: right;
	padding-top: 4px;
	padding-bottom: 2px;
}

/* Header box area restrita */
#header_menu{	
	padding: 4px 0px 6px 0px;
	font-family:"Courier New", Courier, mono;
	font-size:11px;
	font-weight: bold;
}

/* CONTEUDO DAS ÁREAS COM CLIPS */
#container_postit{
	padding: 2px 0px 4px 4px;
	text-align: left;
	font-size: 11px;
	line-height: 10px;
}
#container_postit ul{
	 padding: 0px 0px 0px 2px;
	 font-size-adjust: none;
	 margin: 0px;
	 list-style-image: url("../_images/layout/bullet_seta.gif");
}
#container_postit li
{
	padding: 4px 4px 2px 0px;
	margin: 0px;
}
#container_postit a { font-weight: bold; }

/*
* CABECALHOS
*/

/* CABECALHO AMARELO */
#cabecalho3 {
	position: absolute;
	height: 700px;
	margin: 0px;
	width:750px;
	background-image:  url("../_images/layout/cabecalho_amarelo.gif");
	background-repeat:no-repeat;	
	z-index:90;
}

/* CABECALHO AZUL */
#cabecalho1 {
	position: absolute;
	height: 700px;
	margin: 0px;
	width:750px;
	background-image:  url("../_images/layout/cabecalho_azul.gif");
	background-repeat:no-repeat;	
	z-index:90;
}


/* CABECALHO BRANCO */
#cabecalho0 {
	position: absolute;
	height: 700px;
	margin: 0px;
	width:750px;
	background-image:  url("../_images/layout/cabecalho_branco.gif");
	background-repeat:no-repeat;	
	z-index:90;
}

/* CABECALHO VERDE */
#cabecalho2 {
	position: absolute;
	height: 700px;
	margin: 0px;
	width:750px;
	background-image:  url("../_images/layout/cabecalho_verde.gif");
	background-repeat:no-repeat;	
	z-index:90;
}

/* CABECALHO VERMELHO */
#cabecalho4 {
	position: absolute;
	height: 700px;
	margin: 0px;
	width:750px;
	background-image:  url("../_images/layout/cabecalho_vermelho.gif");
	background-repeat:no-repeat;	
	z-index:90;
}

#cabecalho_link{
	position: absolute;
	height: 40px;
	width: 200px;
	top: 30px;
	left:285px;
	z-index: 130;
}


#rodape {
	position: absolute;
	height: 700px;
	margin: 0px;
	top: 523px;
	left: 246px;
	width:468px;
	height: 76px;
	z-index:80;
}


/*
* BARRA DE SCROLL
*/

/* Fundo da barra de scroll */
#scroll_area {
	position: absolute;
	margin: 0px;
	top: 200px;
	left: 549px;
	width: 16px;
	height: 309px;
	background-image: url("../_images/scroll/fundoV.gif");
	z-index:90;
	visibility:hidden;
}

#scroll_area_agenda {
	position: absolute;
	margin: 0px;
	top: 240px;
	left: 549px;
	width: 16px;
	height: 269px;
	background-image: url("../_images/scroll/fundoV.gif");
	z-index:90;
	visibility:hidden;
}

/* Botao de scroll */
#scroller {
	position: absolute;
	margin: 0px;
	top: 1px;
	left: 1px;
	width: 14px;
	height: 50px;
	visibility:hidden;
}

#scroller table{
	width: 100%;
	height: 100%;
	
}

.scrollKnobAzul{
	background-image: url("../_images/scroll/azulMiddleV.gif");
	background-repeat: repeat-y;
}
.scrollKnobVerde{
	background-image: url("../_images/scroll/verdeMiddleV.gif");
	background-repeat: repeat-y;
}
.scrollKnobAmarelo{
	background-image: url("../_images/scroll/amareloMiddleV.gif");
	background-repeat: repeat-y;
}
.scrollKnobVermelho{
	background-image: url("../_images/scroll/vermelhoMiddleV.gif");
	background-repeat: repeat-y;
}

/* Conteudo de cada secao */
#section_content{
	position: absolute;
	margin: 0px;
	top: 200px;
	left:284px;
	width: 260px;
	height: 309px;
	overflow: hidden;
	z-index:90;
}

/* Dentro de "section_content", fica este div para possibilitar
*  o scroll corretamente */
#content {
	position: relative;
	width: 260px;
	overflow: hidden;
}
#content p
{
	margin: 0px 0px 10px 0px;
	text-indent: 15px;
	font-size: 11px;
}
#content dl
{
	margin: 0px 0px 10px 0px;
	font-size: 11px;
}
#content ul { font-size: 11px; }
/* Cabecalho de cada uma das secoes */
#section_header{
	position: absolute;
	top: 78px;
	left: 274px;
	width: 300px;
	height: 135px;
	z-index:90;
	overflow: hidden;
}
#assinatura{
	position:absolute;
	top:605px;
	right: 27px;
	text-align:right;
	font-size: 11px;
	font-weight: bold;
	z-index:100;
	color: #FFFFFF;
}
#assinatura a, #assinatura a:link, #assinatura a:visited, #assinatura a:active {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}

#assinatura a:hover, #assinatura a:focus {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:underline;
}

/*
/* AREAS DO SITE 
*/


/* HOME */
#home_content{
	position: absolute;
	top: 78px;
	left: 274px;
	height: 430px;
	width: 300px;
	z-index:90;
}
#home{
	background-image: url("../_images/layout/01_home.gif");
	background-repeat:no-repeat;
	width: 300px;
	height: 425px;
	font-size: 11px;
}
#home_foto {
	position: absolute;
	top: 19px;
	left: 33px;
	width: 250px;
	height: 166px;
}
#home_imagem_newsletter {
	position: absolute;
	top: 235px;
	left: 18px;
	width: 103px;
	height: 143px;
}
#home_newsletter {
	position: absolute;
	top: 235px;
	left: 130px;
	width: 168px;
	height: 163px;
}


/*
* O SPINOSA
*/
#spinosa_menu{
	text-align:center;
}
#spinosa_menu table{
	margin: 0 0 8px 0;
	text-align: center;
	width: 280px;
}
#spinosa_menu td
{
	font-size: 12px;
}

#spinosa_header{
	position:relative;
	left:3px;
	width: 294px;
	height: 96px;
	background-image: url("../_images/layout/spinosa_bg_header.gif");
	background-repeat:no-repeat;
}
#spinosa_header_image{
	position:absolute;
	left: 12px;
	top:10px;
	width:266px;
	height:69px;
}
#spinosa_popup_mapa{
	position:absolute;
	width:650px;
	height:415px;
	background-image: url("../_images/layout/popup_mapa.jpg");
	background-repeat:no-repeat;
}
#spinosa_popup_mapa_imagem{
	width:650px;
	height:415px;
	background-image: url("../_images/mapa/mapa.gif");
	background-repeat:no-repeat;
}

/*
* UNIDADES
*/
#unidades_header{
	background-image: url("../_images/layout/bg_imagem_duplo.gif");
	background-repeat:no-repeat;
	width: 293px;
	height: 122px;
}
#unidades_foto1 {
	position: absolute;
	top: 14px;
	left: 15px;
	width: 120px;
	height: 80px;
}
#unidades_foto2 {
	position: absolute;
	top: 14px;
	left: 161px;
	width: 120px;
	height: 80px;
}


/*
* EDUCACAO
*/
#educacao_header{
	background-image: url("../_images/layout/bg_imagem_duplo.gif");
	background-repeat:no-repeat;
	width: 293px;
	height: 122px;
}
#educacao_foto1 {
	position: absolute;
	top: 14px;
	left: 15px;
	width: 120px;
	height: 80px;
}
#educacao_foto2 {
	position: absolute;
	top: 14px;
	left: 161px;
	width: 120px;
	height: 80px;
}



/*
* NOTICIAS
*/

/* Pagina de listagem das notícias*/

#noticias_header{
	background-image: url("../_images/layout/bg_imagem_duplo.gif");
	background-repeat:no-repeat;
	width: 293px;
	height: 122px;
}
#noticias_foto1 {
	position: absolute;
	top: 14px;
	left: 15px;
	width: 120px;
	height: 80px;
}
#noticias_foto2 {
	position: absolute;
	top: 14px;
	left: 161px;
	width: 120px;
	height: 80px;
}

/* Pagina de vizualizacao de noticias */
#noticias_ver{
	width: 300px;
	height: 430px;
	padding: 0 0 0 4px;
}
#noticias_ver_foto {
	position: relative;
	/*float:left;*/
	width: 146px;
	height: 121px;
	background-image: url("../_images/layout/bg_foto_noticia.gif");
	background-repeat:no-repeat;
}
#noticias_ver_foto_botao
{
	position: absolute;
	top: 99px;
	left: 14px;
	width: 100px;
	height: 14px;
	margin: 0px;
	padding: 0px;
	
}
#noticias_ver_foto_botao a,#noticias_ver_foto_botao a:link, #noticias_ver_foto_botao a:visited, #noticias_ver_foto_botao a:active
{
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
#noticias_ver_foto_botao a:hover,#noticias_ver_foto_botao a:focus
{
	text-decoration: underline;
	text-transform: inherit;
}
#noticias_ver_content {
	clear: both;
	width: 300px;
}
.img_noticia {
	position: absolute;
	top: 13px;
	left: 15px;
	width: 120px;
	height: 80px;
}
/* Popup de fotos da noticia */
#popup_fotos{
	position: absolute;
	width:650px;
	height:415px;
	background-image: url("../_images/layout/popup_foto.jpg");
	background-repeat:no-repeat;
}
#popup_fotos_zoom
{
	position: absolute;
	left: 59px;
	top: 28px;
	width: 452px;
	height: 300px;
	text-align: center;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	overflow: hidden;
}
#popup_fotos_zoom img{
	margin:0 auto; 
}

#popup_fotos_lista_fotos{
	position:absolute;
	left: 548px;
	top:16px;
	width:90px;
	height:380px;
	text-align:center;
	overflow:hidden;
}
#popup_fotos_lista_fotos img{
	clear:both;
	margin: 7px 0px 7px 0px;
	border: 0;
	width: 75px;
	height: 50px;
}
#popup_fotos_content{
	position: relative;
	width:90px;
}	
#popup_fotos_legend{
	position: absolute;
	left: 60px;
	top:350px;
	width:450px;
	height:50px;
}	

#popup_fotos_scroll_area {
	position: absolute;
	margin: 0px;
	top: 44px;
	left: 534px;
	width: 16px;
	height: 309px;
	background-image: url("../_images/scroll/fundoV.gif");
	z-index:90;
}
#popup_fotos_scroller {
	position: absolute;
	margin: 0px;
	top: 1px;
	left: 1px;
	width: 14px;
	height: 50px;
}
	
#popup_fotos_scroller table{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	border-width: 0px;
}


/*
* FALE CONOSCO
*/
#fale_conosco_header
{
	background-image: url("../_images/layout/bg_imagem_duplo.gif");
	background-repeat: no-repeat;
	width: 293px;
	height: 122px;
	
}
#fale_conosco_foto1 {
	position: absolute;
	top: 14px;
	left: 15px;
	width: 120px;
	height: 80px;
}
#fale_conosco_foto2 {
	position: absolute;
	top: 14px;
	left: 161px;
	width: 120px;
	height: 80px;
}

#fale_conosco table{
	margin: 0;
	padding: 0;
	border: 0;
	
}
#fale_conosco table td.label{
	text-align:left;
	vertical-align:top;
	font-size:10px;
	padding: 2px 0 2px 0;
}
#fale_conosco td.field{
	text-align:right;
	vertical-align:top;
	padding: 2px 0 2px 0;
}
.fale_conosco_field{
	font-family: "Courier New", Courier, mono;
	font-size:10px;
	width: 172px;
	height: 17px;
	background-color: #ffffff;
	border: 1px solid #D2D2D2;	
	margin: 0;
	padding: 0 2px 0 2px;
	
}
.fale_conosco_message_field{
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	width: 172px;
	background-color: #ffffff;
	border: 1px solid #D2D2D2;
	margin: 0;
	padding: 0 2px 0 2px;
}
.fale_conosco_chkbox{
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	border: 1px solid #D2D2D2;
	margin: 0 2px 0 0;
	padding: 0;	
}
.fale_conosco_button {
	margin: 4px 0 4px 0;
	background-color: #022D5A;
	height: 16px;
	color: #D2D2D2;
	border: 1px solid #D2D2D2;
	font-family: "Courier New", Courier, mono;
	font-size: 10px;
	vertical-align:middle;
}


/*
* JORNAL O SPINOSA
*/
/* Pagina que lista os jornais */
#jornal_header{
	background-image: url("../_images/layout/bg_imagem_duplo.gif");
	background-repeat:no-repeat;
	width: 293px;
	height: 122px;
}
#jornal_foto1 {
	position: absolute;
	top: 14px;
	left: 15px;
	width: 120px;
	height: 80px;
}
#jornal_foto2 {
	position: absolute;
	top: 14px;
	left: 161px;
	width: 120px;
	height: 80px;
}

/* Pagina de visualizacao do jornal */
#jornal_ver_header {
	position: absolute;
	top: 78px;
	left: 278px;
	width: 300px;
	height: 160px;
	z-index:90;
	overflow: hidden;
}
#jornal_ver_header p
{
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	margin: 10px 0px 0px 0px;
}
#jornal_ver_header a
{
	font-size: 11px;
	text-decoration:none;
}
#jornal_ver_header a:hover
{
	font-size: 11px;
	text-decoration: underline;
	text-transform: inherit;
}
#jornal_ver_header h2
{
	font-family: "Courier New", Courier, mono;
	font-size: 13px;
	margin: 10px 0px 45px 0px;
}
#jornal_ver_header h3
{
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	margin: 10px 0px 0px 0px;
}

#jornal_ver_content {
	position: absolute;
	margin: 0px;
	top: 240px;
	left:284px;
	width: 260px;
	height: 264px;
	overflow: hidden;
	z-index:90;
}
#jornal_ver_resumo {
	position: relative;
	width: 260px;
	overflow: hidden;
}
#jornal_ver_resumo p, #jornal_ver_resumo li
{
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
}
#jornal_ver_resumo ul {
	list-style-image: none;
}
#jornal_ver_image
{
	position: relative;
	float: left;
	background-image: url("../_images/layout/jornal_bg_image.gif");
	background-repeat: no-repeat;
	width: 117px;
	height: 156px;
	margin: 0 5px 0 0;
}

#jornal_ver_image img{
	padding: 5px 0px 0px 9px;
	border:0;
}

/* 
*  Barra de scroll exclusiva desta área.
*  Fica um pouco mais abaixo do que o padrao.
*  Utiliza estilos #scroller e #content
*/
#jornal_ver_scroll_area {
	position: absolute;
	margin: 0px;
	top: 240px;
	left: 549px;
	width: 16px;
	height: 264px;
	background-image: url("../_images/scroll/fundoV_jornal.gif");
	z-index:90;
	visibility:hidden;
}

/*
* VESTIBULAR
*/
#vestibular_header{
	position:relative;
	left:10px;
	font-size: 11px;
}
#vestibular_menu{
	text-align:center;
}
#vestibular_menu table{
	margin: 0 0 8px 0;
	text-align: center;
	width: 280px;
}
#vestibular_menu td{
	font-size: 12px;
}

/*
*  AREA RESTRITA
*/
#home_restrita_content{
	position: absolute;
	top: 78px;
	left: 274px;
	height: 430px;
	width: 290px;
	z-index:100;
}
#restrita{
	position:relative;
	left:10px;
}

#restrita p
{
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	color: #022D5A;
	line-height: 12px;
	margin: 0px;
}

/*
* BOLETIM 
*/

#boletim_header{
	position: absolute;
	top: 78px;
	left: 276px;
	background-image: url("../_images/layout/boletim_ficha.gif");
	background-repeat:no-repeat;
	width: 294px;
	height: 210px;
	z-index:90;
}

/* Box com nome e matricula */
#boletim_info_header
{
	position: absolute ;
	top: 12px;
	left: 15px;
	width: 220px;
	height: 40px;
	z-index:100;
	font-size: 11px;
	line-height: 11px;
}
/* Box com turma, turno, n chamada, etc */
#boletim_info_header2{
	position: absolute ;
	top: 64px;
	left: 24px;
	width: 258px;
	height: 110px;
	z-index:100;
	font-size: 11px;
	line-height: 11px;
}
#boletim_header_botao_imprimir{
	position:absolute;
	width: 60px;
	height: 80px;
	top: 5px;
	left: 224px;
}
#boletim_header_botao_imprimir img{
	border: 0;
	width: 60px;
	height: 80px;
}

#boletim_content{
	position: absolute;
	margin: 0px;
	top: 296px;
	left:284px;
	width: 280px;
	height: 209px;
	overflow: hidden;
	z-index:90;
	font-size: 11px;
	line-height: 11px;
}

/* Popup de boletim de notas */
/* Div geral com img de fundo */
#boletim_notas{
	position:absolute;
	width:650px;
	height:415px;
	background-image: url("../_images/layout/popup_mapa.jpg");
	background-repeat:no-repeat;
}
#boletim_header_top
{
	border-bottom: 1px solid #000;
	width: 553px;
	height: 45px;
	margin: 0px 0px 20px 0px;
}
#boletim_header_bottom
{
	border-top: 1px solid #000;
	width: 553px;
	height: 45px;
	margin: 20px 0px 10px 0px;
	text-align: right;
	font-weight: bold;
}
#boletim_logo
{
	float: left;
	width: auto;
}
#botao_imprimir{
	position: absolute;
	top: 10px;
	left: 530px;
	width: 28px;
	height: 27px;
	background-color: #00CCFF;
}
/* scroll */
#boletim_notas_scroll_area {
	position: absolute;
	margin: 0px;
	top: 44px;
	left: 605px;
	width: 16px;
	height: 309px;
	background-image: url("../_images/scroll/fundoV.gif");
	z-index:90;
	visibility:hidden;
	
}
#boletim_notas_scroller {
	position: absolute;
	margin: 0px;
	top: 1px;
	left: 1px;
	width: 14px;
	height: 50px;
	visibility:hidden;
}
	
#boletim_notas_scroller table{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	border-width: 0px;
}

#boletim_notas_body{
	position: absolute;
	left: 46px;
	top: 10px;
	width: 553px;
	height: 380px;
	text-align:center;
}

#boletim_notas_content, #boletim_notas_content_impressao{
	position: relative;
	width:90px;
}	

#boletim_notas table{
	width: 553px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 11px;	
	border-collapse: collapse;
}
#boletim_notas tr{
	padding: 0;
	margin: 0;
}
#boletim_notas td{
	padding: 2px;
	margin: 0;	
}

#boletim_notas td.header_materias{
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #BCBBB9;
	
}
#boletim_notas td.header_notas{
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #BCBBB9;
	border-left: 1px solid #BCBBB9;

}
#boletim_notas td.respiro_header{
	height: 5px;
	font-size:5px;
}
#boletim_notas td.respiro{
	height: 5px;
	font-size:5px;
	border-left: 1px solid #BCBBB9;
}
#boletim_notas td.materias{
	text-align: left;
	font-weight: bold;	
}
#boletim_notas td.notas{
	text-align: center;
	border-left: 1px solid #BCBBB9;
}
#boletim_notas td.notas_vermelhas{
	text-align: center;
	border-left: 1px solid #BCBBB9;
	color: #990033;
}
#boletim_notas tr.branca{
	background-color:#fffefa;	
}
#boletim_notas tr.cinza{
	background-color: #E9E9E9;
}

/* Impressao */
#boletim_notas_impressao{
	position:absolute;
	width:650px;
	height:415px;
	background-color: #FFFFFF;
	color: #000000;
}
#botao_acao_imprimir{
	position: absolute;
	top: 10px;
	left: 495px;
	width: 28px;
	height: 15px;
}
#boletim_notas_impressao h1{
	color: #000000;
}
#boletim_notas_content_impressao a{
	color: #000000;
}
#boletim_notas_content_impressao table{
	width: 553px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 11px;	
	border-collapse: collapse;
}
#boletim_notas_content_impressao tr{
	padding: 0;
	margin: 0;
}
#boletim_notas_content_impressao td{
	padding: 2px;
	margin: 0;	
}

#boletim_notas_content_impressao td.header_materias{
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	
}
#boletim_notas_content_impressao td.header_notas{
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;

}
#boletim_notas_content_impressao td.respiro_header{
	height: 5px;
	font-size:5px;
}
#boletim_notas_content_impressao td.respiro{
	height: 5px;
	font-size:5px;
	border-left: 1px solid #000000;
}
#boletim_notas_content_impressao td.materias{
	text-align: left;
	font-weight: bold;	
}
#boletim_notas_content_impressao td.notas{
	text-align: center;
	border-left: 1px solid #000000;
}
#boletim_notas_content_impressao td.notas_vermelhas{
	text-align: center;
	border-left: 1px solid #000000;
	color: #990033;
}
#boletim_notas_content_impressao tr.branca{
	background-color: #FFFFFF;
}
#boletim_notas_content_impressao tr.cinza{
	background-color: #FFFFFF;
}



/* 
* CIRCULARES
*/
#circulares_header{
	background-image: url("../_images/layout/bg_imagem_duplo.gif");
	background-repeat:no-repeat;
	width: 293px;
	height: 122px;
}
#circulares_foto1 {
	position: absolute;
	top: 14px;
	left: 15px;
	width: 120px;
	height: 80px;
}
#circulares_foto2 {
	position: absolute;
	top: 14px;
	left: 161px;
	width: 120px;
	height: 80px;
}

/* Grade Curricular */
#grade_header{
	position:relative;
	left:10px;
}
#grade_header ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
	list-style-image: none;
	list-style-position: inside;
	text-transform: inherit;
	font-size: 11px;
	line-height: 11px;
}
#grade_header ul li{
	 padding: 4px 0px;
}
.grade_td{
	border-right: 1px solid #022D5A;
	font-size: 11px;
	line-height: 11px;
}


/* Calendario */
#calendario{
	position: absolute;
	background-image: url("../_images/calendario/fundo.gif");
	background-repeat: no-repeat;
	width: 284px;
	height: 123px;
}
#calendarioMes{
	position: absolute;
	top: 0px;
	left: 79px;
}
#calendarioDia, #calendarioSemana{
	position: absolute;
	top: 0px;
	left: 0px;
}
#calendarioSetaEsquerda{
	position: absolute;
	top: 95px;
	left: 20px;
}
#calendarioSetaDireita{
	position: absolute;
	top: 95px;
	left: 54px;
}

/* Lousa */
#lousa{
	position: absolute;
	background-image: url("../_images/lousa/fundo.gif");
	background-repeat: no-repeat;
	width: 284px;
	height: 123px;
}

#lousa_voltar
{
	position: absolute;
	top: 68px;
	left: 200px;
	
}

#lousa_serie
{
	position: absolute;
	top: 61px;
	left: 74px;
}

#content table th, #content table th a
{
    font-size: 11px;
    font-weight: bold;
}

#content table td, #content table a
{
    font-size: 11px;
    font-weight: normal;
}