/*   
Theme Name: Ecosistemas del Milenio
Theme URI: http://www.ecomilenio.es
Description: Tema para la web de Evaluaci�n de ecosistemas del milenio de Espa�a
Author: Jimena Catalina
Author URI: http://www.piensaenpixels.com
Version: 1.0
.
Este tema es propiedad de la Fundaci�n Biodiversidad y no puede ser utilizado en otros dominios distintos de ecomilenio.es ni redistribuido.
.
*/

@charset "utf-8";

/*RESET Y CLEARFIX*/
/*  =reset.css 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

:focus { outline : 0; } 
ol, ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th, td { text-align : left; font-weight : normal; }

div:after, ul:after, dl:after, dd:after, dt:after{visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;}
/*limpiar flujo oculto para IE-mac \*/
* html div, * html ul, * html dl, * html dd, * html dt {height:1%;} /* final hack IE-mac */
*:first-child+html div, *:first-child+html ul, *:first-child+html dl, *:first-child+html dd, *:first-child+html dt, *:first-child+html ol{height:auto; display: inline-block;}

/*GENERALES*/
body {
	background: #FFF url(img/fondo_home.gif) repeat-x;
	margin:0px;
	font:0.8em Arial, Helvetica, sans-serif;
	color:#525b62;	
}

a {
	color:#006335;	
}
a:hover {
	color:#009c54;	
}

a.infoFacebook {
	display:block;
	padding:0px 0px 0px 37px;
	margin:20px 0px;
	height:32px;
	background:#FFF url(img/facebook.png) no-repeat;
	color:#039;
	font-weight:bold;
	font-size:11px;
	}

strong {
	font-weight:bold;
}

#contenedor {
	position:absolute;
	left:50%;
	margin-left:-480px;
	width:960px;
	z-index:1;
}

h1 {
	position:absolute;
	top:0px;
	left:25px;
	width:150px;
	background:transparent url(img/logo.png) no-repeat;
}

h1 a{
	display:block;
	width:150px;
	height:186px;
	text-decoration:none;
	text-indent:-5000px;
}

hr {
	border-bottom: solid 1px #dfe2ee;
	height:1px;
	margin:10px 0px;
	clear:both;
	}

#claim {
	position:absolute;
	display:block;
	color:#FFF;
	font-style:normal;
	font-size:1.6em;
	padding-top:12px;
	margin-left:190px;
	width:420px;
}

#navegacion {
	position:absolute;
	top:196px;
	left:25px;	
	width:151px;
	min-height:172px;
	background:url(img/fondo_menu.png) no-repeat;
	padding-top:28px;
}

#navegacion li {
	font-weight:bold;
	border-top:solid 1px #dfe2ee;
	margin: 0px 16px;
	padding: 1px 0px;
}

#navegacion li a{
	display:block;
	padding: 4px 0px;
	text-decoration:none;
	font-size:0.9em;
}

#navegacion li a:hover, #navegacion li.current_page_item>a {
	background:url(img/fondo_enlace.gif) repeat-y center top;
	color:#FFF;
	padding-left:4px;
}

#navegacion li.current_page_parent>a {
	background:none;
	color:#006335;
	padding-left:0px;
}

#navegacion li li  {
	font-size:0.9em;
	border:none;
	margin: 0px 0px 0px 10px;
	font-weight:normal;
}

#pie {
	border-top: solid 3px #dfe2ee;
	font-size:0.85em;
	color:#5b6488;
	padding:5px 0px;
	min-height:30px;
}

#pie p{
	width:50%;
	float:left;
}

#pie p#enlacespie{
	text-align:right;
	color:#dfe2ee;
}

a.idioma {
	position:absolute;
	top:0px;
	right:0px;
	width:62px;
	text-align:center;
	display:block;
	padding:4px 0px 8px 0px;
	color:#FFF;
	text-transform:uppercase;
	font-size:0.7em;
	text-decoration:none;
	background:url(img/tab_idioma.gif) no-repeat;
}

a.idioma:hover {
	color:#0a5f46;
}

#google_translate_element {
	position:absolute;
	top:4px;
	right:0px;
	color:#FFF !important;
	font-size:0.8em;
}

select.goog-te-combo {
	float:right;
	font-size:0.9em;
	color:#525b62;
	border:solid 1px #FFF;
}

div.goog-te-gadget, div.goog-te-gadget a {
	color:#FFF !important;
}

/*HOME*/

#slideshow, #cabecerainterior {
	width:100%;
	height:293px;
	min-width:960px;
	overflow:hidden;
	position:absolute !important;
	top:45px;
	z-index:0;
}

#slideshow img, #cabecerainterior img {
	position:relative;
	left:50%;
	margin-left:-550px;
}

#contenidos {
	margin-top:224px;
	width:100%;
	min-height:400px;
	padding-bottom:20px;
	background:transparent url(img/fondo_contenidos_home.png) no-repeat center top;
}

.home {
	padding-bottom:10px !important;
}

.home h2{
	text-transform:uppercase;
	color:#FFF;
	font-size:1.3em;
	font-weight:normal;
	padding:15px 0px 15px 0px;
}

#presentacion, #destacados, #noticias {
	float:left;
	margin-left:30px;
}

#presentacion {
	width:220px;
	margin-left:190px;
}

#presentacion p{
	margin-bottom:0.8em;
}

#presentacion a.ampliarinfo, #noticias a.ampliarinfo, #pie a.ampliarinfo{
	background:#519b49 url(img/fondo_enlace.gif) repeat-y center top;
	border-bottom:solid 3px #e5e5e5;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	padding:0px 10px;
	line-height:160%;
}

#destacados {
	width:320px;	
}

#destacados div{
	min-height:130px;
	font-size:0.9em;
	line-height:120%;
}

#destacados a.ampliarinfo {
	display:block;
	background:url(img/ico_mas.gif) no-repeat left center;
	padding-left:14px;
	margin-top:0.5em;
}

#destacados div.tipo1{
	background-repeat:no-repeat;
	color:#000;
	font-size:0.8em;
	margin-bottom:20px;	
	padding:0px;
	position:relative;
}

#destacados div.tipo1 img{
	position:absolute;
	z-index:0;
}

#destacados div.tipo1 p img{
	margin:-10px 0px 0px -10px;
}

#destacados div.tipo1 p{
	background:url(img/fondo_velado.png);
	margin-right:191px;
	padding:10px;
	min-height:109px;
	position:absolute;
	z-index:1;	
}

#destacados div.tipo2{
	padding-left:140px;
	margin-top:20px;
	font-size:0.9em;
}

#destacados div.tipo2 h4{
	color:#000;
	font-size:1.1em;
	margin-bottom:0.5em;
	font-weight:bold;
}

#destacados div.tipo2 img{
	margin-left:-140px;
	float:left;
}

#destacados div.tipo2 p, #destacados div.tipo2 a{
	font-size:0.95em;
}

#noticias {
	width:140px;
	position:relative;
}

#noticias #rss {
	font-size:0.9em;
	display:block;
	height:14px;
	background:url(img/ico_rss.png) no-repeat;
	color:#F60;
	padding-left:15px;
	margin-bottom:10px;
}

#noticias ul li{
	font-size:0.85em;
	padding-bottom:0.8em;
}

#noticias span.fecha{
	font-size:0.9em;
	display:block;
}

#noticias a.ampliarinfo{
	font-size:0.8em;
	padding:0px 3px;
}

#colaboradores {
	clear:both;
	background:url(img/fondo_entidades.gif) repeat-x 0px 16px;
}

#colaboradores h3 {
	color:#7f87a4;
	text-transform:uppercase;
	font-weight:normal;
	font-size:0.9em;
}

#colaboradores ul {
	padding:10px 0px;
}

#colaboradores li {
	display:inline;
}

#colaboradores li img {
	margin:0px 28px;
	vertical-align:middle;
}


/* INTERIORES */

div.interior {
	width:760px !important;
	padding:60px 10px 0px 190px;
}

#brujula {
	text-transform:uppercase;
	font-size:0.8em;
	color:#FFF;
	padding-top:22px;
}

#brujula a {
	color:#c1ec0a;
}

div.interior p{
	font-size:1em;
	margin-bottom:1em;
	line-height:140%;
}

div.interior h2{
	text-transform:none;
	color:#1a7148;
	font-size:3em;
	padding:0px 0px 10px 0px;
}

div.interior h3{
	color:#1a7148;
	font-size:1.4em;
	padding:14px 0px 7px 0px;
	font-weight:normal;
	clear:both;
}

div.interior h4{
	color:#71b42b;
	font-size:1.1em;
	padding:10px 0px 4px 0px;
	font-weight:bold;
	clear:both;
}

div.interior ul {
	padding:0px 0px 10px 15px;
}

div.interior ul li{
	list-style:circle;
	padding:2px 0px;
}

div.interior em{
	font-style:italic;
}

div.interior ol {
	padding:0px 0px 10px 15px;
}

div.interior ol li{
	list-style:decimal;
	padding:2px 0px;
}

img.size-full {
	padding-bottom:22px;
	background: #FFF url(img/fondo_fotos.gif) repeat-x left bottom;
	margin-bottom:10px;
}

img.sin-adorno, #destacados img {
	padding-bottom:0px !important;
	background: none !important;
}

img.alignright  {
	float:right;
	margin-left:20px;
}

img.alignleft  {
	float:left;
	margin-right:20px;
}

/* NOTICIAS */
div.interior h2.tit_noticia{
	font-size:2.2em;
	margin:0px;
	padding:0px;
}

#listadonoticias, #listadomedios, #listadorecursos {
	margin:0px;
	padding:0px;
}


#listadonoticias li, #listadomedios li {
	border-bottom: solid 1px #dfe2ee;	
	padding:10px 0px;
	list-style:none;
	clear:both;
}

ul.fix li {display:inline-block;}
.destacado {
	background-color:#f3f5fa;
	border:solid 1px #dfe2ee;
	padding:10px !important;
	margin:20px 0px !important;
	}

#listadonoticias li img {display:none}
#listadomedios li img {padding:0px;background:none;}

#listadonoticias h3 {
	margin:0px;
	padding:0px 0px 5px 0px;
}

div.interior span.fecha {
	font-size:0.9em;
	display:block;
	color:#7f87a4;
}

#listadonoticias span.fecha, #listadomedios span.fecha {
	margin:0px;
}


#listadonoticias a.more-link {
	display:block;
	background:url(img/ico_mas.gif) no-repeat left center;
	padding-left:14px;
	margin-top:0.5em;
}

div.navigation {background-color:#eceef5;padding:3px 10px;clear:both;}
div.navigation p {width:40%;font-size:1.2em;font-weight:bold;}
div.navigation p.prev {float:left;}
div.navigation p.foll {float:right;text-align:right}

#share {
	border-top: solid 1px #dfe2ee;	
	padding:4px;
	font-size:0.9em;
	background-color:#eceef5;
	clear:both;
}

#share img{
	vertical-align:middle;
	margin-left:10px;
}

#listadorecursos li {
	width:30%;
	float:left;
	margin:0px 20px 20px 0px;
	border-bottom: solid 1px #dfe2ee;	
	padding: 0px 0px 0px 120px;
	list-style:none;
	height:160px;
}

#listadorecursos li img{
	margin-left:-120px;
	float:left;
	border: solid 1px #dfe2ee;
}

#listadorecursos li a{
	display:block;
	font-size:1.1em;
	font-weight:bold;
}

#listadorecursos li span{
	display:block;
	font-size:0.9em;
	padding:5px 20px;
}

#listadorecursos li span.peso{
	background:url(img/iconos/folder_go.png) no-repeat left center;
}

.pdf{
	background:url(img/iconos/page_white_acrobat.png) no-repeat left center;
}
.jpg{
	background:url(img/iconos/page_white_picture.png) no-repeat left center;
}
.doc{
	background:url(img/iconos/page_white_word.png) no-repeat left center;
}

/* EQUIPOS */
div.equipo {
	float:left;
	width:45%;
	font-size:0.9em;
	margin:0px 10px 10px 0px;
	background-color:#f3f5fa;
	padding:5px;
	height:160px;
}

div.equipo strong{
	display:block;
	color:#000;
	font-size:1.1em;
}

div.equipo span.telefono, div.equipo a.mail {
	display:block;
	padding-left:20px;
}

div.equipo span.telefono {
	background:url(img/11.png) no-repeat left center;
}

div.equipo a.mail {
	background:url(img/04.png) no-repeat left center;
}

/* BOLETIN */
#suscripcion {float:right;width:35%;}
#suscripcion input.mc_input{width:95%;}
#mc_signup_form .mc_var_label, #mc_signup_form .mc_input { float:left; clear:none; }
#suscripcion form {padding:10px !important}
#suscripcion .button {
	clear:both;
	background:#519b49 url(img/fondo_enlace.gif) repeat-y center top;
	border:outset 1px #1a7148;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	padding:0px 10px;
	line-height:160%;	
	margin-right:10px;
	}
#suscripcion .mc_signup_submit {text-align:right;margin:10px 0px}
#mc_unsub_link {text-align:right;}
#listadoboletines {float:left;width:60%;}

/* CALENDARIO */
     .calendar-table {
        border:none;
        width:100%;
     }
	 
	.calendar-table td{
        padding:3px;
     }	 
	 
     .calendar-heading {
        height:25px;
        text-align:center;
        border-top:1px solid #1a7148;
        background-color:#8bc84b;
		color:#FFF;
		
     }
     .calendar-next, .calendar-prev {
        width:15%;
        text-align:center;
     }

     .calendar-month {
        width:70%;
        text-align:center;
        font-weight:bold;
		font-size:1.1em;
     }
	 
     .normal-day-heading, .weekend-heading {
        text-align:center;
        border-bottom:1px solid #dfe2ee;
		border-right:1px solid #FFF;
        background-color:#eceff9;
     }
     .weekend-heading {
        color:#1A7148;
     }
     .day-with-date, .day-without-date, .current-day {
		font: 1.6em Georgia, "Times New Roman", Times, serif;
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #dfe2ee;
		background-color:#d3fba8;
		color:#000;
     }
     .no-events, .day-without-date {
		color:#8087a1;
		background-color:#FFF;
     }
     span.weekend {
        color:#1A7148;
     }
     .current-day {
        border:1px solid #c2c8de !important;
        background-color:#eceff9;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        display:none !important;
		color:#FFF;
     }
	 .kjo-link a{
		color:#FFF;
     }
	 .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break, .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#FFF;
     }


     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }
	 
	 
    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
		font:0.65em Arial, Helvetica, sans-serif !important;
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#FFF; 
        background:#1a7148; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
		line-height:1.2em;
        }	 

     .calnk a:hover span span.event-title {
        padding:0;
        text-align:center;
        font-weight:bold;
        font-size:1em;
        }
     .calnk a:hover span span.event-title-break {
        width:96%;
        text-align:center;
        height:1px;
        margin-top:5px;
        margin-right:2%;
        padding:0;
        background-color:#FFF;
     }
     .calnk a:hover span span.event-content-break {
        width:96%;
        text-align:center;
        height:1px;
        margin-top:5px;
        margin-right:2%;
        padding:0;
        background-color:#FFF;
     }

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 � 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	  
 
  .sIFR-active h2 {
	visibility: hidden;
  } 
 
}