/* * * * * * * * * * * * * * *
	ESTILOS GENERALES
*/

/*html, body
{
	height: 100%;
	margin: 0px;
	padding: 0px;
}*/

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	
	background-color: #FFFFFF;
	
	text-align: center;
}



/* Links */

a:link, a:visited, a:hover, a:active
{
	color: #666666;
	
	font-weight: bold;
	font-size: 0.9em;
	
	text-decoration: none;
}

a.activo,
a:hover
{
	color: #1B6412;
}

a.activo_u:link, a.activo_u:visited, a.activo_u:hover, a.activo_u:active
{
	color: #1B6412;
	text-decoration:underline;
}

a img
{
	border: none;
}

/* Encabezados */

h1, h2, h3, h4, h5, h6
{
	color: #1B6412;
	font-weight: normal;
}

h1
{
	font-size: 2.5em;
}

h2
{
	font-size: 2em;
}

h3
{
	font-size: 1.8em;
}

h4
{
	font-size: 1.5em;
	
	width: 99%;
	padding: 3px;
	
	background-color: #D4E2D3;
	
	border-bottom: solid #1B6412 2px;
	
	margin: 15px 0px 15px 0px;
}

h5
{
	font-size: 1em;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom:10px;
}

h6
{
	font-size: 1em;
}

/* Menús */

ul.menu
{
	margin: 0px;
	padding: 0px;
}

ul.menu li
{
	list-style-type: none;
}

ul.horizontal, ul.horizontal_idiomas
{
	clear: both;
	float: none;
	height: auto;
}

ul.horizontal li
{
	display: inline;
	
	padding-left: 3px;
	padding-right: 3px;
}

ul.horizontal_idiomas li
{
	display: inline;
	
	padding: 0px;
}

ul.horizontal li.derecha, ul.horizontal_idiomas li.derecha
{
	padding-right: 0px;
}

ul.horizontal li.izquierda, ul.horizontal li.izquierda_idiomas
{
	padding-left: 0px;
}

.espaciar_arriba
{
	margin-top: 10px;
}

.espaciar_abajo
{
	margin-bottom: 10px;
}

.espaciar_derecha
{
	margin-right: 10px;
}

.espaciar_izquierda
{
	margin-left: 10px;
}

/*
* Clases generales
*/

.alinear_derecha
{
	text-align: right;
}

.alinear_izquierda
{
	text-align: left;
}

.alinear_centro
{
	text-align: center;
}

.noTopMargin
{
	margin-top: 0px;
}

/*
* Esta clase sirve como base de flotación (cuando tenemos elemenos flotando por encima).
*/

.base_flotacion
{
	clear: both;	
	height: 1px;
	overflow: hidden;
}

/* * * * * * * * * * * * * * *
	CONTENEDOR
*/

#contenedor
{
	width: 800px;
	
	margin: 10px auto 0px auto;
	
	text-align: left;
	
	height: 100%;
	
	/*background: url(../imatges/greenhorn.gif) repeat-y left;*/
}

#contenedor #barra,
#contenedor #contenido
{
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
	/*background-color:#CCCCCC;*/

}


/* * * * * * * * * * * * * * *
	CONTENEDOR, BARRA
*/

#contenedor #barra
{
	width: 230px;
	background-color:#FFFFFF;
}

#contenedor #barra #inicio
{
	margin-left: 10px;
}




#contenedor #barra #inicio #enlace
{
	float: left;
	width: auto;
}

#contenedor #barra #inicio #barra_inicio, #contenedor #barra #inicio #barra_idioma
{
	float: left;
	width: 1px;
	margin-left: 7px;
	margin-right: 7px;
	padding: 0px;

}

#contenedor #barra #inicio #idiomas
{
	float: left;
	/*width: 190px;*/
	width: 100px;
	text-align: center;
	
	font-weight: bold;

}


#contenedor #barra #inicio #idiomas ul
{
	/*margin: 0px auto;*/
	margin: 0px;
}

#contenedor #barra #fontsize
{
	/*margin-left: 10px;*/
	text-align: right;
	float: left;
	clear: right;
	width: 50px;
	max-width: 50px;


}


#contenedor #barra #secciones .menu
{
	width: 215px;
	margin: 0px 5px 0px 10px;

}


/* IE5 */
*html  #contenedor #barra #secciones .menu
{
	width: 195px;
	margin: 0px 5px 0px -10px;
	wid\th: 205px;
	mar\gin: 0px 5px 0px 10px;

}

/* Con este hack conseguimos CSS válido que sólo interpreta IE6 */
* html #contenedor #barra #secciones .menu li
{
	
	margin: 0px;

}


#contenedor #barra #secciones .menu li a:link,
#contenedor #barra #secciones .menu li a:visited,
#contenedor #barra #secciones .menu li a:hover,
#contenedor #barra #secciones .menu li a:active
{
	display: block;
	
	width: 215px;
	padding: 12px 0px 3px 0px;
	
	border-bottom: #CCCCCC solid 1px;
}

#contenedor #barra #secciones .menu li a:hover,
#contenedor #barra #secciones .menu li a.activo
{
	width: 205px;
	padding: 12px 0px 3px 10px;
	background-color: #E1E1E1;
	color: #1B6412;
}


#contenedor #barra #que_es_general
{
	
	width: 230px;
	height: 95px;
	
	padding: 0px;
	margin: 0px;
	
	background: #FFFFFF url(../imatges/clau.gif) left top no-repeat;
	

} 


#contenedor #barra #que_es
{
	float:left;
	clear:none;
	
	/*width: 137px;*/
	width: 110px;
	/*height: 85px;*/
	padding: 0px;
	border: 0px;
	margin-left: 5px;
	margin-right: 5px;

	
	
	/*background: #FFFFFF url(../imatges/clau.gif) left top no-repeat;*/
	/*padding: 0px 0px 0px 93px;*/

} 



#contenedor #barra  #que_es_izq, #contenedor #barra  #que_es_der
{

	color: #666666;
	
	font-weight: bold;


}

#contenedor #barra  #que_es_izq
{
	float:left; 
	text-align:right;
	width: 75px;
	padding-top:40px;

} 



#contenedor #barra #que_es_der
{
	float:left;
	text-align: left; 
	padding-top:40px;

} 

#contenedor #barra #que_es .menu
{
	/*text-align: center;*/	
	
	/*width: 85px;*/
	width:110px;	
	/*padding: 0.5em 0px 0px 0px;*/
	padding: 0px;

}


/*  IE5 */
* html #contenedor #barra #que_es .menu
{

	width:100px;	
	padding: 0px 0px 0px -10px;

	wid\th:110px;	
	padd\ing: 0px;


}



#contenedor #barra #que_es .menu li
{
	/*margin: 0px 0px 8px 0px;*/
	text-align: center;
	margin: 0px 0px 4px 0px;
	padding:0px;
}



#contenedor #barra #contacto
{
	text-align: justify;
	padding-left: 10px;
}

#contenedor #barra #contacto a
{
	width: 100%;
	font-size: 1em;
}

#contenedor #barra #contacto p
{
	margin: 5px 0px 5px 0px;
	font-size: 0.9em;
}

#contenedor #barra img.imagenIzquierda,
#contenedor #barra img.imagenDerecha
{
	float: left;
	display: block;
}

#contenedor #barra img.imagenIzquierda
{
	margin-top: 9px;
	padding-left: 9px;
}

#contenedor #barra img.imagenDerecha
{
	padding-left: 3px;
}

#contenedor #barra .bloque
{
	clear: both;
    margin-bottom: 15px;
}

/* * * * * * * * * * * * * * *
	CONTENEDOR, CONTENIDO
*/

#contenedor #contenido
{
	width: 570px;
	text-align: justify;
}

#contenedor #contenido h3
{
	text-align: right;
	margin: 0px;
}

#contenedor #contenido .cabecera
{
	text-align: right;
	padding-right: 10px;
	height: auto;
}

#contenedor #contenido .cabecera .enlaces
{
	float: right;
	padding: 8px 10px 0px 0px;
}

#contenedor #contenido .cabecera .titulo
{
	float: right;
}

#contenedor #contenido.sinSombra
{
	width: 560px;
	padding-left: 10px;
}

#contenedor #contenido div.superior
{
	padding: 8px 0px 0px 0px;
	
	width: inherit;

	background: #FFFFFF url(../imatges/contenido_sombra_superior.jpg) left top no-repeat;
}

* #contenedor #contenido div.recortarArriba
{
	margin: -12px 0px 0px 0px;
}

#contenedor #contenido div.superior #panoramica
{
	height: auto;
	
	padding-left: 9px;
	
	background: #FFFFFF url(../imatges/contenido_sombra_central.jpg) left repeat-y;	
}

#contenedor #contenido div.superior #flash
{
	text-align: center;
	background: #FFFFFF url(../imatges/contenido_sombra_central.jpg) left repeat-y;	
}

#contenedor #contenido div.superior #flash.topPadding
{
	padding-top: 9px;
}

#contenedor #contenido div.inferior
{
	height: 16px;
	width: inherit;
	
	background: #FFFFFF url(../imatges/contenido_sombra_inferior.jpg) left bottom no-repeat;
}

#contenedor #contenido div.central
{
	width: 496px;
	
	padding: 10px 36px 10px 36px;
	
	background: #FFFFFF url(../imatges/contenido_sombra_central.jpg) left repeat-y;	
}

/*  IE5  */
* html #contenedor #contenido div.central
{

	width: 568px;
	wid\th: 496px;
	overflow:hidden;
	
}


#contenedor #contenido .galeria
{

	height: auto;
	
}


#contenedor #contenido .galeria .imagen
{
	width: auto;
	height: 150px;

	/*width: 122px;
	height: 100px;*/
	padding-right: 10px;
	padding-bottom: 5px;

	float: left;
	
	clear:none;
		
	text-align: center;
	
}

#contenedor #conseller
{
	text-align: center;
	font-size: 0.9em;

	color: #999999;

	float: left;
	margin: 10px 15px 5px 0px;

	width: 150px;
}

#contenedor #conseller img
{
	margin: 0px;
	padding: 0px;
}

* #contenedor .margenSup,
* #contenedor #conseller
{
	margin-top: 15px;
}

#contenedor #conseller p
{
	margin: 5px 0px 0px 0px;
}

#contenedor #contenido .listado
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size:1em;
}

#contenedor #contenido .listado td
{
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

#contenedor #contenido .listado .codigo,
#contenedor #contenido .listado .nombre
{
	vertical-align: top;
}

#contenedor #contenido .listado .codigo
{
	width: 20%;
}

#contenedor #contenido .listado .nombre
{
	width: 80%;
}

#contenedor #contenido .habitats_i_especies .codigo
{
	width: 8%;
}

#contenedor #contenido .habitats_i_especies .nombre
{
	width: 92%;
}

#contenedor #contenido .zonificacio .codigo
{
	width: 14%;
}

#contenedor #contenido .zonificacio .nombre
{
	width: 86%;
}

#contenedor #contenido .habitats_i_especies .right,
#contenedor #contenido .habitats_i_especies .left
{
	vertical-align: top;
}

#contenedor #contenido .habitats_i_especies .left{
	
	text-align:left;
	width: 50%;
	
}

#contenedor #contenido .habitats_i_especies .right{
	
	text-align:right;
	width: 50%;
	
}


/****
	PESTAÑAS *****/
	
#pestanas {

	clear:none;
	float:none;

}
	
#pestanas ul.habitat_especie, #pestanas ul.zonificacion, #pestanas ul.definiciones
{

	margin: 0px 0px 10px 0px;
	padding: 0px;
	clear:none;
	float:none;
	width: 400px;

}

#pestanas  ul.habitat_especie li, #pestanas  ul.zonificacion li, #pestanas  ul.definiciones li
{
	display:block;
	background-color: #1B6412;
	text-align: center;
	list-style:none;
	padding: 0px;
	width: 120px;
	float:left;


}

#pestanas  ul.habitat_especie li.blank, #pestanas  ul.zonificacion li.blank, #pestanas  ul.definiciones li.blank
{
	display:block;
	background-color: #FFFFFF;
	width:10px;



}

#pestanas  ul.habitat_especie li a, #pestanas  ul.zonificacion li a, #pestanas  ul.definiciones li a
{
	color:#FFFFFF;
	font-weight:100;

}

#pestanas  ul.habitat_especie li a:hover, #pestanas  ul.habitat_especie li a.activo, 
#pestanas  ul.zonificacion li a:hover, #pestanas  ul.zonificacion li a.activo, 
#pestanas  ul.definiciones li a:hover, #pestanas  ul.definiciones li a.activo
{
	font-weight:bold;
	text-decoration: none;

}

#sin_flotar , #sin_flotar_margen
{
	clear:both;
	float:none;

}

#sin_flotar_margen
{
	padding-bottom: 10px;

}


.formulario{

	color:#1B6412;
	font-weight:bold;

}

.formulario td.th
{
	
	width:20%;
	text-align: right;
	margin-right: 1px;
	
}

.formulario td.td
{
	
	text-align: left;
	margin-left: 1px;
	
}

select.selection {

	width: 270px;
	max-width: 270px;
	overflow:hidden;

}

.formulario input{

	background-color:#EEEEEE;
	color:#1B6412;
	

}

.formulario select, formulario input{

	background-color:#EEEEEE;
	color:#1B6412;
	
}

.tabla_formulario{
	font-size:1em;
}

p.alerta{
 color:#1B6412;
 font-weight:bold;
}


ul.margen{
	margin-left: 0px;
	padding-left: 12px;
}

div.definicion
{
	padding-top: 10px;
	float:none;
	clear:both;

}


/*
	SUBPESTANAS
*********/
#subpestanas {

	clear:none;
	float:none;

}
	
#subpestanas ul.especies
{

	margin: 0px 0px 10px 130px;
	padding: 0px;
	clear:none;
	float:none;

}

#subpestanas  ul.especies li
{

	display:block;
	color: #1B6412;
	text-align: left;
	list-style:none;
	padding: 0px;
	margin: 0px;
	width: 130px;
	float:left;
	font-weight:bold;

}

#subpestanas  ul.especies li.separador
{
	color: #666666;
	padding:0px 0px 0px 0px;
	margin: 0px;
	width:auto;

}



#subpestanas  ul.especies li a
{
	color: #666666;
	
	display: block;
	
	width: 120px;
	height: 12px;
	
	padding: 1px 5px 0px 5px;
	
	margin: 0px;
	
	
	text-align:left;
}


#subpestanas  ul.especies a:hover, #subpestanas  ul.especies li a.activo
{
	background-color: #E1E1E1;
	display:block;
	
	float:left;
	
	width: 120px;
	height: 12px;
	
	color: #1B6412;
	
	
	margin:0px;
	
	padding: 1px 5px 0px 5px;
	
	text-align:left;
}

.ci_name {
	font-style:italic;
}

li.imagen_noticia
{
	display: table-cell;
	vertical-align: bottom;
	list-style-type: none;
}

li.imagen_noticia img
{
	margin-right: 10px;
}

#flashVideo
{
	margin-top: 35px;
	margin-bottom: 50px;
}