/*   	

	Como funciona o esquema na Câmara
	
	area1 e area2 posicionam as fotos no tpl3.php (capa)
	manchete1 e manchete2 posicionam as fotos em tpl_noticias.php (notícias)
	manchetefoto e manchetefoto2 posicionam as fotos no impressao.php (impressão)	
	
	O estilo "texto" está gerando uma área extra em torno dos textos no impressao.php (impressão)
	deslocando todo bloco para o centro da página.		

 */


html, body {height:100%;}
body{
	text-align: left;	
	padding:0;
	margin:0;
       background:#fff;
	/*background:#D4D0C8;*/
	font-family:verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #000000;
       overflow-x: hidden;
       /*width:auto;*/

       
       	
}
#conteiner{
	/*margin: auto;*/	
	text-align: left;
	width:780px;
       height:100%;
	min-height:100%;
	background:white url(images/corpo_textura.gif) repeat-y left top;
	margin-bottom:-16px;
	color: #000000;
       overflow:fixed;  
}
html>body #conteiner{height:auto;} 
/*para mozilla e IE*/

/* --- Caixas  --------------------------------------------------*/
#cabecalho {
	top: 0;
	left: 0;
	position: relative;
	width: 100%;
	height: 100px;
	background: #fff;
	background-image: url(images/fundo_cabecalho.gif);
	background-repeat: no-repeat;
       
}
	
#fotos{
	position:absolute;
	width:503px;
	height:75px;
	left:275px;
	top:0px;
	color: #000;  
	padding: 0px 0px 0px 0px;
	margin:0;
	z-index:1;		
}	
	
#foto_manchete
{	
	position:relative;
	top:0px; 
	padding: 0px 0px 0px 0px;
	margin:0;
	border:1px solid silver;
}
	
#caminho {
	position:absolute;
	margin:0;
	left:171px;
	top:55px;	
	width:417px;	
	background-image: url(images/fundo_caminho.gif);
	background-repeat: no-repeat;	
	/*  text-indent:1em;
	background-color:white;  */
	padding:8px 0px 0px 0px;
	height:25px;	
	font-size: 11px;
	z-index:3;	
	}
	
	html>body #caminho {height:20px;}  	/* hack para firefox */			
		
#over	
  	{
  		position:absolute;		
  		left:277px;		
  		top:0px;
  		width:503px;
  		height:60px;
  		visibility: absolute;
		margin:0;
		padding:0;  
		background-image: url(images/over03.gif); 
		background-repeat: no-repeat;		
		filter:alpha(opacity=80);
		-moz-opacity:.80;
		opacity:.80;
  		z-index:4;		
  	}	
		
	
#acabamento
  	{
  		position:absolute;		
  		left:270px;		
  		top:0px;
  		width:38px;
  		height:60px;
  		visibility: absolute;
		margin:0;
		padding:0;  
		background-image: url(images/acabamento.gif); 
		background-repeat: no-repeat;
  		z-index:5;				
  	}		
	
#assina_cam 
  	{
  		position:relative;		
  		left:62px;		
  		top:0px;
  		width:456px;
  		height:85px;
  		visibility: absolute;
		margin:0;
		padding:28px 0px 0px 0px;
		text-indent:1em;		  
	/*	background-image: url(images/assinatura.gif); 
		background-repeat: no-repeat;	*/	
  		z-index:6;		
  	}			
	
a.assinatura:link, a.assinatura:visited, a.assinatura:active, a.assinatura:hover
{
		font-size: 21px;
		color: #004370;		
		font-weight:bold;		
		text-decoration: none;

}	

.blank {position:absolute;
        top:0; left:0; width:59; height: 73; border: 0; z-index: 19;
}
	
/* ----  Estilos não usados	----*/
/* ---
#secretaria{
	position:relative;
	width:530px;
	left:250px;
	top:-25px;
	font-size: 13px;
	height: 13px;	
	font-weight: bold;
	color: #000;  
	padding: 4px 0px 0px 0px;
	margin:0;
}
#secretaria a {
	font-size: 13px;
	color: #000099;
	text-decoration:none;
}
#secretaria a:active{
text-decoration: underline;
}
#secretaria a:hover{
text-decoration: underline;
} 
--- */
	
#menu {
	position:relative;
	float:left;
	width:150px;
	margin: -18px 0px 0px 0px; 
	z-index:10;
}

#conteudo {
	position:relative;
	float:left; 	
	width:475px;
	margin:-10px 0px 0px 10px;
	padding-bottom:20px;       

}

/* html>body #conteudo { width:478px; margin: 0px 0px 0px 10px;} hack para Firefox */

#atalhos {
	position:relative;
	float:right;	
	width:132px;
	margin:-20px 0px 0px 0px;
	padding: 0px 0px 0px 5px; 
}

html>body #atalhos { width:130px; top:-11px; } /* hack para Firefox */

#atalhos img {border:0px;}



/*ajustes-------------------*/

* html #rodape {/penas o ie pega esse estilo*/
\height:17px;/* for ie5 */
he\ight:16px;/* for ie6 */
}
#limpa_rodape{clear:both;height:16px;}
/*faz o espaco para o rodape*/
div,p {margin-top:0}/*limpa a margin-top para mozilla*/

#rodape {
	/*margin:auto;*/
	width:780px;
	clear:both;
	height:14px;
	top:0px;
	color: #000000;
	/*  border-top: 1px solid black; 	 */
	text-align:left;
	font-size: 9px;
	padding:2px 0px 0px 0px;
	position:relative;
	background-image: url(images/rodape.gif); 
	background-repeat: no-repeat;		
}
#rodape p {padding-right:5px;padding-top:2px}

/*--------------elementos de apoio------------*/

/*-----menu-------------*/


#calendar {
position:relative;
margin-left:0px;
width:auto;
/*float:left;*/
}

html>div #calendar {
float:left;
position:relative;
left:0px;
width:110px;

}

#form_coldireita {width:130px;}

#calendar input{
width: 132px;	}

/*-------conteudo-------*/
#data {
	border: 1px solid #F39E52;
	padding: 2px 0px 2px 0px;
	width:476px;
	font-size: 9px;
	text-align: center;
	color: #995233;
	margin: 0px 2px 5px 2px;
	/*_width:480px;*/
	}

.codifoto {border: 1px solid silver;}

#manchetefoto{
	position:relative;
	float:left;	
	width: 220px;
	height: 220px;
	margin: 0px 5px 0px 5px;
	}
	
#manchetefoto2{
	position:relative;
	float:right;	
	width:220px;
	height: 220px;
	margin: 0px 5px 0px 10px;
	}

	#manchetefotov{
	position:relative;
	float:left;	
	width: 220px;
	height: 270px;
	margin: 0px 5px 0px 5px;
	}
	
#manchetefoto2v{
	position:relative;
	float:right;	
	width:220px;
	height: 270px;
	margin: 0px 5px 0px 10px;
	}
	
#manchetefoto3{
	position:relative;
	float:left;	
	width: 220px;
	height: 220px;
	margin: 0px 5px 0px 5px;
}

#manchetefoto4{
	position:relative;
	float:left;	
	width: 250px;
	height: 220px;
	margin: 0px 105px 0px 5px;
}

#manchete1{
	position:relative;
	float:left;	
	width:230px;
	height: 220px;
	margin: 0px 5px 0px 0px;
	}
	
#manchete2{
	position:relative;
	float:right;	
	max-width:230px;
	height: 220px;
	margin: 0px 5px 0px 5px;
	}





/*-------conteudo-------*/


#area0{
	position: relative;
	float: left;
	width: 460px;
height:200px;
clear:both;
/*background-color:#000000;*/
	/*margin: 30px 5px 5px 0px;*/
         margin: 10px 5px 5px 4px;
border:1px solid #000000;
	}

html>body #area0 {margin: 10px 5px 5px 8px; min-height: 156px;
height:200px;}

#area0 img {border: 0; height:200px;}

#area1{
	position: relative;
	float: left;
	width: 240px;
	min-height: 155px;
    margin: 3px 0px 10px 0px;
	padding: 10px 0px 0px 0px;

	}
	
html>body #area1 { width:231px; }	/* hack para Firefox */
	
#area2{
	position:relative;
	float:right;	
	width:235px;
	min-height: 155px;
       margin: 16px 0px 10px 0px;
	padding: 0px 0px 0px 0px;

	}
	
html>body #area2 { width:241px; margin: 25px 0px -10px 0px; }	/* hack para Firefox */
	
	
#noticias{
	position:relative;
	float:right;	
	width:480px;
	min-height: 155px;
	font-size: 11px;
	background:#f8f8f8;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}


#noticias_gv{
	position:relative;
	float:right;	
	width:480px;
	min-height: 155px;
	font-size: 11px;
	background:#f8f8f8;
	padding: 0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
}

.barra{
	background: url(images/barras.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 13px;
	height: 20px;
	color: gray;
	padding: 1px 2px 1px;
	margin-bottom: 5px;
	
}


.barra_gv{
	background: url(images/barras3.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 13px;
	height: 20px;
	color: gray;
	padding: 1px 2px 1px;
	margin-bottom: 5px;
	
}



.barra2{
	background: url(images/barras2.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 13px;
	height: 20px;
	color: gray;
	padding: 1px 2px 1px;
	margin-bottom: 5px;
z-index:10;
	
}

.mais {
	font-size: 9px;
	text-align: right;	
	
}

.maisdata {
	font-size: 10px;
	font-weight:bold;
	color:gray;
	}

#data {
	padding:0;
	font-size: 9px;
	text-align:left;
	color: #995233;
	margin:0;
	padding:5px 0px 0px 10px;
	height:20px;
	}	

#materia {
	position:relative;
	text-align:left;
	float:left; 
	width:100%;
	background-color: #ffffff;
	padding: 0px;
	/*_width:480px;*/

}

#materia2 {
	position:relative;
	text-align:left;
	float:left; 
	
	background-color: #ffffff;
	padding: 0px;
	width:465;

}



.texto_visualiza{margin: 0 0 0 0;}
	
.fotografo {font-size: 9px;
line-height:16px;
}

.legenda {
	font-size: 10px;
	/*font-style: italic;*/
	display: block;
}
	
.continua {
	font-size: 10px;
	text-align: right;
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}
	
.cartola {

	font-size: 9px;
	font-weight: bold;
	color: #fff;
	background:#7b9cae;
	text-align:center;
	padding: 2px;
	margin-bottom:5px;
	}



.cartola2 {

	font-size: 9px;
	font-weight: bold;
	color: #fff;
	background-color:#7b9cae;
	text-align:center;
	padding: 2px;
	margin-bottom:5px;
      
       

	}



#texto	
{

	position:relative;
	/*left:2px;*/
	width:470px;
	font-size: 11px;
	padding:0; 
	margin:0px 0px 0px 0px;
}
	
/*----------coluna de atalhos---------*/

#busca_int
{
	position:relative;
	top: 0;
	left: 0;
       margin:0;
}

#mapa
{

height:16px;
width:119px;
background-color:#87CEFF;
font-weight:bold;
margin:15px 0px 0px 0px;
padding:2px 2px 4px 2px;
border:1px solid #6495ED;
}

html>body #mapa { padding:2px 2px 2px 2px; width:120px; } /* hack para Firefox */

#mapa a{
color: #000000;
text-decoration:none;
}
#servicos
{
background-color:#CCE2E0;
margin-top:4px;
margin-bottom:6px;
width:125px;
padding:2px 2px 4px 2px;
}

html>body #servicos { padding:2px 2px 2px 2px; width:120px; } /* hack para Firefox */

#servicos p {padding: 3px 0px 0px 4px;}
#contatos1 
{
width:119px;
/*width:125px;*/
height:16px;
background-color:#87CEFF;
font-weight:bold;
margin:4px 0px 0px 0px;
padding:2px 2px 4px 2px;
border:1px solid #6495ED;
}

html>body #contatos1 { padding:2px 2px 2px 2px; width:120px; } /* hack para Firefox */

#contatos2
{
		width:119px;
		background-color:#B0E2FF;
		border:1px solid #6495ED;
		border-top:1px none #6495ED;
		padding:2px 2px 4px 2px;
		font-size: 9px;
		color: #004370;			
		text-decoration: none;	
}

html>body #contatos2 { padding:2px 2px 2px 2px; width:120px; } /* hack para Firefox */

#banners {margin-top:4px;}
#banners img {margin-top: 3px;}
/*----------rodape---------*/
.assina_pro
{
	font-size: 9px;
	font-weight: bold;
	color: #006666;
}
/*-----Outros elementos links e tags--------*/
a:link  
{
	color: #386699;
	text-decoration : none;
}

a:visited  
{ 
	color : navy;
	text-decoration : none; 
}

a:active  
{ 
	text-decoration : none; 
}

a:hover  
{ 
	text-decoration : underline;

}

/* link linguas */

.lingua:link  {
	color: #000000;
	font-size: 9px;	
}

.lingua:visited { 
	color: #000000;
	font-size: 9px;	
}

.lingua:active  { 
	color: #000000;
	font-size: 9px;		
}

.lingua:hover { 
	color: #000000;
	font-size: 9px;		
}

.mapa_n1:link  
{
	color: #113d66;	
	text-decoration : none; 
	font-size: 11px;
	font-weight: bold;		
}

.mapa_n1:visited  
{ 
	color: #113d66;	
	text-decoration : none; 
	font-size: 11px;
	font-weight: bold;		
}

.mapa_n1:active  
{ 
	color: #113d66;	
	text-decoration : none; 
	font-size: 11px;
	font-weight: bold;	
}

.mapa_n1:hover  
{ 
	color: #113d66;	
	text-decoration : underline;
	font-size: 11px;
	font-weight: bold;		 
}
.mapa_n2:link  
{
	color: #3a75b0;	
	text-decoration : none; 
	font-size: 11px;
	font-weight: bold;		
}

.mapa_n2:visited  
{ 
	color: #3a75b0;	
	text-decoration : none; 
	font-size: 11px;
	font-weight: bold;		
}

.mapa_n2:active  
{ 
	color: #3a75b0;	
	text-decoration : none; 
	font-size: 11px;
	font-weight: bold;	
}

.mapa_n2:hover  
{ 
	color: #3a75b0;	
	text-decoration : underline;
	font-size: 11px;
	font-weight: bold;		 
}

/* link mapa nível 03  */

.mapa_n3:link  
{
	color: #859eb8;	
	text-decoration : none; 
	font-size: 11px;
	font-weight: bold;		
}

.mapa_n3:visited  
{ 
	color: #859eb8;	
	text-decoration : none; 
	font-size: 11px;
	font-weight: bold;		
}

.mapa_n3:active  
{ 
   	color: #859eb8;
	text-decoration : none; 
	font-size: 11px;
	font-weight: bold;	
}

.mapa_n3:hover  
{ 
	color: #859eb8;	
	text-decoration : underline;
	font-size: 11px;
	font-weight: bold;		 
}

/*  mapa geral  */

.mapa_n1
{ 
	color: #113d66;	
	font-size: 11px;
	font-weight: bold;		 
}
.mapa_n2
{ 
	color: #3a75b0;	
	font-size: 11px;
	font-weight: bold;		 
}
.mapa_n3
{ 
	color: #859eb8;	
	font-size: 11px;
	font-weight: bold;		 
}
.linksec:link  
{
	font-size: 11px;
	color: #ffffff;	
}

.linksec:visited  { 
	font-size: 11px;
	color: #ffffff;
}

.linksec:active  { 
	font-size: 11px;
	color: #ffffff;	
}

.linksec:hover  { 
        font-size: 11px;
	color: #ffffff;		
}

.link_box:link  
{
	color: #000000;
	font-size: 9px;	
}

.link_box:visited  
{ 
	color: #000000;
	font-size: 9px;	
}

.link_box:active  
{ 
	color: #000000;
	font-size: 9px;		
}

.link_box:hover  
{ 
	color: #000000;
	font-size: 9px;		
}
h1
{
	font-size: 17px;
	font-weight: bold;
	color: #333;
	margin-bottom: 15px;
	} 

h2
{
	font-size: 15px;
	font-weight: bold;
	color: #333;
	margin-top: 4px;
	margin-bottom: 4px;
} 
h3
{
	font-size: 13px;
	font-weight: bold;
	color: #333;
	margin-top: 5px;
	margin-bottom: 4px;
} 
h6{ 
	width:90%;
  font-weight: normal;
	margin-top: 10px;	
	margin-bottom: 10px;
  background: #F1F1F1;
  border: solid 1px #999;
  padding: 5px; 	             	
 } 	


/* ---------------------------------------------------------------------------- */
/* formulários */
input, select, textarea 
{
	font-size: 11px;	
	text-align : left;
	margin-left: 0px;
	margin-right: 2px;
	margin-top: 0px;	
	margin-bottom: 0px;		
}
/*----------tpl1245---------*/
#lista{
width: 100%;
position:relative;
}
#pagina{
position: relative;
text-align: center;

}
#texto{
width: 100%;
position: relative; 
}