/* CSS Document */
body {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin: 0;
	padding: 0;
	background: url(../images/ff_web.gif) repeat;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

img {
	border: none;
	}

.clearall {
	clear: both;
	font-size: 1px;
	line-height: 0em;
	}
.noprint {
	display: block;
	}
/******* ESTRUCTURA WEB ******/
#web {
	margin: 0 auto;	
	max-width: 967px;
	min-width: 775px;
	border-right: 2px solid #E5E5E5;
	border-bottom: 2px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	background-color: #FFF;
	}	
* html #web {
	width: 967px;
	}
#menu_dcha {
	float: right;
	width: 200px;
	}
.menuprincipal {	
	border-left: 1px dotted #7F7F7F;
	border-bottom: 1px dotted #7F7F7F;
	}
#banner_dcha {
	text-align: center;
	padding: 5px 0;
	}
#banner_dcha a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	}
#mainContent {
	margin-right:230px;
	margin-left: 2em;
	line-height: 1.5em;
	}
#mainContent_presentacion {
	background: url(../images/fnd_presen.jpg) right 0 no-repeat;
	margin: -31px 200px 0 2em;
	line-height: 1.5em;
	padding-right: 30px;
	}
	
.nota {
	font-family:Arial, Helvetica, sans-serif;
	background: url(../images/css-aviso.gif) right top no-repeat;
	padding: 20px 20px 15px 15px;
	}
	.nota p {
		margin: 0 0 .4em 0;
		line-height:1.2em;
		}
	.nota .titulo {
		font-size: 1.3em;
		color:#FFFFFF;
		margin-bottom:.3em;
		margin-bottom:.4em;
		}
	.nota span {
		font-weight: bold;
		color:#ffffff;
		font-size:1.1em;
		}
	.nota a {
		background: url(../images/css-mas-info.gif) 0 0.5em no-repeat;
		color: #000;
		padding-left: 8px;
		}
	.nota a:hover {
		color: #FFF;
		}
	.banerOrdenador {
		background: url(../images/css-ordenador.gif) 0 bottom no-repeat;
		height:120px;
		width:180px;
		float: right;
		padding: 0 53px 0 20px;
		margin-left:35px;
		color:#7b7b7b;
		}
	.banerOrdenador p {
		margin: 0;
		}
	.banerOrdenador .enlace {
		font-size: 1.8em;
		}
	.banerOrdenador .enlace a {
		color:#E9A400;
		font-family:Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
		display:block;
		}
	.banerOrdenador .enlace a:hover {
		color: #000;
		}
	.banerOrdenador a {
		color: #7b7b7b;
		}
	.banerOrdenador a:hover {
		color:#000;
		}
		
	ul.calendario {
		background: url(../images/css-calendario.gif) 0 0 no-repeat;
		padding:0 0 15px 150px;
		margin: 0;
		font-size: 1.1em;
		min-height: 122px;
		}
	
	ul.calendario li.titulo {
		background-image: none;
		padding-left:0;
		font-weight: bold;
		color:#E9A400;
		padding:15px 0 5px 0;
		font-size:1.1em;
		font-family:Arial, Helvetica, sans-serif;
		}

/*********************** APOYO A LOS LECTORES DE TEXTO ********************/
.ayuda {
	position: absolute;
	left: -1000px;
	width: 1px;
	font-size: .0001%;
	line-height: 1%;
}
a.ayuda:active {
	position: static;
	width: auto;
	height: auto;
}

/********************* ESTILOS ENCABEZADOS ******************/
h1 {
	color: #E9A400;
	font-size: 240%;
	font-weight: bold;
	margin-top: 1.4em;
	margin-bottom: 1.1em;
	font-family:Arial, Helvetica, sans-serif;
	 }
h1.tit_presen {
	padding-top: 31px;
	}

h2 {
	color: #000000;
	font-size: 200%;
	font-weight: bold;
	margin-top: 1.8em;
	margin-bottom: 1em;
	line-height: 1.3em;
	font-family:Arial, Helvetica, sans-serif;
	 }


/********************** CABECERA   **************************/
#cabecera {
	position: relative;
	background:url(../images/fnd-cab-01.gif) repeat-x left top;
	height: 192px;
	text-align: right;
	}
#cabecera img{
	border: none;
	}
#micro {
	position: absolute;
	font-size: 280%;
	font-weight: bold;
	top: 0;
	left: 0;
	color: #E9A400;
	height: 192px;
	}
#logos{
	position: relative;
	margin-top: 0;
	margin-right: 20px;
	padding-top: 10px;
}
	
/*****************  CABECERA IMPRESORA   ************************/

#cabecera_print {
	display: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 250%;
	font-weight: bold;
	color: #E9A400;
	border-bottom: 15px solid #999999;
	}



/********************** PIE   **************************/
#pie {
	height: 20px;
	background-color:#E9A400;
	border-top: 14px solid #E5E5E5;
	color: #FFF;
	padding-top: 10px;
		}
	
#pie span {
	float: left;
	color: #FFF;
	padding-left: 20px;
	font-weight: bold;
	}
#pie #piesubmenu {
	float: right;
	padding-right: 10px;
	}
#pie #piesubmenu ul {
	margin: 0;
	padding: 0;
	}
#pie #piesubmenu ul li {
	display: inline;
	padding: 0 10px;
	border-left: 1px solid #FFF;
	}
#pie #piesubmenu ul li a {
	color: #FFF;
	text-decoration: none;
	}
#pie #piesubmenu ul li a:hover  {
	text-decoration: underline;
	}
#pie #piesubmenu ul li.primerolista {
	border-left: none;
	}	
#pie #piesubmenu a {
	color: #FFF;
	text-decoration: none;
	}
#pie #piesubmenu a:hover {
	text-decoration: underline;
	}
	
.direccion {
	background: url(../images/pie.gif) 10px bottom no-repeat;
	margin-top: 30px;
	border-top: 1px dotted #7F7F7F;
	padding: 10px 20px 10px 65px;
	}
.direccion span {
	color: #E9A400;
	font-weight: bold;
	}
.direccion a {
	color: #E9A400;
	}
.direccion a:hover {
	color: #7f7f7f;
	}
	
/********************* MENU ******************************/

ul.opcionmenu  {
	margin:0;
	}
ul.opcionmenu li.titulo {
	font-weight: bold;
	color: #FFF;
	display: block;
	background-image: none;
	background-color:#E9A400;
	padding: 4px 3px 4px 10px;
	margin-bottom: 0.8em;
	margin-top: 20px;
	}
ul.opcionmenu li {
	background: url(../images/fnd-lista-menu.gif) 10px 0.4em no-repeat;
	padding-left: 20px;
	padding-bottom: 0.4em;
	}
ul.opcionmenu li a {
	display: block;
	text-decoration: none;
	color: #000;
	}
ul.opcionmenu li a:hover {
	color: #E9A400;
	}


ul.opcionmenu li.inicio {
	background-image: none;
	font-weight: bold;
	color: #FFF;
	display: block;
	background-color:#A9A9A9;
	padding: 1px 3px 1px 0;
	margin-bottom: 0;
	margin-top: 10px;
	}
ul.opcionmenu li.inicio a {
	padding: 4px 10px 4px 20px;
	color: #FFF;
	display: block;
	}
ul.opcionmenu li.inicio a:hover {
	background-color: #000;
	color: #FFF;}

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

.bold {
	font-weight: bold;}
.destacado {
	color: #E9A400;}
a.link {
	text-decoration: underline;
	color: #E9A400;
	}
a.link:hover {
	color: #E7BC56;}

ul {
	margin: 1em 2em;}
ul li {
	background: url(../images/fnd-lista-menu.gif) 0 0.6em no-repeat;
	padding-left: 10px;
	padding-bottom: 0.3em;
	}
ul li a {
	text-decoration: underline;
	color: #000;
	}
ul li a:hover {
	color: #E7BC56;
	}

ul li span {
	width: 200px;
	}

/************** FOTOS  *******************/

.foto_centro {
	text-align: center;
	}

.foto_centro img {
	padding: 3px;
	}
.foto {
	float: left;
	text-align: center;
	font-size: 90%;
	color: #666666;
	line-height: 1.1em;
	}
.ancho25 {
	width: 24%;
	}
.ancho50 {
	width: 49%;
	}
div.clearleft {
	clear: left;
	height: 5px;
	line-height: 0.001em}
	
/* Accesibilidad */

kbd {
	line-height: 2em;
	border-top: .15em solid #CCC;
	border-right: .25em solid #AAA;
	border-bottom: .3em solid #888;
	border-left: .2em solid #BBB;
	padding: 0 .2em;
	background: #EEE;
	vertical-align: text-bottom;
	font-size: 95%;
	font-family: "Courier New", Courier, monospace;
}
ul.accesibilidadSin{list-style-type:none;}
dl.accesibilidadSin dt {
	font-family: "Courier New", Courier, monospace;
	color:#999999;
	font-style: italic;
	font-size: 120%;
	padding-top: 1em;
	padding-bottom: 0.3em;
	font-weight: bold;
	}
h4.accesibilidad {
	font-size: 120%;
	}
	
div.imagen_dch {
	float: right;
	padding: 0 0 20px 20px;
	}

/**********  PRESENTACION  ***************/

.txt_presentacion {
	padding-right: 280px;
	}
.reaj {
	margin: 10px 0;}
.reaj a {
	display: block;
	background:#E9A400 url(../images/fnd_reaj.gif) right top no-repeat;
	padding: 23px 0 18px 25px;
	color: #FFF;
	font-weight: bold;
	width: 95%;
	text-decoration: none;
	}
.reaj a:hover {
	background: url(../images/fnd_reaj_R.gif) right top no-repeat;
	color: #926D16;
	}

/********* COMO LLEGAR ************/

.carretera {
	background: url(../images/fnd_llegar_coche.gif) left top no-repeat;
	height: 65px;
	margin-top: -10px;
	}
.avion {
	background: url(../images/fnd_llegar_avion.gif) left top no-repeat;
	height: 65px;
	margin-top: -10px;
	}
.tren {
	background: url(../images/fnd_llegar_tren.gif) left top no-repeat;
	height: 65px;
	margin-top: -10px;
	}
	
/********** QUE HACER ********************/

dl {
	margin: 0 0 20px 5px;
	padding: 0;
	}
	
dl dt {
	clear: both;
	background: url(../images/fnd-lista-menu.gif) 10px 0.6em no-repeat;
	float: left;
	width: 130px;
	padding: 0 0 0 20px;
	line-height: 1.7em
	}
dl dd {
	line-height: 1.7em;
	color: #E9A400;
	font-weight: bold;}
dl dd a {
	color: #E9A400;
	}
dl dd a:hover {
	color: #E7BC56;
	}
.sobreirun {
	background: url(../images/hacer-f04.jpg) top right no-repeat;
	}
.villas {
	background: url(../images/hacer-f05.jpg) top right no-repeat;
	}
.txingudi{
	background: url(../images/hacer-f06.jpg) top right no-repeat;
	}
.gipuzkoa{
	background: url(../images/hacer-f07.jpg) top right no-repeat;
	}
	
/*********** PRECIOS **************/

table.datos {
	border: none;
	border-collapse: collapse;
	width:100%;
	}
table.datos caption {
	font-size: 160%;
	font-weight: bold;
	color: #E9A400;
	padding: 0 0 20px 0;
	font-family:Arial, Helvetica, sans-serif;
	}
table.datos td {
	padding: 4px 15px 4px 4px;
	border-bottom: 1px solid #fee5a8;
	border-right: 1px solid #fee5a8;
	}
table.datos td {
	text-align: right;
	}
table th.servicio {
	padding: 4px 5px 4px 4px;
	text-align: right;
	background-color:#E9A400;
	border-bottom: 1px solid #fee5a8;
	border-right: 1px solid #E9A400;
	color: #FFFFFF;
	}
table th.titulo {
	padding: 4px 5px 4px 4px;
	text-align: center;
	background-color:#FFB300;
	border-bottom: 1px solid #fee5a8;
	border-right: 1px solid #fee5a8;
	}
table th.primero {
	border-left: 1px solid #E9A400;
	}
table th.subtit01 {
	padding: 4px 5px 4px 4px;
	background-color: #E9A400;
	border-right: 1px solid #fee5a8;
	color: #FFFFFF;
	vertical-align: text-top;
	}
.columna01 {
	background-color: #FFF5DD;
	}

/********* RESERVAS *************/
form.reservas fieldset {
	padding: 10px;
	border:1px solid #FEE5A8;
	}

form.reservas legend {
	padding: 0 10px 10px 10px;
	font-size: 120%;
	font-weight: bold;
	color: #E9A400;
	}

form.reservas input,
form.reservas textarea {
	font-family: "Tahoma" Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #E9A400;
	padding: 2px;
	float: left;
	font-size: 100%;
	}
form.reservas .error {
	background-color: #FFCFCF;
	}
form.reservas .peque {
	width: 75px;
	}
form.reservas .comentarios {
	width: 100%;
	font-size: 100%;
	}
form.reservas .centrar {
	text-align: center;
	}
	
form.reservas label.txt {
	float: left;
	width: 20%;
	text-align: right;
	padding-right: 5px;
	}
form.reservas .button {
	cursor: pointer;
	border: none;
		}
form.reservas label.dedo {
	cursor: pointer;
		}

form.reservas p {
	margin: 0;
	padding: 5px 0 5px 0;
	}
form.reservas .botones {
	float: right;
	margin-top: 25px;
	}
form.reservas input.enviar {
	background: url(../images/bot_enviar.gif) right top no-repeat;
	border: 1px solid #E6E6E6;
	padding: 0 12px;
	margin: 0;
	cursor: pointer;
	font-weight: bold;
	}
form.reservas input.enviar:hover {
	background: url(../images/bot_enviarR.gif) right top no-repeat;
	color: #D1DA05;
	}
form.reservas .falsoLabel {
	float: left;
	width: 20%;
	text-align: right;
	padding-right: 5px;
	}
form.reservas .input_enlinea input {
	float:none;
	}




div.idioma {
	text-align: right;
	padding: 1px 10px 3px 0;
	margin: 0 0 1px 0;
	background-color: #000000;
	}
div.idioma ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
div.idioma ul li {
	display: inline;
	background-image: none;
	border-right: 1px solid #FFFFFF;
	padding-right: 10px;
	}
div.idioma ul li.ultimo {
	border-right: none;
	}
div.idioma a {
	color: #fff;
	text-decoration: none;
	}
div.idioma a:hover {
	color: #CCCCCC;
	}
	

/******* PRECIOS : MAS INFORMACION *********/

.masinfo {
	background:url(../images/pdf.gif) 10px 5px no-repeat;
	padding: 5px 10px 10px 100px;
	}
.masinfo .titulo {
	font-size:120%;
	font-weight:bold;
	color:#E9A400;
	font-style:italic;
	color:#858585;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:0;
	}
.masinfo a {
	color:#E9A400;
	}
.masinfo a:hover {
	color:#7f7f7f;}