@-ms-viewport {
  width: device-width;
}
html, body {
	background-color: #000;
	margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

html {
	box-sizing: border-box;
	-ms-overflow-style: scrollbar;
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/* contenidos */
.logo1 {
	float: left;
    left: 20px;
    top: 20px;
    width: 100%;
    padding: 4% 5%;
    z-index: 100;
}
.logo1 img {
	max-width: 70%;
}
.logo2 {
	float: left;
    left: 20px;
    bottom: 20px;
    z-index: 100;
    padding: 3% 5%;
}
.logo2 img {
	max-width: 90%;
}
.boton-izq, .boton-der {
	background-image: url(/ecoturismo360/images/direccion0.png);
	background-size: contain;
	display: none;
	cursor: pointer;
	position: absolute;
	width: 52px;
	height: 52px;
	top: 65%;
	z-index: 100;
	-webkit-transition: all 500ms;
    transition: all 500ms;
}
.boton-izq:hover, .boton-der:hover {
	background-image: url(/ecoturismo360/images/direccion1.png);
}
.boton-izq {
	left: 20px;
	opacity: 0;
	-webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.boton-der {
	right: 20px;
	animation-name: boton-der;
    animation-duration: 1s;
    animation-iteration-count: 4;
    animation-delay: 2s;
    animation-timing-function: ease;
}
@keyframes boton-der {
    0%   {transform: translate(0px, 0px);}
    20%  {transform: translate(10px, 0px);}
    40%  {transform: translate(0px, 0px);}
    60%  {transform: translate(12px, 0px);;}
    80%  {transform: translate(0px, 0px);}
    80%  {transform: translate(10px, 0px);}
    100% {transform: translate(0px, 0px);}
}
.cont-park {
}
.fila-360 {
	width: 100%;
}
.fila-top {
}
.box-parque {
	background-color: #000;
	background-size: cover;
    background-position: center;
	float: left;
	width: 100%;
	height: 115px;
	position: relative;
}
.parque-2, .parque-4, .parque-6, .parque-7, .parque-9, .parque-11, .parque-13 {
	background-color: #b2b2b2;
}
.parque-1 {
	background-image: url(/ecoturismo360/images/menu-capana1.jpg);
}
.parque-2 {
	background-image: url(/ecoturismo360/images/menu-omar1.jpg);
}
.parque-3 {
	background-image: url(/ecoturismo360/images/menu-paloseco1.jpg);
}
.parque-4 {
	background-image: url(/ecoturismo360/images/menu-bastimento1.jpg);
}
.parque-5 {
	background-image: url(/ecoturismo360/images/menu-damani1.jpg);
}
.parque-6 {
	background-image: url(/ecoturismo360/images/menu-volcan1.jpg);
}
.parque-7 {
	background-image: url(/ecoturismo360/images/menu-fortuna1.jpg);
}
.parque-8 {
	background-image: url(/ecoturismo360/images/menu-santafe1.jpg);
}
.parque-9 {
	background-image: url(/ecoturismo360/images/menu-guna1.jpg);
}
.parque-10 {
	background-image: url(/ecoturismo360/images/menu-sansan1.jpg);
}
.parque-11 {
	background-image: url(/ecoturismo360/images/menu-cerrohoya1.jpg);
}
.parque-12 {
	background-image: url(/ecoturismo360/images/menu-amistad1.jpg);
}

.box-parque a {
    /*background-color: aqua;*/
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: 0;
    right: 0;
}
.box-parque a img {
    max-height: 120px;
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
	.logo1, .logo2 {
		position: absolute;
		float: none;
		padding: 0;
		width: auto;
	}
	.boton-izq, .boton-der {
		display: block;
	}
	.logo2 img {
		max-width: 100%;
	}
	.cont-park {
		left: 0%;
		width: 200%;
		overflow: hidden;
		height: 100%;
		position: fixed;
		-webkit-transition: all 1.5s ease .2s;
    	transition: all 1.5s ease .2s;
	}
	.fila-360 {
		width: 50%;
		height: 100%;
		float: left;
	}
	.fila-360:hover .box-parque {
		width: 14%;
	}
	/*.fila-bot {
		bottom: 0%;
	}
	.fila-bot .box-parque {
		bottom: 0%;
	}*/
	.fila-top {
		background-image: url(/ecoturismo360/images/menu-fortuna1.jpg);
		background-position: right;
		background-size: auto 100%;
		background-repeat: no-repeat;
	}
	.fila-bot {
		background-image: url(/ecoturismo360/images/menu-volcan1.jpg);
		background-position: left;
		background-size: auto 100%;
		background-repeat: no-repeat;
	}
	.box-parque {
		background-size: auto 100%;
		height: 100%;
		width: 16.6666%;
		position: relative;
		-webkit-transition: all 0.4s ease;
    	transition: all 0.4s ease;
    	overflow: hidden;
	}
	.fila-360 .box-parque:hover {
		background-size: auto 110%;
		width: 30%;
	}
	.box-parque a div {
	    position: absolute;
	    /*background-color: #000;*/
	    width: 80%;
	    left: 50%;
	    top: 46%;
	    max-width: 100%;
	    min-height: 20px;
	    -ms-transform: translate(-50%, -50%);
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    
	}
	.box-parque a img {
		max-height: none;
	}
}

@media (min-width: 1200px) {
}

@media print {
}