
/* Hoja de estilos de Espacio-Abisal
 AUTOR: Alberto Martinez
 autor url: www.malberto.es 
  
--------INDICE DE CONTENIDOS-----------
Generales
			body
			enlaces
			encabezados
Estructura
			header
			navy
			content
			footer
Colores
---------------------------------------

*/
*{
margin:0px;
padding:0px;}

body{
background-color:#fff12d;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:center; }

a{
color:#000000;
text-decoration:underline;}

a:hover{
color:#cccccc;
text-decoration:underline;}

h1{}
h2{
width:155px;
padding-left:5px;
font-size:12px;
color:#000000;
display:block;
float:left;
background-color:#fff12d;
border:1px solid #000000;
text-transform:uppercase;
margin-top:10px;
clear:both;

}

		h2 a{
		text-decoration:none;
		display:block;
		
		}
		
		h2:hover{
		background-color:#000000;
		color:#fff12d;
		display:block;
		
		}
		h2:hover a{
		background-color:#000000;
		color:#fff12d;
		WIDTH:100%;
		
		}
		
		h2 a:hover{
		width:100%;
		height:100%;
		text-decoration:none;
		background-color:#000000;
		color:#fff12d;
		
		}

h3{
font-size:11px;
color:#000000;
display:block;
float:left;
clear:both;
padding-right:10px;
clear:both;}
h4{}
.right{
float:right;
border:1px solid #000000;
margin: 30px 20px 0px 0px;}
.left{
float:left;}

/*----------------------------------Estructura----------------------------------------------------------*/
#wrapper{
width:856px;
margin:0px auto;
background:#000000 url(img/wrapper_bg_year.gif) repeat-y;
overflow:hidden;}


		#header{
		width:856px;
		height:96px;
		background:#fff12d url(img/header.jpg) no-repeat left top;
		padding-top:70px;
		text-align:right;
		line-height:100%;
		font-size:10px;}
		
				#navy{
				background:#fff12d url(img/navy_bg.gif) no-repeat left top;
				float:right;
				width:850px;
				height:32px;
				overflow:visible;}
				
						#navy ul{
						float:right;
						display:compact;
						width:832px;
						height:32px;
						background:#000000 url(img/sobre_navy.gif) repeat-x;
						text-align:left;
						padding-left:10px;
						overflow:visible;}
						
								#navy ul li{
								height:18px;
								background:#000000 url(img/sobre_navy.gif) no-repeat center top;
								display:block;
								float:left;
								padding-top:14px;
								list-style-type:none;
								padding-left:5px;}
								
								#navy ul li.selected{
								height:18px;
								background:#000000 url(img/flecha_navy.gif) no-repeat center top;
								display:block;
								float:left;
								list-style-type:none;
								padding-left:5px;
								padding-top:14px;}
								
										#navy ul li a{
										font-size:12px;
										font-weight:bold;
										color:#fff12d;
										text-decoration:none;}
										
												#navy ul li a:hover{
												color:#fff12d;
												text-decoration:underline;}
												
/*------------------------------------Sección Años----------------------------------------------------------*/

#years{
				margin-left:67px;
				background:#fff12d url(img/navy_lados.gif) no-repeat top right;
				float:left;
				height:23px;
				overflow:visible;
				border-top:0px solid #fff12d;}
				
				*html #years{
				margin-left:49px;}
				
						#years ul{
						color:#000000;
						float:left;
						display:compact;
						height:18px;
						background:#fff12d url(img/navy_lados.gif) no-repeat top left;
						background-color:transparent;
						text-align:left;
						padding:5px 0px 0px 0px;
						overflow:visible;}
						
								#years ul li{
								height:13px;
								display:block;
								float:left;
								background:#000000 url(img/sobre_year.gif) no-repeat center bottom;
								background-color:transparent;
								padding:0px 5px 14px 5px;
								list-style-type:none;
								padding-left:5px;}
								
								#years ul li.selected{
								height:13px;
								background:#000000 url(img/flecha_year.gif) no-repeat center bottom;
								background-color:transparent;
								display:block;
								float:left;
								list-style-type:none;
								padding-left:5px;
								padding-bottom:14px;}
								
										#years ul li a{
										font-size:12px;
										font-weight:bold;
										color:#000000;
										text-decoration:none;}
										
												#years ul li a:hover{
												color:#000000;
												text-decoration:underline;}




/*----------------------------------/fin de Sección Años----------------------------------------------------------*/
												
												
				
		#cuerpo{
		background:#FFFFFF url(img/cuerpo_bg_year.gif) no-repeat left top;
		min-height:546px;
		padding-top:19px;
		min-height:500px;
		height:auto !important;
	    height:500px;
		background-color:transparent;
		text-align:left;}
		
				#contenido{
					padding-left:67px;
					overflow:hidden;
				  }
				
						#contenido p{
						clear:both;
						float:left;
						width:160px;
						text-align:justify;}
				
						.foto_der{}
						.foto_izq{}
				
#footer{
width:856px;
font-size:10px;
margin:0px auto;
background:#fff12d url(img/footer_bg.gif) no-repeat left top;
text-align:right;
padding: 10px 0px 10px 0px;}

/*----------------------------------Year----------------------------------------------------------*/

.expo_in_year{
float:left;
width:190px;
height:208px;
text-align:left;}



/*----------------------------------/fin deEstructura----------------------------------------------------------*/


/*----------------------------------Colores----------------------------------------------------------*/

/*----------------------------------/fin de Colores----------------------------------------------------------*/
