/*--------------------------------------------------------------------
INDEX Style - CM Penela(IE6+ FF1.5+ Opera9+)

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

/* =Identidade index*/
h1#identidadeIndex { /* :INFO: Gilder-Levin method. Usar h1 para o id do site*/
	position: absolute;
	top: 30px; left: 19px;
	width: 150px; height: 100px;
	margin: 0; padding: 0;
	overflow: hidden; 
	font-size : 16px; /* :INFO: existe para o txt nao ser demasiado grande quando a imagem carrega e conseguir-se ler se se desligar as imagens*/
	color: #042c4c;
}
h1#identidadeIndex span {
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background: url(../imgs/identidade.gif) no-repeat;
}

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

a#btENLL{
	display: block; position: absolute; width: 110px; height: 100px; left: 115px; top: 120px;
	text-indent: -5555px; z-index: 100; border: none; text-decoration: none; padding: 0; margin: 0;
	background: transparent url(../imgs/btENLL-bg.png) no-repeat left top;
}
a#btENLL:hover{background-position: left bottom;}
	
	
/* =FLASH
------------------------------------------------------*/
#flashmain strong {
	color: #30a7c5;
}
#flashmain ul {
	margin: 0; padding: 3px 0 0 0;
	list-style: circle inside;
}
#flashid {
	width: 215px; height: 179px;
	margin: 15px 0 0 0; padding: 0;
	color: #808080;
	font-family: Tahoma, verdana, sans-serif; font-size: 11px;
	overflow: hidden;
}
* html #flashid{
	margin:0; padding:0;
}
#flashid p{
	color: #808080;
	padding: 5px 10px; margin: 0; 
}

/* = Content
------------------------------------------------------*/
#content {
	position: relative;
	width: 890px;
	padding: 30px 0 61px 0; /* :INFO: compensar os -61px do footer (tecnica footerStickAlt), para nao ficar por baixo do footer no fundo*/
}

/* =Content Esquerda -> Texto
------------------------------------------------------*/
#content-esq {
	float: left; width: 420px; margin: 0 30px 20px 0; padding: 0;
	font-family: "Lucida Sans Unicode", sans-serif; font-weight: normal; font-size: 12px;
	letter-spacing: normal; color: #485056; 
}
#content-esq h2 {
	margin: -4px 0 8px 0; padding:0;
	font-size: 38px; font-weight: normal; line-height: 1em; letter-spacing: -3px;
	color: #30a7c5;	
}
#content-esq h3 {
	margin: 0; padding: 0 0 5px 0;
	font-size: 13px; font-weight: normal;
	color: #4bbfd6;
}
#content-esq p {
	margin: 0; padding: 0 0 35px 0;
	line-height: 1.3em;
} 
#content-esq a {color: #30a7c5; border-bottom: 1px solid #6bc3d7; }
#content-esq a:visited {color: #30a7c5; border-bottom: 1px dotted #6bc3d7; }
#content-esq a:hover, #content-esq a:focus{ color: #30a7c5; border-bottom: none; } 

/*ul#banners{margin:0; padding:0; list-style: none;}
ul#banners li{display: block;float: left;}
ul#banners li.rtp{
	width: 179px; height: 81px; text-indent: -5555px; overflow: hidden;
	background: transparent url(../pics/eventos/rtp-directo1.gif) no-repeat;
}
ul#banners li.video1{
	width: 75px; height: 99px; text-indent: -5555px; overflow: hidden;
	background: transparent url(../pics/eventos/rtp-directo2.gif) no-repeat;
}
ul#banners li.video2{
	width: 75px; height: 99px; text-indent: -5555px; overflow: hidden;
	background: transparent url(../pics/eventos/rtp-directo3.gif) no-repeat;
}
ul#banners img{margin: 0; padding:0; border:0;}
ul#banners a, ul#banners a:visited {margin: 0; padding:0; border:0; background: none;
width: 100%; height: 100%; display: block;
}*/

/* =Content Center -> Noticias
------------------------------------------------------*/
#content-center {
	float: left;
	width: 215px;
	margin: 0 10px 0 0; padding: 0;
}
#content-center h2{
	margin: 0;	padding: 0;
}
#content-center h2 a{
	width: 215px; height: 30px;
	margin: 0;	padding: 0;
	overflow: hidden; 
	text-indent: -5000px; 
	background: url(../imgs/index-header-noticias.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 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 {
	display: block;
	padding: 0; margin: 0;
	font-weight: normal;
	color: #30a7c5;
}
#content-center a 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 {
	margin: 0 0 0 -5px;
}
#content-center a span.foto span{
	width: 100%; height: 100%;
	padding: 0; margin: 0;
	background: transparent url(../imgs/noticias-moldura-small.gif) no-repeat; 
}

/* =Content dta -> Agenda
------------------------------------------------------*/
#content-dta {
	float: left;
	width: 215px;
	margin: 0; padding: 0;  
}
#content-dta h2 {
	margin: 0;	padding: 0;
}
#content-dta h2 a {
	display: block;
	width: 215px; height: 30px;
	margin: 0;	padding: 0; border: 0;
	overflow: hidden; 
	text-indent: -5000px; 
	background: url(../imgs/index-header-agenda.gif) no-repeat;
}
#content-dta ul {
	width: auto; 
	margin: 0; padding: 0;
	list-style: none;
	font-family: Tahoma, verdana, sans-serif; font-size: 10px;
}
#content-dta a {
	display: block;
   padding: 12px 8px 12px 10px; margin: 0; 
	border-bottom: 1px solid #e1e1e1;
	color: #808080;
	background-color: transparent;
}
#content-dta a.last {border-bottom: 1px solid #e1e1e1;}
#content-dta a:hover, #content-dta a:focus {color: #697372; background-color: #eaf6f9;}
#content-dta a span {
	display: block;
	padding: 0; margin: 0;
	color: #30a7c5;
}
/* =CONTENT DTA -> Vcard
------------------------------------------------------*/
#content-dta .vcard {
	font-family: Tahoma, verdana, sans-serif; font-size: 11px; line-height: 1.4em;
	padding: 12px 0px 0px 10px; margin: 0; color: #808080;
}
* html #content-dta .vcard {margin-top: -15px;} /* :BUG: IE<=6 compensar espaço extra no li anterior (nota: com actual codido se fizer li display inline, quebra no IE todo)*/
#content-dta .vcard h4{font-size: 12px; margin: 0; padding: 0 0 3px 0; color: #45bad2;}
#content-dta .vcard h4 img{border: none; width:21px; height:13px;}
#content-dta .vcard h4 a{border: none; margin-left: 5px}
#content-dta .vcard h4 a:hover{border: none;}
#content-dta .vcard p{font-size: 11px; margin: 0; padding: 0; color: #808080;}
#content-dta .vcard a{display: inline; color: #808080; border: none; margin: 0; padding: 0;}
#content-dta .vcard a:hover{display: inline; color: #808080; background: none; border-bottom: 1px solid #30a7c5;}
abbr, span.abbr{color: #45bad2; border-bottom: none;} /* :INFO: IE6- nao reconhece abbr e Tirar picotado no FF*/
.vcard .org, .vcard .country-name, #content-dta .vcard .url{display: none;}

/* =CONTENT DTA -> Agenda
------------------------------------------------------*/
#content-dta #agenda{
	display: block; position: relative; width: 215px; height: 120px; padding: 0; margin: 20px 0;
	background: transparent url(../imgs/index-agenda-bg.gif) no-repeat left top;
}
#content-dta #agenda img{display: block; position: absolute; left: 10px; top: 0px;}
#content-dta #agenda h4{display: none;}
#content-dta #agenda p{display: block; position: absolute; width: 100px; height: auto; left: 110px; top: 67px; font: normal 10px/12px Tahoma, Geneva, sans-serif; color: #c4e3ea;}
#content-dta #agenda a{display: inline; padding: 0; font-size: 11px; color: #FFF; border-bottom: 1px dotted #FFF;}
#content-dta #agenda a:hover, #content-dta #agenda a:focus{border-bottom: 1px dotted transparent; background: none;}

/* =CONTENT DTA -> Vcard
------------------------------------------------------*/
#content-dta ul.redes{overflow: hidden; margin: 10px 0 10px 0;}
#content-dta ul.redes li{display: block; position: relative; float: left; width: auto; height: 19px; margin-left: 10px;}
#content-dta ul.redes li a{height: 19px; text-indent: -5555px; padding: 0;}
#content-dta ul.redes li a.twitter{width: 71px; background: transparent url(../imgs/redes.gif) no-repeat 0px 0px;}
#content-dta ul.redes li a.facebook{width: 66px; background: transparent url(../imgs/redes.gif) no-repeat -81px 0px;}


/* =FOOTER content
------------------------------------------------------*/
#content-footer {
	position: relative;
	width: auto; height: 138px;
	clear: both;
	font-family: Tahoma, verdana, sans-serif; font-size: 11px;
}
/* =Footer do content -> revista*/
#content-footer #revista{
	position: absolute;
	left: 5px; top: 0px;
	width: 420px; height: 118px;
	background: transparent url(../imgs/index-revista-bg.gif) no-repeat;
}
#content-footer #revista-txt{
	position: absolute;
	left: 131px; top: 76px;
	width: 156px; height: auto;
	margin: 0; padding: 0;
	line-height: 1.4em;
	color: #c1c1c1;
}
#content-footer #revista-txt h4{
	width: 0; height: 0;
	margin: 0; padding: 0;
	text-indent: -5000px;
	overflow: hidden;
}
#content-footer #revista-txt a { color: #FFFFFF;	border-bottom: none;}
#content-footer #revista-txt a:visited { color: #FFFFFF; border-bottom: 1px dotted #FFFFFF; }
#content-footer #revista-txt a:hover, #content-footer #revista-txt a:focus {color: #FFFFFF; border-bottom: 1px solid #FFFFFF;}

#content-footer #revista-foto {
	position: absolute;
	left: 14px; top: 0px;
	width: auto; height: auto;
	margin: 0; padding: 0; border: 0;
}

#content-footer #revista-bt a {
	display: block;
	position: absolute;
	left: 330px; top: 86px;
	width: 80px ; height: 21px;
	margin: 0; padding: 0; 	border: none;
	text-indent: -5000px; overflow: hidden;
	background: transparent url(../imgs/index-revista-btarquivo.gif) no-repeat left top;
}
#content-footer #revista-bt a:hover, #content-footer #revista-bt a:focus {
	background: transparent url(../imgs/index-revista-btarquivo.gif) no-repeat left bottom;
}
/* =Footer do content -> newsletter*/
#content-footer #newsletter {
	position: absolute;
	left: 450px; top: 18px;
	width: 215px; height: 100px;
	background: transparent url(../imgs/index-newsletter-bg.gif) no-repeat;
}
#content-footer #newsletter-txt {
	position: absolute;
	left: 11px; top: 32px;
	width: 150px; height: auto;
	margin: 0; padding: 0;
	font-family: Tahoma, verdana, sans-serif; font-size: 11px; 
	color: #697372;
}
#content-footer #newsletter-txt h4{
	width: 0; height: 0;
	margin: 0; padding: 0;
	text-indent: -5000px;
	overflow: hidden;
}

#content-footer form#newsletter-form {
	position: absolute;
	top: 68px; left: 10px;
	width: 195px; height: 21px;
	margin: 0; padding: 0;
	border: 0;
}
#content-footer form#newsletter-form p { /* :INFO: devia usar o fieldset, em xhtml valida em html 4.01 nao!*/
	width: 195px; height: 21px;
	margin: 0; padding: 0;
	border: 0;
}
#content-footer form#newsletter-form label span{ 
	display: block;
	height: 0; width: 0;
	margin: 0; padding: 0;
	overflow: hidden; 
	text-indent: -5000px; 
}
#content-footer form#newsletter-form input{
	height: 17px; width: 133px; /* :INFO descontar os 2px do border + 2px do padding*/
	margin: 0px; padding: 0 0 0 5px;
	border: none;
	font-size : 10px; font-family: Tahoma, verdana, sans-serif;
	color: #30a7c5;
	background: transparent;
}
#content-footer form#newsletter-form input.enviar{
	width: 50px; height: 21px;
	margin: 0 0 -8px 7px; /* :INFO: isto e' o que alinha a imagem -> nao usar padding se nao fica clicavel area sem nada*/
	padding: 0;
	border: 0;
	cursor: pointer;
	background: transparent;
}
* html #content-footer form#newsletter-form input.enviar {  /* :HACK: para IE win ate ao 6 */
	margin: 0 0 -4px 7px; 
}

/* =Footer do content -> Inquerito*/
#content-footer #inquerito {
	position: absolute;
	left: 675px; top: 18px;
	width: 215px; height: 100px;
	margin: 0; padding: 0;
	background: transparent url(../imgs/index-inquerito-bg.gif) no-repeat;
}
#content-footer #inquerito h4{
	margin: 0; padding: 0;
	text-indent: -5000px;
	overflow: hidden;
}
#content-footer #inquerito p{
	position: absolute;
	left: 11px; top: 63px;
	width: 150px; height: auto;
	margin: 0; padding: 0;
	font-family: Tahoma, verdana, sans-serif; font-size: 11px; 
	color: #697372; 
}
#content-footer #inquerito p a{color: #697372; font-weight: bold; text-decoration: none; border: 0;}
#content-footer #inquerito p a:hover{color: #697372; font-weight: bold; text-decoration: none; border: 0;}
#content-footer #inquerito p.botao{
	position: absolute;
	left: 160px; top: 52px;
	width: 54px; height: 48px;
	margin: 0; padding: 0;
	text-indent: -5000px; overflow: hidden;
	background: transparent url(../imgs/index-inquerito-bt.gif) no-repeat;
}
#content-footer #inquerito p.botao a{
	display: block; position: relative;
	width: 100%; height: 100%;
	margin: 0; padding: 0;
}































/* =LOGOTIPOS content
------------------------------------------------------*/
#content-logotipos {
	position: relative;
	width: 890px; height: auto;
	clear: both;
	font-family: Tahoma, verdana, sans-serif; font-size: 11px;
}


#content-logotipos ul{margin:0; padding:0; list-style: none;}
#content-logotipos ul li{display: block;float: left;}
#content-logotipos ul img{margin: 0; padding:0; border:0;}
#content-logotipos ul a, ul a:visited {margin: 0; padding:0; border:0; background: none; width: 100%; height: 100%; display: block;}



#content-logotipos ul#logos{width: 665px; display: block; height: auto; position: relative; float: left; margin: 25px 10px 25px 0;}
#content-logotipos ul#logos li{margin: 0 30px 15px 0; display: block; width: 200px; height: 80px;}
#content-logotipos ul#logos li.last{margin: 0 0 10px 0;}

#content-logotipos ul#logosDta{width: 215px; display: block; height: auto; position: relative; float: left; margin: 25px 0;}
#content-logotipos ul#logosDta li{display: block;float: left; /*margin: 0 10px 10px 0;*/}