/* --------------------------------
------------ GENERAL -------------- 
-----------------------------------*/

*{margin:0;padding:0}

html,
body{
height:100%;
width:100%;
color:#000;
/*position:relative;*/
background:#FBE7B4;
font:11px Arial, Helvetica, sans-serif;} 

select{
margin-left:5px}
option{
padding:0 3px;}

a{
color:#333;
text-decoration:none}

a img{
border:0}

a span{
visibility:hidden}

ul{list-style:none;}

.clear{clear:both}

/* ----------------------------------
------------- CAPAS ----------------
-----------------------------------*/
#contenedor{
width:950px;
background:url(img/fondo.jpg) no-repeat top left;
margin:auto;}


/* ------ Top ------ */
#top p{
text-align:right;
padding:5px 0}

#top a:hover,
#pie a:hover{
text-decoration:underline}


/* ------ Izq ------ */
#izquierda{
padding:20px 0 0 12px;
width:205px;
float:left}

.nuestras-oficinas{
width:180px;
height:95px;
padding:5px;
margin:12px 0;
position:relative;
background:url(img/localizacion.png) no-repeat top left}
.nuestras-oficinas h2{
color:#981B1F;
font-size:18px;
font-weight:normal}
.nuestras-oficinas li{
padding:0 0 0 5px;
margin:2px;
color:#5D5B5B;
font-weight:bold}

.nuestras-tarifas{
width:180px;
height:217px;
padding:5px;
position:relative;
background:url(img/bg-tarifas.jpg) no-repeat top left}
.nuestras-tarifas h2{
padding:3px;
font-size:13px;
color:#fff;
background:#EA8916}
.nuestras-tarifas ul{
margin:20px 0 10px 25px;}
.nuestras-tarifas li{
margin:3px 0;
padding:0 0 0 20px;
background:url(img/flecha.png) no-repeat top left}
.nuestras-tarifas p{
margin:45px 0 0 20px;
width:140px;}

.enlace{
position:absolute;
bottom:1px;
left:17px;}
.enlace a{
color:#fff;
text-transform:uppercase;
font-size:10px;
width:117px;}

#izquierda .informacion{
width:180px;
height:69px;
padding:5px;
margin:15px 0;
color:#666;
background:url(img/bg-info2.jpg) no-repeat top left}

#nueva-busqueda{
padding:5px;
margin:13px 0 15px 0;
width:180px;
height:361px;
background:url(img/bg-nueva-busqueda.jpg) no-repeat top left} 
#nueva-busqueda h2{
color:#981B1F;
margin-bottom:10px;
font-size:18px;
font-weight:normal}
#nueva-busqueda fieldset{
width:170px;
padding-left:3px;}
#nueva-busqueda label{
margin:2px 0 0 0;
padding:0;
display:block;
width:auto;
text-align:left;}
#nueva-busqueda select,
#nueva-busqueda input{
margin:0 0 0 0;
padding:0 0 0 2px;
text-align:left}
#nueva-busqueda select.largo{
width:170px;}
#nueva-busqueda .boton{
margin:15px 0 0 0;
background:url(img/buscar1.png) no-repeat top left}
.sillita{
float:right;
text-align:right}


.oculta{
background:#fff;
width:610px;
margin:0 0 0 70px;
position:absolute;
z-index:1000;
border:1px solid #ccc;
display:none;}
.oculta h4{
background:#981B1F;
color:#fff;
padding:2px;
font-size:12px;}
.oculta h4 a{
float:right;
color:#fff;
margin:-14px 3px 0 0}
.oculta table{
float:right;
margin:20px 40px 0 0;}

.oculta .ofertas-anuncio{position:absolute; bottom:15px; right:15px}
.oculta th.otros{
font-weight:normal;
color:#6F6F6F;
text-align:left !important;}







/********************/


ul.lista-izq{
float:left;
margin:10px 0;}

ul.lista-der{
float:left;
margin:10px 10px 10px 30px;}

li.innen{
float:left;
text-align:right;
width:100px;
margin:0 20px 10px 0;}

li.aussen{
float:left;
font-weight:bold;
text-transform:uppercase;
margin:0 0 10px 0;}

li.clr{
display:inline;
margin:0;
padding:0;
width:1px;}
br.clr{
clear:left;
width:1px;
font-size:1px;
margin:0;
padding:0;
overflow:hidden;}

p.pfinal{
font-size:17px;
font-weight:bold;
text-align:right}



/* ------ Der ------ */
#derecha{
float:right;
margin:20px 0 0 0px;
width:215px;
/*border:solid 1px red*/}

.oferta-especiales,
.oferta-limitada,
.informacion{
width:201px;
padding:2px 7px 0 7px;
position:relative;}

.oferta-especiales h2,
.oferta-limitada h2{
color:#fff;
font-size:14px;}

.oferta-especiales{
height:109px;
background:url(img/ofertas.png) no-repeat top left;}
.oferta-especiales a{
display:block;
width:205px;
height:86px;}

.oferta-limitada{
height:134px;
margin:15px 0;
background:url(img/olimitadaNwE.png) no-repeat top left;
}
.oferta-limitada p.reservar{
bottom:2px !important;
right:23px !important}
.texto_especial{
width:185px;
//float:left;
}
p.reservar{
position:absolute;
bottom:0px;
right:21px;
font-size:10px;
text-transform:uppercase;
background:transparent !important;}
p.reservar a{
color:#fff;}


#derecha .informacion{
height:69px;
padding-top:10px;
color:#666;
background:url(img/bg-info.jpg) no-repeat top left}
.informacion h2{
font-size:15px;}
.informacion p{
text-align:right}




#boxes-reserva{
text-align:center;
clear:both;
width:950px;
padding:0 0 0 15px;}


div.reservar{
float:left;
position:relative;
width:167px;
height:108px;
padding:4px 4px 0 4px;
margin:10px 14px 0 0;
background:url(img/reservaNwE.png) no-repeat top left;}


/*.reservar.uno{background:url(img/reserva1.png) no-repeat top left}
.reservar.dos{background:url(img/reserva2.png) no-repeat top left}
.reservar.tres{background:url(img/reserva3.png) no-repeat top left}
.reservar.cuatro{background:url(img/reserva4.png) no-repeat top left}
.reservar.cinco{background:url(img/reserva5.png) no-repeat top left}*/


.reservar p{
background:#F9E1C4;
padding:3px;}

p.foto{
color:#fff;
background:transparent !important;
float:left;
width:48px;
padding:0;
margin:7px 3px 0 7px;}

p.precio{
color:#fff;
background:transparent !important;
font-size:18px;
font-weight:bold;
text-align:center;
float:right;
width:48px;
padding:0;
margin:24px 7px 0 0;}

p.foto1{
color:#fff;
background:transparent !important;
float:right;
width:68px;
padding:0;
margin:10px 30px 0 0;
}
p.foto2{
color:#fff;
background:transparent !important;
float:right;
width:80px;
padding:0;
margin:0px 15px 0 0;
}


p.precio1{
color:#fff;
background:transparent !important;
font-size:24px;
font-weight:bold;
text-align:center;
float:left;
width:48px;
padding:0;
margin:23px 5px 0 15px;}




/* ------ Centro ------ */
#centro-col3{
margin:0 217px;}

#reserva{
background:url(img/bg-reserva.jpg) no-repeat top left;
width:496px;
padding:15px 0px 0 0px;
position:relative;
border-top:1px solid #99161E;
height:325px;}
#reserva h2{
color:#981B1F;
font-size:25px;}

img.auto,
img.auto2{
position:absolute;
z-index:49;
right:25px;
top:-25px}
img.auto{
right:5px;}
img.auto2{
top:-33px}




/* ------ Pie ------ */
#pie{
clear:both;
width:950px;
text-align:right;
padding:20px 0;}




/* ----------------------------------
---------- CALENDARIO ---------------
-----------------------------------*/
#calendario{
width:250px;
z-index:10000;
display:none;
position:absolute;
top:100px;
left:410px;
border:2px solid #981B1F}
#calendario .cerrar{
background:#EB8813;
color:#fff;
margin:0 0 0 40px;
padding:1px 10px;}

#calendar{
width:250px;
padding:0;
margin:0;
color:#333;
text-align:center;
background-color:#fff;}

.nav,
.nav a{
font:bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
text-decoration:none;}

caption{
margin:0;
padding:0 0 4px 0;
background:#F8EBB7;
color:#000; 
font:bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align:center;}

th{
color:#616B76;}

.today, td.today a, td.today a:link, td.today a:visited{
color:#F6F4DA;
font-weight:bold;
background:#DF9496;}

td{
width:30px;
height:20px;
text-align:center;}
td a{
text-decoration:none;
font-weight:bold;
display:block;}
td a:link, td a:visited{
color:#608194;}
td a:hover, td a:active{
color:#6aa3ae;}




/* ----------------------------------
------------- FORM ----------------
-----------------------------------*/
fieldset{
border:0;}

label{
margin:7px 0.5em 0 0;
padding:2px 0.5em 2px 0px;
width:12em;
display:block;
float:left;
text-align:right;
position:relative;}

textarea,
select,
input{
background:#fbfbfb;
color:#222;
margin:5px 0 0 0;
padding:1px;
border:1px solid #7F9DB9;
text-align:left}

form br{clear:both}
form hr{border-top-color:#981B1F !important}


.form-izq{
float:left}
#datos-personales .form-der{
float:right;
margin-right:90px}

#datos-personales .direccion{
width:305px;}
#datos-personales select,
#datos-personales .largo{
width:160px}


.boton{
text-align:center !important;
margin:15px 25px 0 0;
border:0;
width:102px;
height:22px;
float:right;
color:#fff;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
background:url(img/boton.jpg) no-repeat top left}

.pago{
text-align:center !important;
margin:10px 90px 0 0 !important;
border:0;
width:139px;
height:22px;
float:right;
color:#fff;
font-size:10px;
text-transform:uppercase;
background:url(img/pago.jpg) no-repeat top left}

.acepto{
float:left;
color:#1C1366;
padding:10px 0 0 10em;}
.acepto a{
color:#1C1366;
text-decoration:underline;}
.acepto a:hover{
color:#000}
.capaIframe {
	position:absolute;
	z-index:50000;
	visibility:hidden;
	top:0px;
	overflow:hidden;
	margin:0px;
	background-color:#FFFFFF;
}
#capaFicha {
	border:1px solid #FF0000;
	overflow:hidden;
	width:100%;
}
#cabeceraFicha {
	margin:2px;
	background-color:#981B1F;
	/*width:100%;*/
	color:#FFFFFF;
	height:20px;
	clear:both;
	/*cursor:move;*/
	font-size:13px;
	font-weight:bold;
}
.laX {
	float:right;
	margin-top:2px;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
}
.tituloFicha {
	float:left;
	padding-left:10px;
	margin-top:4px;
	
}

/* ----------------------------------
------------- TABS ----------------
-----------------------------------*/
.tabs{list-style:none; padding:0px 0 0 0; margin:10px 0px 0px 0; height:23px;}
.tabs li{display:block; float:left; margin:0 -13px -1px 0;text-transform:uppercase;font-size:10px;font-weight:bold}
.tabs li a{display:block; text-decoration:none;}

.tabs li a em{float:left; padding:0 20px; height:22px; border-top:1px solid #CBC7BB; border-bottom:0px solid #99161E; position:relative; z-index:100; font-style:normal; color:#000; background:#f2f2f2; line-height:20px;}

.tabs li a b{font-size:0; line-height:0; position:relative; border-bottom:0px solid #99161E; border-top:1px solid #CBC7BB; width:1px; display:block; float:left; z-index:300; background:#f2f2f2;}

.tabs li b.p1{height:19px; background:#CBC7BB; margin-top:4px; border-top:0; z-index:100;}
.tabs li b.p2{height:19px; margin-top:2px; border-top:2px solid #CBC7BB; border-bottom:0px solid #99161E; z-index:100;}
.tabs li b.p3{width:2px; height:21px; margin-top:1px; z-index:100;}
.tabs li b.p5{height:20px; margin-top:2px;}
.tabs li b.p6{height:19px; margin-top:3px;}
.tabs li b.p7{height:18px; margin-top:4px;}
.tabs li b.p8{height:17px; margin-top:5px;}
.tabs li b.p9{height:16px; margin-top:6px;}
.tabs li b.p10{height:15px; margin-top:7px;}
.tabs li b.p11{height:14px; margin-top:8px;}
.tabs li b.p12{height:13px; margin-top:9px;}
.tabs li b.p13{height:12px; margin-top:10px;}
.tabs li b.p14{height:11px; margin-top:11px;}
.tabs li b.p15{height:10px; margin-top:12px;}
.tabs li b.p16{height:9px; margin-top:13px;}
.tabs li b.p17{height:8px; margin-top:14px;}
.tabs li b.p18{height:7px; margin-top:15px;}
.tabs li b.p19{height:6px; margin-top:16px;}
.tabs li b.p20{height:5px; margin-top:17px;}
.tabs li b.p21{height:4px; margin-top:18px;}
.tabs li b.p22{height:3px; margin-top:19px;}
.tabs li b.p23{height:2px; margin-top:20px;}
.tabs li b.p24{height:1px; margin-top:21px;overflow:hidden;}
.tabs li b.p25{width:1px; height:1px; background:#CBC7BB; margin-top:22px; border-top:0; overflow:hidden;}
.tabs li b.p26{width:1px; height:1px; background:#CBC7BB; margin-top:23px; border:0; overflow:hidden;}

.tabs li em b.shdw{position:absolute; display:block; left:-4px; bottom:0; border:0;border-left:1px solid #CBC7BB; width:17px; height:17px; background:#f2f2f2; z-index:500;}

.tabs li a:hover,
.tabs li a:focus, 
.tabs li a:active 
{white-space:nowrap; color:#666; position:relative; z-index:500; cursor:pointer;}
.tabs li a:hover em, 
.tabs li a:focus em, 
.tabs li a:active em 
{color:#666; background:#fff;}
.tabs li a:hover em b.shdw,
.tabs li a:focus em b.shdw, 
.tabs li a:active em b.shdw  
{visibility:hidden;}
.tabs li a:hover b, 
.tabs li a:focus b, 
.tabs li a:active b 
{background:#fff}
.tabs li a:hover b.p1, 
.tabs li a:focus b.p1, 
.tabs li a:active b.p1 
{background:#CBC7BB;}
.tabs li a:hover b.p25, 
.tabs li a:focus b.p25, 
.tabs li a:active b.p25 
{background:#CBC7BB;}
.tabs li a:hover b.p26, 
.tabs li a:focus b.p26, 
.tabs li a:active b.p26 
{background:#CBC7BB;}

.tabs li a.selected, 
.tabs li a:hover.selected,  
.tabs li a:active.selected  
{white-space:nowrap; color:#99161E;font-size:11px;position:relative; z-index:600; cursor:default;}
.tabs li a.selected em, 
.tabs li a:hover.selected em,
.tabs li a:active.selected em
{color:#800; background:#fff;border-bottom:1px solid #fff;border-top:1px solid #99161E}
.tabs li a.selected em b.shdw, 
.tabs li a:hover.selected em b.shdw, 
.tabs li a:active.selected em b.shdw 
{visibility:hidden;}
.tabs li a.selected b, 
.tabs li a:hover.selected b, 
.tabs li a:active.selected b 
{background:#fff;border-bottom:1px solid #fff;border-top:1px solid #99161E}
.tabs li a.selected b.p1, 
.tabs li a:hover.selected b.p1, 
.tabs li a:active.selected b.p1 
{background:#99161E; border-bottom-color:#99161E;}
.tabs li a.selected b.p26, 
.tabs li a:hover.selected b.p26, 
.tabs li a:active.selected b.p26 
{width:1px; height:1px; background:#99161E; margin-top:23px; border-top:0; overflow:hidden;}
