@charset "utf-8";
/* CSS Document */

@font-face{
	font-family:TrajanR;
	src:url('fuentes/TrajanPro-Regular.otf');
	}
	
@font-face{
	font-family:TrajanB;
	src:url('fuentes/TrajanPro-Bold.otf');
	}
	
@font-face{
	font-family:MyriadR;
	src:url('fuentes/MyriadPro-Regular.otf');
	}
	
@font-face{
	font-family:Univers55;
	src:url('fuentes/Univers55Roman.ttf');
	}
	
	
/* Opciones generales */
body{
	background:url(../imagenes/fondo.jpg) top center no-repeat;
	background-color:#0c0b0b;
	font-family:TrajanR, Verdana, Geneva, sans-serif;
	}
	
img{
	border:0px;
	}
	
table{
	margin:10px auto;
	font-family:MyriadR;
	}

th{
	color:#fff;
	background:#513a11;
	text-align:center;
	padding:3px 10px;
	}

td{
	padding:3px 10px;
	}

tr:nth-child(2n+1){
	background:#8e7e5d;
	}

tr:nth-child(2n+2){
	background:#bfa66d;
	}
	
::selection{
 	background:#8e7e5d;
 	color:#fff;
 	}

::-moz-selection{
 	background:#8e7e5d;
 	color:#fff;
 	}
	
::-o-selection{
 	background:#8e7e5d;
 	color:#fff;
 	}
	
/* Maquetacion y propiedades de elementos */
*{
	margin:0;
	padding:0;
	}

#contenedor{
	position:relative;
	width:1024px;
	margin:0 auto;
	}
	
#logo{
	width:255px;
	height:236px;
	position:relative;
	z-index:890;
	top:-20px;
	left:40px;
	background:url(../imagenes/tabla.png);
	}
	
#logo h2{
	position:relative;
	top:200px;
	text-align:center;
	font-family:Univers55;
	font-size:0.83em;
	}	
	
#decorado{
	width:360px;
	height:220px;
	position:absolute;
	left:70%;
	top:0%;
	z-index:150;
	background:url(../imagenes/palmas.png);
	}
	
#menu{
	width:100%;
	position:absolute;
	z-index:900;
	text-align:center;
	font-family:TrajanB;
	font-size:1.1em;
	background-color:rgba(0,0,0,0.5);
	}
	
#nav{
	margin:0 auto;
	width:970px;
	}

#nav li{
   list-style:none;
   float:left;
   margin-left:0px; 
   }
   
#nav > li:first-child{
	margin-left:60px;
	}
   
#nav li a{
   	display:block;
   	padding:10px 20px;
   	text-decoration:none;
	font-size:0.8em;
	color:#fff;
   	}

#nav li a:hover{
	text-decoration:underline;
	}

#nav > li:last-child{
   	display:block;
	float:right;
   	padding:3px 15px;
   	text-decoration:underline;
	font-size:0.95em;
	color:#fff;
   	}
   
#nav li ul{
   	display: none; 
	background:rgba(0,0,0,0.5);
	}
   
#nav li:hover ul, #nav li.hover ul{
   	display: block;
   	position: absolute;
   	margin:0;
   	padding:0; 
   	}
   
#nav li:hover li, #nav li.hover li{
   float: none; 
   }
   
#nav li:hover li a, #nav li.hover li a{
	color:#fff; 
   	}
   
#nav li li a:hover{
   	background-color:#2b2b2b;
  	text-decoration:underline;
   	}
   
   
/* Estilo de galeria izquierda */
#galeria-izq{
	width:131px;
	height:749px;
	float:left;
	margin-top:-240px;
	background:url(../imagenes/cuerda.png) no-repeat;
	}
	
#galeria-izq ul{
	list-style:none;
	margin-top:250px;
	position:absolute;
	z-index:9999;
	}
	
#galeria-izq ul li{
	width:114px;
	height:107px;
	margin:25px -20px;
	text-align:center;
	cursor:pointer;	 
	
	transition:transform 0.5s ease-in-out;
	-webkit-transition:-webkit-transform 0.5s ease-in-out;
	-moz-transition:-moz-transform 0.5s ease-in-out;
	-o-transition:-o-transform 0.5s ease-in-out;
	-ms-transition:-ms-transform 0.5s ease-in-out;
	}
	
#galeria-izq ul li:hover{
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2); 
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	}
	
.tip {
	width:135px;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
    color:#fff;
	font-size:0.8em;
	text-decoration:none;
    background-color:#000000;
	background:rgba(0,0,0,0.7);
    display:none;
    padding:5px;
	position:absolute; 
	z-index:900;
	
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
	-o-border-radius:10px;
    border-radius:10px;
	}
	
	
#articulos{
	width:640px;
	height:571px;
	background:url(../imagenes/papel.png) no-repeat;
	padding-top:2px;
	margin-left:auto;
	margin-right:auto;
	}
	
#articulos h4{
	font-family:MyriadR;
	font-size:1.2em;
	}

#articulos2{
	width:640px;
	height:571px;
	padding-top:2px;
	margin-left:auto;
	margin-right:auto;
	}

#galeria-ppal{
	width:515px;
	height:365px;
	margin-top:100px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	}
	
#galeria-ppal ul{
	list-style:none;
	}
	
#galeria-ppal ul li{
	width:515px;
	height:350px;
	position:absolute;
	z-index:800;
	margin-top:-50px;
	cursor:pointer;
	
	box-shadow:3px 3px 5px black;
	-webkit-box-shadow:3px 3px 5px black;
	-moz-box-shadow:3px 3px 5px black;
	-o-box-shadow:3px 3px 5px black;
	-ms-box-shadow:3px 3px 5px black;
	}
	
#lateral-der{
	width:225px;
	height:757px;
	position:absolute;
	left:85%;
	top:0%;
	background:url(../imagenes/reservaciones.png) no-repeat;
	text-align:center;
	}
	
#lateral-der a{
	font-size:1em;
	color:#fff;
	}
	
.reservacion{
	width:200px;
	margin:0px auto;
	}
	
.reservacion p{
	margin-top:185px;
	margin-bottom:-3px;
	margin-left:auto;
	margin-right:auto;
	color:#4c240f;
	font-size:1.6em;
	font-family:MyriadR;
	}
.reservacion a{
	margin-top:40px;
	display:block;
	text-decoration:none;
	font-family:MyriadR;
	font-size:1.3em;
	color:#000;
	}
	
#rotador{
	width:114px;
	height:107px;
	margin-top:250px;
	margin-left:20px;
	}
	
#enlaces{
	width:160px;
	margin:0 auto;
	margin-top:10px;
	text-align:center;
	}
	
#enlaces ul{
	list-style:none;
	}
	
#enlaces ul li{
	display:inline;
	}
	
#pie{
	width:700px;
	margin:0 auto;
	text-align:center;
	margin-top:30px;
	}
	
#pie p{
	color:#a7a7a7;
	font-size:0.9em;
	font-family:MyriadR, Verdana, Geneva, sans-serif;
	}
	
#pie h6{
	margin-top:20px;
	color:#868686;
	font-size:0.9em;
	font-family:MyriadR, Verdana, Geneva, sans-serif;
	}
	
#creditos{
	color:#868686;
	}

#creditos p{
	color:#868686;
	}
	
#creditos a{
	text-decoration:none;
	color:#868686;
	}

/* Rotacion de las imagenes de las galerias */
.rot1{
	transform:rotate(-5deg) translate(-20px,0px);
	-webkit-transform:rotate(-5deg) translate(-20px,0px);
	-moz-transform:rotate(-5deg) translate(-20px,0px);
	-o-transform:rotate(-5deg) translate(-20px,0px);
	-ms-transform:rotate(-5deg) translate(-20px,0px);
	}
	
.rot2{
	transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
	-moz-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	-ms-transform:rotate(5deg);
	}
	
.rot3{
	transform:rotate(-10deg) translate(25px,0px);
	-webkit-transform:rotate(-10deg) translate(25px,0px);
	-moz-transform:rotate(-10deg) translate(25px,0px);
	-o-transform:rotate(-10deg) translate(25px,0px);
	-ms-transform:rotate(-10deg) translate(25px,0px);
	}
	
.rot4{
	transform:rotate(10deg) translate(35px,0px);
	-webkit-transform:rotate(10deg) translate(35px,0px);
	-moz-transform:rotate(10deg) translate(35px,0px);
	-o-transform:rotate(10deg) translate(35px,0px);
	-ms-transform:rotate(10deg) translate(35px,0px);
	}

.rot5{
	transform:rotate(10deg) translate(0px,-50px);
	-webkit-transform:rotate(10deg) translate(0px,-50px);
	-moz-transform:rotate(10deg) translate(0px,-50px);
	-o-transform:rotate(10deg) translate(0px,-50px);
	-ms-transform:rotate(10deg) translate(0px,-50px);
	}
	
.rot6{
	transform:rotate(-5deg) translate(-90px,-35px);
	-webkit-transform:rotate(-5deg) translate(-90px,-35px);
	-moz-transform:rotate(-5deg) translate(-90px,-35px);
	-o-transform:rotate(-5deg) translate(-90px,-35px);
	-ms-transform:rotate(-5deg) translate(-90px,-35px);
	}
	
.rot7{
	transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
	-moz-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	-ms-transform:rotate(5deg);
	}

.rot8{
	transform:rotate(-5deg);
	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	-ms-transform:rotate(-5deg);
	}
	
.rot9{
	transform:rotate(-5deg) translate(0px,10px);
	-webkit-transform:rotate(-5deg) translate(0px,10px);
	-moz-transform:rotate(-5deg) translate(0px,10px);
	-o-transform:rotate(-5deg) translate(0px,10px);
	-ms-transform:rotate(-5deg) translate(0px,10px);
	}
	
/* Animaciones CSS */
@-webkit-keyframes desdeizq{
	0% { opacity: 0; -webkit-transform:translate(-1500px,0px) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform:translate(0px,-50px) rotate(10deg); }
}

@-moz-keyframes desdeizq{
	0% { opacity: 0; -moz-transform:translate(-1500px,0px) rotate(-120deg); }
	100% { opacity: 1; -moz-transform:translate(0px,-50px) rotate(10deg); }
}

@-o-keyframes desdeizq{
	0% { opacity: 0; -o-transform:translate(-1500px,0px) rotate(-120deg); }
	100% { opacity: 1; -o-transform:translate(0px,-50px) rotate(10deg); }
}

@-ms-keyframes desdeizq{
	0% { opacity: 0; -ms-transform:translate(-1500px,0px) rotate(-120deg); }
	100% { opacity: 1; -ms-transform:translate(0px,-50px) rotate(10deg); }
}

@keyframes desdeizq{
	0% { opacity: 0; transform:translate(-1500px,0px) rotate(-120deg); }
	100% { opacity: 1; transform:translate(0px,-50px) rotate(10deg); }
}

.desdeizq{
	-webkit-animation:desdeizq 1s;
	-moz-animation:desdeizq 1s;
	-o-animation:desdeizq 1s;
	-ms-animation:desdeizq 1s;
	
	animation:desdeizq 1s;
}

@-webkit-keyframes desdeder{
	0% { opacity: 0; -webkit-transform:translate(1500px,0px) rotate(120deg); }
	100% { opacity: 1; -webkit-transform:translate(-90px,-25px) rotate(-5deg); }
}

@-moz-keyframes desdeder{
	0% { opacity: 0; -moz-transform:translate(1500px,0px) rotate(120deg); }
	100% { opacity: 1; -moz-transform:translate(-90px,-25px) rotate(-5deg); }
}

@-o-keyframes desdeder{
	0% { opacity: 0; -o-transform:translate(1500px,0px) rotate(120deg); }
	100% { opacity: 1; -o-transform:translate(-90px,-25px) rotate(-5deg); }
}

@-ms-keyframes desdeder{
	0% { opacity: 0; -ms-transform:translate(1500px,0px) rotate(120deg); }
	100% { opacity: 1; -ms-transform:translate(-90px,-25px) rotate(-5deg); }
}

@keyframes desdeder{
	0% { opacity: 0; transform:translate(1500px,0px) rotate(120deg); }
	100% { opacity: 1; transform:translate(-90px,-25px) rotate(-5deg); }
}

.desdeder{
	-webkit-animation:desdeder 1s;
	-moz-animation:desdeder 1s;
	-o-animation:desdeder 1s;
	-ms-animation:desdeder 1s;
	
	animation:desdeder 1s;
}


@-webkit-keyframes desdearr{
	0% { opacity: 0; -webkit-transform: translateY(-1000px) rotate(120deg); }
	100% { opacity: 1; -webkit-transform: translateY(0px) rotate(5deg); }
}

@-moz-keyframes desdearr{
	0% { opacity: 0; -moz-transform: translateY(-1000px) rotate(120deg); }
	100% { opacity: 1; -moz-transform: translateY(0px) rotate(5deg); }
}

@-o-keyframes desdearr{
	0% { opacity: 0; -o-transform: translateY(-1000px) rotate(120deg); }
	100% { opacity: 1; -o-transform: translateY(0px) rotate(5deg); }
}

@-ms-keyframes desdearr{
	0% { opacity: 0; -ms-transform: translateY(-1000px) rotate(120deg); }
	100% { opacity: 1; -ms-transform: translateY(0px) rotate(5deg); }
}

@keyframes desdearr{
	0% { opacity: 0; transform: translateY(-1000px) rotate(120deg); }
	100% { opacity: 1; transform: translateY(0px) rotate(0deg); }
}

.desdearr{
	-webkit-animation:desdearr 1s;
	-moz-animation:desdearr 1s;
	-o-animation:desdearr 1s;
	-ms-animation:desdearr 1s;
	
	animation:desdearr 1s;
}

@-webkit-keyframes desdeaba{
	0% { opacity: 0; -webkit-transform: translateY(1000px) rotate(120deg); }
	100% { opacity: 1; -webkit-transform: translateY(10px) rotate(-5deg); }
}

@-moz-keyframes desdeaba{
	0% { opacity: 0; -moz-transform: translateY(1000px) rotate(120deg); }
	100% { opacity: 1; -moz-transform: translateY(10px) rotate(-5deg); }
}

@-o-keyframes desdeaba{
	0% { opacity: 0; -o-transform: translateY(1000px) rotate(120deg); }
	100% { opacity: 1; -o-transform: translateY(10px) rotate(-5deg); }
}

@-ms-keyframes desdeaba{
	0% { opacity: 0; -ms-transform: translateY(1000px) rotate(120deg); }
	100% { opacity: 1; -ms-transform: translateY(10px) rotate(-5deg); }
}

@keyframes desdeaba{
	0% { opacity: 0; transform: translateY(1000px) rotate(120deg); }
	100% { opacity: 1; transform: translateY(10px) rotate(-5deg); }
}

.desdeaba{
	-webkit-animation:desdeaba 1s;
	-moz-animation:desdeaba 1s;
	-o-animation:desdeaba 1s;
	-ms-animation:desdeaba 1s;
	
	animation:desdeaba 1s;
}



/* Barras de desplazamiento internas ---------------------------------------------------------*/
#scrollbar1{ 
	width:603px; 
	height:550px;
	margin-top:72px;
	}
	
#scrollbar1 > img{
	width:177px;
	height:177px;
	float:right;
	margin-left:5px;
	margin-top:-35px;
	
	transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	-ms-transform:rotate(-3deg);
	}

#scrollbar1 > p{
	width:500px;
	margin-left:20px;
	text-align:justify;
	}
	
#scrollbar1 .viewport{
	width:545px;
	height:470px; 
	margin-left:25px;
	overflow:hidden;
	position:relative;
	}
	
#scrollbar1 h1{
	font-family:VictoriaL;
	font-size:1.5em;
	padding-top:20px;
	padding-left:25px;
	padding-bottom:25px;	
	}
	
#scrollbar1 h2{
	text-align:center;
	font-family:MyriadR;
	font-size:1.7em;
	padding-bottom:10px;	
	}
	
#scrollbar1 h3{
	font-family:MyriadR;
	font-size:1.5em;
	clear:both;
	padding-top:10px;
	padding-bottom:5px;
	}

#scrollbar1 p,#scrollbar1 b,#scrollbar1 ul,#scrollbar1 li{
	font-family:MyriadR;
	}

#scrollbar1 p{
	margin-top:10px;
	}
	
#scrollbar1 .overview{
	position:absolute; 
	left:0; 
	top:0;
	padding-bottom:400px; 
	text-align:justify;
	}

#scrollbar1 .overview img{
	margin:10px;
	}

	
.imgizq{
	float:left;
	}

.imgder{
	float:right;
	}

#scrollbar1 .overview .subtitulo{
	font-size:1.3em;
	}

#scrollbar1 .overview p{
	margin-bottom:10px;
	}
	
.overview a{
	font-family:MyriadR;
	margin-bottom:10px;
	}	

.overview ul{
	margin-top:10px;
	margin-left:40px;
	list-style:circle;
	list-style-image:url(../imagenes/bullet_pez.png);
	}

#scrollbar1 .scrollbar{ 
	float:right; 
	width:15px;
	margin-right:10px; 
	}
	
#scrollbar1 .track{
	background-color:rgba(0,0,0,0.2); 
	width:10px; 
	position:relative;
	padding:0 2px; 	
	border-radius:10px;
	}
	
#scrollbar1 .thumb{
	height:10px; 
	width:10px; 
	background-color:rgba(0,0,0,0.4);
	cursor:n-resize;
	overflow:hidden; 
	position: absolute; 
	top:0; 
	border-radius:20px;
	}
	
#scrollbar1 .disable{ 
	display:none; 
	}

/* Estilos de items -------------------*/
/* Item Escribenos */
fieldset{
    margin-left:25px; 
	width:475px;
	overflow:hidden; 
	padding:10px;
	}
	
input, label, textarea{
	font-family:MyriadR;
	}

label{
	float:left;
	width:200px;
	font-size:1em;
	margin:5px 0 15px;
	}
	
input{
	float:left;
	width:245px; 
	height:25px;
	margin:0 0 15px 0; 
	font-size:0.9em;
}

#registrar{
	float:left;
	padding:0; 
	margin:15px 0 0 200px;
	background:rgba(0,0,0,0.5);
	width:100px;height:45px;
	}

#registrar:hover{
	background:#418eb6;
	cursor:pointer;
	}

input,#registrar{
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
}

/* Item Ubicacion */
.mapa{
	width:425px;
	margin:0 auto;
	}

/* Item Tarifas*/
.precios{
	width:540px;
	height:150px;
	float:left;	
	}

.precios .imgitem{
	width:146px;
	height:109px;
	float:right;
	margin-top:10px;
	}

.precios .item{
	width:170px;
	height:100px;
	float:left;
	font-size:1.4em;
	text-align:center;
	}
	
.titular{
	width:360px;
	background-color:#52402f;
	padding-left:10px;
	color:#fff;
	font-size:1.4em;
	float:left;
	}
	
strong{
	font-family:MyriadR;
	font-size:1em;
	display:block;
	}