/*---------------------------------------------------------------------------*/
* { margin: 0; padding: 0;}

body {
  margin: 0; padding: 0;
  /*background: #fff;*/  
  min-width: 770px; width: 100%;
  color: #000;
  font: 83%/1.5 arial, tahoma, verdana, sans-serif;
  }
.salto {clear:both;}
/*---------------------------------------------------------------------------*/
hr { display: none; }

/*---------------------------------------------------------------------------*/
/* Enlaces */
a,a:link,a:link,a:link,a:hover {} 
a:link {} 
a:visited {} 
a:hover,a:active {} 
a img{border:none;}

/*---------------------------------------------------------------------------*/
#fondo {
	background:  transparent url("fondo.jpg") repeat;
  margin: 0; padding: 20px 0;
  min-width: 805px; width: auto;
  }

/*---------------------------------------------------------------------------*/
#pagina {
  width: 850px;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  background: #fff;
  background: url("mediopagfondo.jpg");
  /*border-left: 3px solid #0194e2;
  border-right: 3px solid #0194e2;*/
  }

/*---------------------------------------------------------------------------*/
#cabecera {
  margin:0;
  padding: 0;
  position:relative;
  text-align:center;
}

/*---------------------------------------------------------------------------*/
#menucabecera {
  margin-top: 0px;
  padding:0;
  background: #FFFFFF;
  font-family:helvetica,arial,sans-serif; font-size:1em; font-weight:normal;
  /*border:0px solid #04024b;/**/
  position:relative;
}

ul#idiomas-nav {margin:0;padding:0;text-align:left;position:absolute;top:10px;left:10px;}
ul#idiomas-nav li {margin:0;padding:0 0.5em 0 0;height:auto;list-style:none;display:inline;white-space:nowrap;}
ul#idiomas-nav li a {text-decoration:none;padding:0;}
ul#idiomas-nav li a img {width: 45px; border:1px solid transparent;}
ul#idiomas-nav li a.activo img {border:1px solid #fff;}
ul#idiomas-nav li a:hover img {border:1px solid #fff;}

ul#main-nav {margin:0 2em 0 0;padding:0;text-align:right;}
ul#main-nav li {color:#fff;background: url("barramenu.gif") no-repeat;margin:0;padding:0 0 0 2em;
             list-style:none;display:inline;white-space:nowrap;}
ul#main-nav li a {text-decoration:none;padding:0;color:#fff;background:transparent;}
ul#main-nav li a:hover {color: #E8E215;}

/*---------------------------------------------------------------------------*/
#menuespecies {
  margin:auto; padding: 0;
  background: #fff;
  font-family:helvetica,arial,sans-serif; font-size:1em;
  text-align:center;
  /*height:100px;*/
}

#especie {
  margin-top: 30px; padding: 0;
  width:13.1%; float:left;
}

#especie img {
  margin:0; padding:0;
  width: 118px; 
}

#especie p {
  margin: 0; padding: 0;
  background: #5E7111;
  border: 0.1em solid #A1C11E;
}
#especie a {
  /*margin: -10px 0 0 0; padding: 0;*/
  text-decoration: none;
  color:#fff;
}
#especie a:hover {color:#E8E215;}

/*---------------------------------------------------------------------------*/
#contenido {
  margin: 30px 0 0 0;
  padding: 0;
  /*background: #04024b;*/
  position:relative;
}

#menulateral {
  margin-top:0px; padding: 0;
  width: 20%;
  position: relative;
  top: 0px;
  left: 10px;
  z-index: 2;
  border: 1px solid #111111;
  float: left;
}
#menulateral p.titulo {margin-top:0px; padding:0;width: 100%; background: #323D0A;text-align:center; color:#fff;}
#menulateral p img {margin:0; padding:0;width:120px;text-align:center; color:#fff;}
#menulateral ul {margin-top:5px;padding:0;font-family:helvetica,arial,sans-serif;font-weight:normal;}
#menulateral ul li {padding-left:px;list-style:none;margin:0 0 0.1em 0;width:100%;font-size:0.9em;}
#menulateral ul li.activo {width:100%;}
#menulateral ul li img {padding-left:3px;padding-right:3px;}
#menulateral ul li a {text-decoration:none;display:block;padding:0;color:white;background: url("barralateral.gif") no-repeat bottom right;}
#menulateral ul li a:hover {color:#04024b;}
#menulateral ul li.activo a {color:#04024b;}

#mapas {
  margin-top:0px; padding: 0;
  width: 20%;
  position: relative;
  top: 0px;
  left: 10px;
  z-index: 2;
  border: 1px solid #111111;
  float: left;
}

#descripcion {
  margin:0 15px 0 23.2%; padding:0;
  background: #fff;
  position:relative;
  z-index:1;
  border: 0.1em solid #A1C11E;
  height: 700px;
  overflow: auto;
  /*float: right;*/
}
#descripcion div.caja2contenido {
  margin:0; padding:0; /*padding: 0px 20px 20px;*/
}
#descripcion  p.raza {
  margin:0; padding: 0 0px 0 0px;
  background: url("barralateral.gif") no-repeat;
  color:#fff;
  width:auto;
  text-align:center;    
  /*font-weight: bold;  */
  font-size: 1.5em;
}
#descripcion h2, h3, h4 {
  margin:3px 0; padding: 0 10px;
  background:#8FAC1E;
  color:#fff;
}
#descripcion p{
  margin:3px 0; padding: 0 10px;
  color:#000;
  text-align: justify;
}
#descripcion p.titulo {
  margin:0 10px 0 10px; padding-left: 10px;
  color:#fff;
  background:#8FAC1E;
  font-size: 1.1em;
}
#descripcion p.subtitulo {
  font-size: 1.1em;
  color: #323D0A;
  font-weight: bold; 
  
}
/*---------------------------------------------------------------------------*/
#pie {
  width:840px;
  background: url("finalpagina.jpg") no-repeat;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  clear: both;
  height: 1em;
}

#pie p {
  margin: 0;
  padding: 0;
  font-size: 1em;
  text-align: center;
  color: #000;
  font-weight: normal;
}


/*---------------------------------------------------------------------------*/


/*IMÁGENES*/
div.imagen {margin:0;padding:10px 0px;position:relative;}
div.imagen img {
	margin:0;
	padding:1px;
	position:relative;
	border:2px solid #69c;
	/*width:200px;*/
	background:#fff;
}
div.imagen.centrado {text-align:center;margin:0 auto;width:auto;} 
div.imagen.izquierda {float:left;margin:5px 10px 5px 5px !important; margin:5px 10px 5px 3px; display:block;}
div.imagen.derecha {float:right;margin:5px 5px 5px 10px !important;margin:5px 3px 5px 10px; display:block;}

/*---------------------------------------------------------------------------*/
.caja {
  background: #ffffff;
}
.cajainicio {
  /*background: url("ne.gif") no-repeat top right; */
}
.cajainicio div {
  font-size: 0;
  height: 10px; 
  /*background: url("nw.gif") no-repeat top left; */
}
.cajafin {
  /*background: url("se.gif") no-repeat bottom right; */
}
.cajafin div {
  font-size: 0;
  height: 10px; 
  /*background: url("sw.gif") no-repeat bottom left; */
}
.cajacontenido {
  padding: 0px 0px 0px 0px;
  background: #ffffff; /*#04024b;*/
}
.cajacontenido2 {
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 0px 10px;
}

.caja2 {
  background: #fff;
}
.caja2inicio {
  /*background: url("ne2.gif") no-repeat top right;*/
  position:relative; z-index:1;
}
.caja2inicio div {
  font-size: 0;
  height: 10px;
  /*background: url("nw2.gif") no-repeat top left;*/
  position:relative; z-index:1;
}
.caja2fin {
  /*background: url("se2.gif") no-repeat bottom right;*/
  position:relative; z-index:1;
}
.caja2fin div {
  font-size: 0;
  height: 10px; 
  /*background: url("sw2.gif") no-repeat bottom left; */
  position:relative; z-index:1;
}
.caja2contenido {
  /*padding: -10px 0px -10px 0px;*/
  background: #fff;
  position:relative; z-index:0;
}