body 		{
				background-color: #103231;
			}
#contenidos
			{
				top:0;
				margin-left:50px;
				position:absolute;
				height:510px;
				width:960px;
				margin-top:20px;
				color:#FFF;
				font-size:17px;
				text-align:left;
				font-family:Arial, Helvetica, sans-serif;
				overflow:auto;
			}
.titulo		{
				text-align:center;
				font-size:18px;
			}
.subtitulo		{
				text-align:center;
			}
.habitats
			{
				border:black ridge;
				margin-left:19px;
				margin-top:3px;
			}
.habitatsdevesa
			{
				border:black ridge;
				margin-left:24px;
				margin-top:3px;
			}
.estaciones
			{
				border:black ridge;
				margin-left:26px;
				margin-top:3px;
			}
.invertebrados
			{
				border:black ridge;
				margin-left:27px;
				margin-top:3px;
			}
.invertebradosdevesa
			{
				border:black ridge;
				margin-left:24px;
				margin-top:3px;
			}
.invertebradosraco
			{
				border:black ridge;
				margin-left:26px;
				margin-top:3px;
			}
.vermas		{
				border:#0F0 ridge;
				margin-left:27px;
				margin-top:3px;
			}
#cabecera, #cabecerapubli, #cabeceraproy, #cabeceraperfil, #cabecerainverte, #cabecerahab, #cabeceraestud, #cabeceraespec	
			{
				text-align:center;
				width:98%;
				height:150px;
				margin-top:0px;
				top:0px;
				border:6px solid #103231;
				background-image:url(fondocabecera.jpg)
			}
#marco		{
				top:0;
				height:546px;
				width:1063px;
				position:absolute;
				padding-right:20px;
				margin-left:260px;
				margin-top:170px;
				background-image: url(fondocontenido.png);
			}
#contenido	{
				top:0;
				margin-left:70px;
				position:absolute;
				height:495px;
				width:920px;
				padding-right:16px;
				margin-top:30px;
				color:#FFF;
				text-align:justify;
				font-size:17px;
				font-family:Arial, Helvetica, sans-serif;
				overflow:auto;
			}
#menu ul, #otromenu ul
			{
				top:0;
				font-family:Arial, Helvetica, sans-serif;
				width:225px;
				height:400px;
				padding-left: 20px;
				padding-top: 10px;
				padding-bottom: 1px;
				float: left;
				margin-left:0;
				position: absolute;
				margin-top:170px;
				font-weight:400;
				
			}
#submenu ul	{
				top:0;
				font-family:Arial, Helvetica, sans-serif;
				width:225px;
				height:80px;
				padding-left: 20px;
				padding-top: 0px;
				padding-bottom: 1px;
				float: left;
				margin-left:340px;
				position: absolute;
				margin-top:90px;
				font-weight:400;
			}
#menu ul li, #submenu ul li, #otromenu ul li
			{
				list-style-type:none;
				list-style-image:none;
			}
#menu ul li a
			{
				font-family:Arial, Helvetica, sans-serif;
				color: #06C;
				text-decoration: underline;
				text-transform: uppercase;
				text-align:center;
				display: block;
				padding: 10px 10px 10px 20px;
				border:#06C 5px groove;
			}

#otromenu ul li a
			{
				font-family:Arial, Helvetica, sans-serif;
				color: #060;
				text-decoration: underline;
				text-transform: uppercase;
				text-align:center;
				display: block;
				padding: 10px 10px 10px 20px;
				border:#060 5px groove;
			}
.logootromenu1
			{
				position:absolute;
				margin-top:80px;
			}
.logootromenu2
			{
				position:absolute;
				margin-top:150px;
			}
#submenu ul li a
			{
				font-family:Arial, Helvetica, sans-serif;
				color: #06C;
				text-decoration: underline;
				text-transform: uppercase;
				text-align:center;
				display: block;
				padding: 10px 10px 10px 20px;
				border:#06C 5px groove;
				margin-top:40px;
			}
#menu ul li a:link, #menu ul li a:visited
			{
				font-family:Arial, Helvetica, sans-serif;
				color: #06C;
				text-decoration: underline;
				text-transform: uppercase;
				text-align:center;
				display: block;
				padding: 10px 10px 10px 20px;
				border:#06C 5px groove;
			}

#otromenu ul li a:link, #otromenu ul li a:visited
			{
				font-family:Arial, Helvetica, sans-serif;
				color: #060;
				text-decoration: underline;
				text-transform: uppercase;
				text-align:center;
				display: block;
				padding: 10px 10px 10px 20px;
				border:#060 5px groove;
			}

#menu ul li a:hover, #submenu ul li a:hover, #otromenu ul li a:hover
			{
				background-color: #103231 ;
				border:5px groove #F00;
				color: #F00;
		    }
#cd, #articulos
			{
				color:#090;
				font-size:18px;
				text-align:center;
				text-transform:uppercase;
			}
#pie 		{
				height:20px;
				width:99%;
				position:absolute;
				margin-top:550px;
				text-align:center;
				font-size:12px;
				color:#228B22;
				z-index:100;
				background-color: transparent;
			}
#foto		{
				padding-left:180px;
			}
#fotoperfil	{
				border: #060 groove 5px;
			}
#tel		{
				padding-right:20px;
				text-align:right;
			}
#nombre		{
				font-size:18px;
				color:#090;
			}
#blog		{
				font-size:15px;
				color:#090;
				text-align:right;
			}
/* Imagenes de los botones */
#inicio		{
				background-image: url(botones/inicio.jpg);
			}
#habitats	{
				background-image:url(botones/habitats.jpg);
			}
#proyectos	{
				background-image: url(botones/proyectos.jpg);
			}
#invertebrados	
			{
				background-image: url(botones/invertebrados.jpg);
			}
#especialidades	
			{
				background-image: url(botones/especialidades.jpg);
			}
#publicaciones	
			{
				background-image: url(botones/publicaciones.jpg);
			}
#estudios	{
				background-image: url(botones/estudios.jpg);
			}
#perfil		{
				background-image: url(botones/perfil.jpg);
			}
#devesa		{
				background-image: url(botones/devesa.jpg);
			}
#jucar		{
				background-image: url(botones/jucar.jpg);
			}
#raco		{
				background-image: url(botones/raco.jpg);
			}
#indicedevesa
			{
				background-image: url(botones/devesa.jpg);
			}
#devesa2	{
				background-image: url(devesa/botones/1.jpg);
			}
#invertebradosdevesa
			{
				background-image: url(devesa/botones/2.jpg);
			}
#resultadosdevesa
			{
				background-image: url(devesa/botones/3.jpg);
			}
#entidades	{
				background-image: url(devesa/botones/4.jpg);
			}
#indiceraco	{
				background-image: url(botones/raco.jpg);
			}
#invertebradosraco
			{
				background-image: url(raco/botones/1.jpg);
			}
#resultadosraco
			{
				background-image: url(raco/botones/2.jpg);
			}
#estacionesraco
			{
				background-image: url(raco/botones/3.jpg);
			}
/* Tablas */
td			{
				padding-left:20px;
				text-align:justify;
			}
th			{
				text-align:center;
				color: #090;
			}
#tablaestudios {
				font-family:Arial, Helvetica, sans-serif;
				font-size: 17px;
			}
			
.tablapubli{
			 	font-size: 15px;
				text-align: left;
			}
.anyo		{
				font-size:15px;
				width:90px;
			}
.enlace		{
				color:#06C;
			}
.enlaceblog	{
				color:#090;
				font-size:16px;
			}
/* Entidades Devesa */
#fotoinv	{
				margin:10px;
				position:absolute;
				padding-left:50px;
			}
#enlaces	{
				padding-top:30px;
				margin-left:600px;
				position:absolute;
			}
#enlaces ul li
			{
				padding-bottom:20px;
				list-style-type:none;
			}
#francesc	{
				margin-left:40px;
				font-size:12px;
				margin-top:295px;
				position:absolute;
				text-align:center;
			}
#juan		{
				margin-left:340px;
				font-size:12px;
				margin-top:295px;
				position:absolute;
				text-align:center;
			}
			
			
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink { margin-left:0px; margin-top:5px; width: 30%; height:5px;}
#nextLink { margin-right:0px; margin-top:5px; width: 30%; height:5px;}
#prevLink { left: 10px; float: left;}
#nextLink { right: 10px; float: right;}
#prevLink:hover { margin-left:0px; margin-top:5px; width: 30%; height:5px; background-image:url(images/prevlabel.gif); background-repeat:no-repeat; background-position:left;}
#nextLink:hover { margin-right:0px; margin-top:5px; width: 30%; height:5px; background-image:url(images/nextlabel.gif);  background-repeat:no-repeat; background-position:right;}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #333; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }