@import"reset.css";@import"skeleton.css";@import"menu.css";@import"slider.css";@import"forms.css";
/* FONTS [GOOGLE] */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
/* FONTS */
/*@font-face {font-family: lb;src: url('/libs/css/lb.ttf');}*/
/*BODY*/
body{background: #ffffff;font-size: 25px;color: #4c4c4c;/* position:relative; *//* min-width:320px; */font-family: 'Lato';}
html,body{height:100%;}
/* LINKS */
a{color: #9E9E9E;outline:none;cursor:pointer;text-decoration:none;/* transition: 3s; */}
a:hover{color: #333;text-decoration: none;}
/* CONTENT */
article {clear: both;/* margin: 50px 5px 0px; */background-color: white;/* background-image: url('/imgs/ui/bgi.png'); *//* position: relative; *//* top: 363px; */z-index: 60;/* padding: 10px; *//* box-shadow: 0px 0px 7px #000000; *//* border-top: solid 2px #e50328; *//* border-bottom: solid 2px #2939FE; *//* position: relative; */z-index: -1;}
/* HEADERS */
article section.pst.hdr {padding: 30px;max-width: 300px;margin: auto;}
article section.pst.hdr h1{font-size: 43px;font-family: 'Playfair Display';color: #4b4b4b;/* text-shadow: 0px 1px 0px #fff,2px 2px 0px #272626; */}
article section.pst.hdr h2{font-size: 25px;/* font-family: 'Cabin', sans-serif; *//* text-shadow: 1px 1px 1px #e2a2ac; */text-transform: uppercase;letter-spacing: 7px;border-bottom: solid 5px #676767;line-height: 42px;font-family: 'Playfair Display';padding-bottom: 20px;}
/* TEXT */
p{/* background-color: #FFF; */text-align:center;/*text-shadow: 0px 1px 1px #FFF;*/padding: 10px;/* color: #0016FC; */max-width: 860px;margin: auto;line-height: 55px;}
/* IMAGES */
section.pst .img img {width:100%;max-width:800px;box-sizing:border-box;border:none;margin:0;opacity:0;transition:all 4s ease;transform:translate3d(0,200px,0);backface-visibility:hidden;}
section.pst .img img.in-view {opacity:1;transform:translateZ(0);}
/******************************/
/* < 768px [ Extra Small Devices ] */
/******************************/
/* Video Background */
.vbg {/* background: #000; *//* position: fixed; */top: 0;right: 0;bottom: 0;left: 0;z-index: -99;/* background-size: auto 100%; *//* background-position: center; */display: none;}
/* LOGO */
header h1{float:left;u;background: url(/imgs/ui/logo.png) 0 0 no-repeat;rl(/imgs/ui/logo.png) 0 0 background: no-repeat;background-size: auto 100%;}
header h1 a{display:block;/* background:url(/imgs/ui/logo.png) 0 0 no-repeat; */width: 150px;height: 110px;/* text-indent: 50px; *//* background-size: 100%; */margin: 15px 150px 0px;float: left;font-size: 28px;border-left: solid 1px #9E9E9E;padding-left: 20px;font-weight: 600;letter-spacing: 4px;}
header h1 a:hover {	}
/* POSTs */
section.pst { font-weight: 300;line-height: 40px;position: relative; margin: 5px; padding: 0;text-align: center;}
section.pst .hds {max-width: 320px;margin:auto}
section.pst h2,input#ttl.h2{color: #858585;font-size: 30px;font-weight: 400;letter-spacing:-1px;padding-bottom:2px;}
/*section.pst h3 { border-bottom: solid 2px #DEE0FF;color: #0C53C5;font-family: lb;margin: 20px 0px;padding: 5px 0 0;text-transform: uppercase;box-shadow: 0px 2px 3px;}*/
section.pst h3 {font-family: 'Playfair Display', cursive;margin: 15px 0px 0;padding: 30px 10px 5px;/* text-transform: uppercase; *//* box-shadow: 0px 0px 5px #7590BC; */border-bottom: solid #dc0308;/*! text-shadow: 1px 2px 1px #3843B7; */font-size: 40px;max-width: 100%;/* line-height: 0px; */box-sizing: border-box;}
section.pst h4 {/* border-bottom: solid 2px #E5E7F5; */color: 4c5166;font-family: 'Lato';margin: 0px 25px;padding: 0;/* text-transform: uppercase; *//* box-shadow: 0px 0px 5px #7590BC; *//* background: #3345FF; *//*! text-shadow: 1px 2px 1px #3843B7; */font-size: 27px;letter-spacing: 0px;}
section.pst div.lnk a {
  background-color: #009a44;
  color: #f9f9f9;
  padding: 0px;
  border: 3px solid #49c780;
  border-radius: 50px;
  font-size: 1.2rem;
  font-weight: 900;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 5px;
  max-width: 300px;
  margin: 10px auto;
  display: block;
  text-shadow: 5px 1px 0 #167640;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
section.pst div.lnk a:hover {
  background-color: #10af56;
  color: #fff;
  border-color: #046b31;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
section.pst div.lnk a:focus {
  outline: 3px solid #046b31;
  outline-offset: 4px;
}
/*  LIST */
.pst ul {list-style-type: none;/* padding-left: 20px; *//* background-color: #cee7ff; */margin: 0 30px;}
/* WELCOME */
section.pst.wlc .txt p {
	text-align:left;
	border-left:5px blue solid;
	padding: 20px;
	/* margin-left: 15px; */
	background-color: #f1f1f1;
	text-shadow: 1px 1px 0 #fff;
}
section.pst.wlc li {
  background-image: url("/imgs/ui/paw.png"); 
  background-repeat: no-repeat;
  background-position: left center; 
  padding-left: 50px; 
  margin-bottom: 10px; 
  list-style-type: none;
  text-align: left;
  background-size: 25px;
  margin-left: 20px;
}
/* HEADERS */
.pst.mtm .hds h3 {border-bottom: 5px solid #818181;padding: 20px;width: 80%;margin: 20px auto;}
/* LISTS*/
section.pst .txt ul li {
  border: solid 1px #4679ad;
  display: inline-block;
  padding: 5px 10px 5px 30px; /* espacio extra para el emoji */
  border-radius: 5px;
  font-weight: bold;
  font-size: 16px;
  margin: 10px;
  text-shadow: 1px 1px 0 #FFF;
  width: 74%;
  color: #174a7f;
  position: relative;
}
/* Agrega el chulito al inicio */
section.pst .txt ul li::before {
  content: "✔️";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
}
/* HEAD */
section.pst.hdr .hds h2 { font-size: 45px; }
section.pst.hdr .txt b.pct,section.pst.hdr .txt b.nmb { font-size: 2em;letter-spacing: -3px;top: -2px;position: relative;}
/* NEWS */
section.pst.nws { background-color: white;margin: 0px 0px 5px;box-shadow: 0px 0px 5px #333;border-top: solid 1px white;border-bottom: solid 1px white;height:828px}
section.pst.hdr.nws h1 { font-size: 33px;font-weight: 900;letter-spacing: -1px;padding-bottom: 2px; }
section.pst.nws div.img { height:350px; }
section.pst.nws div.img img { height: 388px; }
section.pst.nws div.hds {position: relative; top: -60px;background: #4e4e4e;opacity: 0.8;}
section.pst.nws div.txt { position: relative; top: -60px; }
section.pst.nws div.hds h2 { font-weight: 700;font-size:22px; text-align: left;padding: 0px 10px;height: 96px;display: table-cell;vertical-align: middle;line-height: 128%;}
section.pst.nws div.hds h2 a {color: #fff;text-shadow: 0px 1px 3px #000; }
section.pst.nws div.hds time { color: white;font-size: 13px;text-shadow: 0px 1px 3px #000;text-align: left;display: block;padding: 0 10px;letter-spacing: 2px;}
section.pst.nws div.txt { margin: 5px 10px 0px;padding: 0px 5px;font-size: 16px;height: 300px;overflow: hidden; }
section.pst.nws div.lnk { position: relative;top: -50px;}
section.pst.nws div.lnk p a{ text-align: center;position: relative;text-transform: uppercase;font-size: 16px;font-weight: bold;padding: 15px;color: #cbcbcb;overflow: hidden;letter-spacing: 1px;background-color: #fff;display: block;text-shadow: 0px 1px 1px #fff;border: solid 3px #eaeaea;margin: 0px 10px;}
/* TESTIMONY */
section.pst.tsm {background-image: url('/imgs/ui/bg-1.jpg');color:#FFF;position: unset;background-position: 50%;}
/* SOCIAL */
section.pst ul.smi {padding: 30px 0 15px;}
section.pst ul.smi li { display: inline-block; }
section.pst ul.smi li a {padding: 0px 6px;}
section.pst ul.smi li a:hover {position:relative;top:-2px;}
section.pst ul.smi li a:active {position:relative;top:2px;}
section.pst ul.smi li a img {padding: 3px;width: 45px;}
/* iPACK */
section.pst.ipk {text-align: center;background: #fff;padding: 20px;margin: 20px;box-shadow: 0px 0px 50px #CACACA;border: solid 2px #fff;}
section.pst.ipk div.txt p {border-bottom: solid 1px #CCC; margin-bottom: 30px;padding-bottom: 30px;text-align: center;}
section.pst.ipk div.lnk p a {text-align: center;position: relative;text-transform: uppercase;font-size: 16px;font-weight: bold;padding: 15px;color: #cbcbcb;
overflow: hidden;letter-spacing: 1px;background-color: #fff;display: block;
text-shadow: 0px 1px 1px #fff;border: solid 3px #eaeaea;}
section.pst.ipk div.txt a { text-align: center;position: relative;text-transform: uppercase;font-size: 16px;font-weight: bold;padding: 15px;color: #cbcbcb;
overflow: hidden;letter-spacing: 1px;background-color: #fff;display: block;
text-shadow: 0px 1px 1px #fff;border: solid 3px #eaeaea; }
section.pst.ipk.btg div.txt a { background: #b0dd2d; }
section.pst.ipk.bto div.txt a { background: #ffc928; }
section.pst.ipk.btb div.txt a { background: #1874b8; }
/* PACK */
section.pst.pck { font-size: 19px;line-height: 20px;text-align: center;background: #fff;padding: 20px;margin: 5px;box-shadow: 0px 0px 50px #CACACA;border: solid 2px #fff;}
section.pst.pck h2 { color: #9A9A9A; padding: 5px;}
section.pst.pck h3 {font-size: 18px;padding: 5px;font-weight: 900;color: #B7B7B7;padding: 10px; } 
section.pst.pck div.txt a {background: #ccc;text-align: center;position: relative;text-transform: uppercase;font-size: 16px;
font-weight: bold;padding: 15px;color: #fff;overflow: hidden;letter-spacing: 1px;}
section.pst.pck div.lnk a {background: #ccc;text-align: center;position: relative;text-transform: uppercase;font-size: 16px;
font-weight: bold;padding: 15px;color: #fff;overflow: hidden;letter-spacing: 1px;}
/* PACKS */
section.pst.pck {box-shadow:0 0 50px #cacaca;border:8px solid #e1e1e1;margin:15px;}
section.pst.pck:hover {border:8px solid #fff;}
section.pst.pck .img img {width:100%;max-width:800px;box-sizing:border-box;border:none;margin:0;opacity:0;transition:all 4s ease;transform:translate3d(0,200px,0);backface-visibility:hidden;}
section.pst.pck .img img.in-view {opacity:1;transform:translateZ(0);}
section.pst.pck .hds {vertical-align:middle;position:relative;}
section.pst.pck .hds h3 {font-family:'Lato';color:#fff;margin:10px;padding:0;font-size:48px;box-sizing:border-box;display:inline-block;line-height:60px;border-bottom:7px solid #025cb6;width:60px;background-color:#327cc7;}
section.pst.pck .txt {overflow:scroll;position:relative;top:10px;margin-bottom:15px;}
section.pst.pck .txt p {font-size:30px;line-height:36px;text-align:center;letter-spacing:-1px;border-top:6px solid #4679ad;color:#4679ad;margin:0 31px;font-weight:800;}
section.pst.pck .txt a {font-size:13px;line-height:30px;letter-spacing:2px;padding:10px 15px;font-weight:bold;margin:5px;display:inline-block;border:1px solid #fff;text-shadow:none;transition:all 0.3s ease;}
section.pst.pck .txt a:hover {box-shadow:0 0 3px #03a9f4;color:#2899f3;background-color:#f3f3f3;text-shadow:1px 1px 0 #fff;}
section.pst.pck .lnk p {text-align:center;}
section.pst.pck .lnk a {display:block;background:linear-gradient(to bottom,#548cc5 0%,#3b658f 100%);color:#fff;border:1px solid #3d6b99;padding:0 5px;text-transform:uppercase;font-weight:bold;letter-spacing:2px;font-size:13px;border-radius:5px;text-shadow:1px 1px 3px #193c5f;box-shadow:inset 0 1px 0 0 #a7c9e9,0 2px 4px rgba(0,0,0,0.15);transition:all 0.3s ease;}
section.pst.pck .lnk a:hover {background:linear-gradient(to bottom,#6fa6de 0%,#3f6f9e 100%);border-color:#365f88;text-shadow:0 1px 1px #2a4c70;box-shadow:0 3px 6px rgba(0,0,0,0.25);}
/* SHOWCASE */
section.pst.swc { box-shadow: 0px 0px 50px #CACACA;border: solid 2px #fff;}
section.pst.swc .img { margin-bottom: 15px; }
section.pst.swc .img img{max-width: 100%;}
section.pst.swc .hds h2 { }
section.pst.swc .txt p {text-shadow: 2px 1px 2px #F3F3F3;font-size: 18px;line-height: 30px;text-align: center;/*! height: 190px; */overflow: auto;}
section.pst.swc .txt a {text-shadow: none;font-size: 13px;line-height: 30px;letter-spacing: 2px;padding: 10px 15px;font-weight: bold;margin: 5px;display: inline-block;border: solid 1px #FFFFFF;}
section.pst.swc .txt a:hover {box-shadow: 0px 0px 3px #03A9F4;color: #2899F3;background-color: #F3F3F3;text-shadow: 1px 1px 0px #FFF;}
/* ITEM */
section.pst.itm {box-shadow:0 0 50px #cacaca;border:8px solid #e1e1e1;margin:15px;}
section.pst.itm:hover {border:8px solid #fff;}
section.pst.itm .img img {width:100%;max-width:800px;box-sizing:border-box;border:none;margin:0;opacity:0;transition:all 4s ease;transform:translate3d(0,200px,0);backface-visibility:hidden;}
section.pst.itm .img img.in-view {opacity:1;transform:translateZ(0);}
section.pst.itm .hds {vertical-align:middle;position:relative;}
section.pst.itm .hds h3 {font-family:'Lato';color:#fff;margin:10px;padding:0;font-size:48px;box-sizing:border-box;display:inline-block;line-height:60px;border-bottom:7px solid #025cb6;width:60px;background-color:#327cc7;}
section.pst.itm .txt {overflow:scroll;position:relative;top:10px;margin-bottom:15px;}
section.pst.itm .txt p {font-size:30px;line-height:36px;text-align:center;letter-spacing:-1px;border-top:6px solid #4679ad;color:#4679ad;margin:0 31px;font-weight:800;}
section.pst.itm .txt a {font-size:13px;line-height:30px;letter-spacing:2px;padding:10px 15px;font-weight:bold;margin:5px;display:inline-block;border:1px solid #fff;text-shadow:none;transition:all 0.3s ease;}
section.pst.itm .txt a:hover {box-shadow:0 0 3px #03a9f4;color:#2899f3;background-color:#f3f3f3;text-shadow:1px 1px 0 #fff;}
section.pst.itm .lnk p {text-align:center;}
section.pst.itm .lnk a {display:block;background:linear-gradient(to bottom,#548cc5 0%,#3b658f 100%);color:#fff;border:1px solid #3d6b99;padding:0 5px;text-transform:uppercase;font-weight:bold;letter-spacing:2px;font-size:13px;border-radius:5px;text-shadow:1px 1px 3px #193c5f;box-shadow:inset 0 1px 0 0 #a7c9e9,0 2px 4px rgba(0,0,0,0.15);transition:all 0.3s ease;}
section.pst.itm .lnk a:hover {background:linear-gradient(to bottom,#6fa6de 0%,#3f6f9e 100%);border-color:#365f88;text-shadow:0 1px 1px #2a4c70;box-shadow:0 3px 6px rgba(0,0,0,0.25);}
/* MAP */
#map {overflow: hidden;	width: 100%;}
#map a span {font-size: 31px;display: block;text-align: left;padding: 10px;background-color: #333;color: white;opacity: .9;border: solid 2px #B1B1B1;}
#map a span:hover {opacity: 1; }
#map a b {display: block;border: solid 2px #FFF;text-align: center;padding: 10px;background-color: #f00;color: white;opacity: .9;}
#map a b:hover {box-shadow: 2px 2px 10px red;opacity: 1;}
#map a img {width:100%;}
/* WHATSAPP */
#whatsapp {background-image: url('/imgs/ui/wab.png');width: 172px;height: 42px;text-indent: -9000px;margin: 8px;display: block;bottom: 10px;position: fixed;z-index: 100;right: 26%;background-repeat: no-repeat;}
/* CONTACTS */
.contacts p{ float:left; margin-right:50px; padding-bottom:0;}
/* SUSCRIBE */
section.pst.sbc {max-width: 400px;margin: auto;padding: 20px;/* border: 5px dashed #ffffff; *//* background-color: #e5e5e5; */}
section.pst.sbc div.hds h3 {text-shadow: 0px 1px 1px #ffffff;margin: 0px auto 35px;padding: 0px 0px 15px;}
section.pst.sbc div.hds h4 {border-top: dotted 2px #0b1f33;font-size: 13px;margin: 0px;background: none;box-shadow: none;border-bottom: none;padding: 0px;text-shadow: none;letter-spacing: 1px;color: #333;text-transform: uppercase;letter-spacing: 10px;}
section.pst.sbc a { padding: 10px;display: block;letter-spacing: 4px;font-weight: bold;font-size: 22px;}
section.pst.sbc a.btn {
  display: inline-block;
  background: linear-gradient(to bottom, #9a9a9a 0%, #696969 100%);
  color: #ffffff;
  border: 1px solid #5c5c5c;
  /* font-family: 'Playfair Display', serif; */
  font-size: 19px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px 22px;
  border-radius: 6px;
  text-decoration: none;
  box-shadow: inset 0 1px 0 0 #dcdcdc, 0 2px 4px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  letter-spacing: 8px;
  opacity: .9;
  text-shadow: 1px 1px 0px #4f4d4d;
}
section.pst.sbc a.btn:hover {
  background: linear-gradient(to bottom, #dc0308 0%, #a90205 100%);
  color: #ffffff;
  border-color: #a90205;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}
section.pst.sbc a.snd {border: 1px solid #cccccc;background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #e0e0e0), color-stop(100%, #d6d6d6));background-color: #e0e0e0;color: #a8a8a8;text-shadow: none;box-shadow: inset 1px 1px 0 0 #f3f3f3;cursor: wait;pointer-events: none;}
/* FOLLOW */
section.pst.flw h4 {font-size:20px}
/* POSITION */
div.gol { width: 100%;overflow: hidden;position: relative;margin-top: 10px; }
div.gol div.hds { clear:both }
div.gol div.img{ clear:both }
div.gol div.img img{ box-shadow: 0px 0px 25px #000;box-sizing: border-box;border: solid 5px #FFF;height: auto;max-width: 100%;margin: 10px 0 18px 0; }
div.gol div.txt p,textarea#txt.txt{ clear:both;text-align: justify;margin: 10px;padding: 10px; }
div.gor { width: 100%;overflow: hidden;position: relative;margin-top: 10px; }
div.gor div.hds { clear:both }
div.gor div.img{ clear:both; }
div.gor div.img img{ box-shadow: 0px 0px 25px #000;box-sizing: border-box;border: solid 5px #FFF;height: auto;max-width: 100%;margin:10px 0 18px 0; }
div.gor div.txt{ clear:both }
/* BUTTON [WAL] */
section.pst.wal div.lnk p { padding:0px }
section.pst.wal div.lnk a {display: inline-block;width: 100%;line-height: 130px;background-image: url('/imgs/posts/zoocenter-whatsapp.png');background-size: 100% auto;background-position: center;text-indent: -9999px;max-width: 506px;background-repeat: no-repeat;}
/* LINKs */
div.gol div.txt a, div.gor div.txt a{ color: #999; border:solid 1px #CCC; background-color:#F1F1F1; border-radius:5px;padding: 5px 10px; text-shadow: 0px 1px 1px #FFF; opacity:.7;transition: all 0.5s ease; display: inline-block; margin-bottom: 10px; }
div.gol div.txt a:hover, div.gor div.txt a:hover{ color: #FFF;border: solid 1px #FFF;background-color: #000;text-shadow: 0px 1px 1px #333;text-decoration: none;opacity: 1;box-shadow: 0 0 10px #333; transition: }
/* FOLLOW */
section.pst.fls {margin: 0px;/* padding-top: 220px; */box-sizing: border-box;width: 100%;background: #3d434c;letter-spacing: 2px;color: #FFF;background-size: 100% auto;font-size: 20px;background-repeat: no-repeat;padding: 25px 0;background-image: url(/imgs/posts/zoocenter-recepcion_1.jpg);}
/* FOOTER */
section.pst.ftr {margin: 0px;padding-top: 220px;box-sizing: border-box;width: 100%;background: blue;letter-spacing: 2px;background-image: url(/imgs/ixld/02_zoocenter-2024-4.jpg);color: #FFF;background-size: 100% auto;font-size: 20px;background-repeat: no-repeat;/* background: beige; */}
section.pst.ftr div.txt {line-height: 42px;font-size: 1.8em;padding: 20px 10%;}
/* MAP */
#map {overflow: hidden;width: 100%;margin-top: 25px;}
#map img {width:100%;}
/* TyC */
#TyC {	background-color: whitesmoke;	border: solid 1px #CCC;font-size: .8em;padding: 30px;}
/* FOOTER */
footer{clear: both;padding: 0px 0 0px;margin:0 auto;text-align:center;/* position: relative; *//* top: -20px; */background-color: rgb(111 111 111);background-image:url('/imgs/ixld/1_zoocenter-2023-1.jpg');background-size: auto 100%;background-position: 50% 50%;}
footer a{ color:#fff; margin:1px; }
/* CPY */
footer section.cpy {/* background-color: white; *//* padding-top: 0px; *//* box-shadow: 0px 0px 5px black inset; *//* border-top: solid 2px #2939FE; */}
footer section.cpy div.pym {padding: 80px;opacity: .0;}
footer section.cpy div.pym img {max-width: 100%;}
/* BY */
footer section.by {/* background: url(/imgs/ui/fbg.gif) no-repeat; */background-size: 100% auto;font-size: 13px;padding: 15px;margin: 0px;/* background-color: #6f6f6f; */letter-spacing: 2px;/* box-shadow: 0 0 5px #2f2f2f inset; */}
footer section.by a { color:#c2c2c2 }
footer section.by a b { color:#eaeaea }
/* INFO */
footer section.inf {/* background-color: #3d434c; *//* border-top: solid 1px #e4e4e4; */color: #b9b9b9;}
footer section.inf div {display: inline-block;font-size: 13px;padding: 10px;letter-spacing: 1px; }
/* COPYRIGHT */
footer section.cpy div.cpy {padding: 20px 0px;font-size: 13px;font-weight: bold;color: #fff;/* background-color: #2939FE; */margin-top: 10px;}
/* SHARE */
#shr {/* background-color: #cfcfcf; */color: #d1d0d0;width: 250px;margin: 30px auto;padding: 10px;opacity: 0.8;border-radius: 5px;}
#shr h5 {letter-spacing:3px;padding: 10px 0;font-size: 20px;}
#shr h5 span{ width: 140px; display: inline-block;}
#shr h5:before,#shr h5:after {background-color: #878787;content: "";display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 11%;}
#shr h5:before {right: 1em;margin-left: -50%;}
#shr h5:after {left: 1em;margin-right: -50%;}
#shr ul { padding: 0x; margin:0px; list-style:none; text-align:center}
#shr ul li {display: inline-block;width:25%;background-image:url('/imgs/ui/smb.png');border: solid 1px #545962;max-width: 40px;height: 40px;background-size: auto 90%;text-indent: -9000px;margin: 8%;opacity: .8;border-radius: 10px;background-color: grey;}
#shr ul li:hover {box-shadow: 0px 3px 0px #e0e0e0;border: solid 1px white;position: relative;top: -2px;}
#shr ul li a {display:block;}
#shr ul li.fbk {/* background-color:#3b5998; */background-position: 4px;} 
#shr ul li.fbk:hover { background-color:#3b5998; } 
#shr ul li.twt {/* background-color:#1DA1F3; */background-position: -33px;} 
#shr ul li.twt:hover { background-color:#1DA1F3; } 
#shr ul li.ggp { background-color:#d34836; background-position: -70px;} 
#shr ul li.ggp:hover { background-color:#d34836; } 
#shr ul li.wtp {/* background-color:#25d366; */background-position: -107px;} 
#shr ul li.wtp:hover { background-color:#25d366; } 
/* TyC */
#TyC {	background-color: whitesmoke;	border: solid 1px #CCC;
font-size: .8em;padding: 30px;}
/* HIDE */
.HD {VISIBILITY: hidden}
/******************************/
/* < 360px [ Small Devices ] */
/******************************/
@media (min-width: 340px) {
    header h1 {width: 300px;margin: auto;/* top: 100px; *//* left: 7.5%; */height: 150px;}
    header h1 a{display:block;height: 110px;/* width: 300px; *//* text-indent:-5000px; *//* background-size: 100% auto; *//* margin: 5px 5px 5px; *//* background-position: 0 0; */font-family: 'Playfair Display';}
    article,footer {/* top: 600px; */}
}
/* Small Devices (> 800px) [Tablets] */
@media (min-width: 800px) {
/* HDR */
/*header{ height: 90px; }*/
header.padheader{ padding-bottom:37px;}
header h1 {width: 570px;padding-left: 0px;padding-right: 8px;margin: 30px;}
header h1 a {
    width: 180px;
    height: 120px;
    background-color: white;
    font-size: 32px;
    border-left: 10px solid transparent;
    background: linear-gradient(to bottom, #e10105 33.33%, #787878 33.33%, #5a5a5a 66.66%, white 66.66%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    padding-left: 10px;
    color: #585757;
    text-shadow: 1px 1px 0 #757070;
    line-height: 39px;
    position: relative;
}
header h1 a::before {
    content: "Gimnasio Real de"; /* Replicating the first two words */
    color: white; /* Changing the color of these words to white */
    position: absolute;
    top: 0;
    left: 10px; /* Align with the padding-left of the parent */
    z-index: 1; /* Ensure it appears above the original text */
    background-color: transparent;
}
header h1 a {
    position: relative;
    z-index: 0; /* Ensure the original text appears behind the pseudo-element */
}
header div.menu{
	/*border: solid 1px #F60;*/
	/*border-radius: 6px;*/
	/*background-image: linear-gradient(to bottom, #FC0 0%, #F60 100%);
	/*box-shadow:0px 1px 10px #333;  */
	/*float: left;*/
	/* margin: 45px; */
	overflow: hidden;
	margin-bottom: 0;
}
/* HEADER */
/*h2{font-size: 1.7em;}*/
/*h3{border-top: solid 1px #CCC;font-size: .8em; padding: 5px;}*/
/* ARTICLE */
article { text-align: center;  }
/* POSTs */
article {text-align: center;/* clear: both; */top: 0px;position: relative;}
section.pst {margin: 5px;padding: 0;}
section.pst h2,input#ttl.h2{ color:#333; }
section.pst iframe {margin: auto !important;!i;!;}		
/* WELCOME */
section.pst.wlc {margin: 0px auto;width: 84%;float: left;width: 55%;text-align: left;letter-spacing: 2px;}
section.pst.wlc div.hds {margin: 20px 14%;width: 100%;text-align: left;}
section.pst.wlc div.txt {margin: 40px 0 40px 13%;/* width: 640px; */text-align: left;}
section.pst.wlc div.txt p {text-align: left;}
section.pst.wlr{margin: 190px 11% 0 0;width: 84%;float: right;width: 33%;text-align: left;/* margin-top: 140px; */}
/* TESTIMONY */
section.pst.tsm {margin: 94px 0 94px 4%;width: 100%;clear: both;text-align: center;padding: 52px;width: 52%;float: left;}
section.pst.tsr{margin: 0 10% 0 3%;padding: 0;float: right;width: 24%;text-align: left;/* margin-top: 140px; */}
/* BUTTON */
section.pst.btn {margin: 0 11% 0 0;width: 84%;float: right;width: 33%;text-align: left;/* margin-top: 140px; */}
section.pst.btn div.hds {margin: 40px 27%;width: 350px;text-align: left;}
section.pst.btn div.txt {margin: 40px 27%;width: 620px;text-align: left;}
section.pst.btn div.txt p {text-align: left;}
/* FULL WIDTH */
section.pst.fwt {margin: 55px 0;width: 100%;clear: both;text-align: center;}
/* iPACK */
section.pst.ipk {display: inline-block;width: 40%;margin: 10px 20px 30px;}
/* PACK */
section.pst.pck {display: inline-block;width: 90%;margin: 10px;}
section.pst.pck div.hds { font-size: 45px;  }
/* SHOWCASE */
section.pst.swc {display: inline-block;width: 28%;margin: 10px;padding: 10px;text-align: center;}
/* ITEM */
section.pst.itm {display: inline-block;width: 35%;margin: 20px;padding: 40px;}
/* MAP */
#map a span {float: left;position: relative;top: -160px;border-left: none;opacity: .7;box-shadow: 2px 2px 2px #000;}
#map a span:hover {border: solid 2px #FFF;border-left: none; }
#map a b {float: right;position: relative;top: -130px;border-right: none;opacity: .7;}
#map a b:hover {box-shadow: 2px 2px 10px red;opacity: .9;}
/* NEWS */
section.pst.nws {box-shadow: 0px 0px 5px #898989;border: solid 1px white;height: 736px;margin: 10px 0px 20px 34px;}
/* GOL */
section.pst.gol { width: 100%;overflow: hidden;position: relative;margin-top: 10px; }
section.pst.gol div.hds { clear: none;float: left;width: 45%;margin-left: 2%; }
section.pst.gol div.img{ clear: none;float: right;width: 47%;margin: 20px 0;padding-right: 5%; }
section.pst.gol div.img img{ width: 100%;height: auto;box-shadow: 0px 0px 25px #000;border: solid 5px #FFF; margin: 0; }
section.pst.gol div.txt{ clear: none;float: left;width: 43%;box-sizing: border-box;margin-left: 2%; }
section.pst.gor { width: 100%;overflow: hidden;position: relative;margin-top: 10px; }
section.pst.gor div.hds { clear: none;float: right;width: 45%;margin-top: 10px; }
section.pst.gor div.img{ clear: none;float: left;width: 48%;margin: 20px 0;padding-left: 3%; }
section.pst.gor div.img img{ width: 100%;height: auto;box-shadow: 0px 0px 25px #000;border: solid 5px #FFF; margin: 0; }
section.pst.gor div.txt{ clear: none;float: right;width: 41%;box-sizing: border-box;margin-right: 4%; }
/* FOOTER */
section.pst.ftr {margin: 0px;padding-top: 660px;box-sizing: border-box;width: 100%;/* text-align: left; */letter-spacing: 2px;/* background-image: url(/imgs/ixld/2_6.jpg); */color: #FFF;background-size: 100% auto;}
section.pst.ftr div.hds h3 {font-size: 60px;}
section.pst.ftr div.txt {line-height: 70px;font-size: 1.8em;padding: 20px 10%;}
/* FOLLOW */
section.pst.fls {padding: 440px 120px;}
section.pst ul.smi li a img {padding: 0;width: 65px;border: solid 8px #FFF;border-radius: 50%;margin: 35px;}
section.pst ul.smi li a img:hover {border: solid 8px #0a0aef;}
/* WHATSAPP */
#whatsapp {/* top: 17px; */right: 3%;}
/* FOOTER */
footer {margin: 0px;position: relative;top: 0;background-size: 100% auto;}	
footer section.cpy { padding-top: 420px;}	
footer section.cpy div.pym img {max-height:60px;}
}
/*  [Laptop] (> 1200px) */
@media (min-width: 1200px) {
	/* Video Background */
	.vfg iframe {position: absolute;top: 0;left: 0;width: 120%;height: 107%;pointer-events: none;}
	/* LISTS*/
	section.pst .txt ul li { font-size: 20px;}
	/* POST*/
	section.pst.itm .hds h3 {/* font-family:lb; *//* text-transform: uppercase; *//* color: #3345FF; */margin-bottom: 20px;padding: 0px 10px;font-size: 37px;line-height: 57px;}
	section.pst .img img {margin: 37px 0px;border: solid 13px #fbfbfb;/* box-shadow: 0 0 10px #CCC; */box-sizing: border-box;transition: 2s;padding: 10px;}
	/*section.pst .img img:hover { box-shadow: 0 0 10px #0014ff; }*/
	/* ITEM */
	section.pst.itm {display: inline-block;width: 25%;margin: 25px;padding: 20px;}
	/* MARGINS */
	section.pst.mtm {padding-top: 25px;}
	section.pst.mtg {padding-top: 155px;}
	/* NEWS*/
	section.pst.nws { float: left;height:789px;width: 45%;}
	section.pst.nws div.hds h2 { font-size:23px; } 
	section.pst.nws div.img { height: 350px;overflow: hidden; }
	section.pst.nws div.img img { height: 350px; }
	section.pst.nws div.adm { position: relative;top: -173px; }
	/* POSTS */
	section.pst.pck {padding: 20px 40px;width: 80%;}
	section.pst.pck div.txt p { text-align:center; }
	/* YOUTUBE */
	section.pst.ytb iframe {width: 100%;overflow: hidden;position: relative;height: 700px;}
	/* FOLLOW */
	section.pst.fls {padding: 300px 120px;}
	/* WHATSAPP */
	#whatsapp {bottom: 17px;right: 3%;}
	/* FOOTER */
	section.pst.ftr {margin: 0px;padding-top: 660px;box-sizing: border-box;width: 100%;/* text-align: left; */letter-spacing: 2px;/* background-image: url(/imgs/ixld/2_6.jpg); */color: #FFF;background-size: 100% auto;}
	/* FOOTER */
	footer {margin: 0px;position: relative;top: -253px;background-size: 100% auto;}
	footer section.cpy {padding-top: 150px;}		
}
/*  [Desktop] (> 1600px) */
@media (min-width: 1600px) {
	/* CONTENT*/
	article {/* top: 750px; *//* padding: 10px 20px; *//* margin: 20px; */}
	/* NEWS*/
	section.pst.nws { width: 30%;float: left;}
	/*POSTS*/
	section.pst.pck {padding: 20px;width: 28%;}
    /* ITEM */
	section.pst.itm {display: inline-block;width: 25%;margin: 35px;padding: 20px;}
	/* YOUTUBE */
	section.pst.ytb iframe {width: 100%;overflow: hidden;position: relative;height: 1013px;}
	/* FOLLOW */
	section.pst.fls {padding: 440px 120px;}	
	/* WHATSAPP */
   	#whatsapp {/* top: 17px; *//* left: 48%; */}	
	/* FOOTER */
	section.pst.ftr {margin: 0px;padding-top: 599px;box-sizing: border-box;width: 100%;/* text-align: left; */letter-spacing: 2px;/* background-image: url(/imgs/ixld/2_6.jpg); */color: #FFF;background-size: 100% auto;}
	/* FOOTER */
	footer {margin: 0px;position: relative;top: 80px;background-size: 100% auto;}
	footer section.cpy {padding-top: 420px;}	
}