/* Hotel */
#agencias { float:left;width:100%;padding:1% 0%;margin:1% 0%}
#agencias .left { float:left;width:20%;margin-left:0%;border-bottom:none}
#agencias .left span.toggle { padding: 2% 3%; float: left; width: 94%; background:#127ead; text-align: center;color:#fff; }
#agencias .left ul { display:grid;grid-gap:0px;grid-template-columns:repeat(1, 1fr);padding:0%;margin:0%;width: 100%}
#agencias .left ul li { float:left;background:#f8f8f8;list-style:none;border-bottom:1px dotted #ccc}
#agencias .left ul li a { color:#7e8c8d;float:left;padding:1% 6%;width:88%}
#agencias .left ul li a h2 { padding:2% 0%;width:100%;margin:0%;font-weight:normal;font-size:1em}
#agencias .left ul li a h2 span { float: right }
#agencias .left ul li a:hover { color:#fff !important;background:#FCA200}
#agencias .left ul li a.activo { color:#fff;background:#f39c11}
#agencias .right { float:left;width:78%;margin:0% 0% 0% 2%;border-bottom:none}

#comercio { float:left;width:96%;margin:2%}
#comercio h1 { font-size:1.5em;float:left;width:100%;margin:0% 0% 1%}
#comercio #contenido { float:left;text-align:justify;width:96%;margin:0% 2%}
#comercio #contenido .foto { float:left;margin:0% 2%;max-width:96%}
#comercio #contenido .foto img { float:left;margin:2%;max-width:160px}
#comercio #contenido ul { float:left;list-style:none;padding:1% 2%;width:96%}
#comercio #contenido ul li { float:left;list-style:none;padding:1% 2%;width:46%}
#comercio #fotos { float:left;width:96%;margin:2% 0% 4%;padding:2%;background:#f7f7f7}
#comercio #fotos h2 { border:none !important;color:#cb3433;padding:1% 3%;width:94%;margin:0%}
#comercio #fotos #galeria { float:left;width:92%;margin:2% 4%;padding:0%}
#comercio #fotos #galeria a { float:left;width:19%;margin:0.5%;display:block}
#comercio #fotos #galeria a img { width:100%;height:100px}
#comercio h2 { font-size:1.2em;float:left;width:100%;margin:2% 0% 0%;border-bottom:1px dashed #297fb8;color:#297fb8}
#comercio .contacto { float:left;width:98%;margin:1%;padding:20px 0%;border:none !important}
#comercio .contacto #data { float:left;width:96%;margin:2%}
#comercio .contacto #data .phone { float:left;width:30%;padding:1% 10%;background:url(../../img/icons/iconPhone.png?v=10) 12% center no-repeat;background-size:7%;font-size:0.9em}
#comercio .contacto #data .mobile { float:left;width:30%;padding:1% 10%;background:url(../../img/icons/iconMobile.png?v=10) 12% center no-repeat;font-size:0.9em;background-size:7%}
#comercio .contacto #data .whatsapp { float:left;width:30%;padding:1% 10%;background:url(../../img/icons/iconWhatsApp.png?v=10) 12% center no-repeat;font-size:0.9em;background-size:7%}
#comercio .contacto #data .web { float:left;width:30%;padding:1% 10%;background:url(../../img/icons/iconWeb.png?v=10) 12% center no-repeat;background-size:7%;font-size:0.9em}
#comercio .contacto #data .email { float:left;width:30%;padding:2% 10%;background:url(../../img/icons/iconMail.png?v=10) 12% center no-repeat;background-size:7%;font-size:0.9em}
#comercio .contacto #data .address { float:left;width:30%;padding:1% 10%;background:url(../../img/icons/iconAddress.png?v=10) 12% center no-repeat;background-size:7%;font-size:0.9em}
#comercio #ubicacion { float:left;width:97.5%;margin:0% 0% 1%;padding:1%;border:2px dashed #ccc}
#comercio #ubicacion #mapa { float:left;width:100%;height:300px;margin:0%;padding:0%}

#comercio #contacto { float:left;width:100%;margin:0% 0% 4% 0%;padding:0%;background:#f8f8f8;display:none}
#comercio #contacto h2 { background:#fff;padding:1%;margin:0% 0% 2%}
#comercio #contacto .campos { float:left;width:80%;margin:0.5% 8%;padding:0% 2%}
#comercio #contacto .campos input[type=text] { float:left;width:80%;margin:0.5% 8%;padding:1% 2%;border:1px solid #ccc}
#comercio #contacto .campos textarea { float:left;width:80%;margin:0.5% 8%;padding:1% 2%;border:1px solid #ccc}
#comercio #contacto .enviar { float:left;width:40%;margin:0.5% 30%;padding:1% 5%;border:1px solid #ccc;background:#078930;color:#fff}
#comercio #redes { float:left;width:100%}
#comercio #redes #share { text-align:center;padding:1% 0%;margin:1% 0%;float:left;width:100%}
#comercio #redes #share a { margin:1%}

.naturaleza { float:left;width:96%;padding:1%;margin:1%;background:#fff}
.naturaleza .left { float:left;width:18%;margin-left:0%;border-bottom:none}
.naturaleza .left ul { display:grid;grid-gap:0px;grid-template-columns:repeat(1, 1fr);padding:1%;margin:0%}
.naturaleza .left ul li { float:left;background:#f8f8f8;list-style:none;border-bottom:1px dotted #ccc}
.naturaleza .left ul li a { color:#7e8c8d;float:left;padding:1% 6%;width:88%}
.naturaleza .left ul li a h2 { padding:2% 0%;width:100%;margin:0%;font-weight:normal;font-size:1em}
.naturaleza .left ul li a:hover { color:#fff !important;background:#95a5a5}
.naturaleza .left ul li a.activo { color:#fff;background:#f39c11}
.naturaleza .right { float:left;width:70%;margin:0% 2%;border-bottom:none}
.naturaleza .right ul { display:grid;grid-gap:20px;grid-template-columns:repeat(3, 1fr);padding:1%;margin:0%}
.naturaleza .right ul li { list-style:none;position:relative;padding:0%;border-radius:10px;background:#f8f8f8;border:1px solid #ccc}
.naturaleza .right ul li:hover { box-shadow:0 0 10px rgba(0,0,0,.3)}
.naturaleza .right ul li img { width:100%;float:left;border-radius:8px 8px 0px 0px; height: 100%}
.naturaleza .right ul li h2 { width:90%;padding:3% 5% 1%;float:left;margin:0%;font-size:0.9em;display:flex;align-items:center;color:#ccc;font-weight:normal}
.naturaleza .right ul li h3 { font-weight:normal;width:90%;padding:0% 5% 2%;float:left;margin:0%;font-size:1.2em;display:flex;align-items:center;color:#666}
.naturaleza .right ul li .agencia { font-weight:normal;width:98%;padding:3% 1%;float:left;margin:0%;color:#03191a;border-top:1px solid #ccc}

.myInput { display:none}