/*  
Theme Name: Del8
Author: Catarina
Author URI: http://www.catarinamoreno.com
Description: Wordpress theme developed for DEL8 - apaga com os objectivos do milenio.
Version: 1.0
Tags: black, fixed width 
*/



body {
	font-family: Georgia, "Times New Roman", Times, serif;/*Arial, Verdana, Helvetica, sans-serif;*/
	padding: 0px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	background-color: #000000;
	color:#333333;
}



/*-----------------------HEAD-----------------------*/
#head {
	height:110px;
	background-image: url(imagens/topobranco.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
#headodm1 {
	height:110px;
	background-image: url(imagens/topoodm1.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
#headodm2 {
	height:110px;
	background-image: url(imagens/topoodm2.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
#headodm3 {
	height:110px;
	background-image: url(imagens/topoodm3.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
#headodm4 {
	height:110px;
	background-image: url(imagens/topoodm4.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
#headodm5 {
	height:110px;
	background-image: url(imagens/topoodm5.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
#headodm6 {
	height:110px;
	background-image: url(imagens/topoodm6.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
#headodm7 {
	height:110px;
	background-image: url(imagens/topoodm7.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
#headodm8 {
	height:110px;
	background-image: url(imagens/topoodm8.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}





#logo {
	float:left;
	width: 222px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 28px;
}

#topo {
	float:left;
	margin: 0 0 0 20px;
	/*width: 650px;*/
}

#frasetopo {
	font-size:10px;
	color:#FFFFFF;
	margin: 0 0 0 5px;
	width: 600px;
}

/*-------------------------menutopo-----------------------*/
#menutopo {
	width:650px;
	height: 59px; /**/
	float:left;
	position: absolute;
	top: 71px;
}
#menutopo ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: absolute
}
#menutopo li{
display: inline;
}
#menutopo li span { /*texto de cada menu aqui dentro caso tirem os css para se poder ver os links*/
	visibility: hidden;
	text-decoration: none;	
	}
	
.menuescondido { /*texto de cada menu aqui dentro caso tirem os css para se poder ver os links*/
	visibility: hidden;
	text-decoration: none;
	}



#topo1{
	float: left;
	width: 55px; height: 59px;
	margin: 0;
	background:url(imagens/b_home.gif);
	background-repeat: no-repeat;
	background-position: -55px 0;
	}
#topo1 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_home.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#topo1 a:hover{
	background-image: none;
	}
#topo1active, topo1active a:active, topo1active a{ /*#topo1 a:active{*/
	float: left;
	width: 55px; height: 59px;
	margin: 0;
	background:url(imagens/b_home.gif);
	background-repeat: no-repeat;
	background-position: -110px 0;
	}
	

#topo2{
	float: left;
	width: 53px; height: 59px;
	margin: 0;
	background:url(imagens/b_somos.gif);
	background-repeat: no-repeat;
	background-position: -53px 0;
	}
#topo2 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_somos.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#topo2 a:hover{
	background-image: none;
	}
#topo2active, topo2active a:active, topo2active a{ /*#topo2 a:active{*/
	float: left;
	width: 53px; height: 59px;
	margin: 0;
	background:url(imagens/b_somos.gif);
	background-repeat: no-repeat;
	background-position: -106px 0;
	}
	

#topo3{
	float: left;
	width: 53px; height: 59px;
	margin: 0;
	background:url(imagens/b_natureza.gif);
	background-repeat: no-repeat;
	background-position: -53px 0;
	}
#topo3 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_natureza.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#topo3 a:hover{
	background-image: none;
	}
#topo3active, topo3active a:active, topo3active a{ /*#topo3 a:active{*/
	float: left;
	width: 53px; height: 59px;
	margin: 0;
	background:url(imagens/b_natureza.gif);
	background-repeat: no-repeat;
	background-position: -106px 0;
	}
	
	
#topo4{
	float: left;
	width: 53px; height: 59px;
	margin: 0;
	background:url(imagens/b_documentario.gif);
	background-repeat: no-repeat;
	background-position: -53px 0;
	}
#topo4 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_documentario.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#topo4 a:hover{
	background-image: none;
	}
#topo4active, topo4active a:active, topo4active a{
	float: left;
	width: 53px; height: 59px;
	margin: 0;
	background:url(imagens/b_documentario.gif);
	background-repeat: no-repeat;
	background-position: -106px 0;
	}



#topo5{
	float: left;
	width: 53px; height: 59px;
	margin: 0;
	background:url(imagens/b_premios.gif);
	background-repeat: no-repeat;
	background-position: -53px 0;
	}
#topo5 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_premios.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#topo5 a:hover{
	background-image: none;
	}
#topo5active, topo5active a:active, topo5active a{
	float: left;
	width: 53px; height: 59px;
	margin: 0;
	background:url(imagens/b_premios.gif);
	background-repeat: no-repeat;
	background-position: -106px 0;
	}


#topo6{
	float: left;
	width: 53px; height: 59px;
	margin: 0;
	background:url(imagens/b_recursos.gif);
	background-repeat: no-repeat;
	background-position: -53px 0;
	}
#topo6 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_recursos.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#topo6 a:hover{
	background-image: none;
	}
#topo6active, topo6active a:active, topo6active a{
	float: left;
	width: 53px; height: 59px;
	margin: 0;
	background:url(imagens/b_recursos.gif);
	background-repeat: no-repeat;
	background-position: -106px 0;
	}
	
	
#topo7{
	float: left;
	width: 53px; height: 59px;
	margin: 0;
	background:url(imagens/b_links.gif);
	background-repeat: no-repeat;
	background-position: -53px 0;
	}
#topo7 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_links.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#topo7 a:hover{
	background-image: none;
	}
#topo7active, topo7active a:active, topo7active a{
	float: left;
	width: 53px; height: 59px;
	margin: 0;
	background:url(imagens/b_links.gif);
	background-repeat: no-repeat;
	background-position: -106px 0;
	}
	
	
#topo8{
	float: left;
	width: 53px; height: 59px;
	margin: 0;
	background:url(imagens/b_faq.gif);
	background-repeat: no-repeat;
	background-position: -53px 0;
	}
#topo8 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_faq.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#topo8 a:hover{
	background-image: none;
	}
#topo8active, topo8active a:active, topo8active a{
	float: left;
	width: 53px; height: 59px;
	margin: 0;
	background:url(imagens/b_faq.gif);
	background-repeat: no-repeat;
	background-position: -106px 0;
	}

#topo9{
	float: left;
	width: 53px; height: 59px;
	margin: 0;
	background:url(imagens/b_apoios.gif);
	background-repeat: no-repeat;
	background-position: -53px 0;
	}
#topo9 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_apoios.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#topo9 a:hover{
	background-image: none;
	}
#topo9active, topo9active a:active, topo9active a{
	float: left;
	width: 53px; height: 59px;
	margin: 0;
	background:url(imagens/b_apoios.gif);
	background-repeat: no-repeat;
	background-position: -106px 0;
	}

#topo10{
	float: left;
	width: 55px; height: 59px;
	margin: 0;
	background:url(imagens/b_contactos.gif);
	background-repeat: no-repeat;
	background-position: -55px 0;
	}
#topo10 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_contactos.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#topo10 a:hover{
	background-image: none;
	}
#topo10active, topo10active a:active, topo10active a{
	float: left;
	width: 55px; height: 59px;
	margin: 0;
	background:url(imagens/b_contactos.gif);
	background-repeat: no-repeat;
	background-position: -110px 0;
	}
/*-------------------------fim do menutopo-----------------------*/





/*-----------------------MAINBODY-----------------------*/
#mainstart {
	clear: both;
}

#main, #mainodm1, #mainodm2, #mainodm3, #mainodm4, #mainodm5, #mainodm6, #mainodm7, #mainodm8 {
	width: 900px;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	overflow: auto; /*é isto a solução para o fundo que não expande com o aumentar de conteudos, ufa!!!*/
}

#main {
	background-image: url(imagens/mainbranco.gif);
	background-repeat: repeat;
	background-position: left;
}
#mainodm1 {
	background-image: url(imagens/mainodm1.gif);
	background-repeat: repeat;
	background-position: left;
}
#mainodm2 {
	background-image: url(imagens/mainodm2.gif);
	background-repeat: repeat;
	background-position: left;
}
#mainodm3 {
	background-image: url(imagens/mainodm3.gif);
	background-repeat: repeat;
	background-position: left;
}
#mainodm4 {
	background-image: url(imagens/mainodm4.gif);
	background-repeat: repeat;
	background-position: left;
}
#mainodm5 {
	background-image: url(imagens/mainodm5.gif);
	background-repeat: repeat;
	background-position: left;
}
#mainodm6 {
	background-image: url(imagens/mainodm6.gif);
	background-repeat: repeat;
	background-position: left;
}
#mainodm7 {
	background-image: url(imagens/mainodm7.gif);
	background-repeat: repeat;
	background-position: left;
}
#mainodm8 {
	background-image: url(imagens/mainodm8.gif);
	background-repeat: repeat;
	background-position: left;
}


/*-------------------------menuleft odms-----------------------*/

#sidebar {
	width: 55px;
	float:left;
	margin: 0;
}
#sidebar ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#sidebar li{
	display: block;
}
#sidebar li span { /*texto de cada menu aqui dentro caso tirem os css para se poder ver os links*/
	visibility: hidden;
	}


#left1{
	float: left;
	width: 55px; height: 59px;
	margin: 0;
	background:url(imagens/b_odm1.gif);
	background-repeat: no-repeat;
	background-position: -55px 0;
	}
#left1 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_odm1.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#left1 a:hover{
	background-image: none;
	}
#left1active, left1active a:active, left1active a{ /*#left1 a:active{*/
	float: left;
	width: 55px; height: 59px;
	margin: 0;
	background:url(imagens/b_odm1.gif);
	background-repeat: no-repeat;
	background-position: -110px 0;
	}

	
	
#left2{
	float: left;
	width: 55px; height: 57px;
	margin: 0;
	background:url(imagens/b_odm2.gif);
	background-repeat: no-repeat;
	background-position: -55px 0;
	}
#left2 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_odm2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#left2 a:hover{
	background-image: none;
	}
#left2active, left2active a:active, left2active a{ /*#left2 a:active{*/
	float: left;
	width: 55px; height: 57px;
	margin: 0;
	background:url(imagens/b_odm2.gif);
	background-repeat: no-repeat;
	background-position: -110px 0;
	}


#left3{
	float: left;
	width: 55px; height: 57px;
	margin: 0;
	background:url(imagens/b_odm3.gif);
	background-repeat: no-repeat;
	background-position: -55px 0;
	}
#left3 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_odm3.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#left3 a:hover{
	background-image: none;
	}
#left3active, left3active a:active, left3active a{ /*#left3 a:active{*/
	float: left;
	width: 55px; height: 57px;
	margin: 0;
	background:url(imagens/b_odm3.gif);
	background-repeat: no-repeat;
	background-position: -110px 0;
	}


#left4{
	float: left;
	width: 55px; height: 57px;
	margin: 0;
	background:url(imagens/b_odm4.gif);
	background-repeat: no-repeat;
	background-position: -55px 0;
	}
#left4 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_odm4.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#left4 a:hover{
	background-image: none;
	}
#left4active, left4active a:active, left4active a{ /*#left4 a:active{*/
	float: left;
	width: 55px; height: 57px;
	margin: 0;
	background:url(imagens/b_odm4.gif);
	background-repeat: no-repeat;
	background-position: -110px 0;
	}


#left5{
	float: left;
	width: 55px; height: 57px;
	margin: 0;
	background:url(imagens/b_odm5.gif);
	background-repeat: no-repeat;
	background-position: -55px 0;
	}
#left5 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_odm5.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#left5 a:hover{
	background-image: none;
	}
#left5active, left5active a:active, left5active a{ /*#left5 a:active{*/
	float: left;
	width: 55px; height: 57px;
	margin: 0;
	background:url(imagens/b_odm5.gif);
	background-repeat: no-repeat;
	background-position: -110px 0;
	}


#left6{
	float: left;
	width: 55px; height: 57px;
	margin: 0;
	background:url(imagens/b_odm6.gif);
	background-repeat: no-repeat;
	background-position: -55px 0;
	}
#left6 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_odm6.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#left6 a:hover{
	background-image: none;
	}
#left6active, left6active a:active, left6active a{ /*#left6 a:active{*/
	float: left;
	width: 55px; height: 57px;
	margin: 0;
	background:url(imagens/b_odm6.gif);
	background-repeat: no-repeat;
	background-position: -110px 0;
	}


#left7{
	float: left;
	width: 55px; height: 57px;
	margin: 0;
	background:url(imagens/b_odm7.gif);
	background-repeat: no-repeat;
	background-position: -55px 0;
	}
#left7 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_odm7.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#left7 a:hover{
	background-image: none;
	}
#left7active, left7active a:active, left7active a{ /*#left7 a:active{*/
	float: left;
	width: 55px; height: 57px;
	margin: 0;
	background:url(imagens/b_odm7.gif);
	background-repeat: no-repeat;
	background-position: -110px 0;
	}


#left8{
	float: left;
	width: 55px; height: 59px;
	margin: 0;
	background:url(imagens/b_odm8.gif);
	background-repeat: no-repeat;
	background-position: -55px 0;
	}
#left8 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(imagens/b_odm8.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#left8 a:hover{
	background-image: none;
	}
#left8active, left8active a:active, left8active a{ /*#left8 a:active{*/
	float: left;
	width: 55px; height: 59px;
	margin: 0;
	background:url(imagens/b_odm8.gif);
	background-repeat: no-repeat;
	background-position: -110px 0;
	}
/*-------------------------fim do menuleft odms-----------------------*/




#icone{
	width:140px;
	padding:30px 52px 0 27px;
	float: left;
}
#text{
	width:600px;
	padding:30px 0 0 0;
	margin:0;
	float: left;
	font-size: 12px;
	line-height:20px;
}

/*isto deve retirar a border azul nas fotos que são links*/
#text img{ /*div.img*/
	margin: 5px 20px 0 0 ;
  }
  
#text a img{
  border: 1px solid #fff;
  }

#mainend {
	clear: both;
	background-color: #000000;
}


/*---------------------------fotografias---------------------------*/
/*legenda das fotos*/
.wp-caption {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;
	line-height:14px;
	}

/*-----------------------FOOTER-----------------------*/

#footer{
	clear: both;
	height: 20px; /*para que haja uma margem branca ca em baixo*/
	background-image: url(imagens/footerbranco.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#footerodm1{
	clear: both;
	height: 20px; /*para que haja uma margem branca ca em baixo*/
	background-image: url(imagens/footerodm1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#footerodm2{
	clear: both;
	height: 20px; /*para que haja uma margem branca ca em baixo*/
	background-image: url(imagens/footerodm2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#footerodm3{
	clear: both;
	height: 20px; /*para que haja uma margem branca ca em baixo*/
	background-image: url(imagens/footerodm3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#footerodm4{
	clear: both;
	height: 20px; /*para que haja uma margem branca ca em baixo*/
	background-image: url(imagens/footerodm4.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#footerodm5{
	clear: both;
	height: 20px; /*para que haja uma margem branca ca em baixo*/
	background-image: url(imagens/footerodm5.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#footerodm6{
	clear: both;
	height: 20px; /*para que haja uma margem branca ca em baixo*/
	background-image: url(imagens/footerodm6.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#footerodm7{
	clear: both;
	height: 20px; /*para que haja uma margem branca ca em baixo*/
	background-image: url(imagens/footerodm7.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#footerodm8{
	clear: both;
	height: 20px; /*para que haja uma margem branca ca em baixo*/
	background-image: url(imagens/footerodm8.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}



#creditos{
	clear: both;
	height: 40px;
	/*width: 600px;*/
	/*margin:0 0 40px 50px;*/
	padding: 20px;
	font-size: 10px;
	color: #666666;
	text-align: center;
}
#creditos a{
	font-size: 10px;
	color: #666666;
}

/*#footer img{ /*div.img*/
	/*margin: 5px 20px 0 0 ;
  }
  
#footer a img{
  border: 1px solid #fff;
  }



#promotor{
	margin:0 30px 0 35px;
	float:left;
}

#parcerias{
	margin:0;
	float:left;
	width:auto;
}*/