@charset "UTF-8";
/* body */

body {width:100%;
	height:100%;
	background: url(../img/layout/linea.jpg) repeat-x 0 28px;
	position:relative;}
	
/* container */

#container {width:940px;
		height:840px;
		margin:0 auto;}
		
		
/* header */

header {width:220px;
	background-color: #FCFBE3;
	padding-top:28px;
	height: 100%;
    min-height: 600px;
	max-height: 840px;
   	position: fixed;}	
	
header h1 {background: url("../img/layout/logo.png") no-repeat scroll 40px 8px, 
						url("../img/layout/linea.jpg") repeat-x scroll 0 0 transparent;
   		float: left;
   		height: 74px;
		text-indent:-10000px;
    	width: 100%;
		display:block;
		}	
		
		
header nav { float: left;
    height: 400px;
    position: absolute;
    top:29%;
    width: 100%;
}	
	
header nav ul {text-align:center;
	position:relative;
	z-index:0;
	padding-top:3px;}	

header nav ul a {color:#C63;}	

nav a[href="lacasa.html"] {background:url(../img/layout/lacasa.png) no-repeat scroll 48px 0 transparent;
	display:block;
	text-indent:-10000px;
	height:47px;
	}

nav a[href="lacasa.html"]:hover {background:url(../img/layout/lacasa_hover.png) no-repeat scroll 48px 0 transparent;
	display:block;
	text-indent:-10000px;
	height:47px;
	z-index: 10;
	position:relative;}	
	
nav a[href="habitaciones.html"] {background:url(../img/layout/habitaciones.png) no-repeat scroll 48px 0 transparent;
	display:block;
	text-indent:-10000px;
	height:40px;
	text-align:center;
	margin-top:-4px;}
	
nav a[href="habitaciones.html"]:hover {background:url(../img/layout/habitaciones_hover.png) no-repeat scroll 48px 0 transparent;
	display:block;
	text-indent:-10000px;
	height:40px;
	text-align:center;
	margin-top:-4px;
	z-index: 10;
	position:relative;}		
	
nav a[href="entorno.html"] {background:url(../img/layout/entorno.png) no-repeat scroll 48px 0 transparent;
	display:block;
	text-indent:-10000px;
	height:47px;
	text-align:center;
	margin-top:-4px;}	
	
nav a[href="entorno.html"]:hover {background:url(../img/layout/entorno_hover.png) no-repeat scroll 48px 0 transparent;
	display:block;
	text-indent:-10000px;
	height:47px;
	text-align:center;
	margin-top:-4px;
	z-index: 10;
	position:relative;}	
	
nav a[href="el_pueblo.html"] {background:url(../img/layout/el-pueblo.png) no-repeat scroll 48px 0 transparent;
	display:block;
	text-indent:-10000px;
	height:43px;
	text-align:center;
	margin-top:-4px;}
	
nav a[href="el_pueblo.html"]:hover {background:url(../img/layout/el-pueblo-hover.png) no-repeat scroll 48px 0 transparent;
	display:block;
	text-indent:-10000px;
	height:43px;
	text-align:center;
	margin-top:-4px;
	z-index: 10;
	position:relative;}			
	
nav a[href="tarifas.html"] {background:url(../img/layout/tarifas.png) no-repeat scroll 48px 0 transparent;
	display:block;
	text-indent:-10000px;
	height:47px;
	text-align:center;
	margin-top:-4px;}
	
nav a[href="tarifas.html"]:hover {background:url(../img/layout/tarifas_hover.png) no-repeat scroll 48px 0 transparent;
	display:block;
	text-indent:-10000px;
	height:47px;
	text-align:center;
	margin-top:-4px;
	z-index: 10;
	position:relative;}		
	
nav a[href="contacto.html"] {background:url(../img/layout/contacto.png) no-repeat scroll 48px 0 transparent;
	display:block;
	text-indent:-10000px;
	height:46px;
	text-align:center;
	margin-top:-4px;}
	
nav a[href="contacto.html"]:hover {background:url(../img/layout/contacto_hover.png) no-repeat scroll 48px 0 transparent;
	display:block;
	text-indent:-10000px;
	height:46px;
	text-align:center;
	margin-top:-4px;
	z-index: 10;
	position:relative;}		
	
	
	/* contacto */	
	
ul.contact {bottom: 6%;
    left: 19%;
    position: absolute;
	background:url(../img/layout/recuadro.png) no-repeat;
	padding-top:3px;
	width:140px;
	}	
	
ul.contact li {margin-right:15px;}	

ul.contact li.numero, ul.contact li.numero2 {
	color:#BCA95B;
	font-family: 'Ledger', serif;
	font-size:13px;
	text-align:center;
	letter-spacing:0.03em;}

ul.contact li.numero2 {margin-bottom:14px;}
	
#phone { background:url(../img/layout/phone.png) no-repeat;
	width:30px;
	height:30px;
	float:left;
	text-indent:-10000px;}	
	
#mail { background:url(../img/layout/mail.png) no-repeat;
	width:30px;
	height:30px;
	float:left;
	text-indent:-10000px;}	
	
#mail:hover {background:url(../img/layout/mail_hover.png) no-repeat;}	
	
	
#face { background:url(../img/layout/facebook.png) no-repeat;
	width:30px;
	height:30px;
	float:left;
	text-indent:-10000px;}	
	
#face:hover {background:url(../img/layout/facebook_hover.png) no-repeat;}	


	/* contacto */	
	
section {float: right;
    width: 720px;}					
	
p {margin:5px 0 10px;}