@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap");
*,*::before,*::after {box-sizing: border-box;margin: 0;padding: 0;}
html, body {margin:0 auto;padding:0;}
body {text-align: center;font-family: "Poppins", sans-serif;color: #222;margin: 0;background-image: url("../img/backspider.jpg");background-repeat: repeat;}
p {margin:6px;font-weight: 300;color:#7b7b7f;font-size: 18px;text-aling:justify;}
p:last-of-type {margin-bottom: 0;}
h1,h2,h3 {margin: 2rem 0 1.38rem;font-family: "Lucida Calligraphy Italic", sans-serif;font-weight: 400;line-height: 1.3;}
h1 {font-size: 3.8rem;color:#444444;line-height: 1.0;}
h2 {font-size: 2.441rem;}
h3 {font-size: 1.911rem;}
img.alineadoTextoImagenArriba{vertical-align: middle;}
a:link, a:visited, a:active {text-decoration:none;}
small,.text_small {font-size: 1.8rem;}
.responsive {width: 100%;height: auto;padding:40px;}
.logo {width: 100%;height: auto;max-width: 120px; margin: 18px;}
.ad {margin:50px 0 30px 0; text-align:center;}
a{text-align:center;margin: 10px auto;color: #2c3e50;}
.page-footer {padding: 10px;text-align:center;font-weight: 300;color:#7b7b7f;font-size: 16px;margin:50px 0}
.active {visibility: visible !important;opacity: 1 !important;}
@media only screen and (max-width: 600px) {h1 {font-size: 2.652rem;}}
.wrapper {margin: 10px auto;padding: 5px;max-width: 1400px;display: grid;grid-gap: 12px;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));grid-auto-rows: 160px;grid-auto-flow: dense;}
.image-container {position: relative;cursor: pointer;overflow: hidden;float: left;box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.3);border:3px solid #fff}
.image-container:hover {transform: scale(1.02);box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.6);}
.image-container img {width: 100%;height: 100%;position: relative;}
.image-container .image-caption {width: 100%;height: auto;position: absolute;background: rgba(255, 255, 255, 0.8);font-size:10px;text-align: center;}
.image-caption {font-family: sans-serif;letter-spacing: 0;font-weight: 400;font-style:normal;}
.image-caption p {margin: 6px;color: #2d342e;font-size: 16px;}
.image-container:hover p {margin: 8px;color: #fff;}
.image-container .caption-3 {bottom:0px;transition: all 0.5s;color: #fff;}
.image-container:hover .caption-3 {bottom: 0;transition: all 0.5s;background: rgba(1, 86, 23, 0.8);}
.container {max-width:1380px;margin: 0px auto;padding:20px;align-content: center;margin-top:50px;border-radius: 5px;border:solid 1px #ccc;background-color: rgba(194, 222, 199, 0.6);}
.container p {text-align:justify;}
.scrollToTop{width:64px; height:64px;padding:10px;position:fixed;bottom:50px;right:30px;display:none;background: url("../img/top.png") no-repeat;opacity:0.7;z-index:999;}
.scrollToTop:hover{text-decoration:none;opacity:1;}
.page {background-color: rgba(194, 222, 199, 0.6);border:solid 1px #ccc;max-width:1000px;height:100%;margin: 10px auto;text-align:center;padding: 10px 10px;position:relative;z-index:2;border-radius: 8px;-webkit-box-shadow: 0px -2px 11px 1px rgba(181,175,181,0.59);-moz-box-shadow: 0px -2px 11px 1px rgba(181,175,181,0.59);box-shadow: 0px -2px 11px 1px rgba(181,175,181,0.59);}
.iframe-container {position: relative;overflow: hidden;padding-top: 68.25%;background:#000;}
.iframe-container iframe {position: absolute;top:0;left:0;height: 100%;width: 100%;border:none;}
.content {width: 100%;height: 100%;margin: 0 auto;}
.adholder {width: 100%;overflow: hidden;position: absolute;top: 440px;left: 0;z-index:1;}
.adinner {max-width:1120px;margin:auto;}
.adright, .adleft {width:300px;position: relative;margin:0;float:left;height:auto;overflow: hidden;display:inline;}
.adright {float:right;left:300px;}
.adleft {left:-300px;text-align:right;}
.fixed{height:600px;width:300px;overflow: hidden;}
.play-btn-video {position:absolute;z-index:666;top:50%;left:50%;transform:translate(-50%, -50%);border:0;width:386px;height:327px;}
.play-btn-video:hover {cursor:pointer;width:406px;height:349px;}
.play-btn-video:focus {outline:0;}
.page-footer {padding: 10px;text-align:center;font-weight: 300;color:#7b7b7f;font-size: 16px;margin:50px 0}
.active {visibility: visible !important;opacity: 1 !important;}
@media only screen and (max-width: 1200px) {#up-to-top {display: none;};.adholder {display: none;}}
.button-set {margin:14px;}
a.button i {margin-right: 3px;}
a.button {color:#000;margin: 0 2px;font-size: 15px;padding: 10px 15px; display:inline-block;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #ddd;-webkit-box-shadow: 0 5px 6px -3px #999;-moz-box-shadow: 0 5px 6px -3px #999;box-shadow: 0 5px 6px -3px #999;}
a.button:hover {-webkit-box-shadow: 0 4px 6px -3px #aaa;-moz-box-shadow: 0 4px 6px -3px #aaa;box-shadow: 0 4px 6px -3px #aaa;}
a.button.grey {color: #222;background-color: #f5f5f5; background-image: url(images/fallback-gradient.png); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#dddddd));background-image: -webkit-linear-gradient(top, #f5f5f5, #dddddd); 
background-image:-moz-linear-gradient(top, #f5f5f5, #dddddd);background-image:-ms-linear-gradient(top, #f5f5f5, #dddddd);background-image:-o-linear-gradient(top, #f5f5f5, #dddddd);border: 1px solid #cccccc;text-shadow: #fff 1px 1px 0;}
a.button.grey:active {margin-top: 10px-webkit-box-shadow: inset 0 4px 6px -3px #999;-moz-box-shadow: inset 0 4px 6px -3px #999;box-shadow: inset 0 4px 6px -3px #999;}
nav {height: 52px;margin: 0 auto;background-color: #363636;width: 100%;}ul {float: left;list-style-type: none;margin:0;padding: 0;position: relative;left: 50%;}li {float: left;position: relative;right: 50%;}li a {display:block;padding:0 14px;margin:0 0px;height: 52px;text-align: center;line-height: 50px;font-family:sans-serif;color: #fff;text-decoration: none;font-weight:700;font-size:12px;}li:hover a {background: #0b732e;}
.selected {padding:0 14px 0 14px;height: 52px;text-align: center;line-height: 50px;background-color: #009933;}
li ul li a {width: auto;min-width: 100px;padding: 0 20px;text-align:left;}ul li a:hover + .hidden, .hidden:hover {display: block;}
.show-menu {font-family: "Verdana", Helvetica, Arial, sans-serif;text-decoration: none;font-size:24px;color: #fff;background: #333;text-align: center;padding: 10px 0;display: none;}
input[type=checkbox]{display: none;}input[type=checkbox]:checked ~ #menu{display: block;}
@media screen and (max-width: 760px) {
nav {height: 50px;}
ul {display: none;left: 0;background-color: #363636;width: 100%;}
ul li {width: 100%;min-width: 280px;padding: 0;margin: 0;height: 50px;border: 0;}ul li a {width: 100%;text-align: center;}
li {margin-bottom: 0;right: 0;}li:hover a {background: #009933;}.selected {padding: 0;margin: 0;}
.show-menu {display: block;background-color: #333;text-align: center;padding: 10px;}
.show-menu:hover {cursor: pointer;}}

.facebook-share-btn {background-image: url('../img/icons/facebook-icon.png');background-repeat: no-repeat;display: inline-block;width: 42px;height: 42px;background-size: contain;margin-right: 10px;}
.x-share-btn {background-image: url('../img/icons/x-icon.png');background-repeat: no-repeat;display: inline-block;width: 42px;height: 42px;background-size: contain;margin-right: 10px;}
.whatsapp-share-btn {background-image: url('../img/icons/whatsapp-icon.png');background-repeat: no-repeat;display: inline-block;width: 42px;height: 42px;background-size: contain;margin-right: 10px;}
.telegram-share-btn {background-image: url('../img/icons/telegram-icon.png');background-repeat: no-repeat;display: inline-block;width: 42px;height: 42px;background-size: contain;margin-right: 10px;}
.favorite-btn {background-image: url('../img/icons/favorite-icon.png');background-repeat: no-repeat;display: inline-block;width: 42px;height: 42px;background-size: contain;}
.facebook-share-btn:hover, .x-share-btn:hover, .whatsapp-share-btn:hover, .telegram-share-btn:hover, .favorite-btn:hover {opacity: 0.5;cursor: pointer;}