/*normalize*/
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
*{margin: 0;padding: 0;}
article,aside,footer,header,main,nav,section {display: block;}
a {background: transparent;}
a:active,a:hover {outline: 0;}
ul {margin: 1em 0;padding: 0 0 0 50px;}
strong {font-weight: bold;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}

/*fonts*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v11/cJZKeOuBrn4kERxqtaUH3RJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v11/k3k702ZOKiLJc3WVjuplzDy24DTBG-RpCwXaYkM4aks.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {background-color: #c99c9d;font: normal 13px/31px 'Open Sans', sans-serif;}
header {width: 975px;margin: 0 auto;}

/*Header*/
header {position: relative; padding: 20px 0 30px 0; width: 1025px;margin: 0 auto;}
header > a {display:block;text-indent: -9999px;float: left;background: url('img/logo.png') no-repeat 0 0;padding: 10px 100px;margin-left: 30px;}
header nav {float: right;overflow: hidden;width: 750px;border-radius: 5px;background: #dad3c7 url('img/nav-bg.png') no-repeat 445px center;box-shadow: 0px 2px 22px -6px #000000;-webkit-box-shadow: 0px 2px 22px -6px #000000;}
header nav a {text-decoration: none;font: normal 14px/31px 'Open Sans', sans-serif;color: #000000;padding: 5px 45px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqBAMAAACAUCxPAAAAKlBMVEXa0cXXzsHAs5zc1MfVy7zRxrbOw7LLwK7HvKjFuaTDt6HTybnJvqrCtZ6F679uAAAAK0lEQVQI12MwAEMYEIBCBzDcAIQBYJgAhgVgeAAIG8BwAhguAMMLQKgAgQDuIw8Be7kKqgAAAABJRU5ErkJggg==') repeat-x 0 0;float: left;}
header nav a:first-child {box-shadow: inset 4px 0px 5px -2px #ffffff;}
header nav a:hover,header nav a.active{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAArBAMAAABLDP/qAAAAIVBMVEXz8e3l4Nrh29P18/Dx7uro493j3dbv7Oft6uXr6OLq5eB1j/zUAAAAI0lEQVQI12MwgEIEcIDCAjBsAMMJYLgADAOgUAAOE6BQAQYB8ZUL0bd3ovYAAAAASUVORK5CYII=');}

/*article*/
article {clear: both;background-color: #fff3e2;padding: 5px 25px 30px;width: 975px;margin: 0 auto;}
h1, h2, h3, h4 {font: bold 30px/31px 'Open Sans', sans-serif;color: #59382c;text-align: center;margin: 25px auto;}
h1::before, h2::before, h3::before, h4::before,h1::after, h2::after, h3::after, h4::after {content: '';display: block;margin: 0 auto 20px;height: 1px;width: 48%;background-color: #a06850;}
h1::after, h2::after, h3::after, h4::after {margin: 20px auto 0;}
article p {font: normal 13px/31px 'Open Sans', sans-serif;color: #59382c;text-align: justify;margin-bottom: 25px;}

div.top-banner {background: url('img/top-banner-bg.jpg') no-repeat 0 0;padding-left: 660px;margin: 40px 2px 50px; position: relative; height: 359px;}
div.top-banner.second {background-image: url('img/top-banner-bg2.jpg'); min-height: 359px; position: relative; }
div.top-banner > div { background-color: rgba(105,82,78,.7); padding: 10px 15px; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; display: flex; flex-direction: column; justify-content: center;}
div.top-banner > div span {display: block;font: bold 20px/21px 'Open Sans', sans-serif;color: #ffffff;text-transform: uppercase;text-align: center;padding: 25px 0 10px;}
div.top-banner > div span:first-child {font-size: 25px;padding: 25px 10px;}
div.top-banner > div strong {display: block;font: bold 92px/21px 'Open Sans', sans-serif;color: #fbaa4d;text-align: center;padding: 30px 0 55px;}
div.top-banner > div a {display: block;text-decoration: none;font: bold 16px/16px 'Open Sans', sans-serif;color: #3b3b3b;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAMAAAAssTMWAAAASFBMVEXw3rbu2q7s16joz5njxIbeu3bdt3DbtGrZsWPv3LLr1KPp0p/mypHgvnvasmaZbRzu3LHmzJTkyI3kxovhwYHgwH9lSDGIYSNeozm4AAAAM0lEQVQI1yXBhREAIQADsL4L7vtvSq8kWD6O2HTXnw0fmmA5o+DUigbHl976qOdXAw/0CUN4AbErXi2DAAAAAElFTkSuQmCC') repeat-x 0 0;text-align: center;padding: 16px 0;border-radius: 5px;margin: 34px 5px 18px;text-transform: uppercase;}
div.top-banner > div a:hover {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAMAAAAssTMWAAAASFBMVEXU57jS5bS104uw0IWjyHLQ5LHO4q7L4avJ36fG3qPD3J/A2pu92Je41ZCtzoCqzHyoy3mmyXWhxm9RZz661pSXe3ufxW1pblMKj30sAAAAM0lEQVQI1yXBhRHAMAwAMZchzPtvmj9HkmXTF28+fPnxp6FlFcddH9ozMDLx1JldCoe0CULaAd3t06BrAAAAAElFTkSuQmCC');}

div.slider {border-width: 1px 0;border-style: solid;border-color: #a06850;position: relative;overflow: hidden;height: 240px;margin: 30px 0;}
div.slider div.slide {position: absolute;margin-left: 40px;width: 1850px;}
div.slider > span.slide-left {content: '';visibility: visible;display: block;float:left;width: 27px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAMAAABx9wfiAAAARVBMVEUAAAC7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSrQMnGlAAAAFnRSTlMA+q5eCdcz8+nizb6cjn5vTSYdEj8+NfjCzAAAAFNJREFUCNddzkkOwDAIA0DSJum+L/9/arEvVuE0QgjbOO3r05BX7+xOesZ6Ix9wJHNxpkqvWC/kkZxDpies9/jaClxjpO7jH/2PuXarj3r++ivkA3icB8msxFndAAAAAElFTkSuQmCC') no-repeat left center;height: 180px;z-index: 1;position: relative;}
div.slider > span.slide-right {content: '';visibility: visible;display: block;float:right;width: 26px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAMAAABx9wfiAAAASFBMVEUAAAC7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSq7jSpCnGFfAAAAF3RSTlMA+q4P2DLz6uG/nI1+b2BcTT8nHQfMyyVM9PkAAABWSURBVAjXZY9HEsAgDANNgPRe///TWOhgBnRaIcaWpflUmyRdrXLnaRYEo1APzEGOTjncNBOCmex7ZXfS7AgGMpes5AgO5bv9tzk2v9r7so/1LPvnd/2ksggvdU6hxAAAAABJRU5ErkJggg==') no-repeat right center;height: 180px;clear: right;z-index: 1;position: relative;}
div.slider > span.slide-left.active{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAMAAABx9wfiAAAASFBMVEUAAAD7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhS21sfEAAAAF3RSTlMA+l4J1zPz6eLNvrGsnI5+b00mHRI/PsiFozYAAABVSURBVAjXZc9HDgAhDAPAsMD2Xv//0419sRA5jSwUHOM0n89E3p2zvegF8U6+4EDG5AyZ3hCv5BmcfaRHxIdWz6QlOFuV632xR/urf+1RH/Us+uuuH6WpCC+33lKbAAAAAElFTkSuQmCC');cursor: pointer;}
div.slider > span.slide-right.active{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAMAAABx9wfiAAAASFBMVEUAAAD7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhT7WhS21sfEAAAAF3RSTlMA+q4P2DLz6uG/nI1+b2BcTT8nHQfMyyVM9PkAAABWSURBVAjXZY9HEsAgDANNgPRe///TWOhgBnRaIcaWpflUmyRdrXLnaRYEo1APzEGOTjncNBOCmex7ZXfS7AgGMpes5AgO5bv9tzk2v9r7so/1LPvnd/2ksggvdU6hxAAAAABJRU5ErkJggg==');cursor: pointer;}
div.slider div.slide.visible {display: block;}
div.slider div.img-box {float: left;width: 300px;margin: 20px auto;}
div.slider div.img-box.sep {margin-left: 50px;}
div.slider div.img-box img {display: block;margin: 0 auto;border-radius: 5px;z-index: 0;}
div.slider div.img-box span {padding: 20px 50px 0px;display: block;font-size: 13px;line-height: 20px;color: #79664d;}

section {padding: 0 35px 1px;}
section p {margin-bottom: 45px;}
section img {margin: 20px 0;}
section div.left {float: left;width: 47%;}
section div.right {float: right;width: 47%;}
section div.left img, section div.right img {border-radius: 3px;margin: 0 auto 25px;}
a.box-cta {display: block;position: relative;margin: 40px auto;width: 92%;background-color: #def4dd;border: 1px solid #5c8308;border-radius: 5px;font: 600 18px/20px 'Open Sans';color: #01790c;padding: 15px 0;text-align: center;text-decoration: none;box-shadow: 0px 0px 18px -3px #8c7961;}
a.box-cta.right {text-align: left;text-indent: 54px;}
a.box-cta:hover {text-decoration: underline;}
a.box-cta i {position: absolute;width: 81px;height:49px;background: url('img/anchor-badge.png') no-repeat 0 0;top: 5px;left: -40px;}
img.left {float: left;margin: 10px 25px 10px 0px;}
img.right {float: right;margin: 10px 0px 5px 25px;}


footer {text-align: center;font:normal 12px/31px 'Open Sans';color: #754034;box-shadow: 0px -1px 19px -6px #000000; background: linear-gradient(#f5f3f0, #e1dbd3); }
footer .jugar-bien { line-height: 0; font-size: 0; text-indent: -9999px; }
footer .jugar-bien:before { content: ""; background: url(img/jugar-bien.png) no-repeat 0 0; width: 150px; height: 60px; display: block; margin: 0 auto; }

/*helpers*/

.clear-fix::before, .clear-fix::after {content: '.';clear: both;display: block;visibility: hidden;line-height: 0;}
.bottom-border {border-bottom: 3px solid #c1ad91;}
/**/
#cesacion { display: none; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999 }
#cesacion > div { position: absolute; top: 50%; left: 0; right: 0; margin: -150px auto 0; padding: 30px;font-size: 15px;line-height:2;text-align:center;max-width: 600px; background: #fff3e2; border:1px solid #c0c8ca; }
#cesacion > div strong{display:block;}
#cesacion .close{ display: block; float:right;width: 20px; height: 20px; margin:-20px -20px 20px 20px;background: url(img/close.png) no-repeat 0px 0px; background-size:contain;text-indent: -9999px; cursor: pointer }
@media only screen and (min-width:600px) {
#cesacion > div { margin-top: -100px }
}

.disclosure { position: absolute; right: 0; left: 0; text-align: center; bottom: 0; margin: auto; }
.disclosure-trigger { font-size: 10px; text-transform: uppercase; color: #59382c; cursor: pointer; font-weight: bold; }
.disclosure-trigger:before { content: ''; background: url(img/advertiser-bell.png) 50% no-repeat; width: 11px; height: 14px; display: inline-block; vertical-align: middle; margin-right: 5px; }
.disclosure-trigger:after { content: 'Atención: Publicidad'; }
.disclosure-modal { display: none; }
.disclosure-visible { display: block; position: absolute; right: 5px; background: #fff; z-index: 10; -webkit-box-shadow: 0 3px 7px rgb(0 0 0 / 35%); box-shadow: 0 3px 7px rgb(0 0 0 / 35%); padding: 18px; font-size: 13px; line-height: 17px; color: #686868; top: 0; }
.disclosure-visible > div { margin-bottom: 10px; }
.disclosure-visible small { display: block; font-size: 11px; line-height: 13px; }


@media only screen and (min-width: 550px) {
  .disclosure { position: relative; left: unset; }
  .disclosure-visible { bottom: auto; top: 0; right: 0; left: unset; width: 500px; }

}

@media only screen and (min-width: 1024px) {
  .disclosure-visible { right: 0; width: 600px; left: unset; }
}

@media only screen and (min-width: 550px) {
  header .disclosure { -ms-flex-preferred-size: 42%; flex-basis: 42%; text-align: center; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  header .disclosure:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 58%; }
  header .disclosure:nth-child(2) .disclosure-trigger { max-width: 320px; margin-left: auto; text-align: right; }
}

@media only screen and (min-width: 550px) {
  header .disclosure { position: absolute; bottom: 0; right: 10px; }
}


#overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; 
    background: rgb(29,83,112);
    background: -moz-linear-gradient(top, rgba(201,156,157,1) 0%, rgba(89,56,44,1) 100%);
    background: -webkit-linear-gradient(top, rgba(201,156,157,1) 0%,rgba(89,56,44,1) 100%);
    background: linear-gradient(to bottom, rgba(201,156,157,1) 0%,rgba(89,56,44,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c99c9d', endColorstr='#59382c',GradientType=0 );
}


#overlay .container { position: absolute; top: 10%; left: 0; right: 0; margin: auto; padding: 8px; width: 93%; max-width: 615px; background: #fff; font: normal 17px/1.2 'roboto condensed',sans-serif; color: #575757; text-align: center; box-shadow: 0 0 0 8px #59382c inset; }
#overlay .container .titel { padding: 14px; margin: 2% 7% 6%; font-size: 23px; font-weight: 800; color: #2e2e2e; border-bottom: 1px solid #a6cee3; }
#overlay .container .titel:before { content: "\1f6d1 "; padding-right: 8px; font-size: 80%; }
#overlay .container p { margin: 15px auto; max-width: 92%; }
#overlay .container .more { display: none; }
#overlay.underage .container .more { display: block; }
#overlay.underage .container .button{display:none}

.button { display: block; padding: 10px 30px; margin: 0 auto; font: bold 23px/25px 'roboto condensed',sans-serif; color: white; text-shadow: 0px 1px 0px #28a96c; text-decoration: none; text-align: center; border-radius: 4px; box-shadow: -3px 3px 0 #05894f;
    background: #54c939;
    background: -moz-linear-gradient(top, #54c939 0%, #24be8b 100%);
    background: -webkit-linear-gradient(top, #54c939 0%,#24be8b 100%);
    background: linear-gradient(to bottom, #54c939 0%,#24be8b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54c939', endColorstr='#24be8b',GradientType=0 );
}

#overlay .container .button { display: inline-block; width: auto; font-size: 20px; margin: 4% 15px; text-transform: unset; font-weight: normal; padding: 10px 40px; border-radius: 5px; cursor: pointer; }
#overlay .container .button:hover { background: #4dc745; }
#overlay .container .button.btnno { background: #c7c7c7; box-shadow: -3px 3px 0 #a0a0a0; }
#overlay .container .button.btnno:hover { background: #d4d4d4; }
.visible-cookie-notice #overlay { display: block; }

@media only screen and (min-width: 600px){
  #overlay .container { top: 50%; margin-top: -120px; font-size: 19px; }
  #overlay .container .titel { margin-bottom: 4%; font-size: 25px; border-bottom: 2px solid #59382c; }
  #overlay .container p { max-width: 70%; }
  #overlay .container .button { font-size: 22px; }
}