.webgl-content * {border: 0; margin: 0; padding: 0}
.webgl-content {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50% );}

.webgl-content .logo, .progress {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.webgl-content .logo {background: url('progressLogo.Light.png') no-repeat center / contain; width: 154px; height: 130px;}
.webgl-content .progress {height: 18px; width: 141px; margin-top: 90px;}
.webgl-content .progress .progressText{ width: 100%; height: 50px; }
.webgl-content .progress .progressText>p{font-family: "Miryad Pro"; font-size: 18px; text-align: center; color:#fff;}
.webgl-content .progress .empty {background: url('progressEmpty.Light.png') no-repeat right / cover; float: right; width: 100%; height: 100%; display: inline-block;}
.webgl-content .progress .full {background: url('progressFull.Light.png') no-repeat left / cover; float: left; width: 0%; height: 100%; display: inline-block;}

.webgl-content .logo.Dark {background-image: url('progressLogo.Dark.png');}
.webgl-content .progress.Dark .empty {background-image: url('progressEmpty.Dark.png');}
.webgl-content .progress.Dark .full {background-image: url('progressFull.Dark.png');}

.webgl-content .header {background-color: #9B162E; height: 70px;}

/*
* 	version pc
*/
.webgl-content .header .header-left{height:100%;display: inline-block;width: 100%;}
.webgl-content .header .header-left>img {width:134.4px; margin: 0.75% 1.25% 0.7% 1.225%;display: inline;}
.webgl-content .header .header-left>p{margin:0.5% auto;display: inline-block; vertical-align:top; font-family: "Miryad Pro"; font-size: 42px; color: #fff;}


/* -------------------------------------- */

/*
* 	version mobile
*/

.webgl-content #mobile {background-color: #9B162E; height: 50px;}

.webgl-content #mobile .header-left{height:100%;display: inline-block;width: 49%; }
.webgl-content #mobile .header-left>button>img {width:40px;margin:10px 37px;}

.webgl-content #mobile .header-right{height:100%;display: inline-block;width: 50%;
;}
.webgl-content #mobile .header-right>img {width:110px; margin: 7px 37px;display: inline;float:right;}
.webgl-content #mobile .header-right>p{height:60%;margin:15px auto auto auto;display: inline-block; font-family: "Miryad Pro"; font-size:25px; color: #fff;float:right;}

/* -------------------------------------- */

.webgl-content .footer {background-color: #4C4C4C; height: 40px;}

.webgl-content .footer .footer-left{height:100%;display: inline-block;width:49%;float: left;}
.webgl-content .footer .footer-left>p{ display: inline-block; vertical-align:top; font-family: "Miryad Pro"; font-size: 16px; color: #fff; padding: 1% 2.5% ;}

.webgl-content .footer .footer-right{height:100%;display: inline-block;width: 50%; float: right;}

.webgl-content .footer .footer-right #enlaces{display: inline-block;vertical-align: top;margin: 0 auto auto 5%;padding: 0.9% 0;width:65%;}

.webgl-content .footer .footer-right #enlaces>a{font-family: "Miryad Pro"; font-size: 16px; color: #fff;text-decoration: none;padding: 0 0 0 10%; }

.webgl-content .footer .footer-right #logo_inf{width: 147px;display: inline-block;padding: 0.5% 0; margin:0 2.5% 0 0; right: 0%; float:right;}

.webgl-content #menu{background-color: transparent;}

/*
*	SideBar menu
*/
.sidenav {
    height: 92%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 8%; /* Stay at the top */
    left: 0;
    background-color: #505050; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 45px !important; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.enlaces {
    padding: 10px 8px 10px 8px;
    text-decoration: none;
    font-family: "Miryad Pro"; font-size: 20px;
    color: #fff;
    display:none;
    transition: 0.3s;


}

.enlaces>img{
	width: 10.4px;
}

/* When you mouse over the navigation links, change their color */
.enlaces:hover {
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn{
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 36px;
    margin-left: 50px;
}
.closebtn{
	background-color: #9B162C;
	width:20px;
	padding: 10px 8px 0px 8px;
    text-decoration: none;
    font-family: "Miryad Pro"; font-size: 22px;
    color: #fff;
    transition: 0.3s;
}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}
button:focus {outline:0;}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

@media screen and (max-width: 1348px) {  
    .webgl-content .footer .footer-right{height:100%;display: inline-block;width: 50%; float: right;}
    .webgl-content .footer .footer-right #enlaces{display: inline-block;vertical-align: top;margin: 0 auto auto 5%;padding: 0.9% 0;width:65%;}
}

@media screen and (max-width: 1635px) and (min-width: 1349px) {  
    .webgl-content .footer .footer-right{height:100%;display: inline-block;width:45%; float: right;}
    .webgl-content .footer .footer-right #enlaces{display: inline-block;vertical-align: top;margin: 0 auto auto 5%;padding: 0.9% 0;width:65%;}
}

@media screen and (max-width: 1725px)  and (min-width: 1636px) {  
    .webgl-content .footer .footer-right{height:100%;display: inline-block;width: 40%; float: right;}
    .webgl-content .footer .footer-right #enlaces{display: inline-block;vertical-align: top;margin: 0 auto auto 5%;padding: 0.9% 0;width:70%;}
}


@media screen and (max-width: 1920px) and (min-width: 1726px){
    .webgl-content .footer .footer-right{height:100%;display: inline-block;width: 35%; float: right;}
}


@media screen and (orientation: landscape) {
    .webgl-content {width:100%; height:100%;}
    .webgl-content #gameContaier{width:100%; height:95% - 110px;}
    .webgl-content #gameContaier>canvas{width:100%; height:95% - 110px;}
    .webgl-content #popup{width:100%; height:100%; position: absolute; z-index: 1;top:0%;}
   
   
}

@media screen and (orientation: portrait) {
    .webgl-content{width:100%; height:100%;}
     .webgl-content #gameContaier{width:100%; height:95% - 110px;}
     .webgl-content #gameContaier>canvas{width:100%; height:95% - 110px;}
     .webgl-content #popup{width:100%; height:100%;position: absolute; z-index: 1;top:0%;}
   
}



hr.style1{
	
	border-top: 3px solid #8c8b8b;
}

.style2{
    border: 3px solid #9B162E;
}


body{
    margin:0;
    overflow:hidden;
}

#gameContainer{
    cursor:none;
}

.cuerpo_cookies{
    overflow: auto;
    background-color: #4C4C4C;
    height: 92%;
}

.cuerpo_cookies p{
    color:#fff;
    margin:auto 5%;
    font-family: "Miryad Pro";
    
}

.cuerpo_cookies h1{
     color:#fff;
    padding: 2% 5%;
    font-family: "Miryad Pro";
    font-size: 36px;
}

.entry-header{

    background-color: #9c9c9c;
}

.encabezados{
    margin:0 5% 1% 5% !important;
}


.cookies-alerta{
    position:absolute;
    z-index: 1;
    background-color: #9B162E;
    bottom:0%;
    font-family: "Miryad Pro";
    font-size:18px;
}

.cookies-alerta p {
    color:#fff;
    padding: 0 2%;
    margin:1% 0;
}

.politica{
    text-decoration: none;
    color:#000;
}

.cdp-cookies-boton-cerrar{
    display: block;
    background-color: #000;
    width:90px;
    padding: 0.3%;
    text-decoration: none;
    color:#fff;
    border-radius: 5px;
    text-align: center;
    margin:0.5% auto;
}

#popup{
    background-color: #000000cc;
}

#popup>p{
    color:#fff;
    text-align: center;
    padding: 25% 12.5%;
    font-family: "Miryad Pro";
    font-size: 18px;
}

#popup .closePopupBtn{
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 36px;
  
}

.closePopupBtn{
    background-color: #9B162C;
    width:50px;
    height: 50px;
    padding:0;
    text-decoration: none;
    font-family: "Miryad Pro"; font-size: 22px;
    color: #fff;
    transition: 0.3s;
    text-align: center;
}

/* ----------------------------------------- */