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


body {margin: 0; padding:0; font-family:'Open Sans', sans-serif; background-repeat:no-repeat;}
image {border:none;}
a {color:#fff; text-decoration:none;}
h3 {
	font-family:'Oswald', sans-serif;
	font-weight: 400;
	font-size: 28px;
	font-style: normal;
}
.contenedor {background-color: #000;}
.contenedor_grupal {background-color: #000; width:auto; height:auto;}
.logo {background-color:#FFF;width:100%; height:auto; text-align:center; }

#volver01_button {border:0; width:70px; height:70px; margin-top:-35px; margin-left:-35px; top:50%; left:6%;  position:absolute; cursor:pointer; text-align:center; z-index:98; opacity:0.6; background: #000;}
#volver01_button a:hover {opacity:0.5;}

#volver02_button {border:0; width:70px; height:70px; margin-top:-35px; margin-left:-35px; top:50%; right:1%;  position:absolute; cursor:pointer; text-align:center; z-index:98; opacity:0.6; background: #000;}
#volver02_button a:hover {opacity:0.5;}

/*para menu responsive*/
header { width:100%; height:56px; background:#f47b20; position: static; margin:auto; z-index:99;}
/*header { width:90%; height:120px; background:#fff; position: static; margin:auto; z-index:99;}*/
#btn-menu {display:none;}
header label { display:none; width:30px; height:30px; padding:10px; border-right:1px solid #fff;}
header label:hover { cursor:pointer; background:#f47b20;}
.menu ul {margin:0; list-style:none; padding:0; display:flex; flex-direction:row; justify-content: center;}
/*.menu li {flex-grow:1; text-align:center;}*/
.menu li { margin-top: auto; }
.menu .active a{ color: #000;background:#F0F0F0;}
.menu li:hover > a{color: #000;background:#F0F0F0;}
.menu li a {display:block; padding: 15px 20px; font-family: 'Oswald', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; color: #fff; text-decoration: none;}
@media (max-width:768px) {
	header { width:100%; position: relative; background-image: url(../IMAGES/MALOCA_INN_LOGO_100RIGHT.png); background-repeat:no-repeat; background-position: center;}
	header label {display:block;}
	.menu {position:absolute; background:#f47b20; width:70%; margin-left:-70%; transition: all 0.5s;}
	.menu ul {flex-direction:column;}
	.menu li {border-top: 1px solid #f0f0f0; margin-top:2px;}
	#btn-menu:checked ~ .menu {margin:0;}
}
/*-----------------------menu papers-------------------------------*/
.menu_papers ul {
	display:flex;
	flex-direction:column;
	justify-content: center;
	margin:0;
	list-style:none;
	padding:0;
	width:100%;
}
/*.menu li {flex-grow:1; text-align:center;}*/
.menu_papers li {
	background:#f5f5f5;
	margin-top: auto;
}
.menu_papers .active a{
	background:#000;
	color: #fff;
}
.menu_papers li:hover > a{
	background:#f47b20;
	color: #fff;
	text-decoration: none;
}
.menu_papers li a {
	color: #2e2e2e;
	display:block;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	padding: 15px 20px;
	text-decoration: none;
}
/*----------boton ir arriba ---------------------------------------*/
.ir-arribacircle {display:none; padding:20px; background-color:#009aff; font-size:20px; color:#fff; cursor:pointer; position:fixed; bottom:20px; right:20px;-webkit-border-radius: 50px;-moz-border-radius: 50px; border-radius: 50px;}
.ir-arriba{display:none; padding:20px; background-color:#009aff; font-size:20px; color:#fff; cursor:pointer; position:fixed; bottom:20px; right:20px;-webkit-border-radius: 0px;-moz-border-radius: 0px; border-radius: 0px;}
  
/*----------angrandar imagen over mouse ---------------------------------------*/
.zoomIt{
display:block!important;
-webkit-transition:-webkit-transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
transition:transform 1s ease-out;
}
.zoomIt:hover{
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}

.zoomIt-mesa{
display:block!important;
-webkit-transition:-webkit-transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
transition:transform 1s ease-out;
}
.zoomIt-mesa:hover{
-moz-transform: scale(1.8);
-webkit-transform: scale(1.8);
-o-transform: scale(1.8);
-ms-transform: scale(1.8);
transform: scale(1.8)
}