html {
	background: url(../img/bg.jpg) no-repeat;
}

body {
	font-family: "Georgia", "Helvetica", "Sans-Serif";
	color: #fff;	
}

a {
	text-decoration: underline;
	color: #fff;
}


table.pretty {
  font-family: "Helvetica", "Arial", "Sans-Serif";
  margin: 1em 1em 1em 2em;
  background: whitesmoke;
  border-collapse: collapse;
  color: #383838;
  
}
table.pretty th, table.pretty td {
  border: 1px silver solid;
  padding: 0.2em;
}
table.pretty th {
  background: #edeceb;
  text-align: left;
}
table.pretty caption {  
  margin-left: inherit;
  margin-right: inherit;
}

table.pretty td.encabezado {
	color: #777c04;
	font-weight: bold;
	background-color: #ececec;
}

table.pretty td.numero {
	color: #fff;
	font-weight: bold;
	background-color: #de790d;
}

table.pretty td.persona {
	color: #fff;
	font-weight: bold;
	background-color: #a3bd15;
}

table.pretty td.tarifa {
	color: #fff;
	font-weight: bold;
	background-color: #d8a800;
}


table.pretty td.pension {
	color: #fff;
	font-weight: bold;
	background-color: #548cc1;
}





/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:895px;
		height:261px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:895px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */




 /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	


#container {
	position: relative;		
}

#hoja{
	z-index: 0;
	position: absolute;
	top: 0px;
	left: 700px;
}

#header {
	padding-top: 7px;
	padding-bottom: 18px;	
}

#header img {
	float: left;
}

#banner {
	position: relative;
	margin-bottom: 10px;
}

#nav {	
	background: url(../img/nav_bg.jpg) no-repeat;		
}

#nav li {
	list-style: none;
	float: left;
	padding: 4px 4px;
	padding-bottom: 10px;
	height: 35px;
	font-size: 18px;	
}

#nav li a {
	text-decoration: none;
	display: block;
	color: #fff;	
}

#nav li a:hover {
	text-decoration: underline;
	display: block;
	color: #fff;	
}

#servicios {
	font-size: 12px;	
}




#hoteleria {
	background: url(../img/cat_bg.png) no-repeat;
	width: 285px;
	height: 147px;
	padding-bottom: 14px;
	
}

#hoteleria h2 {
	background: url(../img/hoteleria_bg.png) no-repeat;
	font-size: 20px;
	padding-left: 8px;
	padding-top: 10px;
	
		
}

#hoteleria a{
	color: #fff;
}

#hoteleria p {
	background: #801553;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

#hoteleria img {
	position: relative;
	top: -154px;
	left: 200px;
}

#actividades {
	background: url(../img/cat_bg.png) no-repeat;
	width: 285px;
	height: 147px;
	padding-bottom: 14px;
	
}

#actividades h2 {
	background: url(../img/hoteleria_bg.png) no-repeat;
	font-size: 20px;
	padding-left: 8px;
	padding-top: 10px;
}

#actividades a{
	color: #fff;
}

#actividades p {
	background: #5d5b15;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

#actividades img {
	position: relative;
	top: -154px;
	left: 200px;
}

#relajacion {
	background: url(../img/cat_bg.png) no-repeat;
	width: 285px;
	height: 147px;
}

#relajacion h2 {
	background: url(../img/hoteleria_bg.png) no-repeat;
	font-size: 20px;
	padding-left: 8px;
	padding-top: 10px;
}


#relajacion a{
	color: #fff;
}

#relajacion p {
	background: #481753;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#relajacion img {
	position: relative;
	top: -154px;
	left: 200px;
}

#restaurant {
	background: url(../img/cat_bg.png) no-repeat;
	width: 285px;
	height: 147px;
	
}

#restaurant h2 {
	background: url(../img/hoteleria_bg.png) no-repeat;
	font-size: 20px;
	padding-left: 8px;
	padding-top: 10px;
}

#restaurant a{
	color: #fff;
}

#restaurant p {
	background: #871033;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#restaurant img {
	position: relative;
	top: -154px;
	left: 200px;
}

#eventos {
	background: url(../img/cat_bg.png) no-repeat;
	width: 285px;
	height: 147px;
}

#eventos h2 {
	background: url(../img/hoteleria_bg.png) no-repeat;	
	font-size: 20px;
	padding-left: 8px;
	padding-top: 10px;
}

#eventos a{
	color: #fff;
}

#eventos p {
	background: #4a0069;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#eventos img {
	position: relative;
	top: -154px;
	left: 200px;
}


#galeria {
	margin-top: 13px;
	background: url(../img/galeria_bg.png) no-repeat;
	width: 286px;
	height: 305px;
}

#galeria h2 {
	color: #434343;
	font-size: 20px;
	padding-left: 8px;
	padding-top: 10px;
}

#galeria a{
	color: #fff;
}

#video {
	margin-top: 13px;
}

#reservas {
	margin-top: 14px;
}

	


#sidebar ul {
	margin-left: -30px;
}

#sidebar #menu li{
	list-style: none;
	height: 34px;
	background: #4b3515;
	margin-bottom: 3px;
	padding-left: 7px;
	
}

#sidebar #menu li a{
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	height: 1em; 
	line-height: 1.9em;
	
}

#sidebar h2 {
	font-family: "Georgia", "Helvetica", "Sans-Serif";
	font-size: 30px;
	background: #e97a00;
	padding-left: 7px;
	margin-bottom: 52px;
}

#container #body {
	top: 20px;
	left: 72px;
	width: 570px;
	height: 478px;
	background: url(../img/fondo_body.png) no-repeat;
	padding-bottom: 70px;
	
}

#container #body #imagenes{
	background: url(../img/fondo_hoteleria.png) no-repeat;
	width: 545px;
	height: 283px;
	padding-left: 10px;
	padding-top: 33px;
	padding-bottom: 33px;
	margin-left: 12px;
	
}

#container #body #imagenes p {
	width: 160px;	
	display: block;
	
}

#body h3 {
	padding-top: 37px;
	padding-left: 28px;
	color: #ad0072;
	font-size: 30px;
}

#container #servicios #sub3 #galeria #thumbs{ 
	position: relative;
	margin: 0;
	padding: 20px 0 0 20px;
	width: 286px;	
	top: -40px;
}

#container #servicios #sub3 #galeria #thumbs img { 	
	margin: 4px; padding: 4px;	
	background: #d7d7d7;
    border: 1px solid #cccccc;
}


#container #servicios #sub3 #galeria #thumbs img:hover	{ border: 1px solid #453025; }
#container #servicios #sub3 #galeria #thumbs a:hover { background-color: transparent; border: none }

#container #body #imagenes #thumbs{ 
	position: relative;
	margin: 0;
	padding: 10px 0 0 0px;
	width: 370px;
	left: 190px;
	top: -200px;
}


#container #body #imagenes #thumbs img { 
	
	margin: 4px; padding: 4px;	
	background: #d7d7d7;
    border: 1px solid #cccccc;
}

#container #body #imagenes #thumbs img:hover	{ border: 1px solid #453025; }
#container #body #imagenes #thumbs a:hover { background-color: transparent; border: none }

#container #body #mapa {
	margin-left: 80px;
}


#form-container{
	color:#555555;
	padding-left: 45px;	
		
}

td{
	/* prevent multiline text */
	white-space:nowrap;	
	

}

a, a:visited {
	color:#00BBFF;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}




label{
	text-transform:uppercase;
	font-size:10px;
	font-family:Tahoma,Arial,Sans-serif;
}

textarea{
	color:#404040;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

td > button{
	/* A special CSS selector that targets non-IE6 browsers */
	text-indent:8px;
}

.error{
	/* this class is used if JS is disabled */
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:300px;
}

#loading{	
	/* the loading gif is hidden on page load */
	position:relative;
	bottom:9px;
	visibility:hidden;
}

#container #body h4 {
	color: #4b3515;
	font-size: 14px;
	width: 450px;
	margin-left: 70px;
}

#container #body .quienes {
	color: #4b3515;
	font-size: 14px;
	width: 450px;
	margin-left: 70px;
}

.btn_volver {
	position: relative;
	top: 475px;
	left: -60px;
}