@charset "utf-8";
/* CSS Document - Laguna Blanca Replica */

body { font-family: 'Questrial', sans-serif; margin:0 auto; font-size:12px;overflow-x:hidden }
.custom{ width:1100px; margin:0 auto; text-align:justify;}
.item-pagenosotros .cuerpo,.item-page .cuerpo{width:1100px; margin:0 auto 80px auto;line-height:18px;text-align:justify}
.contenido{line-height:20px; color:#333;}
.contenido img{ max-height:100%; max-width:100%;}

.header{ width:100%; float:left; top:0;margin:0; padding:0; z-index:10; position:fixed;color:#FFF;}
	.header .custom{ width:1200px; margin:0 auto; background:url(../images/f_header.png) no-repeat; height:130px;}
	.header a{ color:#FFF; text-decoration:none;}
	.header .logotipo{float:left; margin:10px 0 0 20px;}
	.header .derecha{ float:right; margin:10px 0 0 0;}
		.header .idioma{float:right;margin:0 30px 0 0;}
			.header .idioma ul li{ list-style:none; float:left; text-transform:uppercase; clear:both;}
			.header .idioma ul li  img{ vertical-align:middle; margin:2px 0;}

	.header .menu{ float:right; margin:20px 5px 0 0;}
		.header .menu ul{ margin:0 auto; padding:0;}
		.header .menu ul li{ text-transform:uppercase; list-style:none; display:inline}
		.header .menu ul li a{ color:#333; padding:7px; margin:0 1px; text-decoration:none;}
		.header .menu ul li a.active, .header .menu ul li a:hover{ background:#FE0013; color:#fff;}
	.header .reservar{ float:right; clear:both; margin:0 50px 0 0;}

.slide{float:left; width:100%; position:relative;z-index:0;margin:-80px 0 0 0; padding:0; }
	.slide img{ min-width:100%;}
.sobreslide{float:left; width:100%; position:relative;z-index:0;margin:-250px 0 0 0; padding:0;}
	.sobreslide ul{ margin:0; padding:0;}
	.sobreslide ul li{ float:right; margin:0 7px;list-style:none}
	.sobreslide ul li img{ max-height:80px; width:auto;}

/*PAQUETES*/
.paquetes{float:left; width:100%; margin:0;background:url(../images/f_paquetes.png) no-repeat;margin:-30px 0 0 0; position:relative; z-index:2; padding:45px 0;background-size:cover; }
	.paquetes h3{ font-size:23px; text-shadow: 0.05em 0.05em 0.10em #000; text-align:center;color:#FFF; text-transform:uppercase; margin:10px 0 30px 0; padding:0;}
	.paquetes ul{ margin:0; padding:0;}
	.paquetes li.first{ float:left; width:22%; margin:15px 1.5%; list-style:none;}
	.paquetes .imagen{ background:#FFF; text-align:center;}
		.paquetes .imagen img{ max-width:95%; min-width:95%; padding:2.5% 0}
		.paquetes .content{ float:left;width:100%;background:url(../images/f_titulo_paquetes.png) no-repeat bottom;}
		.paquetes .content ul{text-align:center;background:#FFFFFF;margin-bottom:10px}
		.paquetes .content ul li{list-style:none;margin-right:15px}
			.paquetes .content .titulo{ margin:0;font-size:13px; font-weight:bold; background:#FFF;  text-align:center;padding:5px 0; text-transform:uppercase;}
			.paquetes .content .titulo a{ color:#333; text-decoration:none; }
			.paquetes .content .moduleItemExtraFieldsValue-1,.paquetes .content .moduleItemExtraFieldsValue-2{margin:0;font-size:15px; color:#CC6600; text-align:center; font-weight:bold; padding:0 0 15px 0;}
			.paquetes .content .moduleItemExtraFieldsValue-1 span{font-size:10px;color:#333}
			
.categorias{ float:left; width:100%; position:relative; z-index:1; margin:-18px 0 0 0;}
.categorias .custom{width:100%;}
	.categorias ul{ margin:0; padding:0;}
	.categorias li{ float:left; width:33.33%; list-style:none;position:relative}
	.categorias .imagen{ position:relative; width:100%;}
	.categorias .imagen img{max-width:100%; min-width:100%}
	.categorias .content{position: absolute; bottom: 55px;left: 25px;}
	.categorias .titulo{ font-size:50px; text-shadow: 0.05em 0.05em 0.10em #000; color:#FFF; font-weight:bold;}
	.categorias .boton{ clear:both; float:left; margin:20px 0 0 0;}
	.categorias .boton a.flora{ background:#FE0013 url(../images/flora.png) no-repeat 5px 5px; color:#FFF; text-decoration:none; font-size:15px; padding:15px 15px 15px 50px;}
	.categorias .boton a.fauna{ background:#075B1F url(../images/fauna.png) no-repeat 5px 5px; color:#FFF; text-decoration:none; font-size:15px; padding:15px 15px 15px 50px;}
	.categorias .boton a.gastronomia{ background:#075B1F url(../images/gastronomia.png) no-repeat 5px 5px; color:#FFF; text-decoration:none; font-size:15px; padding:15px 15px 15px 50px;}

.linea{ float:left; width:100%; position:relative; z-index:2; margin:-30px 0 0 0;}
	.linea img{ max-width:100%; min-width:100%;}
.footer{display:table;width:100%;}
.footer .ubicacion{width:50%;float:left;margin:20px 0}
.footer .datos-contacto{float:left;width:50%}
.footer .datos-contacto ul{margin:0;padding:0}
.footer .datos-contacto h3{width:100%;color:#333;font-weight:normal}
.footer .datos-contacto ul li{list-style:none;font-size:13px;margin:15px 0}
.footer .datos-contacto ul li img{float:left; margin-right:5px}
.footer .facebook{float:left;width:50%;margin:15px 0}
.footer .sobrepie{margin:0;width:100%}
.footer .sobrepie img{ max-width:100%; min-width:100%;}
.pie{background:url(../images/img_footer.jpg) no-repeat;background-size:cover;font-size:12px; padding:70px 0 10px 0; float:left; width:100%; color:#FFF; margin-top:-50px;}
	.pie .redes{ float:left;}
	.pie .redes ul{ margin:0; padding:0}
	.pie .redes ul li{ list-style:none; display:inline; margin:0 5px 0 0;}
	.pie .footer_der{ float:right; text-align:right;}
	.pie .footer_der img{ margin:0 0 3px 5px;}
	.pie .footer_der a{ color:#FF0;}
	
/*ARTICULOS*/
.top-image{width:100%}
.top-image img{width:100%; max-height:350px; object-fit:cover;}

.reservas .cuerpo,.contacto .cuerpo,.lodge-ubicacion .cuerpo{margin-top:150px;}
.reservas img,.contacto img, .lodge-ubicacion img{display:none}
.cuerpo .map-s{margin-top:25px;float:left}
.cuerpo .map-s:first-child{margin-right: 20px;}
.cuerpo .map-l{width:100%; float:left; margin:35px 0}
.cuerpo h1{ text-transform:uppercase;}
/*SECCIONES*/
.item-page ul{/*padding:0*/}
.item-page ul li{/*list-style:none*/}
.item-page .links{float:right}
.item-page .links ul li{display:inline;margin-right:5px}
.item-page .links ul li a{padding:13px 15px 13px 35px;color:#FFFFFF;text-decoration:none}
.item-page .links ul li:nth-child(1) a,.item-page .links ul li:nth-child(2) a{background:#FE0013 url(../images/l-paquetes-icon.png) no-repeat 5px 6px;}
.item-page .links ul li:nth-child(3) a{background:#32251D url(../images/l-fotos-icon.png) no-repeat 5px 6px;}
.item-page .links ul li:nth-child(4) a{background:#075B1F url(../images/l-ubicacion-icon.png) no-repeat 5px 6px;}

.componentheadingpromociones, .item-page h2, .componentheadingpromocioneslist{ text-align:center; font-weight:bold; text-transform:uppercase; font-size:30px; margin:15px 0; float:left; width:100%; padding:0;}

/*K2*/
#gruemenu.grue_90 > ul > li.has-sub > a::after{border-top-color:#FE0013 !important}
#gruemenu.grue_90 > ul > li.active> a::after, #gruemenu.grue_90 > ul > li.has-sub:hover > a::after{border-top-color:#FFFFFF !important}

.itemListView{ width:100%;}
.itemContainer{ float:left; margin:0;}
.itemList{ margin:0;width:100%;}

/*FORMULARIOS*/
.moduletable_contactform{width:1100px; margin:0 auto;}
.wrapper_contactform{width:100%;height:320px;}
.contacto .datos-contacto{float:left;margin:15px 0;width:30%}
.contacto .datos-contacto ul{padding:0;margin:0}
.contacto .datos-contacto ul li{list-style:none;margin:15px 0;font-size:13px}
.contacto .datos-contacto ul li img{float:left}
.contacto .datos-contacto ul li a{text-decoration:none;color:#333}

.moduletable_reservasform{width:1100px;margin:0 auto}
.wrapper_reservasform{width:100%;height:800px;}
.moduletable_mapa{width:1100px; margin:0 auto 50px auto;border:1px solid #DDDDDD}

.clr{clear:both}

/* RESPONSIVE - Mobile <= 480px */
@media screen and (max-width: 480px) {
	.custom{width:100%}
	.contenido, .custom,.header .custom{width:100%;background-size:cover}
	
.header {width:100%;position:absolute;top:0}
	.header .custom{background:#FFFFFF;height:auto}
	.header .logotipo{width:98%;margin:10px 1%}
	.header .logotipo img{width:80%}
	.header .derecha{width:100%;margin:10px 0}
		.header .idioma{width:100%;text-align:center;margin:0}
		.header .idioma ul{margin:0;padding:0;}
			.header .idioma ul li{display:inline; list-style:none;float:none}
		.header .reservar{display:none}
		
.slide{width:100%; position:relative;z-index:0;margin:-40px 0 15px 0; padding:0;display:block}
.slide img{width:100%;}
.sobreslide{width:100%;margin:5px 0 15px 0;text-align:center}
	.sobreslide ul{ margin:0; padding:0;text-align:center}
	.sobreslide ul li{ width:50%; margin:0;padding:0}
	.sobreslide ul li img{width:100%}
	/*SECCIONES*/
.item-page .cuerpo{width:96%; margin:0 2% 30px 2%}
.item-page .links{float:none;text-align:center}
.item-page .links ul{clear:both}
.item-page .links ul li{display:block;margin: 30px 5px}

.paquetes{float:left; width:100%; margin:0;background:url(../images/f_paquetes.png) no-repeat;margin:0; position:relative; z-index:2; padding:0;background-size:contain; }
	.paquetes h3{ font-size:23px; text-shadow: 0.05em 0.05em 0.10em #000; text-align:center;color:#FFF; text-transform:uppercase; margin:25px 0; padding:0;}
	.paquetes ul{ margin:0; padding:0;}
	.paquetes li.first{ float:left; width:97%; margin:5px 1.5%; list-style:none;}
			
.categorias{ float:left; width:100%; position:relative; z-index:1; margin:10px 0;}
.categorias .custom{width:100%;}
	.categorias li{width:100%; margin:0}
	.categorias .content{width:100%; bottom:50px;left:0; text-align:center}
	.categorias .titulo{ font-size:35px; text-shadow: 0.05em 0.05em 0.10em #000; color:#FFF; font-weight:bold;}
	.categorias .boton{margin:20px 0 0 0;float:none}
	
.linea{margin-top:-20px}
.footer{display:table;width:100%;}
.footer .ubicacion{width:100%;margin:20px 0}
.footer .datos-contacto{width:96%;padding: 0 2%}
.footer .datos-contacto ul{text-align:center}
.footer .datos-contacto h3{text-align:center}
.footer .facebook{float:left;width:100%;margin:15px 0}
.pie{background:url(../images/img_footer.jpg) no-repeat;padding:25px 0 0 0; float:left; width:100%; color:#FFF; margin-top:-15px;}
	.pie .redes{ width:100%;text-align:center}
	.pie .redes ul li{ list-style:none; display:inline; margin:0 5px 0 0;}
	.pie .footer_der{ text-align:center;}
	.pie .footer_der img{ margin:0 0 3px 5px;}
	.pie .footer_der a{ color:#FF0;font-size:13px}
	
.nosotros{width:96%;margin:0 2%}

.contenido{margin:150px 0 0 0; }
.top-image{display:none}
.contenido article .top-icon{display:block;margin:0 auto}
.contenido article .cuerpo h2{line-height:30px}
.moduletable_reservasform{width:100%}
.wrapper_reservasform{min-height:1050px}
.moduletable_contactform{width:100%}
.wrapper_contactform{min-height:400px}
.moduletable_mapa{width:96%;}
}

/* RESPONSIVE - Tablet 480-768px */
@media screen and (min-width:480px) and (max-width:768px){
	.custom{width:100%}
	.contenido, .custom,.header .custom{width:100%;background-size:cover}
	
.header {width:100%;position:absolute;top:0}
	.header .custom{background:#FFFFFF;height:auto}
	.header .logotipo{width:80%;margin:10px 1%}
	.header .logotipo img{width:80%}
	.header .derecha{width:100%;margin:10px 0}
		.header .idioma{position:absolute;top:25px;left:75%;}
		.header .idioma ul{margin:0;padding:0;}
			.header .idioma ul li{display:inline; list-style:none;float:none}
		.header .reservar{display:none}
		
.slide{width:100%; position:relative;z-index:0;margin:-35px 0 15px 0; padding:0;display:block}
.sobreslide{width:100%;margin:5px 0 15px 0;text-align:center;float:none}
.sobreslide ul li{float:left;text-align:center}

.item-page .cuerpo{width:96%; margin:0 2% 30px 2%}
.item-page .links{float:none;text-align:center}
.item-page .links ul li{display:block;margin: 30px 5px}

.paquetes{width:100%; margin:0;background:url(../images/f_paquetes.png) no-repeat;margin:0; position:relative; z-index:2; padding:0;background-size:contain; }
	.paquetes h3{ font-size:40px; text-align:center;color:#FFF; text-transform:uppercase; margin:50px 0; padding:0;}
	.paquetes ul{ margin:0; padding:0;}
	.paquetes li.first{ float:left; width:48%; margin:5px 1%; list-style:none;}
			
.categorias{ float:left; width:100%; position:relative; z-index:1; margin:10px 0;}
.categorias .custom{width:100%;}
	.categorias li{width:100%; margin:0}
	.categorias .content{width:100%; bottom:50px;left:0; text-align:center}
	.categorias .titulo{ font-size:35px; text-shadow: 0.05em 0.05em 0.10em #000; color:#FFF; font-weight:bold;}
	.categorias .boton{margin:20px 0 0 0;float:none}
	
.linea{margin-top:-25px}
.footer{display:table;width:100%;}
.footer .ubicacion{width:100%;margin:20px 0}
.footer .datos-contacto{width:46%;float:left; padding: 0 2%}
.footer .facebook{float:none; width:100%;margin:15px 0;text-align:center;}
.pie{background:url(../images/img_footer.jpg) no-repeat;padding:25px 0 0 0; float:left; width:100%; color:#FFF; margin-top:-15px;}
	.pie .redes{ width:100%;text-align:center}
	.pie .redes ul li{ list-style:none; display:inline; margin:0 5px 0 0;}
	.pie .footer_der{ text-align:center;}
	.pie .footer_der img{ margin:0 0 3px 5px;}
	.pie .footer_der a{ color:#FF0;font-size:13px}

.nosotros{width:96%;margin:0 2%}

.contenido{margin:150px 0 0 0;}
.top-image{display:none}
.contenido article .top-icon{display:block;margin:0 auto}
.contenido article .cuerpo h2{line-height:30px}
.moduletable_reservasform{width:100%}
.wrapper_reservasform{min-height:1050px}
.moduletable_contactform{width:100%}
.wrapper_contactform{min-height:320px}
.moduletable_mapa{width:96%;}
}

/* Flexbox service/room cards */
.service-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 25px;
    padding: 10px 3%;
}
.service-card .card-title {
    flex: 0 0 22%;
    font-family: "Questrial", Arial, sans-serif;
    font-size: 15px;
    color: #333;
}
.service-card .card-text {
    flex: 1;
    text-align: justify;
    font-size: 14px;
    line-height: 1.6;
}
.service-card .card-image {
    flex: 0 0 250px;
}
.service-card .card-image img {
    max-width: 250px;
    width: 100%;
    height: auto;
    display: block;
}
@media screen and (max-width: 768px) {
    .service-card {
        flex-direction: column;
    }
    .service-card .card-title {
        flex: none;
        font-size: 16px;
        font-weight: bold;
    }
    .service-card .card-image {
        flex: none;
        width: 100%;
        text-align: center;
    }
    .service-card .card-image img {
        max-width: 100%;
    }
}

/* Custom forms */
.lb-form {
    max-width: 700px;
    margin: 30px auto;
    padding: 0 20px;
    font-family: "Questrial", Arial, sans-serif;
    text-align: left;
}
.lb-form .form-group {
    margin-bottom: 18px;
}
.lb-form label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333;
    font-weight: normal;
}
.lb-form label .required {
    color: #FE0013;
    margin-left: 2px;
}
.lb-form input[type="text"],
.lb-form input[type="email"],
.lb-form input[type="tel"],
.lb-form input[type="date"],
.lb-form input[type="number"],
.lb-form select,
.lb-form textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    font-family: "Questrial", Arial, sans-serif;
    font-size: 14px;
    color: #333;
    background: #fff;
    box-sizing: border-box;
    transition: border-color 0.3s;
}
.lb-form input:focus,
.lb-form select:focus,
.lb-form textarea:focus {
    border-color: #075B1F;
    outline: none;
}
.lb-form textarea {
    min-height: 120px;
    resize: vertical;
}
.lb-form .form-row {
    display: flex;
    gap: 15px;
    width: 100%;
}
.lb-form .form-row .form-group {
    flex: 1;
    min-width: 0;
}
.lb-form .btn-submit {
    display: inline-block;
    padding: 12px 35px;
    background: #075B1F;
    color: #fff;
    border: none;
    font-family: "Raleway", Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background 0.3s;
}
.lb-form .btn-submit:hover {
    background: #FE0013;
}
.lb-form .btn-submit:disabled {
    background: #999;
    cursor: not-allowed;
}
.lb-form .form-message {
    padding: 12px 15px;
    margin-top: 15px;
    font-size: 14px;
    display: none;
}
.lb-form .form-message.success {
    background: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #a5d6a7;
    display: block;
}
.lb-form .form-message.error {
    background: #ffebee;
    color: #c62828;
    border: 1px solid #ef9a9a;
    display: block;
}
@media screen and (max-width: 480px) {
    .lb-form .form-row {
        flex-direction: column;
        gap: 0;
    }
}