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

/* =Flash e titulo*/
h2.titulo{
	position: absolute;
	left: 0px; top: 273px;
	width: 215px; height: 110px;
	margin: 0; padding: 0;
	color: #00407a;
	font-size: 40px; font-weight: normal; line-height: 1.3em; letter-spacing: -2.5px;
	border-bottom: 2px solid #30a7c5;
}
#flashagenda {
	position: absolute;
	top: 175px; left: 225px;
	width: 665px; height: 210px;
	margin: 0; padding: 0;
	overflow: hidden; 
}
#fotoagenda{
	position: absolute;
	top: 0px; left: 0px;
	width: 665px; height: 210px;
	margin: 0; padding: 0;
	overflow: hidden; 
}
#fotoagenda span {background-color: #eaf6f9;}

/* = Content 1: cinema + newsletter
------------------------------------------------------*/
#content1 {
	float: left;
	width: 215px;
	margin: 30px 10px 0 0; padding: 0;
}
#content1 h4{
	width: 215px; height: 30px;
	margin: 0;	padding: 0;
	overflow: hidden; 
	text-indent: -5000px; 
	background: url(../imgs/agenda-header-cinema.gif) no-repeat;
}
#content1 ul {
	width: auto; 
	margin: 0; padding: 0;
	list-style: none;
	font-family: Tahoma, verdana, sans-serif; font-size: 10px;
}
#content1 li {
	width: auto; 
	display: block;
   padding: 15px 10px 15px 10px; margin: 0; 
	border-bottom: 1px solid #e1e1e1;
	color: #808080;
	background-color: transparent;
}

#content1 li:hover, #content1 li:focus { color: #697372; background-color: #eaf6f9;}

#content1 span {
	display: block;
	padding: 0; margin: 0;
	color: #30a7c5;
}
#content1 span.foto {
	float: left;
	display: block;
	width: 58px; height: 59px;
	padding: 0 10px 0 0; margin: 0 0 0 -8px;
}
* html #content1 span.foto {
	padding: 0 9px 0 0; margin: 0 0 0 -4px;
}
#content1 span.foto span{
	width: 100%; height: 100%;
	padding: 0; margin: 0;
	background: transparent url(../imgs/noticias-moldura-small.gif) no-repeat; 
}
/* =Esquerda -> Newsletter*/
#content1 #newsletter {
	position: relative;
	width: 215px; height: 100px;
	margin: 25px 0 0 0; padding: 0;
	background: transparent url(../imgs/index-newsletter-bg.gif) no-repeat;
}
#content1 #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;
}
#content1 #newsletter-txt h4{
	width: 0; height: 0;
	margin: 0; padding: 0;
	text-indent: -5000px;
	overflow: hidden;
}

#content1 form#newsletter-form {
	position: absolute;
	top: 68px; left: 10px;
	width: 195px; height: 21px;
	margin: 0; padding: 0;
	border: 0;
}
#content1 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;
}
#content1 form#newsletter-form label span{ 
	display: block;
	height: 0; width: 0;
	margin: 0; padding: 0;
	overflow: hidden; 
	text-indent: -5000px; 
}
#content1 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;
}
#content1 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 #content1 form#newsletter-form input.enviar {  /* :HACK: para IE win ate ao 6 */
	margin: 0 0 -4px 7px; 
}

/* = Content2, 3 e 4: Agenda Cultural + Agenda Desportiva + Outros eventos
------------------------------------------------------*/
#content2, #content3, #content4 {
	float: left;
	width: 215px;
	margin: 30px 10px 0 0; padding: 0;
}
#content4 {margin: 30px 0 0 0; padding: 0;}
#content2 h4, #content3 h4, #content4 h4{
	width: 215px; height: 30px;
	margin: 0;	padding: 0;
	overflow: hidden; 
	text-indent: -5000px; 
}
#content2 h4 {background: url(../imgs/agenda-header-cultura.gif) no-repeat;}
#content3 h4 {background: url(../imgs/agenda-header-desporto.gif) no-repeat;}
#content4 h4 {background: url(../imgs/agenda-header-outros.gif) no-repeat;}

#content2 ul, #content3 ul, #content4 ul {
	width: auto; 
	margin: 0; padding: 0;
	list-style: none;
	font-family: Tahoma, verdana, sans-serif; font-size: 10px; color: #808080;
}

#content2 li, #content3 li, #content4 li {
	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;
}
#content2 li strong, #content2 li span,
#content3 li strong, #content3 li span,
#content4 li strong, #content4 li span {
	display: block;
	margin: 0; padding: 0;
	color: #30a7c5;
}
#content2 li.last, #content3 li.last, #content4 li.last {border-bottom: 1px solid #30a7c5;}
#content2 li:hover, #content3 li:hover, #content4 li:hover,
#content2 li:focus, #content3 li:focus, #content4 li:focus {
	color: #697372; background-color: #eaf6f9;
}

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