/* GLOBALES */
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font: 14px "Merriweather",serif;
    outline: none;
    padding: 0;
    margin: 0;
}
body{
  	background-color: #000;
}
button{
    padding: 0;
    border: none;
    outline: none;
    font: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
a, a:link, a:active, a:visited, a:hover{
    text-decoration:none;
}
b{
    font-weight: bold;
}
i,.cursiva{
    font-style: italic;
}
h1,h4{
    color:#262626;
    letter-spacing: 0 !important;
    padding:50px 0 18px;
}
h1,h1 *,h4,h4 *{
    font-size:25px !important;
}
h2,.primerpuntolista{
    color:#262626;
    letter-spacing: 0 !important;
    padding:42px 0 18px;
}
h2,h2{
    font-size:22px !important;
}
h3{
    color:#817044 !important;/*958B71 original*/
    letter-spacing: 0 !important;
    padding:34px 0 18px;
}
h3,h3 *{
    font-size:19px !important;
}
@media (min-width: 465px){
    h1,h1 *{
        font-size: 33px !important;
    }
    h4,h4 *{
        font-size: 31px !important;
    }
    h2,h2 *{
        font-size: 29px !important;
    }
    h3,h3 *{
        font-size: 25px !important;
    }
}

img,textarea{
    display: block;
}
ul,ol{
    padding-left:30px;
}
.pointer{
    cursor: pointer !important;
}

/* LISTA CON SEPARADOR */
.foo {
    counter-reset: foo;
}
.foo .fooli {
    list-style-type: none;
    display: block;
    position: relative;
    padding-bottom: 20px;
}
.foo .fooli::before {
    counter-increment: foo;
    position: absolute;
    right: 10px;
    margin-right: 100%;
}
.listaromana{
    list-style-type: lower-roman;
    counter-reset: foor;
}
.listaromana li{
    padding: 10px 0;
}
.foo .lista1::before { content: "1." counter(foo) " "; }
.foo .lista2::before { content: "2." counter(foo) " "; }
.foo .lista3::before { content: "3." counter(foo) " "; }
.foo .lista4::before { content: "4." counter(foo) " "; }
.foo .lista5::before { content: "5." counter(foo) " "; }
.foo .lista6::before { content: "6." counter(foo) " "; }
.foo .lista7::before { content: "7." counter(foo) " "; }
.foo .lista8::before { content: "8." counter(foo) " "; }
.foo .lista9::before { content: "9." counter(foo) " "; }
.foo .lista10::before { content: "10." counter(foo) " "; }
.foo .lista11::before { content: "11." counter(foo) " "; }
.foo .lista12::before { content: "12." counter(foo) " "; }
.foo .lista13::before { content: "13." counter(foo) " "; }
.foo .lista14::before { content: "14." counter(foo) " "; }
.foo .lista15::before { content: "15." counter(foo) " "; }
.foo .lista16::before { content: "16." counter(foo) " "; }
.foo .lista17::before { content: "17." counter(foo) " "; }
/*.listaromana li {
    list-style-type: lower-roman;
    display: block;
    position: relative;
}
.listaromana li::before{
    counter-increment: foor;
    content: "(" counter(foor) ")";
    position: absolute;
    right: 10px;
    margin-right: 100%;
}*/

.subrayado{
    text-decoration: underline !important;
}
.primerletra{
    font-family: "Merriweather",serif !important;
}
.segundaletra,.segundaletra ul *,.segundaletra ol *{
    font-family: 'Roboto', sans-serif !important;
}
.colorprincipal{
    color:#E1DBA7;
}
.colorprincipals{
    color:#E1DBA7 !important;
}
.colorsecundario{
    color:#817044;/*958B71 original*/
}
.colorsecundarios{
    color:#817044 !important;/*958B71 original*/
}
.colorseparadorgris{
    color:#ABABAB !important;
}
.inline{
    display: inline-block;
    vertical-align: top;
}
.botongeneral{
    width: 245px;
    height: 42px;
    color:#262626;
    background-image: url(../img/boton.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 245px auto;
    transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.separadornegro{
    width: 50px;
    height: 2px;
    background-color: #262626;
    margin-bottom:20px;
}
.separadorgris{
    width: 50px;
    height: 2px;
    background-color: #ABABAB;
    margin-bottom:20px;
}

/* PARALLAX INICIO */
.capaparallax{
  	background-position: center top;
  	background-size: auto 900px;
  	background-repeat: no-repeat;
  	width: 100%;
  	height: 900px;
  	min-height: 900px;
  	position: fixed;
  	z-index: -1;
}
.capaparallax2{
  	background-position: center top;
  	background-size: auto 950px;
	background-repeat: no-repeat;
  	width: 100%;
  	height: 950px;
  	min-height: 950px;
  	position: fixed;
  	z-index: -1;
}
.capa1fondo{
    background-image: url(../img/parallaxfondo.png);
}
.capa2fondo{
    background-image: url(../img/parallaxchico.png);
}
.capa3fondo{
    background-image: url(../img/parallaxchica.png);
}
.capa4fondo{
    background-image: url(../img/parallaxmaster.png);
}
.capa5fondo{
    background-image: url(../img/parallaxfuegoposterior.png);
}
.capa6fondo{
    background-image: url(../img/parallaxdados.png);
}
.capa7fondo{
    background-image: url(../img/parallaxorco.png);
}
.capa8fondo{
    background-image: url(../img/parallaxguerrero.png);
}
.capa9fondo{
    background-image: url(../img/parallaxfuego.png);
}
.capa10fondo{
    background-image: url(../img/parallaxmarcoinferior.png);
}
.capa11fondo{
    background-image: url(../img/parallaxmarcosuperior.png);
}
.jugadores{
    display: none;
}
@media (min-width: 1250px){
    .jugadores{
        display:block;
    }
}
#imagenportada{
    margin-top:60px;
    height: 900px;
    min-height: 900px;
    overflow: hidden;
    position: relative;
    display: none;
}
#imagenportadamovil{
    margin-top:30px;
  	background: url(../img/fondomovil.png) no-repeat center;
  	height: 750px;
}
@media (min-width: 978px){
	#imagenportada{
    	display: block;
  	}
	#imagenportadamovil{
	    display: none;
  	}
}

/* LOGO SOBRE PARALLAX */
.logocentral{
    background-repeat: no-repeat;
    top: 230px;
    right: 0;
    left: 0;
    margin:0 auto;
    width: 100%;
    max-width: 490px;
    position: absolute;
  	z-index: 900;
}
.logocentral img{
    margin:20px;
}
#temporizador{
    position: absolute;
    top: 425px;
    right: 0;
    left: 0;
    margin:0 auto;
    color:#E1DBA7;
    text-align: center;
    z-index: 900;
    /*cursor: pointer;*/
}
#temporizador,#temporizador span{
    font-size: 20px;/*25px; reducido tamaño y quitado de sombra para el mensaje de versión*/
    /*text-shadow: 0px 0px 5px rgba(0, 0, 0, 1),0px 0px 10px rgba(0, 0, 0, 1);*/
}
@media (min-width: 978px){
    .logocentral{
        top: 285px;
    }
    #temporizador{
        top: 480px;
    }
}

/* CABECERA/MENÚ */
.cabeceraweb{
    margin:0 auto;
    background-color: #262626;
    width: 100%;
    height:60px;
    z-index:998;
    position:fixed;
    top:0;
    left:0;
    right:0;
}
.logocabecera{
    width: 205px;
    height:60px;
    background-image: url(../img/bemasterhorizontal.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 30px;
    z-index:998;
    position:fixed;
    top:0;
    left:0;
}
.botonescabecera{
    width:fit-content;
    height:60px;
    z-index:998;
    position:fixed;
    top:0;
    left:205px;
    display: none;
}
.botoncabecera{
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    color: #DFDFDF;
    cursor: pointer;
}
.botonidiomas{
    width:60px;
    height:60px;
    line-height: 60px;
    z-index:998;
    position:fixed;
    top:0;
    right:120px;
    text-align: right;
    cursor: pointer;
    background-image: url(../img/language.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    color: transparent;
}
.selectoridiomas{
    width: 140px;
    height:91px;
    z-index:998;
    position:fixed;
    top:45px;
    right:126px;
    background-image: url(../img/fondoidiomas.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}
.botonidioma{
    color: #DFDFDF;
    width: 100%;
    height:30px;
    line-height: 30px;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: 24px center;
    background-size: auto 12px;
}
.idiomaes{
    margin-top:17px;
    background-image: url(../img/banderaes.svg);
}
.idiomaen{
    margin-top:7px;
    background-image: url(../img/banderaen.svg);
}
.botonregistrarse{
    width: 210px;
    height:30px;
    line-height:26px;
    z-index:998;
    position:fixed;
    top:15px;
    right:15px;
    cursor: pointer;
    color: #DFDFDF;
    border: 2px solid #DFDFDF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    display: none;
}
.botoncabecera:hover,.botonidioma:hover{
    background-color:#958B71;
    color:#262626;
    transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
@media (min-width: 978px){
    .botonidiomas{
        right:240px;
        width:auto;
        background-position: 10px center;
        padding: 0 10px 0 40px;
        color: #DFDFDF;
    }
    .botonidiomas:hover{
        background-color:#958B71;
        background-image: url(../img/languageg.svg);
        color:#262626;
        transition:all 0.3s;
        -moz-transition:all 0.3s;
        -ms-transition:all 0.3s;
        -webkit-transition:all 0.3s;
        -o-transition:all 0.3s;
    }
    .selectoridiomas{
        right: 264px;
    }
    .botonescabecera,.botonregistrarse{
        display:inline;
    }
    .botonregistrarse:hover{
        background-color:#958B71;
        color:#262626;
        border-color:#262626;
        transition:all 0.3s;
        -moz-transition:all 0.3s;
        -ms-transition:all 0.3s;
        -webkit-transition:all 0.3s;
        -o-transition:all 0.3s;
    }
}

/* BLOQUE FINO REDES SOCIALES */
.separadorsiguenos{
    width: 100%;
    height: 60px;
    background-image: url(../img/separador60.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 60px;
    background-color: #171717;
}
.separadorsiguenos div{
    max-width:960px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #DFDFDF;
    margin:0 auto;
    padding-left: 15px;
}
.separadorsiguenos div div{
    float: right;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}
.icofacebook{
    background-image: url(../img/icofacebook.svg);
}
.icofacebooka{
    background-image: url(../img/icofacebooka.svg);
}
.icoinstagram{
    background-image: url(../img/icoinstagram.svg);
}
.icoinstagrama{
    background-image: url(../img/icoinstagrama.svg);
}
.icoyoutube{
    background-image: url(../img/icoyoutube.svg);
}
.icoyoutubea{
    background-image: url(../img/icoyoutubea.svg);
}
.icotwitter{
    background-image: url(../img/icotwitter.svg);
}
.icotwittera{
    background-image: url(../img/icotwittera.svg);
}
.icowhatsappa{
    background-image: url(../img/icowhatsappa.svg);
}
.icotelegrama{
    background-image: url(../img/icotelegrama.svg);
}
@media (min-width: 1008px){/*30px antes de los 978*/
    .separadorsiguenos div{
        padding:0;
    }
}

/* SEPARADOR PARA SECCIONES CON INFO */
.separadorseccionestextos{
    margin-top:60px;
    width: 100%;
    height: 160px;
    background-image: url(../img/fondogrispiedra.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 300px;
    background-color: #171717;
}
.separadorseccionestextos div{
    max-width:960px;
    width: 100%;
    height: 160px;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #DFDFDF;
    margin:0 auto;
    padding-left: 15px;
}
.contenidosecciontextos{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 15px 0 80px;
}
.contenidosecciontextos,.contenidosecciontextos *{
    color:#262626;
    letter-spacing: 0.2px;
    font-size:15px;
}
.contenidosecciontextos b,.contenidosecciontextos i,.contenidosecciontextos span{
    font-family: 'Roboto', sans-serif !important;
}
@media (min-width: 1008px){/*30px antes de los 978*/
    .separadorseccionestextos div{
        padding:0;
    }
}

/* BLOQUE DE NOTICIAS Y ARTÍCULOS */
.centroweb{
    width: 100%;
    background-image: url(../img/fondoclaromini.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-color:#e0e0e0;
    padding: 0 15px;
}
.subcentroweb{
    width: 100%;
    max-width: 960px;
    margin:0 auto;
}
.cajaconcontenedores{
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 30px;
}
.contenedor{
    width: 310px;
    height: 360px;
    margin: 12px 0;
}
.solopcgrande{
    display: none;
}
.noticia{
    border: 2px solid #262626;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 100%;
    margin-top: 25px;
    height: 310px;
    padding: 20px;
}
.imgnoticia{
    width: 100%;
    height: 120px;
    background-color:#262626;
    background-image: url(../img/fondoarticulo.jpg);
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    text-align: center;
    cursor: pointer;
}
.imgpersonaje{
    width: 100px;
    height: 100px;
    background-color:#000;
    background-position: center;
    background-size: 100px !important;
    background-repeat: no-repeat;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    margin: 0 auto;
    position: relative;
}
.imgpersonaje section{
    background-image: url(../img/marcoavatarweb.png);
    background-position: center;
    background-size: 120px !important;
    background-repeat: no-repeat;
    height: 120px;
    width: 120px;
    top: -10px;
    left: -10px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    position: absolute;
}
.imgnoticia div{
    height: 100%;
    background-position: center;
    /*background-size: auto 100%;*/
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
}
.cuerponoticia{
    width: 100%;
    height: 102px;
    margin: 13px 0;
}
.pienoticia{
    width: 100%;
    height: 18px;
}
.titulonoticia{
    width: 100%;
    color:#817044;/*958B71 original*/
    font-size:18px;
    padding-bottom:8px;
    line-height: 20px;
    height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
}
.resumennoticia{
    width: 100%;
    color:#393939;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
}
.resumennoticia,.resumennoticia *{
    font-family: 'Roboto', sans-serif;
    font-size:15px;
}
.leermas{
    color:#000;
    float:left;
    height: 18px;
    line-height: 18px;
    font-weight: bold;
    font-size:12px;
    cursor: pointer;
}
.fechanoticia{
    color:#838383;/*949494 original*/
    float:right;
    height: 18px;
    line-height: 18px;
    font-size:13px;
    text-align:right;
}
.articulo{
    position:relative;
    width: 100%;
    height: 360px;
}
.picosarticulos{
    width: 100%;
    height: 25px;
    position: absolute;
    background-position: center;
    background-size: auto 25px;
    background-repeat: no-repeat;
}
.picosuperior{
    top:0;
    background-image: url(../img/flechaarriba.svg);
}
.picoinferior{
    bottom:0;
    background-image: url(../img/flechaabajo.svg);
}
.cuerpoarticulo{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 25px;
    width: 100%;
    height: 310px;
    border:2px solid #958B71;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
    background-image: url(../img/fondoarticulo.jpg);
    background-position: center;
    background-size: auto 100%;
    background-color:#262626;
    padding:40px;
    text-align: center;
    color:#DFDFDF;
    flex-flow: column;
}
.cuerpoarticulo,.cuerpoarticulo *{
    font-size: 32px;
}
@media (min-width: 667px){
    .centroweb{
        background-image: url(../img/fondoclaromedio.jpg);
    }
}
@media (min-width: 978px){
    .centroweb{
        background-size: auto 1078px;
        background-image: url(../img/fondoclaro.jpg);
    }
    .solopcgrande{
        display: block;
    }
}
@media (min-width: 1008px){/*30px antes de los 978*/
    .cajaconcontenedores{
        justify-content: space-between;
    }
    .centroweb{
        padding: 0;
    }
}

/* BLOQUE DE LLAMADA AL REGISTRO */
.bloqueregistrate{
    width:100%;
    height: 300px;
    background-image: url(../img/fondogrispiedra.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 300px;
    background-color: #171717;
}
.interiorregistrate{
    width:100%;
    max-width: 960px;
    margin:0 auto;
    height: 300px;
    padding-left:15px;
}
.bloqueregistratetexto{
    padding-top:20px;
    width: 100%;
    height: 100%;
}
.bloqueregistratelogo{
    width: 30%;
    height: 100%;
    background-image: url(../img/logogris.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 150px;
    display: none;
}
.botonregistro{
    margin: 30px auto;
    font-size: 16px;
    display: block;
}
.botonregistro:hover{
    filter:brightness(150%);
}
@media (min-width: 675px){
    .bloqueregistratetexto{
        width: 70%;
    }
    .bloqueregistratelogo{
        display: inline-block;
    }
    .botonregistro{
        margin: 30px 0;
        display: inline;
    }
}
@media (min-width: 1008px){/*30px antes de los 978*/
    .interiorregistrate{
        padding: 0;
    }
}

/* PIE */
footer{
    width: 100%;
    background-color: #1D1D1D;
    padding: 30px 0 50px;
}
footer *{
    font-family: 'Roboto', sans-serif !important;
}
.cajaspie{
    width: 100%;
    padding:20px;
}
.titulopie{
    color:#FFF;
    font-weight: bold;
    font-size:15px;
}
.separadorpie{
    height: 3px;
    background-color:#393939;
    width: 100%;
    margin:16px 0 16px;
}
.botonpie{
    color:#FFF;
    font-size:15px;
    padding: 5px 0;
}
.precontenidofooter{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
.logofooter{
    margin:30px 0 12px;
    background-image: url(../img/bemasterhorizontalgris.svg);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: auto 30px;
    height: 30px;
}
.copyfooter{
    padding:0 20px;
    font-size:13px;
    color:#ABABAB;
}
@media (min-width: 705px){
    .cajaspie{
        width: 50%;
    }
}

/* MENU MOVIL */
.botonmenumovil{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    height: 60px;
    width: 60px;
    display: block;
    position: fixed;
    top:0;
    right:0;
    z-index:999;
}
.botonmenuabierto{
    background-image: url(../img/menumovil.svg);
}
.botonmenucerrado{
    background-image: url(../img/cierramenu.svg);
}
.botonmenuusuario{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    height: 60px;
    width: 60px;
    display: block;
    position: fixed;
    top:0;
    right:60px;
    z-index:999;
    background-image: url(../img/usuario.svg);
}
.menumovil{
    width: 100%;
    height: 100%;
    position: fixed;
    display: block;
    z-index: 996;
    top:-100%;
    background-color:#1D1D1D;
    padding-top: 80px;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-flow: column;
}
.botonregistrarsemovil{
    width: 300px;
    height:38px;
    line-height:34px;
    cursor: pointer;
    color: #DFDFDF;
    border: 2px solid #DFDFDF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    font-size: 17px;
    margin: 0 auto;
}
.bloquebotonesmovil{
    margin:10px 0 20px;
}
.separadormovilmenu{
    width: 50px;
    margin:0 auto;
    height: 2px;
    background-color:#393939;
}
.botoncabeceramovil{
    width: 100%;
    margin:0 auto;
    color: #DFDFDF;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    height:50px;
    line-height: 50px;
}
.bloqueredesmovil{
    height: 100px;
    padding: 17px 0;
    text-align: center;
    background-image: url(../img/fondogrispiedra.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 200px;
    background-color: #171717;
    border-top: 3px solid #393939;
    border-bottom: 3px solid #393939;
    display: none;
}
.textoredesmovil{
    font-size: 28px;
    margin-top: 8px;
    height: 34px;
    line-height: 34px;
    color:#ABABAB;
    text-align: center;
    display: none;
}
.separadormovilredes{
    width: 50px;
    margin: 27px auto 29px;
    height: 2px;
    background-color:#ABABAB;
    display: none;
}
.icoredesmovil{
    width: 60px;
    height: 60px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}
@media (min-height: 575px){
    .botoncabeceramovil{
        font-size: 22px;
        height:60px;
        line-height: 60px;
    }
    .bloquebotonesmovil{
        margin:40px 0;
    }
    .menumovil{
        justify-content: space-between;
        padding-top: 110px;
    }
    .bloqueredesmovil{
        display: block;
    }
}
@media (min-height: 720px){
    .bloqueredesmovil{
        display: block;
        height: 200px;
    }
    .textoredesmovil{
        display: block;
    }
    .separadormovilredes{
        display: block;
    }
}
@media (min-width: 978px){
    .botonmenuusuario{
        display: none;
    }
    .botonmenumovil{
        display: none;
    }
    .menumovil{
        display: none;
    }
}

/* NOTICIAS */
.cabeceranoticia{
    width: 100%;
    height: 300px;
    margin-top: 60px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 300px;
    background-color:#000;
}
.degradadonoticia{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 210px;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    /*background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.7) 85%, rgba(0,0,0,1) 100%);*/
    z-index: 1;
}
.titulodentronoticia{
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    margin:0 auto;
    max-width: 970px;
    padding:0 10px;
    color: #DFDFDF;
    z-index: 2;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1),0px 0px 10px rgba(0, 0, 0, 1);
    font-size: 26px;
}
.compartirnoticia{
    position: absolute;
    top: 210px;
    left: 0;
    right: 0;
    margin:0 auto;
    height: 90px;
    width:100%;
    max-width: 960px;
    background-color:#DFDFDF;
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    z-index: 3;
}
.compartirnoticiasub{
    width: 50%;
    height: 90px;
}
.categorianoticia{
    margin-top: 15px;
    padding: 0 0 0 15px;
    height: 18px;
    line-height: 18px;
    color:#262626;
}
.categorianoticia2{
    font-weight: bold;
    padding-left: 15px;
    height: 18px;
    line-height: 18px;
    color:#262626;
}
.categorianoticia3{/*sutituye a categorianoticia en los articulos*/
    margin-top: 27px;
    padding: 0 0 0 15px;
    height: 18px;
    line-height: 18px;
    color:#262626;
}
.fechanoticiaarticulo{
    margin-top:10px;
    color:#838383;/*949494 original*/
    height: 16px;
    line-height: 16px;
    font-size:13px;
    padding-left: 15px;
}
.compartirtextonoticia{
    margin-top: 15px;
    padding: 0 15px 0 0;
    height: 18px;
    line-height: 18px;
    text-align: right;
    color:#262626;
}
.compartirbotonesnoticia{
    height: 50px;
    text-align: right;
    padding-right: 9px;
}
.icoredesnoticia{
    width: 40px;
    height: 50px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}
.contenidonoticia{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 15px 0 25px;
}
.contenidonoticia,.contenidonoticia *{
    color:#262626;
    letter-spacing: 0.2px;
    font-size:15px;
}
.contenidonoticia b,.contenidonoticia i,.contenidonoticia span{
    font-family: 'Roboto', sans-serif !important;
}
#botonmasnoticias{
    margin: 30px auto;
    font-size: 16px;
    display: block;
}
#botonmasnoticias:hover{
    filter:brightness(130%);
}
@media (min-width: 600px){
    .titulodentronoticia{
        top: 80px;
        font-size: 35px;
    }
    .cabeceranoticia{
        height: 500px;
        background-size: auto 500px;
    }
    .degradadonoticia{
        /*background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,1) 90%, rgba(0,0,0,1) 100%);*/
        height: 500px;
    }
    .compartirnoticia{
        top: 410px;
    }
}
@media (min-width: 978px){
    .contenidonoticia{
        padding: 15px 15px 25px;
    }
}
.precontenedor-video{
    max-width: 600px;
    margin: 0 auto;
}
.contiene-video{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
} 
.contiene-video iframe{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* SECCION REGISTRO / LOGIN */
.centroweblogin{
    margin-top: 60px;
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contenidologin{
    padding-top: 20px;
}
.logoenloing{
    width: 90%;
    max-width: 290px;
    margin: 45px auto 30px;
}
.bloquelogin{
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
.destacadologin{
    flex: 1 1 0%;
    border-right: 2px solid #ABABAB;
    display: none;
    align-content: center;
    justify-content: center;
}
.formulariologin{
    display: inline;
    flex: 1 1 0%;
}
#bloqueiniciar,#bloquecrear,#bloquerecuperar{
    width: 300px;
    margin: 0 auto;
}
#bloquecrear,#bloquerecuperar{
    display: none;
}
.preinput{
    position: relative;
    padding-bottom:36px;
}
.preinput2{
    position: relative;
}
.inputform{
    background-clip: padding-box;
    background-color: #DFDFDF;
    border-radius: 4px;
    border: 2px solid #ABABAB;
    display: block;
    font-size: 16px;
    height: 48px;
    outline: none;
    background-image: none;
    padding: 12px 16px;
    text-align: left;
    transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
    width: 100%;
    appearance: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    outline: none;
    filter: none;
    color:#393939;
    /*box-shadow: 0 0 0 10000px #DFDFDF inset;
    -webkit-box-shadow: 0 0 0 10000px #DFDFDF inset !important;
    -webkit-text-fill-color: #393939 !important;*/
}
.inputform:hover{
    border: 2px solid #393939;
}
.inputform:-webkit-autofill, .inputform:-webkit-autofill:hover, .inputform:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out 0s;
}
.inputform:-webkit-autofill::first-line, .inputform:-webkit-autofill:hover::first-line, .inputform:-webkit-autofill:focus::first-line {
    -webkit-text-fill-color: #393939;
    font: 16px "Merriweather",serif;
}
.inputform:focus,.botonsobreinput:focus{
    border-color:rgb(149, 139, 113);
    box-shadow: rgb(149, 139, 113) 0px 0px 5px 0px;
    -webkit-box-shadow: rgb(149, 139, 113) 0px 0px 5px 0px;
    -moz-box-shadow: rgb(149, 139, 113) 0px 0px 5px 0px;
}
.botonsobreinput{
    position: absolute;
    right: 3px;
    top: 3px;
    display: inline-flex;
    padding: 8px;
    outline: 0px;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    cursor: default;
}
.iconoocultar{
    height: 24px;
    width: 26px;
    background-image: url(/img/ojoclave.svg);
    background-size: 26px;
    background-position: center;
}
.iconoavisologin{
    height: 24px;
    width: 26px;
}
.iconoocultar1{
    background-image: url(/img/ojoclave.svg);
}
.iconoocultar2{
    background-image: url(/img/ojoclave2.svg);
}
.iconovalido{
    height: 24px;
    width: 26px;
    background-image: url(/img/check_ok.svg);
    background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
}
.iconoerror{
    height: 24px;
    width: 26px;
    background-image: url(/img/check_error.svg);
    background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
}
.recuperaclave{
    font-size: 14px;
    text-decoration: underline !important;
    color:#393939;
}
.botonrelleno300{
    margin: 36px auto 36px;
    background-image: url(/img/boton300.svg);
    background-size: 100% auto;
    background-position: center;
    width: 100%;
    max-width: 300px;
    height: 50px;
    text-align: center;
    transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.botonvacio300{
    margin: 36px auto 50px;
    background-image: url(/img/boton300borde.svg);
    background-size: 100% auto;
    background-position: center;
    width: 100%;
    height: 50px;
    text-align: center;
    transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.botonrelleno300:hover,.botonvacio300:hover{
    filter:brightness(130%);
}
.separadorlogin{
    height: 2px;
    width: 35px;
    background-color:#ABABAB;
    margin-top: 9px;
}
.separadorlogin2{
    height: 2px;
    width: 50px;
    background-color:#ABABAB;
    margin-top: 9px;
}
.unirtelogin{
    height: 18px;
    width: 230px;
    line-height: 18px;
    font-size: 14px;
    color:#393939;
    text-align: center;
    font-weight: bold;
}
.unirtelogin2{
    height: 18px;
    width: 200px;
    line-height: 18px;
    font-size: 14px;
    color:#393939;
    text-align: center;
    font-weight: bold;
}
.checkweb{
    border: 2px solid #ABABAB;
    background-color: #DFDFDF;
    width: 20px;
    height: 20px;
    vertical-align: top;
    display: inline-block;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-size: 85%;
    background-position: center;
    background-repeat: no-repeat;
}
.checkweb:hover{
    border: 2px solid #393939;
    cursor: pointer;
    transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.checkweb_s{
    background-image: url(/img/check_sn.svg);
    border-color:rgb(149, 139, 113);
    box-shadow: rgb(149, 139, 113) 0px 0px 5px 0px;
    -webkit-box-shadow: rgb(149, 139, 113) 0px 0px 5px 0px;
    -moz-box-shadow: rgb(149, 139, 113) 0px 0px 5px 0px;
}
.checkweb_n{
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.textocondiciones{
    width: 280px;
    font-size: 14px;
    color:#393939;
    padding-left: 10px;
}
.cajaavisologin{
    font-size: 13px;
    color:#A90016;
    height: 18px;
    line-height: 18px;
    padding-left: 12px;
    margin: 2px 0 16px;
}
.cajaavisologin *{
    font-size: 13px;
}
.borderojologin{
    border: 2px solid #A90016 !important;
}
.bordeverdelogin{
    border: 2px solid #107B00 !important;
}
.colorrojologin{
    color:#A90016 !important;
}
.colorverdelogin{
    color:#107B00 !important;
}
.colornaranjalogin{
    color:#F1A00F !important;
}
.colorgrisoscuro{
    color:#393939 !important;
}
@media (min-width: 780px){
    .destacadologin{
        display: flex;
    }
    .contenidologin{
        padding-top: 80px;
    }
}

.botontree{
    margin: 0 auto 25px;
    background-image: url(/img/boton300.svg);
    background-size: 100%;
    background-position: center;
    width: 100%;
    max-width: 600px;
    height: 56px;
    text-align: center;
    transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    display: block;
}
.botontree:hover{
    filter:brightness(130%);
}
/*@media (min-width: 1978px){}*/

/* CARGANDO */
.cargando{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(14,14,14,0.8);
	z-index:99999;
	display: none;
}
.cs-loader{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.cs-loader-inner{
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    width: calc(100% - 0px);
    color: #E1DBA7;
    padding: 0 100px;
    text-align: center;
}
.cs-loader-inner label{
    font-size:20px;
    opacity: 0;
    display:inline-block;
}
@keyframes lol {
    0% {
        opacity: 0;
        transform: translateX(-300px);
    }
    40% {
        opacity: 1;
        transform: translateX(0px);
    }
    60% {
        opacity: 1;
        transform: translateX(0px);
    }
    100% {
        opacity: 0;
        transform: translateX(300px);
    }
}
@-webkit-keyframes lol {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-300px);
    }
    40% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(300px);
    }
}
.cs-loader-inner label:nth-child(6) {
    -webkit-animation: lol 2s infinite ease-in-out;
    animation: lol 2s infinite ease-in-out;
}
.cs-loader-inner label:nth-child(5) {
    -webkit-animation: lol 2s 100ms infinite ease-in-out;
    animation: lol 2s 100ms infinite ease-in-out;
}
.cs-loader-inner label:nth-child(4) {
    -webkit-animation: lol 2s 200ms infinite ease-in-out;
    animation: lol 2s 200ms infinite ease-in-out;
}
.cs-loader-inner label:nth-child(3) {
    -webkit-animation: lol 2s 300ms infinite ease-in-out;
    animation: lol 2s 300ms infinite ease-in-out;
}
.cs-loader-inner label:nth-child(2) {
    -webkit-animation: lol 2s 400ms infinite ease-in-out;
    animation: lol 2s 400ms infinite ease-in-out;
}
.cs-loader-inner label:nth-child(1) {
    -webkit-animation: lol 2s 500ms infinite ease-in-out;
    animation: lol 2s 500ms infinite ease-in-out;
}

/* COOKIES */
#cookiescript_accept,#cookiescript_save,.cookiescript_active{
    background-color:#868043 !important;
}
#cookiescript_accept:hover,#cookiescript_save:hover{
    transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
    background-color:#726c2a !important;
}
#cookiescript_readmore:hover, #cookiescript_reportlink:hover, #cookiescript_cookiescriptlink:hover {
    transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
    color:#E1DBA7 !important;
}
#cookiescript_maintabs .cookiescript_active {
    background: #fefefe !important;
    color: #868043 !important;
}
#cookiescript_reportwrap::-webkit-scrollbar-thumb,
#cookiescript_aboutwrap::-webkit-scrollbar-thumb {
	background-color: #868043 !important;
}
#cookiescript_manage:hover #cookiescript_manageicon .cookiescript_gear {
    fill: #868043 !important;
}

/* PERFIL DE USUARIO */
.cuadropartida{
    width: 310px;
    height: 200px;
    margin: 35px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: inline-block;
    vertical-align: top;
    border: 2px solid #262626;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
    -moz-box-shadow:    0px 0px 10px 0px rgba(0,0,0,0.7);
    box-shadow:         0px 0px 10px 0px rgba(0,0,0,0.7);
    cursor: pointer;
    transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.cuadropartida:hover{
    border: 2px solid #E1DBA7;
    /*filter:hue-rotate(15deg);*/
    filter:contrast(115%);
}
.cuadropartidasub{
    font-size: 20px;
    height: 30px;
    line-height: 35px;
    text-align: left;
    padding-left: 10px;
}
.cuadropartidasub2{
    font-size: 30px;
    margin-top: 122px;
    text-align: right;
    padding-right: 10px;
}
.cuadropartidasub3{
    font-size: 25px;
    font-style: italic;
    margin-top: 123px;
    text-align: right;
    padding-right: 10px;
}
.cuadropartidasub,.cuadropartidasub2,.cuadropartidasub3{
    text-shadow: 0px 0px 3px rgba(25, 0, 0, 0.9),0px 0px 3px rgba(25, 0, 0, 0.9),0px 0px 3px rgba(25, 0, 0, 1),0px 0px 3px rgba(25, 0, 0, 1);
    color:#FFF;
}
.cuadrotorreon{
    background-image: url(/partida/img/partidas/partida-1007.jpg);
}
.cuadropiratas{
    background-image: url(/partida/img/partidas/partida-1021.jpg);
}
.cuadroroedanos{
    background-image: url(/partida/img/partidas/partida-1246.jpg);
}
.botonsalir{
    position: fixed;
    cursor: pointer;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-color:#262626;
    background-image: url(../img/salir.svg);
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 25px auto;
    transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
}
.botonsalir:hover{
    background-color:#958B71;
    background-image: url(../img/salir2.svg);
}

/* EFECTO PANTALLAS GRANDES (AFECTA A VARIOS BLOQUES ANTERIORES) */
@media (min-width: 1978px){
    .separadorsiguenos div,.subcentroweb,.interiorregistrate,.precontenidofooter{/*,.compartirnoticia,.contenidonoticia*/
        max-width: 1560px;
    }
    .contenedor,.noticia,.articulo,.cuadropartida{
        width: 510px;
    }
    .imgnoticia div{
        /*background-size: auto 120%;*/
        background-size: cover;
    }
}