/* --------------------------------------------------------
   Designer: Léia Mendes Cook - www.leiacook.com.br
   -------------------------------------------------------- */

@import url("reset.css"); /* resets all browser */



/* Oculta os ítens a seguir: */ 
#menu_mobile, #topo_pag, .titulo_print, #logo_print{ 
    display:none; 
    } 
img { 
    border:0; 
    }
a { 
    outline:none; 
    }
p{
	margin-top:5px;
	clear: both;
	} 
html {
	height:100%;
	margin-bottom:1px;
	}
A:link {
	color:#333133;
	text-decoration: underline;
	}
A:visited {
	color:  #333133;
	text-decoration: underline;
	}
A:hover {
	color:#F15A27;
	text-decoration: underline;
	}
A:active {
	color: #333133;
	text-decoration: underline;
	}
body {
	text-align:center;
	background-color: #FFF;
	background-image: url(fundo_topo.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin:auto;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-size: 70%;
	color: #333133;
    } 
#container {
	/*width:1088px;*/ 
	width:950px;
	margin:auto;
	
    } 
	
/* ------------------- Todos os cabeçalhos ----------------*/ 

h1 { /*logo*/
	color:#0053A5;
	font-weight: bold;
	}
h2 {/*titulo das paginas laranja*/
	text-align:left;
	color: #F15A27;
	margin:10px 0 20px 5px;
	font-size:1.3em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(linha_titulo.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
    } 
h3 {/*título azul*/
	color: #0053A5;
	margin: 20px 0 5px 0;
	font-weight: bold;
    }
h4 {/*titulos verde*/
	margin: 20px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif 12px bold ;
	color: #5eb800;
	}
h5 {
	clear:left;
	margin:50px 0 10px 0;
	font-weight: bold;
	color: #F15A27;
	font-size:1.2em;
	}
h6 { 
	margin:30px 0 10px 0;
	font-weight: bold;
	}



/* ------------------- TOPO ---------------- */ 
	
#topo {
	height:447px;
	background-image: url(topo.jpg);
	clear:both;
	}
#logo {
 	float:left;
	margin-left:0px;
	height:142px;
	width: 232px;
	}
#acima{
	clear:both;
	}
#flash {
 	float:left;
	clear:both;/* para ficar abaixo da logo*/
	margin:33px 0 0 14px;
	height:251px;
	width: 634px;
	}


/* ------------------- Menus acima ---------------- */ 	
#topo ul {
	float:left;
	list-style:none;
	padding:25px 0 0 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	} 
#topo li { 
	display:inline; 
	margin:0 10px 0 0; 
	padding:0; 
	} 
#topo li a:link, #topo li a:visited { 
	text-decoration:none; 
	font-size:1.0em; 
	color:#000; 
	} 
#topo li a:hover {
	color:#F15A27;
	}
	
	
/* ------------------- Menus ---------------- */ 

#menu{
	width:200px;
	margin:2px 0 0 85px;
	float:left;
	}
.escola { 
    display:block; 
    width:200px; 
    height:32px; 
    text-indent:-9999px; 
     }
a.escola:link, a.escola:visited, a.escola:active {
	background-image: url(m_escola.gif);
	}
a.escola:hover { 
	background-position:-200px 0; 
	}
.proposta { 
	display:block; 
    width:200px; 
    height:32px; 
    text-indent:-9999px; 
    } 
a.proposta:link, a.proposta:visited, a.proposta:active {
	background-image: url(m_proposta.gif);
	}
a.proposta:hover { 
	background-position:-200px 0; 
	}
.eventos { 
    display:block; 
    width:200px; 
    height:32px; 
    text-indent:-9999px; 
	} 
a.eventos:link, a.eventos:visited, a.eventos:active {
	background-image: url(m_eventos.gif);
	}
a.eventos:hover { 
	background-position:-200px 0; 
	}
.uniformes { 
    display:block; 
    width:200px; 
    height:32px; 
    text-indent:-9999px; 
	} 
a.uniformes:link, a.uniformes:visited, a.uniformes:active {
	background-image: url(m_uniformes.gif);
	}
a.uniformes:hover { 
	background-position:-200px 0; 
	}
.mural { 
    display:block; 
    width:200px; 
    height:32px; 
    text-indent:-9999px; 
    } 
a.mural:link, a.mural:visited, a.mural:active {
	background-image: url(m_mural.gif);
	}
a.mural:hover { 
	background-position:-200px 0; 
	}
.textos { 
    display:block; 
    width:200px; 
    height:32px; 
    text-indent:-9999px; 
    } 
a.textos:link, a.textos:visited, a.textos:active {
	background-image: url(m_textos.gif);
	}
a.textos:hover { 
	background-position:-200px 0; 
	}
.aniversariantes { 
    display:block; 
    width:200px; 
    height:32px; 
    text-indent:-9999px; 
      } 
a.aniversariantes:link, a.aniversariantes:visited, a.aniversariantes:active {
	background-image: url(m_aniversariantes.gif);
	}
a.aniversariantes:hover { 
	background-position:-200px 0; 
	}
.informativos{ 
    display:block; 
    width:200px; 
    height:32px; 
    text-indent:-9999px; 
	} 
a.informativos:link, a.informativos:visited, a.informativos:active {
	background-image: url(m_informativos.gif);
	}
a.informativos:hover { 
	background-position:-200px 0; 
	}
.sites{ 
    display:block; 
    width:200px; 
    height:32px; 
    text-indent:-9999px; 
	} 
a.sites:link, a.sites:visited, a.sites:active {
	background-image: url(m_sites.gif);
	}
a.sites:hover { 
	background-position:-200px 0; 
  }
a { /*para o Opera*/
    outline:none; 
	} 
	
	
/* ------------------- Conteúdo ---------------- */ 
	
	
#conteudo {
	width:950px;
	clear:both;
	text-align:left;
	margin:10px auto 50px auto; 
	} 
#caminho{
	margin:0 0 20px 0;
	font-size:1.05em; 
	font-weight: normal;
	}
#caminho ul {
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	} 
#caminho li { 
	list-style-image: url(seta_azul.gif);
	display:inline; 
	margin:0 0 0 5px; 
	} 
#caminho li a:link, #caminho li a:visited { 
	text-decoration:none; 
	color:#999;
	} 
#caminho li a:hover {
	text-decoration:underline;
	color:#F15A27;
	}



/* ------------------- COLUNAS---------------- */ 

#coluna_principal{ 
	text-align:left; 
	float:left; 
	width:660px;
	margin-bottom:30px;
	}
#coluna_principal p{ 
	width:660px;
	}
#grupos{
	float:left;
	width:215px;
	height:auto;
	padding:5px 0 5px 0px;
	margin-right:7px;
	}
#chamado{
	float:left; 
	width:438px;
	}
#coluna_direita {
	margin:30px 0 0 0;
	text-align:left;
	float:right; 
	width:241px;
	clear:right; /*para ficar alinhado a coluna do meio*/
	}
#coluna_direita p { 
	width:241px;
	 }
#coluna_home {
	text-align:left;
	float:right; 
	width:241px;
	clear:right; /*para ficar alinhado a coluna do meio*/
	}
#coluna_home p { 
	width:241px;
	 }

	
	 
/* ------------------- Grupos--------------- */ 


.todos { 
    display:block; 
    width:210px;
	padding:0 0 5px 0;
    height:30px; 
    text-indent:-9999px; 
    }
a.todos:link, a.todos:visited, a.todos:active {
	background-image: url(g_todos.jpg);
	background-repeat: no-repeat;
	}
a.todos:hover { 
	background-position:-210px 0; 
	}
	
	
.baby { 
    display:block; 
    width:210px;
	padding:0 0 5px 0;
    height:30px; 
    text-indent:-9999px; 
    }
a.baby:link, a.baby:visited, a.baby:active {
	background-image: url(g_baby.jpg);
	background-repeat: no-repeat;
	}
a.baby:hover { 
	background-position:-210px 0; 
	}
	
.transformacao1 { 
    display:block; 
    width:210px;
	padding:0 0 5px 0;
    height:30px; 
    text-indent:-9999px; 
    }
a.transformacao1:link, a.transformacao1:visited, a.transformacao1:active {
	background-image: url(g_transformacao1.jpg);
	background-repeat: no-repeat;
	}
a.transformacao1:hover { 
	background-position:-210px 0; 
	}
	
	
.transformacao2e3 { 
    display:block; 
    width:210px;
	padding:0 0 5px 0;
    height:30px; 
    text-indent:-9999px; 
    }
a.transformacao2e3:link, a.transformacao2e3:visited, a.transformacao2e3:active {
	background-image: url(g_transformacao2e3.jpg);
	background-repeat: no-repeat;
	}
a.transformacao2e3:hover { 
	background-position:-210px 0; 
	}
	
	
.transformacao4e6 { 
    display:block; 
    width:210px;
	padding:0 0 5px 0;
    height:30px; 
    text-indent:-9999px; 
    }
a.transformacao4e6:link, a.transformacao4e6:visited, a.transformacao4e6:active {
	background-image: url(g_transformacao4e6.jpg);
	background-repeat: no-repeat;
	}
a.transformacao4e6:hover { 
	background-position:-210px 0; 
	}

	
	
	
	
.todos_pag { 
    display:block; 
    width:210px;
	padding:0 0 5px 0;
    height:30px; 
    text-indent:-9999px; 
    }
a.todos_pag:link, a.todos_pag:visited, a.todos_pag:active {
	background: url(g_todos.jpg) no-repeat;
	}
a.baby_pag:hover { 
	background-position:-210px 0; 
	}
	


.baby_pag { 
    display:block; 
    width:210px;
	padding:0 0 5px 0;
    height:30px; 
    text-indent:-9999px; 
    }
a.baby_pag:link, a.baby_pag:visited, a.baby_pag:active {
	background: url(g_baby.jpg) no-repeat;
	}
a.baby_pag:hover { 
	background-position:-210px 0; 
	}
	
	
.transformacao1_pag { 
    display:block; 
    width:210px;
	padding:0 0 5px 0;
    height:30px; 
    text-indent:-9999px; 
    }
a.transformacao1_pag:link, a.transformacao1_pag:visited, a.transformacao1_pag:active {
	background: url(g_transformacao1.jpg) no-repeat;
	}
a.transformacao1_pag:hover { 
	background-position:-210px 0; 
	}
	
.transformacao2e3_pag { 
    display:block; 
    width:210px;
	padding:0 0 5px 0;
    height:30px; 
    text-indent:-9999px; 
    }
a.transformacao2e3_pag:link, a.transformacao2e3_pag:visited, a.transformacao2e3_pag:active {
	background: url(g_transformacao2e3.jpg) no-repeat;
	}
a.transformacao2e3_pag:hover { 
	background-position:-210px 0; 
	}

.transformacao4e6_pag { 
    display:block; 
    width:210px;
	padding:0 0 5px 0;
    height:30px; 
    text-indent:-9999px; 
    }
a.transformacao4e6_pag:link, a.transformacao4e6_pag:visited, a.transformacao4e6_pag:active {
	background: url(g_transformacao4e6.jpg) no-repeat;
	}
a.transformacao4e6_pag:hover { 
	background-position:-210px 0; 
	}


	
/* ------------------- EVENTOS INDEX-------------- */ 
#eventos_index{
	padding:10px 0 20px 0;
	width:660px;
	clear:both;/*leva para baixo*/
	float:left;

	}
#eventos_index ul{
	list-style-type: none;
	clear:both;
	}
#eventos_index li{
	width:220px;
	height:147px;
	display:inline;
	float:left;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
#eventos_index li a:link, #eventos_index li a:visited, #eventos_index li :active { 
	color: #5eb800;
	text-decoration: none;
	} 
#eventos_index li a:hover {
	color:#F15A27;
	text-decoration:underline;
	}
.fotos_index {
	text-decoration: none;
	cursor: auto;
	padding: 5px;
	background-color: #FFFFFF;
	float: left;
	border: 2px solid;
	border-color: #FFF #dcdac2 #dcdac2 #FFF;
	}

#eventos_index2{
	padding:30px 0 20px 0;
	width:660px;
	clear:both;/*leva para baixo*/
	float:left;
	}
#eventos_index2 ul{
	list-style-type: none;
	clear:both;
	}
#eventos_index2 li{
	width:220px;
	height:147px;
	display:inline;
	float:left;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
#eventos_index2 li a:link, #eventos_index2 li a:visited, #eventos_index2 li :active { 
	color: #5eb800;
	text-decoration: none;
	} 
#eventos_index2 li a:hover {
	color:#F15A27;
	text-decoration:underline;
	}


/* ------------------- INFORMAÇÕES ---------------- */ 

#informacoes{
	background-image:url(informacoes_p.jpg);
  /*background-image:url(informacoes.jpg);------------------- para informações grande ---------------- */ 	 
	width:241px;
	height:147px;
  /*height:210px; ------------------- para informações grande ---------------- */ 
	clear:both;
	text-align:left;
	
	}
#informacoes ul {
	padding:42px 0 0 40px;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	} 
#informacoes li {
	padding:0px 0px 3px 0px;
	list-style-image: url(ponto_ver.gif);
	} 
#informacoes li a:link, #informacoes li a:visited { 
	text-decoration:none; 
	color:#e71822;
	} 
#informacoes li a:hover {
	text-decoration:underline;
	color:#0053A5;
	}

/* ------------------- FOMULÁRIO DO INFORMATIVO--------------- */ 

#informativo{
	background-image:url(fundo_form.gif);
	width:241px;
	height:160px;
	clear:both;
	text-align:left;
	margin:10px 0 10px 0;
	background-repeat: no-repeat;
	}
#formulario {
	float:left;
	height: 248px;
	width: 240px;
	}
form { /*todo formulário*/
	padding:80px 0 0 10px; 
	font:11px arial;
	} 
fieldset { /*titulos*/
	border:0; 
	padding:0; 
	} 
.botao  {
	font:9px arial;
	background-color: #f8f8f8;
	border: 1px solid #f8f8f8;
	display:block;
	float:right;
	cursor: auto;
	}
a.botao :link, .botao :visited, .botao :active {
	font:9px arial;
	}
.botao :hover { 
	color:#F15A27;
	text-decoration: underline;
	}


/* ------------------- RODAPÉ ---------------- */ 
#rodape_fundo {
	clear:both; /*para desobstruir os alementos acima, aqui no caso o conteúdo e a barra a esquerda*/
	text-align:left; /*determinar porque o body determinou a direita*/
	background-image: url(fundo_rodape.jpg);
	background-repeat: repeat-x;
	height: 270px;
	margin:auto;
    } 
#rodape {
	width:950px;
	margin:0 auto 0 auto;
	height: 270px;
	voice-family:"\"}\""; 
    voice-family:inherit; 
	} 


/* ------------------- LISTAS ---------------- */ 

#lista ul {
	text-align:left;
	}
#lista li {
	margin:5px 0px 5px 15px;
	list-style-image: url(seta_azul.gif);
	}
#lista li a {
	text-decoration: none;	
	}
#lista li a:hover {
	text-decoration: underline;
	color:#F15A27;
	}
#lista2 ul {
	text-align:left;
	}
#lista2 li {
	margin:5px 0px 5px 15px;
	list-style-image: url(seta_azul.gif);
	}
#lista2 li a {
	text-decoration: underline;	
	}
#lista2 li a:hover {
	text-decoration: underline;
	color:#F15A27;
	}
#normas ul {
	text-align:left;
	}
#normas li {
	margin:15px 0px 5px 15px;
	list-style-image: url(seta_azul.gif);
	}
#normas li a {
	text-decoration: none;	
	}
#normas li a:hover {
	text-decoration: underline;
	color:#F15A27;
	}
	

/* ------------------- ALBUM ------------------- */	
#album {
	width: 650px;
	list-style:none;
	float:left;
	}
#album ul{
	list-style-type: none;
	}
#album li{
	display:inline;
	float:left;
	padding:2px;
	margin:5px 10px 5px 0;
	border-width: 1px;
	border-style: solid;
	border-color: #D8CEBC;
	}
.proximo{
	clear:both;
	padding:10px;
	}
.br{
	font-color:#FFF;
	}


/* ------------------- SITES ------------------- */	
#sites {
	width: 650px;
	list-style:none;
	float:left;
	margin:0px 0px 30px 0;
	}
#sites ul{
	list-style-type: none;
	}
#sites li{
	display:inline;
	float:left;
	padding:2px;
	margin:5px 25px 10px 0;
	border-width: 1px;
	border-style: solid;
	border-color: #D8CEBC;
	}


/* ------------------- CONTATO ------------------- */	

#contato{
	}
#contato .borda  {
	font:11px arial;
	color: #333133;
	border:1px solid #CCC;
	width:400px;
	margin:0 0 10px 10px;
	display:block;
	}
#contato .enviar  {
	background-color: #EEEAEB;
	border: 1px #CCC;
	display:block;
	margin:10px 0 0 10px;
} 
#contato form { /*para a posição do formulário do mural*/
	margin:20px 0 0 80px; 
	padding:0; 
	} 
#contato fieldset { /*titulos*/
	border:0; 
	padding:0; 
	} 
#contato maxlength{	height::300;}

/* ------------------- CONTATO MURAL ------------------- */	

#contato_mural{	margin:10px 0 10px 0;}
#contato_mural .borda  {
	font:11px arial;
	color: #333133;
	border:1px solid #CCC;
	width:170px;
	display:block;
	}
#contato_mural .enviar  {
	background-color: #EEEAEB;
	border: 1px #CCC;
	display:block;
	} 
#contato_mural form { /*para a posição do formulário de contato*/
	padding:0;
	} 
#contato_mural fieldset { /*titulos*/
	border:0; 
	padding:0; 
	} 
#contato_mural maxlength{ height::100; }




/* ------------------- VÍDEOS------------------- */	
#videos {
	width: 650px;
	list-style:none;
	}
#videos ul{	list-style-type: none;}
#videos li{
	width:120px;
	height:150px;
	display:inline;
	float:left;
	margin:5px 30px 5px 0;
	}
#videos li a:link, #videos li a:visited, #videos li :active { 
	color:#333133;
	text-decoration: none;
	} 
 #videos li a:hover {
	color:#F15A27;
	text-decoration:underline;
	}
#videos_youtube {
	width:650px;
	display:block;
	float:none;/* ------------------- Para a ou o texto ficar no meio o fload tem que ser none ------------------- */	
	clear:left;
	text-align:center;
	margin:30px 0 10px 0;
	}
.videos  {
    font:11px arial;
	text-align:left;
	clear:both; 
	padding:5px 0 0px 0px;
	display:block;
	}
a.videos:link, a.videos.visited, a.videos:active {
	text-decoration: none;
	}
a.videos:hover {
	color:#F15A27;
	text-decoration:underline;
	}



/*--------------- lIGHTBOX----------------*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*--------------- ABAS DO CALENDÁRIO----------------*/
ul{	list-style:none; }
ul#aba{
	position:relative;
	width:648px;
	height:360px;/*-Necessário para caber a altura da #ul li a span height:300px;-*/
	}
ul#aba li{ float:left; }
ul#aba li a{
	text-decoration:none;
	background-color:#fafafa;
	border:1px solid #cfe0e5;
	display:block;
	float:left;
	padding:5px;
	width:42px;/*-Tamanho das Abas-*/
	}
ul#aba li a span{
	text-decoration:none;
	background-color:#e5f8fe;
	border:1px solid #cfe0e5;
	border-top:none;
	color:#000;
	cursor:text;
	display:block;
	height:280px;
	left: 0px;
	padding:5px;
	position:absolute;
	top:25px;
	width:637px;/*-espaço do texto-*/
	z-index:1;
	text-align: center;
	}
ul#aba li a:focus, ul#aba li a:active, ul#aba li a:hover {
	color:#F00;
	background-color:#e5f8fe;
	border-bottom-color:#cfe0e5;
	}
ul#aba li a:focus span, ul#aba li a:active span{
	background-color:#e5f8fe;
	cursor:text;
	z-index:2;
	}
table#alter tr td {
	line-height: 20px;	/*altura do link*/
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	} 
	
/*--------------- PÁGINA EVENTOS----------------*/
#eventos {
	width: 241px;
	list-style:none;
	padding-top:10px;
	}
#eventos ul{
	list-style-type: none;
	}
#eventos li{
	display:inline;
	float:left;
	margin:5px 14px 5px 0;
	}
#foto {
	width:650px;
	display:block;
	float:none;/* Para a ou o texto ficar no meio o fload tem que ser none - */	
	clear:left;
	text-align:center;
	margin:10px 0 10px 0;
	}
.mais  {
	color:#0053A5;
	font:10px arial;
	text-align:left;
	clear:both; 
	padding:0 0 20px 14px;
	display:block;
	}
a.mais:link, a.mais:visited, a.mais:active {
	color:#0053A5;
	text-decoration: none;
	}
a.mais:hover {
	color:#F15A27;
	text-decoration:underline;
	}
.mais2  {
	 color:#0053A5;
     font:10px arial;
	 text-align:left;
	 clear:both; 
	 padding:20px 0 0px 0px;
     display:block;
     }
a.mais2:link, a.mais2:visited, a.mais2:active {
	 color:#0053A5;
	text-decoration: none;
	}
a.mais2:hover {
	color:#F15A27;
	text-decoration:underline;
  }
  
  
/*--------------- LETRAS----------------*/

.titulo_verde{
	margin-top:20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5eb800;
	font-size: 12px;
	font-weight: bold;
	}
.titulo_verde a:link, .titulo_verde a:visited, .titulo_verde a:active {
	color: #5eb800;
	text-decoration: none;
	}
.titulo_verde a:hover {
	color:#F15A27;
	text-decoration: underline;
	}
.negrito{
	font-weight: bold;
	}
.negrito_azul{
	font-family: Arial, Helvetica, sans-serif;
	color: #0053A5;
	font-size: 12px;
	font-weight: bold;
	}
.negrito_laranja{
	font-family: Arial, Helvetica, sans-serif;
	color: #F15A27;
	font-size: 12px;
	font-weight: bold;
	}
.negrito_verde{
	font-family: Arial, Helvetica, sans-serif;
	color: #5eb800;
	font-size: 12px;
	font-weight: bold;
	}
.letra_azul{
	color:#0053A5;
	}
.letra_laranja{
	color:#F15A27;
	}
.letra_amarela{
	color:#FF9900;
	}
.letra_verde{
	color:#5eb800;
	}
	



/*--------------- DIVERSOS----------------*/
#coluna1{
	float:left; 
	width:320px;
	height:auto;
	padding:5px 0 5px 0px;
	margin-right:7px;
	}
#coluna2{
	float:left; 
	width:320px;
	}
.enviar  {
	background-color: #EEEAEB;
	padding:5px 10px 5px 10px;
	display:block;
	border-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #666666;
	border-bottom-color: #666666;	
	} 
.imprimir{
	clear: left;
	float:left;
	padding:30px 0px 0px 330px;
	}
.tabela tr td{
	line-height: 20px;
	border: thin solid #CCCCCC;
	}
.direita{
	float:right;
	padding:0px 0px 5px 5px;
	}
.esquerda{
	float:left;
	padding:0px 5px 5px 0px;
	}
.photo_border_right {
	text-decoration: none;
	border: 1px solid #dcdac2;
	cursor: auto;
	padding: 5px;
	background-color: #FFFFFF;
	float:right;
	margin:0px 0px 5px 5px;
	}
.photo_border_left {
	text-decoration: none;
	border: 1px solid #dcdac2;
	cursor: auto;
	padding: 5px;
	background-color: #FFFFFF;
	float:left;
	margin:0px 5px 5px 0px;
	}
.fotos_conteudo {
	text-decoration: none;
	cursor: auto;
	padding: 5px;
	background-color: #FFFFFF;
	border: 2px solid ;
	border-color: #FFF #dcdac2 #dcdac2 #FFF;
	margin:0x 5px 0 5px;
	}
.voltar  {
	font:10px arial;
	text-align:left;
	clear:both; 
	padding:10px 0 5px 0;
	display:block;
	}
a.voltar:link, a.voltar:visited, a.voltar:active {
	color:#999;
	text-decoration: none;
	}
a.voltar:hover {
	color:#F15A27;
	text-decoration:underline;
	}
.table { width:200px; }
#numeracao {
	width: 241px;
	clear:both;
	padding-top:20px;
	}
.setas  {
	text-align:center;
	clear:both;
	margin:90px 0 0 0;
	color:#999;
	font-family: arial;
	font-size: 9px;
	text-transform: uppercase;
     }
a.setas:link, a.setas:visited, a.setas:active {
	color:#333133;
	text-decoration:none;
	}
a.setas:hover {
	color:#F15A27;
	text-decoration:underline;
	}