/*--------------------------------------------------------------------
Index Style (IE6 FF1.5)

Version: 	1.0
author: 		Burocratik (alexandre gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(corpo.css);
@import url(texto.css);

/* = Header
------------------------------------------------------*/

/* =Data */
#data {
	position: absolute;
	left: 194px; top: 93px; 
	font-family: Tahoma, verdana, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #668caf;
}
#data strong{
	font-variant: small-caps;
}

/* =Fotos */
#fotos-tumb {
	position: absolute;
	left: 480px; top: 175px; 
	width: 410px; height: auto;
	margin: 0; padding: 0;
}
#fotos-tumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
#fotos-tumb li {
	float: left;
	display: block;
	width: 70px; height: 65px;
	margin: 0 0 0 15px; padding: 0;
}
#fotos-tumb li.first {
	margin: 0; padding: 0;
}
#fotos-tumb li.first a, #fotos-tumb li a {
	display: block;
	width: 100%; height: 100%;
   padding: 0; margin: 0; 
	border: 0;
	background: transparent url(../imgs/noticias-moldura-medium.gif) no-repeat;
}

#foto-big {
	position: absolute;
	left: 0; top: 175px; 
	width: 440px; height: 210px;
	margin: 0; padding: 0;
}
#foto-big span{
	display: block;
	width: 100%; height: 100%;
   padding: 0; margin: 0; 
	background: transparent url(../imgs/noticias-moldura-big.gif) no-repeat;
}

/* =Content Esquerda -> arquivo
------------------------------------------------------*/
#content-esq {
	float: left;
	width: 215px;
	margin: 30px 10px 0 0; padding: 0;
}
#content-esq h4{
	width: 215px; height: 30px;
	margin: 0;	padding: 0;
	overflow: hidden; 
	text-indent: -5000px; 
	background: url(../imgs/noticias-header-arquivo.gif) no-repeat;
}
#content-esq ul {
	width: auto; 
	margin: 0; padding: 0;
	list-style: none;
	font-family: Tahoma, verdana, sans-serif; font-size: 10px; color: #808080;
}
#content-esq a {
	display: block;
   padding: 7px 11px 7px 20px; margin: 0; 
	border-left: 1px dotted #a4d9e3;
	border-right: 1px dotted #126997;	
	border-bottom: 1px solid #dddddd;
	color: #808080;
	background: transparent url(../imgs/icon-documento-azul.gif) no-repeat 6px 8px;
}
#content-esq li.last {border-bottom: 1px solid #30a7c5;}
#content-esq a:visited {background: transparent url(../imgs/icon-documento-azul-visto.gif) no-repeat 6px 8px;}
#content-esq a:hover, #content-esq a:focus { color: #697372; background-color: #eaf6f9;}
#content-esq a span {
	display: block;
	padding: 0; margin: 0;
	color: #30a7c5;
}


#content-esq ul.ano {
	width: auto; 
	margin: 0; padding: 0;
	list-style: none;
	font-family: Tahoma, verdana, sans-serif; font-size: 11px; color: #808080;
}
#content-esq ul.ano li.on {
	display: block;
   padding: 6px 11px 6px 21px; margin: 0;
	border: none; 
	border-bottom: 1px solid #acdce8;
	color: #697372;
	background: #eaf6f9 url(../imgs/icon-documento-cinza-arq.gif) no-repeat 6px 6px;
} 
#content-esq ul.ano a {
	display: block;
   padding: 6px 11px 6px 21px; margin: 0;
	border: none; 
	border-bottom: 1px solid #acdce8;
	color: #808080;
	background: transparent url(../imgs/icon-documento-cinza-arq.gif) no-repeat 6px 6px;
}
#content-esq ul.ano a:hover, #content-esq ul.ano a:focus {color: #697372; background-color: #eaf6f9;}

/* =Content Center -> Ultimas noticias
------------------------------------------------------*/
#content-center {
	float: left;
	width: 215px;
	margin: 30px 40px 0 0; padding: 0;
}
#content-center h4{
	width: 215px; height: 30px;
	margin: 0;	padding: 0;
	overflow: hidden; 
	text-indent: -5000px; 
	background: url(../imgs/noticias-header-ultimas.gif) no-repeat;
}
#content-center ul {
	width: auto; 
	margin: 0; padding: 0;
	list-style: none;
	font-family: Tahoma, verdana, sans-serif; font-size: 10px;
}
#content-center li {
	width: auto; 
	margin: 0; padding: 0;
	list-style: none;
}
#content-center li.on{
	display: block;
   padding: 12px 8px 12px 10px; margin: 0;
	border-bottom: 1px solid #e1e1e1; 
	color: #697372; 
	background-color: #eaf6f9;
}
#content-center a {
	display: block;
   padding: 12px 8px 12px 10px; margin: 0;  
	border-bottom: 1px solid #e1e1e1;
	color: #808080;
	background-color: transparent;
}
#content-center a:hover, #content-center a:focus { color: #697372; background-color: #eaf6f9;}
#content-center a span, #content-center li.on span {
	display: block;
	padding: 0; margin: 0;
	color: #30a7c5;
}
#content-center a span.foto, #content-center li.on span.foto {
	float: left;
	display: block;
	width: 58px; height: 59px;
	padding: 0 12px 0 0; margin: 0 0 0 -8px;
}
* html #content-center a span.foto, #content-center li.on span.foto{
	margin: 0 0 0 -5px;
}
#content-center a span.foto span, #content-center li.on span.foto span{
	width: 100%; height: 100%;
	padding: 0; margin: 0;
	background: transparent url(../imgs/noticias-moldura-small.gif) no-repeat; 
}

/* =Direita -> texto conteudo*/
#content-dta {
	float: left;
	position: relative;
	width: 405px;
	margin: 0; padding: 0 5px 0 0;
	font-family: "Lucida Sans Unicode", sans-serif; font-weight: normal; font-size: 12px;
	letter-spacing: normal;
	color: #485056;
}

#content-dta h2 { /* :INFO: titulo */
	position: absolute;
	left: 0px; top: -96px;
	width: 410px; height: 94px;
	margin: 0; padding: 0;
	border-bottom: 2px solid #30a7c5;
	color: #00407a;
	font-size: 40px; font-weight: normal; line-height: 1em; letter-spacing: -3px;
}
#content-dta h2 span {/* :INFO: titulo alinhar no fundo*/
	display: block;
	margin: 0; padding: 0;
	width: auto; height: auto;
	position: absolute;
	left: 0px; bottom: 15px;
}

#content-dta p.info{
	margin: 0; padding: 2px 0 25px 0; 
	font-size: 11px;
	color: #999999;
}
#content-dta h3 { /* :INFO: Subtitulo quando existir*/
	margin: 0;	padding: 0 0 15px 0;
	font-size: 18px; font-weight: normal; line-height: 1em; 
	color: #4bbfd6;
}
#content-dta p {
	margin: 0; padding: 0 0 15px 0; 
	font-size: 12px; line-height: 1.5em;
	color: #485056;
}
#content-dta a { /* :INFO: links quando existir*/
	color: #00aac8; text-decoration: none; border-bottom: 1px solid #00aac8;
}
#content-dta a:visited { color: #00aac8; border-bottom: 1px dotted #00aac8; }
#content-dta a:focus, #content-dta a:hover { color: #00aac8; border-bottom: 1px dotted #00aac8; }

/* =Clear content*/
#content-clear {
	clear: both;
}