/* CSS Hotel Penalen */
/* Estilos especificos del web */

*, html { margin:0; padding:0; font:normal 95% Arial, Helvetica, sans-serif; line-height:140%;list-style-type:none;}
li { list-style-type:none;}
strong { font-weight:bold;}
body {color:#434343;background:#fff url(../img/fondo.gif) left top repeat-x;}

h1 {margin:10px 0 0 25px;float:left;width:163px;height:62px;}
h2 { font-size:170%; color: #666;}
h3 {font: 150% Georgia, "Times New Roman", Times, serif;color:#c11e48;	margin:5px 0 15px;line-height:90%;}
h4 {margin:10px 0px 0 0;font:bold 105% Arial, Helvetica, sans-serif;color:#333;}

p {	margin:0 0 10px;}
strong, em{ font-size:100%;}

a{	color:#000;	text-decoration:none; font-size:100%;}
a:link{	color:#000;	}

/*#head a:visited{
	color:#666;	
}*/

a:active{color:#006729;	}
a:focus{color:#006729;}
a:hover {color:#c11e48;}

img { border-style:none;}
.clear {clear: both; color:#999; font-size:0.7em; height:0px;}
noscript p{ clear:both; margin: 20px auto; width:950px; display:block; color:#fff; clear:both;}
.center { text-align:center; }
em { font-style: italic;}

/*-- Estilos para la Home --*/

#contenedor {width:952px;margin:0 auto;}

#head { background:#000 url(../img/fondo-head.gif) left top repeat-x; height:124px; }
.tel, .tel2 {
	height:87px;
	float:right;
	background:url(../img/fondo-tel.gif) center bottom no-repeat;
	width:140px;
	margin:0 30px 0 0;
	color:#666; 
	text-align:center;
	font-size:100%;
}
.tel2 {	width:163px;margin:0 30px 0 0;}
.tel strong, .tel2 strong { color:#c11e48; font-size:135%; display:block; }
.version a, .version2 a{ background:#999 url(../img/ico-fl-bl.gif) 11px center no-repeat; color:#fff; display:block; font-size:90%; padding:2px 0; margin:0 12px 0 10px;}
.version2 a{ padding:2px 0; margin:0;}
.version a:hover, .version2 a:hover { background-color:#333;}

#head ul{  text-align:right; padding:7px 0 0 8px; display:block; height:34px;}
	#head li {
		color:#fff;
		padding:1px 10px 5px 10px;
		float:left;
		background:url(../img/separador.gif) left top no-repeat;
	}
	#head li a {color:#fff;padding:2px 10px 2px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:115%;}
	#head li a:hover { background-color:#000; color:#fff; padding-bottom:3px;}
	#head .current {background-color:#000; color:#fff; padding:2px 10px 2px;font-size:115%; font-weight:bold; }
	#head .sin { background:none;}

#head ul.menu li { padding: 0 19px 5px;}


.img-home {margin:0px;
	color:#333;
	clear:both;
	background-color:#ccc;
	height:340px;}

.destacados { background:url(../img/fondo-destacados.gif) left top repeat-x; padding:5px 0 10px;}
	.izq {float:left;width:525px; }
		.izq h2 { font-size:150%; margin:10px 0 5px 20px; color:#000;}
		.col-a { 
		background:#eee url(../img/boda-img.jpg) left bottom no-repeat; 
		padding:20px 30px 0 255px; 
		margin-left:20px;
		height:177px;
		width:209px; 
		}
		.col-aE { 
		background:#eee url(../img/wifi-free.gif) left bottom no-repeat; 
		padding:20px 30px 0 255px; 
		margin-left:20px;
		height:177px;
		width:209px; 
		}
			.col-a h2, .col-aE h2  {
				color:#333;
				font:normal 170% Georgia, "Times New Roman", Times, serif;
				margin-bottom:10px;
				line-height:80%;
			}
			.col-a p, .col-aE p { font-size:110%;}
			.col-a li {background:url(../img/ico-fl-rosa.gif) left 3px no-repeat; padding:0 0 3px 8px;}
			.col-a li a{ color:#666; font-size:105%;}
			.col-a li a:hover{ color:#c11e48;}
		
		.dcha {float:right; width:371px; margin-right:20px; }
		.dcha h2 { font-size:150%; margin:10px 0 5px 0px; color:#c11e48;}
		.dcha h3 { color:#fff; background:#d05675 url(../img/fondo-oferta-trama.gif) left top no-repeat; height:22px; width:341px; font-size:120%; font-weight:bold;
			padding:5px 15px 0; margin-bottom:0px; clear:both;}
		
		.dcha li, .dcha2 li { margin:11px 20px; font-size:110%;}
		.dcha li strong, .dcha2 li strong{ font-size:130%; color:#333; float:left;}
		.dcha li a {  clear:right; display: block; float:right; width:220px; padding-bottom:10px; font-size:90%;}
		.dcha li.clear, .dcha2 li.clear  { border-bottom:1px dashed #999;}
		.dcha .enlace a{ background:url(../img/ico-mas.gif) left 0px no-repeat; color:#c11e48; padding:0 0 0px 20px; font-size:120%;}
		.dcha .enlace a:hover { background:url(../img/ico-mas.gif) left bottom no-repeat; color:#333;}
	
	.dcha2 {float:left; width:520px; margin:10px 0 0px 40px; }
	.dcha2 h3 { color:#fff; background-color:#d05675; height:22px; font-size:120%; font-weight:bold;
			padding:5px 15px 0; margin-bottom:0px; clear:both;}
	.dcha2 li span{  clear:right; display: block; float:right; width:380px; padding-bottom:10px; font-size:100%; margin-top:3px;}
	
	.col2 { float:right; width:230px; margin:10px 40px 0 0; border:1px solid #ccc; padding:10px 25px; font-size:140%;}
	.col2 strong a{ font-weight:bold;}
.reservas {
	background:#c11e48 url(../img/fondo-reservas.jpg) left top no-repeat;
	height:297px;
	width:245px;
	position:absolute;
	z-index:1;
	left: 674px;
	top: 17px;
	padding:10px 0px 0 15px;
	font-size:110%;
}
.reservas h2 { line-height:80%; font-size:140%;}
.reservas h2 strong { color:#000;}
.reservas h2 span { color:#c11e48; display:block; font-size:70%; margin:0px 0 50px; padding:0px;}
.reservas h2 span.color { color:#c11e48; font-size:70%; display: inline; margin-left:10px; margin-bottom:50px; }
.reservas label { color:#fff; width:115px; float:left; vertical-align:middle; margin-bottom:20px; margin-right:5px; }
.reservas input { color:#333; font-size:100%;height:17px; padding:1px; border:1px solid #c11e48; width:87px;}
.reservas select { width:110px; border:1px solid #c11e48; height:20px; padding:1px;}
.reservas .botton { 
	background: url(../img/fondo-boton-form.gif) left top no-repeat; 
	width:154px; 
	margin:0 auto; 
	height:29px; 
	display:block; 
	border:none; 
	color:#fff;
	font:bold 100% Verdana, Geneva, sans-serif;
	cursor:pointer;
}

#acc { width:20px; border-style:none; vertical-align:middle; border:1px solid #c11e48;}
label.accesible { background:url(../img/ico-accesibilidad.gif) 102px 0px no-repeat; display:block; width:190px!important; padding-bottom:10px;}

.rutas { width:159px; padding-top:160px; float:left; margin-left:9px;}
.rutas p a{ line-height:120%; font-size:110%; color:#333;}
.rutas p a:hover{ text-decoration:underline;}

.a { background:url(../img/d-bardenas.jpg) left top no-repeat; margin-left:20px;}
.b { background:url(../img/d-olite.jpg) left top no-repeat;}
.c { background:url(../img/d-sendaviva.jpg) left top no-repeat;}

/*---- Paginas interior ---------- */


#contenido{ padding:270px 0 20px; background-color:#fff; min-height:400px;}
	.hotel { background:url(../img/hotel-penalen.jpg) left top no-repeat;}
	.habitac{ background:url(../img/habitacion.jpg) left top no-repeat;}
	.promo{ background:url(../img/bardenas.jpg) left top no-repeat;}
	.promoEn{ background:url(../img/discover-navarra.jpg) left top no-repeat;}
	.reser{ background: url(../img/reservas.jpg) left top no-repeat;}
	.restaurante{ background:url(../img/restaurante.jpg) left top no-repeat;}
	.carta{ background:url(../img/carta.jpg) left top no-repeat; font-size:110%; }
	.bodas-banquetes{ background:url(../img/bodas-banquetes.jpg) left top no-repeat;}
	.acc{ background:url(../img/restaurante-baile.jpg) left top no-repeat;}
	.av{ background:url(../img/jardin.jpg) left top no-repeat;}
	.entorno{ background:url(../img/entorno2.jpg) left top no-repeat;}

	.col-izq { width:550px; float:left; margin:0px 0px 0 40px; }
	.col-izq2 { margin:0px 40px 0 40px; }
	.col-dcha { float:right; width:200px; margin:30px 40px 0 0;}
	.col-izq li, .t-bodas li { font-size:105%; background:url(../img/ico-fl-rosa.gif) left 4px no-repeat; padding-left:10px;}
	.col-izq2 h3 { margin-bottom:2px;}
	.col-izq2 p.prom a{ font-size:150%!important; font-weight:bold; }
	
table .tb { width:100%; margin-bottom:20px; border:none;}
.tb th { background-color:#c11e48; color:#fff; font-size:110%; padding:3px 0; font-weight:bold;}
.tb td { text-align:center; font-size:110%; color:#666; padding:3px 30px; border:1px solid #ccc;}

.galeria { float:right; width:260px; margin-right:40px;}
.galeria ul { margin-top:30px;}
.galeria li { list-style-type:none; float:left; margin:0 0 5px 5px;}

.platos { width:400px; float:left;}
.platos h4, .vinos h4 { margin-bottom:10px; color:#999; font-size:140%;}
.platos li, .vinos li, .t-bodas li { margin-bottom:3px;}
.platos span, .vinos span { color:#999;}
.m { margin-right:55px;}

.ecarta { margin:15px 0 0 10px;}

.bottom { text-align:center; width:198px; margin:25px 0 0 30px;  }
.bottom a{  font-size:110%; display:block;background: url(../img/fondo-boton.gif) left top no-repeat;height:31px; padding-top:8px; color:#fff;}
.bottom a:hover{ background: url(../img/fondo-boton.gif) left bottom no-repeat; color:#c11e48;}

td.negro { font-size:120%!important; color:#333!important; font-weight:bold;}
.separador { width:874px; height:48px; background:url(../img/separador-rest.gif) center bottom no-repeat; clear:both; margin:10px auto;}
.t-vinos { float:left; width:205px; }
.mm { margin-left:20px;}

.bodas { font-size:110%;}
.t-bodas { float:left; width:390px; margin-right:30px; }
.t-bodas h4 { margin-bottom:10px; font-size:140%; color:#999;}

.ubicacion { float:right; width:260px; margin-right:40px;}
.ubicacion strong, .ubicacion a { font-size:100%; }
#map {width:248px; height:200px; border:1px solid #ccc; padding:3px; margin:0 0 10px 0px; }

.condiciones { margin:15px 0 0 30px; background:url(../img/fondo-condiciones.gif) left top no-repeat; padding:15px 40px; width:798px; height:143px;}
.condiciones h4, .info h4{ color:#c2991f; margin-bottom:5px;}
.condiciones li { background:url(../img/ico-cuadro.gif) left 3px no-repeat; padding-left:15px; padding-bottom:4px; font-size:100%;}

.condiciones2 { margin:15px 0 0 40px; padding:5px 20px; width:798px; height:143px; overflow:auto; border:1px solid #ddd; color:#666;}
.info { margin: 8px 52px 5px 40px; border:1px solid #dbc37b; padding:5px 20px;}

.col-3 { float:right; width:300px; font-size:110%; margin-right:40px;}
.col-3 h3 { color:#000; margin:0px 0 8px; font-size:130%;}
.col-3 h3 span { font-size:90%; color:#c11e48; display:block;}
.col-3 h3 span:hover { text-decoration:underline; cursor:pointer;}

.col-3 ul, .col-3 p { margin-bottom:25px;}
.col-3 li { background:url(../img/ico-cuadro-gris.gif) left 7px no-repeat; padding-left:10px; font-size:100%;}

#form2 { width:99%; margin:20px 0 0 15px;}
.habb { border-top:1px dotted #e9b0bf; margin-top:15px; padding-top:10px; margin-right:15px;}
.reservas2 {
	float:left;
	/*background:#c11e48 url(../img/fondo-buscador.jpg) left top no-repeat;*/
	background-color:#c11e48;
	border:1px solid #e9b0bf;
	width:440px;
	min-height:260px;
	padding:20px;
	font-size:110%;	
	color:#e9b0bf;
}
.reservas2 h2, .reservas3 h2 { line-height:80%; font-size:140%; color:#fff; margin-bottom:5px; border-bottom:1px solid #e9b0bf; padding-bottom:10px;}
.reservas2 label { color:#fff; width:170px; float:left; margin-bottom:10px; margin-right:40px; }
label.fecha { background:url(../img/ico-calendario.gif) right bottom no-repeat; }
.reservas2 input{ color:#333; width:140px; font-size:100%;height:16px; padding:1px; border:1px solid #e9b0bf; }
.reservas2 select, .reservas3 select { width:110px; border:1px solid #e9b0bf; height:20px; padding:1px;}
.reservas2 .botton, .reservas3 .botton { 
	background: url(../img/fondo-boton-form.gif) left top no-repeat; 
	width:154px; 
	height:29px;
	float:right;
	margin:0px 25px 0 0;
	display:block; 
	border:none; 
	color:#fff;
	font:bold 100% Verdana, Geneva, sans-serif;
	cursor:pointer;
}
.reservas2 select.habitacion { width:380px;!important}
.flotar {float:left;width:260px;}
.reservas3 {
	/*background:#c11e48 url(../img/fondo-buscador.jpg) left top no-repeat;*/
	background-color:#c11e48;
	width:240px;
	padding:10px;
	font-size:110%;	
	color:#fff;
	margin-bottom:20px;
}
.reservas3 .botton { 
	margin:8px auto;
	display:block;
	float:none;
}
.reservas3 a { color:#fba7bd; background:#7f132f url(../img/ico-flecha-modif.png) 60px center no-repeat; border:1px solid #df2454; padding:2px 5px; margin-top:8px; display:block; width:68px;}
.reservas3 a:hover { background-color:#df2454; color:#fff;}

.reservas3 p.size { font-size:130%;}
.flotar li { font-size:110%; background:url(../img/ico-fl-rosa.gif) left 5px no-repeat; padding-left:10px; }

.pasos { margin:30px 0px; clear:both; background-color:#eee; border:1px solid #ddd; height:38px; }
.pasos li{ float:left; padding:2px 10px; font-size:150%; color:#999; font-weight:bold; margin-top:3px;}
.pasos li .activa { color:#c11e48; font-weight:bold; font-size:100%;}

.col-4 { float:right; width:550px;}
.col-4 h3 { color:#000; margin-bottom:15px;}
.col-4 h4 { font-size:140%; color:#000; margin-top:10px; border-bottom:2px solid#000; padding-bottom:10px;}
.col-4 .tit { border-bottom:none; margin:0px 0 10px; padding:0px; font-size:140%; clear:both; color:#c11e48;}
.col-4 .tit2 { border-bottom:none; margin:10px 0 10px; font-size:160%!important; color:#c11e48; font-weight:bold;}

.col-4 #formDatos p{ font-size:110%;}
.col-4 #formDatos .datos, .datosTarjeta { width:300px; float:left; margin-bottom:20px;}
.col-4 #formDatos label { float:none;!important; clear:both; font-size:110%; display:block; margin-bottom:2px;}
.col-4 #formDatos input, .col-4 #formDatos textarea { width:300px; padding:2px; margin-bottom:5px; font-size:110%;}
.col-4 #formDatos select { padding:2px; margin-bottom:5px; font-size:110%;}
.col-4 #formDatos input.check { width:20px; margin-bottom:0px; padding-top:0px;}

.col-4 #formDatos input#telefono, .col-4 #formDatos input#NumDoc { width:150px;}
.col-4 #formDatos input.numTarjeta { width:50px;}
.col-4 #formDatos input.fechaTarjeta { width:30px;}

.col-4 #formDatos ul{ margin-bottom:20px;}
.col-4 #formDatos li { background:url(../img/ico-cuadro-gris.gif) left 5px no-repeat; padding-left:10px; font-size:110%; }

.comodo { background:url(../img/secure_site4.gif) right top no-repeat; width:170px; float:right; padding-top:40px; text-align:right; color:#666; margin-top:0px;}
.logosTarjetas { width:200px; float:right; background:url(../img/logos-tarjetas.gif) left 20px no-repeat; height:70px; color:#666;}
.flotarDcha { float:right; display:block; border:1px solid #ddd; padding:5px 10px; width:96%; text-align:right; margin:10px 0 30px;  clear:both; }

.col-4 #formDatos label a { font-size:100%; color:#333; border-bottom:1px dashed #333; }
.col-4 #formDatos label a:hover { color:#000; border-bottom:1px solid #000;}

.volver { float:left; width:150px; background-color:#eee; border:1px solid #ddd; text-align:center; padding:4px 0; color:#666!important;}
.finalizar { float:right; width:165px!important; background-color: #9C0; text-align:center; padding:8px 0!important; font-weight:bold; font-size:130%!important; cursor:pointer; }
.finalizar a { font-size:140%; font-weight:bold;}

table { border:none;}
.tabla { width:510px; border: none; border-color:#fff;}
	.tabla td { text-align:right; padding:15px 0px; font-size:115%; border-bottom:1px solid #e9b0bf; color:#666;}
	.tabla td span { font-weight:bold; font-size:100%;}
	.tabla td strong { color:#c11e48; font-size:140%; }
	.tabla th { text-align:left; color:#666; font-size:150%; border-bottom:1px solid #e9b0bf; font-weight:bold; width:200px;}
	.tabla th strong { color:#c11e48;}
	.tabla td.reservar { width:90px;}
	.tabla td.sin, .tabla th.sin { border-bottom:none;}
	.tabla td a { background-color:#e9b0bf; margin-right:5px; padding:3px 10px; font-size:140%; font-weight:bold;}
	.tabla td a:hover { background-color:#000; color:#fff;}
	.tabla select { padding:2px!important; width:50px;}
	#precio_final { font-size:120%;}
	td.required { margin-right:20px;}
.gr { font-size:120%; color:#666; margin-top:20px;}

.confirmacion { float:left; width:100%; font-size:100%;}
.confirmacion h4 { clear:both;}
.confirmacion p { font-size:105%; }
.confirmacion span { display:block; width:200px; float:left; font-weight:bold;}
.confirmacion ul { margin:10px 0; display:block; }
.confirmacion li {font-size:105%; line-height:150%; clear:both; padding-bottom:3px;}
.confirmacion ol li { background:url(../img/ico-fl-rosa2.gif) left 5px no-repeat; padding-left:10px; font-size:105%; line-height:150%;}

.separata { height:1px; background-color:#d05675; width:100%; margin:10px 0 10px; display:block; clear:both;}
.colorPrecio { color:#d05675; font-size:150%; }

/* -- Formulario -- */
/*estilos de formulario */

#formulario { width:80%; margin:20px auto 0; border:1px solid #ccc; padding:10px; }

#formulario label { display:block; line-height:150%;}
#formulario input, #formulario textarea{
	border-style:none;
	border-bottom:1px solid #ccc;
	padding:2px;
	color:#000;
	font-size:100%;
	width:98%;
	background-color:#eee;
	margin-bottom:3px;	
	list-style-type:none
}
#formulario textarea{
	height:50px;
	margin-bottom:10px;	
}

#formulario .boton{
	width:80px;
	color:#666;
	border:1px solid #999;
	display:block;
	margin:20px auto 0;
	display:block;
	cursor:pointer;
	padding:5px 0;
}

#formulario .boton:hover{
	background-color:#c11e48;
	color:#fff;
}
#formulario .check {
	margin-right:5px;
	clear:both;
	width:15px;
	border-style:none;
	float:left;
	color:#ccc;
}
#formulario a {
	color:#666;
	border-bottom:1px dotted #666;
}
#formulario a:hover {
	border-bottom:1px solid #666;
}
.gracias {
	width:90%;
	background-color: #eaeaea;
	border:1px solid #ccc;
	font-size:110%;
	padding:20px;
}

.gracias a { display:block;	margin:10px 0; text-decoration:underline; color:#C00;}
.gracias a:hover { color:#cc0000;}



/* -- Pie -- */

#pie {	
	background:#dfdfdf url(../img/esq-pie.gif) left bottom no-repeat;
	padding:0px 10px 0 20px;
	height:72px;
	margin-bottom:10px;
	font-size:100%;
}
#pie .pie { float:left; margin-top:10px; width:380px;}
#pie .sp { float:right; margin-right:20px; border-left:1px solid #fff; padding:10px 0 0px 20px; margin-top:0px; font-size:90%; }

#pie ul { margin-top:5px; margin-left:5px;}
#pie li { display:inline;}
#pie li a{ color:#434343;}
#pie li a:hover{ text-decoration:underline;}

/************ jquery validate *******************/
.container label.error {
	/*display: inline;*/
	margin-bottom:15px;
}
div.container {
	display:none;
	width:520px;
	background: #fff url(../img/alerta.png) 15px 10px no-repeat;
	border: 5px solid #9C0;
	/*margin: 5px 0 15px;*/
	padding: 10px;
	float:left;
	/*margin-left:40px;*/
	color:#333;
	font:100% Arial, Helvetica, sans-serif;
}
div.container h4 {
	margin:0px;
	padding:12px 0 20px 55px;
	border-bottom:1px solid #fff;
	margin-bottom:8px;
	font:bold 130% Arial, Helvetica, sans-serif;
}
div.container ol li {
	background:url(../img/ico-fl-rosa2.gif) left center no-repeat; padding-left:15px;
	margin-left: 50px;
	font-size:110%;
}

.col-4 #formDatos input.error { color:#9C0; border:1px solid #9C0; background-color:#e3fd8e}
/***********************************************/
.botton {
	background-color:#e9b0bf; margin-right:5px; padding:3px 10px; font-size:140%; font-weight:bold; cursor:pointer;}

/****************************/
#texto-aviso-legal {
	margin:0 0 10px;
	font:110% Arial,Helvetica,sans-serif;
	width:90%;
}

#texto-aviso-legal .titular {
	color:#C11E48;
	font:90% Arial, Helvetica, sans-serif;
	margin:5px 0 10px;
}

#texto-aviso-legal ul { margin-bottom:10px; }
#texto-aviso-legal li {
	background:url("../img/ico-fl-rosa.gif") no-repeat scroll left 4px transparent;
	font-size:105%;
	padding-left:10px;
	margin-bottom:2px;
}