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

a:link {
	text-decoration: none;
	color:inherit;
}
a:visited {
	text-decoration: none;
	color:inherit;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}



body{
	margin:0;
}


.cover {
	pointer-events: none;
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;

  width: 100%;
  height: 100%;

}

.tv {
	pointer-events: none;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;

  width: 100%;
  height: 100%;

  overflow: hidden;
  .screen {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;

    margin: auto;

    opacity: 0;
    transition: opacity .5s;

    &.active {
      opacity: 1;
    }
  }
}


.banner {
	top:0;
	left:0px;
	width:100%;
	height:auto;
	z-index:10;
	border-bottom-style:solid;
	border-width:1px;
	/*box-shadow: 0px 0px 4px #000;*/
}


.bannerslider {
	z-index:1;
	position:relative;
	left:0px;
	width:100%;
	height:420px;
	border-bottom-style:none;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
}

.caja{
	z-index:2;
	position:relative;
	display:inline-block;
	background-color:transparent;
	text-align:center;
	vertical-align:top;
	width:auto;
}


.cajaimagenmenucontenedor{
	z-index:2;
	position:relative;
	display:inline-block;
	background-color:transparent;
	width:360px;
	height:285px;
}

.cajaimagenmenu{
	z-index:3;
	position:relative;
	top:7px;
	display:block;
	margin:0 auto;
	text-align:center;
	width:345px;
	height:270px;
	overflow:hidden;
	box-shadow:0px 3px 6px #000;
	cursor:pointer;
}

.cajaimagen{
	z-index:3;
	position:relative;
	display:block;
	margin:0 auto;
	background-color:transparent;
	text-align:center;
	width:345px;
	height:270px;
	transition: all 0.3s ease-in-out;
}

.cajaimagen:hover{
	transform: scale(1.1);
	opacity: 0.2;
}

.cajatexto{
	z-index:6;	
	position: absolute;
	left:10%;
	bottom: 15%;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:4;
	width: 300px;
	height: auto;
	background-color:transparent;
	cursor:pointer;
	text-shadow:1px 1px 2px #000;
}

.bordetablabottom{
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

.errorcompu{
	display:none;
}

.formbooking{
	position:fixed;
	margin:0.5%;
	width:98%;
	height:98%;
	background-color:rgba(255,255,255,0.8);
	background-image:url(../../../images/fondossecciones/ranaojosrojos.jpg);
	background-size:cover;
	border-radius:25px;
	z-index:500;
	display:none;
	box-shadow:0px 0px 6px #000;
	
}
.formbookinginfo{
	position:relative;
	margin:0 auto;
	padding: 10px 10px 10px 10px;
	width:50%;
	height:96%;
	top:5px;
	background-color:rgba(255,255,255,0.8);
	z-index:501;
	display:block;
	box-shadow:0px 0px 4px #000;
	overflow:auto;
}

.menuoverflow{
	top:0px;
	left:0px;
	width:100%;
	height:60px;
	display:none; 
	position:fixed;
	background-color:rgba(0,0,0,0.7);
	box-shadow: 0px 2px 4px #333;
	z-index:1000;
}


.backtop{
	text-align:center;
	padding:2px;
	display: none;
	width:60px;
	height:auto;
	opacity:0.7;
	border-style:none;
	background-color:transparent;
	position:fixed;
	right:0px;
	bottom:100px;
	cursor:pointer;
	z-index:1000;
}
.backtop:hover{
	transform: scale(1.1);
}

.capacerrar{
	position:relative;
	float:right;
	top:5px;
	padding: 5px 5px 5px 5px;
	text-align:center;
	width:20px;
	height:20px;
	background-color:rgba(178,0,0,0.9);
	border-style:solid;
	border-color:rgba(178,0,0,1);
	border-radius:50px;
	z-index:502;
	display:block;
	box-shadow:0px 0px 4px #000;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	cursor:pointer;
}
.capacerrar:hover{transform:scale(1.1);}


.imglogo{
	width:120%;
}
	

@media (max-width: 1024px) {
.formbookinginfo{
	width:90%;
	overflow:auto;
}
}

@media (min-width: 1800px) {



.logo{
	background-color:#A60000;
	background-image:url(../../../images/banner/logo_blanco.png);
	background-repeat:no-repeat;
	background-size:95%;
	background-position: center; 
	top:0px; 
	left:100px;
	width:300px;
	height:130px;
	padding:10px;
	z-index:21; 
	position:absolute;
	box-shadow: 0px 0px 4px #000;
	border-bottom-color:#FFF;
	border-bottom-style:solid;
	border-bottom-width:thin;
}


.woodsigninfo{
	width:300px; 
	background-color:rgba(250,250,250,0.6); 
	top:150px; 
	left:100px; 
	padding:10px; 
	height:250px;
	z-index:20; 
	display:block; 
	position:absolute;
}

.woodsigninfo2{
	display:none;
}

}

@media (max-width: 1799px) {

.logo{
	background-color:#A60000;
	background-image:url(../../../images/banner/logo_blanco.png);
	background-repeat:no-repeat;
	background-size:95%;
	background-position: center; 
	top:0px; 
	left:50px;
	width:250px;
	height:130px;
	padding:10px;
	z-index:21; 
	position:absolute;
	box-shadow: 0px 0px 4px #000;
	border-bottom-color:#FFF;
	border-bottom-style:solid;
	border-bottom-width:thin;
}


.woodsigninfo{
	display:none;
}

.woodsigninfo2{
	width:auto; 
	background-color:transparent; 
	top:10px; 
	left:350px; 
	height:auto;
	z-index:20; 
	display:block; 
	position:absolute;
}

}


@media (max-width: 1720px) {
.logo{
	background-color:#A60000;
	background-image:url(../../../images/banner/logo_blanco.png);
	background-repeat:no-repeat;
	background-size:95%;
	background-position: center; 
	top:0px; 
	left:50px;
	width:210px;
	height:120px;
	padding:10px;
	z-index:21; 
	position:absolute;
	box-shadow: 0px 0px 4px #000;
	border-bottom-color:#FFF;
	border-bottom-style:solid;
	border-bottom-width:thin;
}


.woodsigninfo{
	display:none;
}

.woodsigninfo2{
	width:auto; 
	background-color:transparent; 
	top:10px; 
	left:300px; 
	height:auto;
	z-index:20; 
	display:block; 
	position:absolute;
}


}


@media (max-width: 1600px) {
.logo{
	background-color:#A60000;
	background-image:url(../../../images/banner/logo_blanco.png);
	background-repeat:no-repeat;
	background-size:95%;
	background-position: center; 
	top:0px; 
	left:20px;
	width:215px;
	height:120px;
	padding:10px;
	z-index:21; 
	position:absolute;
	box-shadow: 0px 0px 4px #000;
	border-bottom-color:#FFF;
	border-bottom-style:solid;
	border-bottom-width:thin;
}


.woodsigninfo{
	display:none;
}

.woodsigninfo2{
	width:auto; 
	background-color:transparent; 
	top:10px; 
	left:270px; 
	height:auto;
	z-index:20; 
	display:block; 
	position:absolute;
}

}



@media (max-width: 1500px) {
.logo{
	background-color:#A60000;
	background-image:url(../../../images/banner/logo_blanco.png);
	background-repeat:no-repeat;
	background-size:95%;
	background-position: center; 
	top:0px; 
	left:20px;
	width:150px;
	height:120px;
	padding:10px;
	z-index:21; 
	position:absolute;
	box-shadow: 0px 0px 4px #000;
	border-bottom-color:#FFF;
	border-bottom-style:solid;
	border-bottom-width:thin;
}


.woodsigninfo{
	display:none;
}

.woodsigninfo2{
	width:auto; 
	background-color:transparent; 
	top:10px; 
	left:200px; 
	height:auto;
	z-index:20; 
	display:block; 
	position:absolute;
}

}

@media (max-width: 1024px) {

.errorcompu{
	display:block;
	z-index:100; 
	position:absolute; 
	top:0px; 
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	text-align:center;
}

body{
	overflow:hidden
}

}


.lenguaje{
	top:0px; 
	right:50px;
	width:200px;
	height:40px;
	z-index:22; 
	position:absolute;
	background-color:transparent;
	border-radius:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:13px;
	text-shadow:2px 2px 4px #000;
	z-index:9;
	padding-left:20px;
	padding-top:10px;
}

.contenedormenu {
	top:55px;
	left:0px;
	width:100%;
	height:60px;
	display:block; 
	position:absolute;
	background-color:rgba(0,0,0,0.7);
	box-shadow: 0px 2px 4px #333;
	z-index:3;
}

.menu {
	margin:auto;
	width:1000px;
	z-index:100;
}




.dropbtn {
    background-color: transparent;
    color: white;
    padding: 16px;
    border: none;
    cursor: pointer;
	height:60px;
}

.dropdown {
    position: relative;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color:rgba(0,0,0,0.7);
	box-shadow: 0px 2px 4px #333;
    width: 250px;
    z-index: 1;
}

.dropdown-content a {
    color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #900}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
	color:#F60;
}





.boton{
	background-color:#000;
	/*background: linear-gradient(#900,#C00);*/
	cursor:pointer;
	color:#FFF;
}

.boton:hover{
	/*background-color:#F60;
	background: linear-gradient(#C30, #F60);*/
	color:#F00;
}



.botonredondo{
	transform: translateX(30%);
	background-color:#690;
	background: #F00;
	border-radius:20px;
	cursor:pointer;
	color:#FFF;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	text-align:center;
	border-style:none;
}

.botonredondo:hover{
	background-color:#900;
	color:#F00;
}


.contenedorcarrusel{
	z-index:2; 
	background-color:#000; 
	width:100%;
	height:auto;
	left:0;
	display:block;
}


.carrusel{
	z-index:2; 
	background-color:#000; 
	width:100%; 
	left:0; 
	display:block;
}


.cuerpocontenedor {
	width:100%;
	left:0px;
	display:block;
	background-color:#fff;
	z-index:2;
}



.cuerpotours {
	overflow: hidden;
	margin:auto;
	width:1000px;
	display:block;
	background-color:#fff;
	padding:30px 10px 20px 10px;	
	z-index:4;
}


.cuerpocontenedortours {
	height:0px;
	width:100%;
	left:0px;
	display:block;
	background-color:#fff;
	z-index:2;
	
	overflow: hidden;

    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}


.cajatours {
	margin: 5px;
	display:inline-block;
	width:220px;
	background-color:rgba(255,255,255,0.5);
	border-style:solid;
	border-width:1px;
	border-color:rgba(255,255,255,0.5);
	box-shadow: 0px 2px 4px #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    }


.arrowoptions {
	height:50px;
	width:50px;
	background-image:url(../../../images/iconosweb/arrowheaddown.png);
	background-repeat:no-repeat;
	background-size:cover;
	display:block;

}

.arrowoptions:hover {
	transform:scale(1.5);
}


.dialoguebox {
	position: relative;
	vertical-align:middle;
	height:100px;
	width:300px;
	margin:auto;
	visibility: visible;
	padding: 10px;
	background-color: #CCC;
	box-shadow: 1px 1px 2px #000;
	z-index:50;
}

.cuerpocontenedornegro {
	width:100%;
	height:auto;
	background-color:rgba(0,0,0,0.7);
	z-index:3;
}


.cuerpo {

	margin:auto;
	width:1000px;
	display:block;
	background-color:#fff;
	padding:30px 10px 20px 10px;	
	z-index:4;
}


.btnwebmaster{
	opacity:1;
	cursor:pointer;
	transition: opacity .15s ease-in-out;
   -moz-transition: opacity .15s ease-in-out;
   -webkit-transition: opacity .15s ease-in-out;
	}

.btnwebmaster:hover{
    opacity: 0.5;
	}




#capatable {
    display: table;
	border-spacing: 10px;
    }

#row  {
    display: table-row;
	
    }

#left, #right, #middle {
    display: table-cell;
	background-color:#FFF;
	background: linear-gradient(#fff,#cedfe6);
	padding: 0px 10px 0px 10px;
	margin: 20px;
	width:220px;
	border-radius:25px;
	border-style:solid;
	border-width:3px;
	border-color:#377ca0;
	box-shadow: 0px 2px 4px #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    }
	
	
	
#capatableopciones {
    display: table;
	border-spacing: 20px;
    }

#rowopciones  {
    display: table-row;
	
    }

#leftopciones, #rightopciones, #middleopciones {
    display: table-cell;
	margin: 20px;
	width:220px;
	border-style:solid;
	border-width:1px;
	border-color:rgba(255,255,255,0.5);
	box-shadow: 0px 2px 4px #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    }
	
	
#leftn, #rightn, #middlen {
    display: table-cell;
	background-color:#FFF;
	padding: 0px 10px 0px 10px;
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    }

#capatablemenu {
    display: table;
    }

#rowmenu  {
    display: table-row;
	
    }
#leftmenu, #rightmenu, #middlemenu {
    display: table-cell;
	background-color:transparent;
	height:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:middle;
	text-align:center;
	width:200px;
}





#btnenviar{
	border:none;
	border-width:1px;
	border-color:#6C0;
	background-color:#91B31A;
	border-radius: 20px;
	padding: 5px 10px 5px 10px;
	cursor:pointer;
	color:#fff;
}

#btnenviar:hover{
	background-color:#829A1F;
}

#btnlimpiar{
	border:none;
	border-width:1px;
	border-color:#F00;
	background-color:#C00;
	border-radius: 20px;
	padding: 5px 10px 5px 10px;
	cursor:pointer;
	color:#fff;
}

#btnlimpiar:hover{
	background-color:#900;
}

#btnestandar{
	border:none;
	border-width:1px;
	border-color:#999;
	background-color:#666;
	border-radius: 20px;
	padding: 5px 10px 5px 10px;
	cursor:pointer;
	color:#fff;
}

#btnestandar:hover{
	background-color:#333;
}



#datepicker{width:180px; margin: 0 20px 20px 20px;}
#datepicker > span:hover{cursor: pointer;}



.jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb032 {position:absolute;}
        .jssorb032 .i {position:absolute;cursor:pointer;}
        .jssorb032 .i .b {fill:#fff;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
        .jssorb032 .i:hover .b {fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
        .jssorb032 .iav .b {fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
        .jssorb032 .i.idn {opacity:.3;}

        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}