/****
HOJA DE ESTILO para Hotel Puerta del Camino.com - GENERAL
Copyright (c) 2009 ENIXE
****/

/*GLOBAL*/


html {
	font-size: 0.8em;
	height: 100%;
	background:#333333;
	
}

body{
	margin:0;
	background:#333333 url(../bgs/bg-body.png) repeat-x;
	
	font:1em "Lucida Grande", Arial, Helvetica, sans-serif;
	/*color:#a08763;*/
	color:#666;
	
	
}
a{text-decoration:none; color: #ac6e2b;}
a:hover{text-decoration:underline;color:#481222;}

a.peq {text-decoration:underline; color:#ac6e2b; font-size:0.8em;}
a.peq:hover {text-decoration:underline;color: #481222;font-size:0.8em;}

.destacado{
font-weight:bold;}

#page{
	width:945px;
	margin:0 auto;
	background:url(../bgs/bg-content.png) repeat-y;
	/*border:1px solid blue;*/
}

P {
margin: 0;
padding: 0;
border: 0;
line-height:1.3em;
}

h1{
margin: 0;
padding: 0;
border: 0;
font-size:1.1em;

}
h2 {
margin: 0;
padding: 0;
border: 0;
font-size:1.2em;
}

h2.titular { 
	margin: 20px 0 5px 0;
	padding: 0;
	border: 0;
	/*color:#6f5849;*/
	color:#628115;
	font-size:1.2em;
	display: block;
	text-transform:uppercase;
	background:none;
	
}
h2.title-bienvenido, h2.title-habitaciones, h2.title-restaurante, h2.title-salones, h2.title-servicios, h2.title-localizacion, h2.title-promociones, h2.title-contacta, h3.title-galeria{ 
	background-image:url(../bgs/title-bienvenido.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	width:508px;
	height:31px;
	margin-bottom:15px;
	padding:0;
	
}

h2.title-habitaciones{background-image:url(../bgs/title-habitaciones.jpg); width:206px; height:31px;}
h2.title-restaurante{background-image:url(../bgs/title-restaurante.jpg); width:390px; height:37px;}
h2.title-salones{background-image:url(../bgs/title-salones.jpg); width:126px; height:31px;}
h2.title-servicios{background-image:url(../bgs/title-servicios.jpg); width:147px; height:31px;}
h2.title-localizacion{background-image:url(../bgs/title-localizacion.jpg); width:195px; height:31px;}
h2.title-promociones{background-image:url(../bgs/title-promociones.jpg); width:390px; height:37px;}
h2.title-contacta{background-image:url(../bgs/title-contacta.jpg); width:199px; height:31px;}
h3.title-galeria{background-image:url(../bgs/title-galeria.jpg); width:116px; height:17px;margin-bottom:0px;}

h3 {
margin: 0 0 8px 0;
padding: 0;
border: 0;
color:#ac6e2b;
font-size:1.2em;


}

img {
margin: 0;
padding: 0;
border: 0;
}

ul{
margin: 0;
padding: 0;
border: 0;
}

li{
margin: 0;
padding: 0;
border: 0;
}

.ocultar{
	text-indent:-9999px;
	overflow:hidden;
	margin:0px;
	padding:0px;
	display:none;
	}
	
.borrar {
	display: none;
	}
	
.clear{
	clear:both;
	padding:0;
	margin:0;

}


#header{
	width:927px;
	height:561px;
	overflow:hidden;
	background:url(../bgs/bg-header-index.jpg) no-repeat;
	margin:0;
	
		
}

#header-hab, #header-res, #header-sal, #header-puerta{
	width:927px;
	height:423px;
	overflow:hidden;
	background:url(../bgs/bg-header-hab.jpg) no-repeat;
	margin:0;

}

#header-res{background:url(../bgs/bg-header-res.jpg) no-repeat;}

#header-sal{background:url(../bgs/bg-header-sal.jpg) no-repeat;}
#header-puerta{background:url(../bgs/bg-header-puerta.jpg) no-repeat; height:204px;}

.logo, .logo-int, .logo-sal{
	width:329px;
	height:153px;
	display:block;
	float:left;
	
}
.logo a, .logo-int a, .logo-sal a{
	/*display:block;*/
	width:329px;
	height:153px;
	background:url(../bgs/logo.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
	position:absolute;
	margin:25px 0px 0px 40px;
	z-index:19;
}

.logo-int a{background:url(../bgs/logo-int.png) no-repeat;}

.logo-sal a{background:url(../bgs/logo-sal.png) no-repeat; height:187px;}

#content{
	overflow:hidden;
	z-index:24;
	width:927px;
	margin:0 auto;
	/*background:url(../bgs/bg-content.png) repeat-y;	*/
	margin-bottom:0px;
	padding:0;
	
	
}

.content-izda, .conten-izda-int{
	width:237px;
	float:left;
	position:relative;
	top:-343px;
	left:0;
	z-index:25;
	padding:0;
	margin-bottom:-343px;
	

}

.conten-izda-int{top:-224px;}

/************************/
/*** NAVEGACIÓN MENÚ ***/
/**********************/

/*#menu-top, #menu-bot{width:237px;height:15px;background:url(../bgs/bg-menu-top.png) no-repeat;}

#menu-bot{background:url(../bgs/bg-menu-bot.png) no-repeat;}*/
#menu{width:237px;height:264px; background:url(../bgs/bg-menu.png) no-repeat;}


#menu UL#nav { padding: 29px 0px 0px 41px; border:0; margin: 0; list-style: none; width: 164px; height: 205px }
#menu UL#nav LI { display: block; text-decoration: none; padding: 0; margin: 0; border: 0; height: 26px; width: 164px; text-indent:-9999px; }
#menu UL#nav LI a:link, #menu UL#nav LI a:visited { display: block; text-decoration: none; height: 26px; width: 164px; margin: 0; border: 0; padding: 0 }
#menu UL#nav LI a:hover, #menu UL#nav LI a:active { display: block; height: 26px; width: 164px; margin: 0; border: 0; padding: 0 }
#menu UL#nav LI#nav1 a:link, #menu UL#nav LI#nav1 a:visited { background: url(../bgs/menu.jpg) no-repeat 0px 0px }
#menu UL#nav LI#nav2 a:link, #menu UL#nav LI#nav2 a:visited { background: url(../bgs/menu.jpg) no-repeat 0px -26px }
#menu UL#nav LI#nav3 a:link, #menu UL#nav LI#nav3 a:visited { background: url(../bgs/menu.jpg) no-repeat 0px -52px }
#menu UL#nav LI#nav4 a:link, #menu UL#nav LI#nav4 a:visited { background: url(../bgs/menu.jpg) no-repeat 0px -78px }
#menu UL#nav LI#nav5 a:link, #menu UL#nav LI#nav5 a:visited { background: url(../bgs/menu.jpg) no-repeat 0px -104px }
#menu UL#nav LI#nav6 a:link, #menu UL#nav LI#nav6 a:visited { background: url(../bgs/menu.jpg) no-repeat 0px -130px }
#menu UL#nav LI#nav7 a:link, #menu UL#nav LI#nav7 a:visited { background: url(../bgs/menu.jpg) no-repeat 0px -156px }
#menu UL#nav LI#nav8 a:link, #menu UL#nav LI#nav8 a:visited { background: url(../bgs/menu.jpg) no-repeat 0px -182px }

#menu UL#nav LI#nav1 a:hover, #menu UL#nav LI#nav1 a:active { background: url(../bgs/menu.jpg) no-repeat -164px 0px }
#menu UL#nav LI#nav2 a:hover, #menu UL#nav LI#nav2 a:active { background: url(../bgs/menu.jpg) no-repeat -164px -26px }
#menu UL#nav LI#nav3 a:hover, #menu UL#nav LI#nav3 a:active { background: url(../bgs/menu.jpg) no-repeat -164px -52px }
#menu UL#nav LI#nav4 a:hover, #menu UL#nav LI#nav4 a:active { background: url(../bgs/menu.jpg) no-repeat -164px -78px }
#menu UL#nav LI#nav5 a:hover, #menu UL#nav LI#nav5 a:active { background: url(../bgs/menu.jpg) no-repeat -164px -104px }
#menu UL#nav LI#nav6 a:hover, #menu UL#nav LI#nav6 a:active { background: url(../bgs/menu.jpg) no-repeat -164px -130px }
#menu UL#nav LI#nav7 a:hover, #menu UL#nav LI#nav7 a:active { background: url(../bgs/menu.jpg) no-repeat -164px -156px }
#menu UL#nav LI#nav8 a:hover, #menu UL#nav LI#nav8 a:active { background: url(../bgs/menu.jpg) no-repeat -164px -182px }

/* colocado debajo porque influye: */
#menu UL#nav LI#nav1 { top: 0px; width: 164px; height: 26px; background: url(../bgs/menu.jpg) no-repeat -164px 0px }
#menu UL#nav LI#nav2 { top: -26px; width: 164px; height: 26px; background: url(../bgs/menu.jpg) no-repeat -164px -26px }
#menu UL#nav LI#nav3 { top: -52px; width: 164px; height: 26px; background: url(../bgs/menu.jpg) no-repeat -164px -52px }
#menu UL#nav LI#nav4 { top: -78px; width: 164px; height: 26px; background: url(../bgs/menu.jpg) no-repeat -164px -78px }
#menu UL#nav LI#nav5 { top: -104px; width: 164px; height: 26px; background: url(../bgs/menu.jpg) no-repeat -164px -104px }
#menu UL#nav LI#nav6 { top: -130px; width: 164px; height: 26px; background: url(../bgs/menu.jpg) no-repeat -164px -130px }
#menu UL#nav LI#nav7 { top: -156px; width: 164px; height: 26px; background: url(../bgs/menu.jpg) no-repeat -164px -156px }
#menu UL#nav LI#nav8 { top: -182px; width: 164px; height: 26px; background: url(../bgs/menu.jpg) no-repeat -164px -182px }


/**** fin menu ***/


.banner, .banner-no, .banner-menu{
	/*background-image:url(../bgs/bg-banner.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;*/
	width:217px; /*height:167px;*/
	cursor:pointer;
	margin:15px 0px 0px 20px;
	
	
	}
.banner-no{cursor:auto;}

/*.banner-menu{margin:15px 0px 0px 20px;height:252px;}*/
.content-dcha, .content-dcha-int, .content-dcha-int-banner, .content-dcha-comun{
	width:640px;
	float:left;
	
	position:relative;
	top:-100px;
	left:0;
	z-index:25;
	margin:0px 25px -100px 25px;
	/*border:1px solid red;*/
	
	

}

.content-dcha-int{top:20px; left:237px;margin:0px 25px 0px 25px;}
.content-dcha-int-banner{top:20px; left:0px;margin:0px 25px 0px 25px;}
.content-dcha-comun{top:-250px; left:237px;margin:0px 25px -237px 25px;}
.content-dcha p, .content-dcha-int p, .content-dcha-int-banner p, .content-dcha-comun p{margin-bottom:10px;}

.reserva{
	background:url(../bgs/bg-reserva.jpg) no-repeat;
	width:883px;
	height:85px;
	margin:35px 22px 0px 22px;
	
}

/** FORMULARIO RESERVAS **/

.reserva-form{
	width:710px;
	/*width:675px;*/
	height:50px;
	/*overflow:hidden;*/
	margin:15px 0px 0px 0px;
	float:right;  
	color:#333333;
	/*border:1px solid blue;*/
	
	}
	
.reserva-form label{
	float:left;
	height:27px;
	/*display:inline;*/
	width:128px;
	font-size:0.85em;
	color:#333333;
	text-align:left;
	margin-left:8px;
	
	}
.reserva-form label.cantidad{
	float:left;
	height:27px;
	/*display:inline;*/
	width:80px;
	font-size:0.85em;
	color:#333333;
	margin-right:0px;
	margin-top:2px;
	margin-left:10px;
	padding:2px 10px 0 0px;
	
	}
/*.reserva-form label.cantidad {margin:3px 5px 0 0px; height:25px;}*/
.reserva-form label.calendario {margin:21px 15px 0 20px;width:25px;}

.reserva-form input.txt{
	float:left;
	width:140px;
	padding:2px 4px 0;
	height:21px;
	background:#ffffff;
	border:1px solid #a05f25;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	position:relative;
	margin-right:17px;
	margin-top:2px;
	
}

.fecha{
	width:56px;
	color:#666;
	margin:5px 8px 0 0;
	font-size:0.95em;
	text-align:right;
	
	
}
select{color:#666; background:#ffffff; border:1px solid #a05f25; padding:2px; cursor:pointer;  margin-top:5px; float:left;margin-top:3px; height:25px; }

.reserva-form .btn{color:#ffffff; background:#420c1c; border:1px solid #c39b72; padding:2px; cursor:pointer; float:right; margin-top:5px; font-size:0.95em;}



.reserva-form input.btn{
	
	cursor:pointer;
	width:152px;
	height:28px;
	float:left;
	display:inline;
	margin-top:18px;
	margin-left:5px;
}

/*.reserva-form .disponibilidad{
	
	cursor:pointer;
	width:152px;
	height:28px;
	float:left;
	display:inline;
	margin-top:18px;
	margin-left:5px;
}*/

/*** fin formulario reservas ***/

/***localizacion***/

.content-dcha-comun img.map{
	margin-bottom:10px;	
	margin-left:0px;
	margin-right:12px;
	

}

.content-dcha-comun a:link img.map, .content-dcha-comun a:visited img.map { border:2px solid #c39b72;}
.content-dcha-comun a:hover img.map, .content-dcha-comun a:active img.map { border:2px solid #481222;}


/*-- GALERÍA  general --*/

.galeria{
	width:640px;
	margin-left:0px;
	/*border:1px solid black;*/


}
.galeria img{
	width:140px;
	height:101px;
	/*border:3px solid #cfbc90;*/
	float:left;
	margin: 14px 14px 0px 0;


}

.galeria a:link img, .galeria a:visited img { border:2px solid #5f2c3c;}
.galeria a:hover img, .galeria a:active img { border:2px solid #c39b72;}	


/*** clases lista ***/

.content-dcha-comun UL.lista {
	margin: 5px 0px 15px 0px;
	list-style:none;
	
	
}
.content-dcha-comun UL.lista LI {
	margin: 0 ;
	padding: 0;
	background: url(../bgs/marker.gif) no-repeat 0 5px;
	padding: 0px 0 5px 13px;
}

.content-dcha-comun UL.lista LI a:link, .content-dcha-comun UL.lista LI a:visited { color:#ac6e2b;}
.content-dcha-comun UL.lista LI a:hover, .content-dcha-comun UL.lista LI a:active { color:#481222;}


/*** HABITACIONES ***/

.llave{
	width:116px;
	height:225px;
	background:url(../img/llave.png) no-repeat;
	position:relative;
	top:-50px;
	left:0px;
	margin:0;
	z-index:19;
	float:right;
	padding: 0px 0px 0px 90px;

}

/*- CONTACTE CON NOSOTROS-*/

.forms .box-btn{padding-left:310px; text-align:right;}
.forms .btn{color:#ffffff; background:#a16229; border:1px solid #440c1d;  cursor:pointer; text-transform:uppercase;}
.forms input.btn {width:100px; height:25px;padding:1px 2px 2px 2px;}
.forms {
	clear:both;
	padding:20px 0 0 15px;
	
}
.form {
	clear:both;
	padding-bottom:12px;
	overflow:hidden;
	height:1%;
	
}
.forms label, .form .puesto {
	width:400px;
	/*float:left;*/
	padding-top:5px;
	
	margin-bottom:5px;
	
	
}
.forms input {
	float:left;
	border:1px solid #e5dcd2;
	width:400px;
	background-color:#e5dcd2;
	color:#666;
	padding:5px;
	margin-top:5px;
}
.forms textarea {
	width:400px;
	height:90px;
	background-color:#e5dcd2;
	margin:0;
	padding:0;
	float:left;
	/*font:1.4em/17px Arial, Helvetica, sans-serif;*/
	color:#666;
	
	padding:5px;
	border:1px solid #e5dcd2;
	margin-top:5px;
}
.check {
	padding:0 0 14px 0px;
	clear:both;
	overflow:hidden;
	height:1%;
	
}
/*.check a {
	color:#286226;
}*/

.check a:link, .check a:visited { color:#ac6e2b;}
.check a:hover, .check a:active { color:#481222;}

.check input {
	width:13px;
	height:13px;
	border-style:none;
	background:none;
	margin:2px 0 0;
}

.t-img {
	padding-left:145px;
}
.t-img input {
	width:85px;
	height:25px;
}
.check label {
	width:auto;
	color:#666;
	padding-top:0;
	padding-left:5px;
}
.check label a {
	color:#e48c39;
}
.check img {
	padding-bottom:0;
}

P.form-ok {
	border: 2px solid #fff;
	padding: 10px;
	background-color: #797979;
	color: #fff;
	text-align: center;
	font-size: 16px;
}
P.form-error {
	border: 2px solid #fff;
	padding: 10px;
	background-color: #af2323;
	color: #fff;
	text-align: center;
	font-size: 16px;
}


.box{
	width:12px;
	height:12px;
	float:left;
	margin-top:5px;
	
	
	

}

.form-check{
	float:left;
	margin-bottom:3px;
	padding-top:0px;
	height:1%;
	
	
}

.form-check input {
	float:left;
	border:none;
	width:22px;
	background-color:#eee;
	color:#666;
	padding:0px;
}

.form-check label{
	width:240px;
	float:left;
	padding-top:5px;
	color:#666;
	
	
}
.form-txt {
	width:300px;
	float:left;
	padding-top:5px;
	color:#666;
	margin-left:0px;



}
#content-int .form-txt p{
	
	margin-bottom:4px;



}


.txt-acepto
{
    
	margin:3px 5px 5px 0px;
	float:left;
	width:350px;
	font-size:0.85em;
	
    }
 input.checkbox
 {
    float:left;
    width:15px;
    height:15px;
    border:none;
    margin:0px 2px 10px 0px;
    }



/*.bottom-content{
	background:url(../bgs/bg-bottom.jpg) no-repeat bottom center;
	width:945px;
	height:25px;
	padding:0;
	margin-top:0px;
	border:0;
	z-index:25;
	
}*//*cuando va dentro de page*/

.bottom-content{
	background:url(../bgs/bg-bottom.png) no-repeat bottom center;
	width:945px;
	height:25px;
	padding:0;
	margin:0 auto;
	border:0;
	z-index:25;
	
}

.pie{
	width:945px;
	height:45px;
	padding:0;
	margin:0 auto;
	border:0;
	text-align:center;
	color:#f1f1f1;
	
	}
	
.pie a:link, .pie a:visited  { color: #f1f1f1;}
.pie a:hover, .pie a:active  { color: #dbc8ab;}