/* =general --------------------------------------------------------------------------- */
body {
	background: #fff url(img/general/interior/fondo.gif) no-repeat fixed center top;
	color: #000;
	margin: 0;
	padding: 0;
	border: 0;
	font: normal 8pt Tahoma, Verdana, sans-serif;
}

a {color: #998F5C;text-decoration: none; outline:none;}
a:hover {color: #5C5637; outline:none;}


h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0; font-weight: normal;}
h1 a{
	background: transparent url(img/general/interior/albaola.gif) no-repeat 0 0;
	display: block;
	text-indent: -2000px;
	width: 91px;
	height: 74px;
	margin: 0 0 0 15px;
}
h1 a:hover{ background-position: 0 -74px;}
h2{
	float: left;
	color: #978E57;
	font-size: 1.8em;
	margin: 8px 0 0 0;
	padding: 4px 8px 0 0;
	font-family: "Trebuchet MS",Tahoma, Verdana, sans-serif;
}
h3{
	float: left;
	color: #919193;
	font-size: 1.5em;
	margin: 8px 0 0 0;	
	padding: 8px 0 0 12px;
	background: transparent url(img/general/punto_vert.gif) repeat-y; 
	font-family: Arial,Tahoma, Verdana, sans-serif;
}
h4{color:#978E57; font-size:1.8em; margin:8px 0 0 0; padding:4px 8px 12px 0;}

ul{margin: 0; padding: 0; list-style: none;}
li{margin: 0; padding: 0;}

ul.lista li{background:url(img/general/ico_adelante.gif) no-repeat 0 0; margin:5px 0; padding:0 0 0 20px;}



p{ margin: 0; padding: 5px 0;}

#contenido form{ margin: 0 174px 0 120px;}
input, textarea{font: normal 9pt Tahoma, Verdana, sans-serif; border:1px solid #988e5c; padding:2px; width:260px; margin:0 0 4px 0;}
select{font: normal 8pt Tahoma, Verdana, sans-serif; border:1px solid #988e5c; padding:0; width:240px; margin:0 0 4px 0;}
input.boton{ background:#60820e; color:#fff; border:0; float:right; width:auto; }
label{ font-weight:bold;}

/* =container -------------------------------------------------------------------------- */
#container {
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 720px;
	position: relative;
}

/* =cabecera --------------------------------------------------------------------------- */
#cabecera{float:left; width:100px; margin:0;}

/* =pie -------------------------------------------------------------------------------- */
#pie{ padding:10px 0; font-size:0.8em; color:#999A00; clear:both;}
#pie span{color:#b0a568;}
#pie a{color:#b0a568;}
#pie a:hover{color:#968d5a;}

/* =menu ------------------------------------------------------------------------------- */
#menu{ 
	width:130px; 
	float:left; 
	margin:20px 0 0 0; 
	background: transparent url(img/general/punto.gif) repeat-x left bottom; 
	padding: 0 0 8px 0;
}

#inicio{background: transparent url(img/general/punto.gif) repeat-x bottom left; padding: 0 0 5px 0;}
#inicio a{
	background: transparent url(img/general/ico_flecha_atras.gif) no-repeat 0 2px;
	padding: 0 0 0 15px;
	font-size: 0.8em;
}

/* =menuprincipal */
#menuprincipal{ margin:5px 0 35px 0;position: relative;}
#menuprincipal li{	
	display: inline;
	position: relative;
}
#menuprincipal a{
	background: transparent url(img/general/ico_flecha.gif) no-repeat 3px 3px;
	padding: 15px 4px 5px 5px;
	margin: 0 0 5px 0;
	border: 1px solid #E5DECC;
	display: block;
	position: relative;
}
#menuprincipal li a:hover{background-color: #F8F8EB; margin: 0 0 5px 0;}
#menuprincipal li a.sel{background:#e7e6d0 url(img/general/ico_flecha_sel.gif) no-repeat 3px 3px; margin: 0 0 5px 0;border: 1px solid #beb895; color:#6a5e1f;}
#menuprincipal li ul li a{
	background: transparent url(img/general/ico_flecha_pq.gif) no-repeat 3px 4px;
	border:0;
	padding: 0 4px 2px 13px;
	font-size: 0.9em;
	color: #929196;
	position: relative;
}
#menuprincipal li ul li a:hover{ color: #6B6A6F; background: transparent url(img/general/ico_flecha_pq.gif) no-repeat 3px 4px;}
#menuprincipal li ul li a.sel, #menuprincipal li li a.sel:hover{
	background: transparent url(img/general/ico_flecha_pq_sel.gif) no-repeat 3px 4px;
	font-weight: bold;
	color:#9C9261;
	border: 0;
}

/* =menusecundario */
#menusecundario {
	background: transparent url(img/general/punto.gif) repeat-x;
	font-size: 0.8em;	
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}
#menusecundario li{	margin: 0 0 2px 0;}
#menusecundario a {
	background: transparent url(img/general/ico_pagina.gif) no-repeat;
	color: #979B00;
	padding: 0 0 0 15px;
}
#menusecundario a:hover{color: #5C5637;}
#menusecundario a.sel{color: #000;background: transparent url(img/general/ico_pagina_sel.gif) no-repeat;}

/* =idiomas */
#idiomas{position:absolute;	text-align:right; padding:0 0 0 5px; top:3px; right:0; font-size:0.9em;	border-right:1px solid #999A00; width:240px;}
#idiomas li{margin:0; padding:0; display:inline;}
#idiomas a{border-left: 1px solid #999A00; padding: 0 5px; }
#idiomas a.sel{font-weight: bold; color: #042C74;}

/* =contenido ------------------------------------------------------------------------------- */
#contenido{background: #fff; width: 78%; float: right; margin: 0; padding: 130px 0 0 0;}
#albaola #contenido, #apaizac #contenido{background:url(img/general/interior/cabecera_albaola.jpg) no-repeat 0 0;}
#ontziola #contenido{background:url(img/general/interior/cabecera_ontziola.jpg) no-repeat 0 0;}
#embarcaciones #contenido{background:url(img/general/interior/cabecera_embarcaciones.jpg) no-repeat 0 0;}
#otras_actividades #contenido{background:url(img/general/interior/cabecera_actividades.jpg) no-repeat 0 0;}
#info #contenido{background:url(img/general/interior/cabecera_info.jpg) no-repeat 0 0;padding: 50px 0 0 0;}

#ruta{font-size: 0.8em; color:#979B00;}
#ruta a{text-decoration: underline; color:#C8C61B; border-right: 1px solid #C8C61B; padding: 0 5px 0 0; margin: 0 5px 0 0;}
#ruta a:hover{text-decoration:none; }
#areatexto{clear:both; padding:15px 0 0 0;}
#areatexto a {color: #999800;text-decoration:underline;}
#areatexto a:hover {color:#c2c102;}

/* =ubicacion y visitas ------------------------------------------------------------------------- */
#ubicacion{	clear:both;}
#ubicacion a {color: #8ab71e;text-decoration: none; font-size:1.2em;}
#ubicacion a:hover {color: #c2c102;}
#visitas {width: 235px; border:1px solid #c5bb90; padding:4px; font-size: -1px;}

/* =galerias ------------------------------------------------------------------------- */
#contenido .item{width:160px; height:175px; float:left; margin:10px 12px 0 12px; padding:0 0 10px 0; min-height:166px; display:inline;}
#contenido .item img{ padding:2px; border:1px solid #c5bb90;}
#contenido .item h4{margin:0; padding:0; color:#8ab71e; font-size:1em; text-transform:uppercase; font-weight:bold;}
#contenido .item p{font-size:0.8em; color:#848483; padding:3px 0 0 0;}
#contenido .item p.txt{height:25px; font-weight:normal;}
#contenido .item p.intro{padding:5px 0 0 0; color:#6a5e1f;font-size:0.9em;}

#otras_actividades #contenido .item h4{padding:4px 0 0 0;}

/* =navegacion de galerias --------------------------------------------------------------- */
#contenido #listnav{float:right; padding:5px 10px 5px 35px;}
#contenido #listnav a{display:block; padding:3px 5px; float:left; border:1px solid #c0f83a; margin:0 2px; color:#8ab71e; text-decoration:none;}
#contenido #listnav a:hover{background:#e4ffa2;}
#contenido #listnav a.sel{background:#8ab71e; color:#fff;}

/* =objeto concreto: embarcacion, expedicion, ... ------------------------------------- */
#contenido #object .texto p.clase{color:#60820e; margin:0; padding:15px 0 0 0;}
#contenido #object .texto p.anio{color:#a0a19e; margin:0; padding: 3px 0; font-size:1.4em; font-weight:bold;}
#contenido #object .texto h4{color:#8ab71e; font-size:2em; margin:0; padding:0 0 10px 0;}

#otras_actividades #object .texto h4{padding:4px 0 0 0;}

#contenido #object h5{color:#8ab71e; text-transform:uppercase; padding:7px 0; font-size:1em; background:url(img/general/punto.gif) repeat-x; margin:8px 0 3px 0; font-weight:bold;}
#contenido #object .datos{float:right; width:275px; padding:0 0 10px 15px;}
#contenido #object .datos table{margin:0; border:1px solid #c5bb90; border-width:1px 1px 0 1px; }
#contenido #object .datos table tr{margin:0; padding:0;border:0;}
#contenido #object .datos table th{border-bottom:1px solid #c5bb90; border-right: 1px solid #c5bb90;  text-align:left; font-weight:normal; color:#c5bb90; margin:0; padding:3px 30px 3px 10px;}
#contenido #object .datos table td{border-bottom:1px solid #c5bb90;  text-align:left; font-weight:bold; color:#8ab71e; margin:0; padding:3px 10px 3px 10px;}

#contenido .foto img{border:1px solid #c5bb90; padding:10px;}
#contenido .foto img.sinborde{border:0; padding:0;}

#contenido #object .galeria .foto{border:1px solid #c5bb90; padding:3px; width:70px; float:left; margin:0 2px 5px 0;}
#contenido #object .galeria .foto img{border:0; padding:0;}

/* =expediciones */
#contenido #object .datosexpedicion{ padding: 0 15px;}
#contenido #object .datosexpedicion h5{font-size:1.1em; color:#8ab71e; background: none; padding:4px 0;}

/* =apaizac obeto ----------------------------------------------------------------------------------------------- */
#submenu{padding:15px 0 0 0; background:url(img/general/linea.gif) repeat-x left bottom; height:26px;}
#submenu li{float:left; margin:0 3px 0 0; }
#submenu li a{display:block; border:1px solid #c5bb90; border-bottom:0; padding:5px 10px 6px 10px; float:left;}
#submenu li a:hover{background:#e7e6d0; color:#6a5e1f;}
#submenu li a.sel{background:#fff; padding:5px 10px 7px 10px; color:#4d4416;}
#submenu li a.sel:hover{background:#fff;}
#apaizac h4{font-size:1.6em; color:#60820e;}

/* =cronica */
#apaizac #contenido .item{width:auto; height:auto; float:none; margin:10px 12px 0 12px; padding:0 0 10px 0; min-height:166px; display:inline;}
#apaizac #contenido .quote{float:right; padding:10px; border:1px solid #c5bb90; text-align:center;}
#apaizac #contenido .quote blockquote{width:180px; color:#978e57; font:italic 1.6em "Trebuchet MS",Tahoma,Verdana,sans-serif; margin:0; padding:10px 0;}

#apaizac #contenido .cronica p{font-size:1em; color:#60820e; padding:1px 0 1px 20px; background:url(img/general/ico_adelante.gif) no-repeat 0 2px; font-weight:bold; margin:8px 0;}
#apaizac #contenido .cronica a {color:#000; text-decoration:none; width:337px;}
#apaizac #contenido .cronica a:hover{ text-decoration:underline; color:#000;}

#apaizac #contenido #listnav{float:left; padding:35px 10px 5px 0; background:url(img/general/punto.gif) repeat-x 0 18px; width:337px;}
#apaizac #contenido #listnav.sinborde{background:none; padding-top:15px;}

div.calendario{border:1px solid #beb895; height:153px; margin:10px 0 0 0;}
div.calendario p{border-bottom:1px solid #beb895;  padding:5px; color:#7f7f7f; font-weight:bold; text-align:center;}
div.calendario .dia{float:left; text-align:center; margin:2px 5px 2px 3px;} 
#contenido div.calendario .dia a{border:1px solid #beb895; display:block; padding:3px 0; width:20px; color:#6a5e1f; background:#e7e6d0; text-decoration:none;}
#contenido div.calendario .dia a:hover{background:#c8c7b3;}
div.calendario .dia span{border:1px solid #fff; display:block; padding:3px 0; width:20px; color:#998f5c;}

#apaizac #contenido .texto{width:320px;}
#apaizac #contenido .texto h4{padding-bottom:0;}
#apaizac #contenido .texto .intro{color:#8ab71e; font-weight:bold; padding:10px 0 8px 0;}
#apaizac #contenido #object .datos{float:right; width:216px; padding:0 0 10px 15px;}

#apaizac #contenido div.floatright{width:222px;}

#apaizac #contenido div.tripulantes{width:270px; float:right; margin:0 0 0 15px;}
#apaizac #contenido div.tripulantes div{float:left; text-align:center; margin:0 10px 10px 0;}
#apaizac #contenido div.tripulantes p{ font-size:0.9em; color:#998f5c;}

#apaizac #contenido div.video{ padding:15px; border:1px solid #beb895; width:255px; position:absolute; left:50%; margin:10px 0 0 -80px; text-align:center; }

#apaizac #contenido .galery{margin:0 14px 40px 14px; padding:4px; border:1px solid #c5bb90; position:relative; width:70px;}
#apaizac #contenido .galery img{border:0; padding:0;}
#apaizac #contenido .galery p{color:#998f5c; position:absolute; left:5px; top:66px;}

/* =patrocinadores */
#apaizac div.patrocinadores1{background:#f5f5ec url(img/general/punto.gif) repeat-x left bottom; padding:15px 0; text-align:center;}
#apaizac div.patrocinadores1 a img{border:0; margin:0 15px 0 12px;}
#apaizac div.patrocinadores2{ padding:10px 0 0 0;}
#apaizac div.patrocinadores2 a img{border:0; margin:0 7px 0 5px;}
#apaizac div.patrocinador img{float:left;}
#apaizac #contenido div.patrocinador a{position:absolute; top:45px; left:140px; text-decoration:none; font-size:1.2em; color:#998f5c;}
#apaizac #contenido div.patrocinador a:hover{color:#655e3c;}
#apaizac #contenido div.patrocinador a span{ font-size:0.8em;}

#apaizac #contenido a.pdf{display:block; background:url(img/general/pdf.gif) no-repeat; margin:10px 0 0 0; color:#60820e; padding:10px 0 10px 36px; width:120px; font-weight:bold; font-size:0.9em;}
#apaizac #contenido a.pdf:hover{color:#4d6514; text-decoration:none;}

/* =actividades */
#contenido .actividades h4{font-size:1.1em; color:#8ab71e; background: transparent url(img/general/punto.gif) repeat-x bottom left; margin:15px 0 7px 0; padding:4px 0;}
#contenido .actividades h5{font-size:1em; color:#60820e; font-weight:bold;background:url(img/general/ico_punto.gif) no-repeat 0 0;	padding:0 0 0 18px; margin:7px 0;}

#contenido .panelinformativo{padding:10px; background:#e8f1d2; margin: 0 285px 0 0;}
#contenido .panelinformativo a{ color:#2d2f6b;}

/*= ubicacion */
#contenido .panelinformativo2{border: 1px solid #c5bb90; margin: 0 285px 0 0;}
#contenido .panelinformativo2 h6{border-bottom: 1px solid #c5bb90; color:#7f7f7f; font-size:1em; font-weight:bold; padding:5px;}
#contenido .panelinformativo2 p{ padding:5px; margin: 0 4px;}
#contenido .panelinformativo2 p.tlfn3{background:url(img/general/tlfn3.gif) no-repeat 0 5px; padding:9px 15px 9px 45px; color:#776c38;}

/* =encuentros */
#contenido #navencuentros{ margin:0 0 15px 0; padding:10px 0; clear:both; background: transparent url(img/general/punto.gif) repeat-x bottom left; position:relative;}

#contenido #navencuentros ul li{display:inline; margin:0 3px;}
#contenido #navencuentros ul li a{font-weight:bold; text-decoration:none;display:block; float:left; padding:5px 8px;}
#contenido #navencuentros ul li a.sel{ color:#4e6c07; height:31px; background: url(img/general/ico_anio_sel.gif) no-repeat;}
#contenido #navencuentros label{font-size:0.9em;}
#contenido #navencuentros select{margin:0;}
#contenido #navencuentros input.boton{float:none;font-size:0.9em;margin:0;}

#contenido #navencuentros form{margin:0 0 2px 290px;}

/* =webmap */
#contenido ul.mapa{float:left; display:inline; margin: 0 0 0 40px; width:200px; font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif; font-size:1.1em;}
#contenido ul.mapa li{padding:9px 0; }
#contenido ul.mapa li a{

	margin:0;
	padding:0 0 4px 25px; 
	height:13px;
	color:#998d58;
	background:url(img/general/ico_mapa1.gif) no-repeat 0 0;
}
#contenido ul.mapa li a:hover{text-decoration:none;}
#contenido ul.mapa li li{ margin:0 0 0 25px; padding:7px 0;}
#contenido ul.mapa li li a{
	padding:0 0 0 12px; 
	height:13px;
	color:#8ab71e;
	background:url(img/general/ico_mapa2.gif) no-repeat 0 5px;
}

/* =contacto*/
#contenido .email2{background:url(img/general/email2.gif) no-repeat 0 5px; padding:9px 15px 9px 25px;}
#contenido .tlfn2{background:url(img/general/tlfn2.gif) no-repeat 0 5px; padding:9px 15px 9px 25px;}
#contenido #areatexto.contacto{line-height:1.5em;}

/* =navegaciones: links, ul li a, ... */
#contenido a.masinfo, #contenido a.volver, #contenido a.arriba, #contenido a.adelante, ul.navegacion li a{
	font-weight:bold; 
	display:block;
	font-size:0.9em; 
	margin:6px 0 0 0;
	text-decoration:none; 
	color:#8ab71e; 
	padding:0 0 0 18px; 
	height:13px;
}
#contenido a.masinfo{background:url(img/general/ico_mas_info.gif) no-repeat 0 0;}
#contenido a.volver{background:url(img/general/ico_volver.gif) no-repeat 0 0;}
#contenido a.adelante{background:url(img/general/ico_adelante.gif) no-repeat 0 0;}
#contenido a.arriba{background:url(img/general/ico_arriba.gif) no-repeat 0 0; color:#c5bb90;}

#contenido a.masinfo:hover, #contenido a.volver:hover, #contenido a.arriba:hover, #contenido a.adelante:hover, #contenido ul.navegacion li a:hover{background-position:0 -13px; color:#a3d923;}
#contenido a.arriba:hover{color:#a69d78;}

#contenido ul.navegacion li{margin:5px 0 5px 20px;}
#contenido ul.navegacion li li{margin:5px 0 5px 10px;}
#contenido ul.navegacion li a{background:url(img/general/ico_adelante.gif) no-repeat 0 0; margin:0; color:#8ab71e;font-weight:normal; font-size:1.1em;}
#contenido ul.navegacion li li a{margin:4px 0 4px 20px; font-size:1em; color:#60820e;}

#contenido .email{background:url(img/general/email.gif) no-repeat 0 5px; padding:9px 0 9px 30px;}
#contenido .tlfn{background:url(img/general/tlfn.gif) no-repeat 0 5px; padding:9px 0 9px 30px;}

/* =clases generales ------------------------------------------------------------------------- */
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.floatright{float:right; margin:0 0 10px 10px;}
.floatleft{float:left;}
.clearboth{clear:both;}
.destacado{font-weight:bold; color:#988e5c;}
.destacado2{color:#8ab71e;}
.destacado3{color:#b0a575;}
.info{color:#022d74;}
.mas{font-size:1.2em;}
.menos{font-size:0.8em;}
.linea{background:transparent url(img/general/punto.gif) repeat-x bottom left; padding-bottom:10px; margin-bottom:7px;}
.error{display:block; padding:0 0 0 5px; color:#f57520; font-size:0.8em;}
.autor{font-size:0.9em; float:right;}
.txt{color: #7F7F7F; font-weight: bold; }
.cita{  padding:10px;}

img.borde{ border:1px solid #c5bb90; padding:10px;}

/* =LIGHTBOX------------------------------------ ------------------------------------- */
#lightbox{background-color:#fff;padding:15px 15px 0 15px; border:1px solid #ddd; }
#lightboxDetails{font-size: 0.8em; padding:0.8em 0 10px 0; margin:0;}	
#lightboxCaption{float:left;}
#closeButton{top:2px; right:2px;}

#lightbox img{border:none; clear:both;} 
#overlay img{border:none;}

#overlay{background-image:url(img/general/overlay.png);}

* html #overlay{
	background-color: transparent;
	back\ground-color: transparent;
	background-image: url(img/general/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}