/* :::::::::::::::::::::::: RESPONSIVE */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

.ocultam {
    display: none;
}

#cajaprincipal {
    max-width: 95%;
}

h1 {
    font-family: "Chelsea Market";
    font-size: 2.5em;
    text-align: left;
    background-color: #7E1810;
    color: #fff;
    padding: 0.5em 1.5em;
    border-radius: 4px;
}

h2 {
    font-family: "Chelsea Market";
    font-size: 1.8em;
	color: #fff;
    background-color: #7E1810;
    border-top: #DA291C 1px solid; 
    border-bottom: #DA291C 1px solid;
    border-radius: 10px;
    padding: 0.5em 1em;
    margin-bottom: 1px;
    margin-top: 0.5em;
}

h3 {
    font-family: "Chelsea Market";
    font-size: 1.5em;
    text-align: left;
    border-bottom: 1px dashed #7E1810;
	color: #7E1810;
    padding: 0.3em 1em;
}

h4 {
    font-family: "Chelsea Market";
    font-size: 1rem;
    text-align: left;
    background-color: #EFF3F5;
    color: #7E1810;
    padding: 0.1em 0.5em;
    border-radius: 4px;
    margin-bottom: 0.5em;
}

.ordenar {
    
    font-size: 0.9em;
    color: #DA291C;
}

.ubicacion {
    display: block;
    padding: 0.3rem;
    margin-top: -5px;
    background: #E8E8E8;
    border-radius: 4px;
}

.buscaempleo {
    display: inline-block;
    padding: 0.3rem;
    background: #2f7b15;
    color: #fff;
    border-radius: 0.5rem;
}

.buscaempleo:hover {
    color: #2f7b15;
    background: #fff;
}

.volver {
    font-family: LaconicRegular;
    font-size: 1.6em;
    font-weight: bold;
    color: #DA291C;
    opacity: 0.5;
}

.volver:hover {
    text-decoration: none;
    opacity: 1;
}

.flecha {
    font-family: Grandstander;
    font-weight: bold;
    color: #DA291C;
    font-size: 4em;
    padding: 0px 0.2em;
    opacity: 0.5;
}

.flechamed {
    font-family: Grandstander;
    font-weight: bold;
    color: #DA291C;
    font-size: 2.5em;
    padding: 0px 0.2em;
    opacity: 0.5;
}

.flecha:hover, .flechamed:hover {
    opacity: 1;
    transition: opacity 0.5s;
    text-decoration: none;
}

.tdnjuegos {
    background: #F9FAFB;
    text-align: left;
    font-family: LaconicRegular;
    font-size: 1.3em;
}

.encabezado {
    text-align: left;
    font-family: Grandstander;
    font-size: 0.8em;
}

/* -------------------------- Visualizar */
#visualizar {
    width: 100%;
    text-align: right;
    padding-right: 1.5em;
    margin-top: 1em;
    margin-bottom: 1em;
}

#visualizar img {
    vertical-align: middle;
    border: 0;
}

#visualizar a {
    
    font-size: 1.1em;
    color: #008FCB;
    padding: 0.1em 0.4em;
    border-radius: 4px;
    text-transform: none !important;
}

#visualizar a:hover {
    text-decoration: none;
    background: #DA291C;
    color: #fff;
}

#visualizar span {
    color: #666666;
    font-size: 0.8em;
    padding-left: 1em;
    padding-right: 1em;
}

/* ------------------------- CabeceraIndex */
#cabeceraindex {
    position: relative;
    width: 100%;
    text-align: left;
}

#boxcabecera {
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 2;
}

/* ------------------------- CabeceraLogo */
#cabeceralogo {
    width: 100%;
}

#cabeceralogo h1 {
    width: 100%;
    height: 3em;
	background: url(../logo/delegos600.jpg) no-repeat left top;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    margin-bottom: 0.3em;
    padding: 0;
}

#cabeceralogo #redes {
    padding-top: 0.4em;
    text-align: center;
}

#cabeceralogo .social {
    font-size: 2.0em;
    color: #DA291C;
    padding: 0.25em;
    opacity: 0.7;
    transition: opacity 0.5s;
}

#cabeceralogo .social:hover {
    opacity: 1;
    transition: opacity 0.5s;
}

.sublogo {
    width: 95%;
    font-size: 2em;
}

/* ------------------------- BloquesTop */
#bloquestop {
    display: none;
}

#buscador {
    display: none;
}

#topmovil {
    overflow: hidden;
    background-color: #000;
    text-align: center;
}

#bloquestopmovil {
    display: none;
}

#bloquestopmovil .subbloque {
    font-size: 0.7em;
}

#topmovil a {
    font-family: Grandstander;
    font-weight: bold;
    color: #E54438;
    padding: 0.5em 0.2em;
    text-decoration: none;
    font-size: 1.5em;
    display: block;
}

#topmovil .bloquebig {
    font-size: 1.2rem;
    font-weight: bold;
    color: #E54438;
    padding: 4px 8px 7px 8px;
    margin-bottom: 0px;
    margin-left: -3px;
}

#topmovil .abloquebig {
    display: inline;
    float: left;
    width: 30%;
}

#topmovil a:hover {
    background-color: #E54438;
    color: #000;
}

#topmovil a.icon {
    color: #E54438;
    font-size: 1.2em;
}

#topmovil a.icon:hover {
    color: #000;
    background-color: #E54438;
}

/* ------------------------- MosaicoSecciones */

.mosaicosecciones {
    width: 100%;
    padding: 0.1em;
    border: 0;
    text-align: center;
}

.mosaicosecciones h2 {
    margin-bottom: 0.42em;
    margin-top: 0.42em;
    margin-left: 0.5em;
    text-align: left;
}

.mosaicosecciones .bloqueg {
    width: 42%;
    padding: 0.3em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 5.5px;
    background-color: #DA291C;
    border-radius: 6px;
}

.mosaicosecciones .bloquem {
    width: 29%;
    padding: 0.3em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 0.3em;
    background-color: #DA291C;
    border-radius: 6px;
}

.mosaicosecciones .bloquep {
    width: 21%;
    padding: 0.3em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 0.3em;
    background-color: #DA291C;
    border-radius: 5px;
}

.mosaicosecciones .bloquen {
    width: 15%;
    padding: 0.3em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 0.3em;
    background-color: #DA291C;
    border-radius: 5px;
}

.mosaicosecciones .bloquegapagado {
    width: 42%;
    padding: 0.3em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 0.3em;
    background-color: #DA291C;
    opacity: 0.3;
    border-radius: 6px;
}

.mosaicosecciones .bloquemapagado {
    width: 29%;
    padding: 0.3em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 0.3em;
    background-color: #DA291C;
    opacity: 0.3;
    border-radius: 6px;
}

.mosaicosecciones .bloquepapagado {
    width: 21%;
    padding: 0.3em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 0.3em;
    background-color: #DA291C;
    opacity: 0.3;
    border-radius: 5px;
}

.mosaicosecciones .bloquenapagado {
    width: 15%;
    padding: 0.3em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 0.3em;
    background-color: #DA291C;
    opacity: 0.3;
    border-radius: 5px;
}

.mosaicosecciones .bloqueg:hover, .mosaicosecciones .bloquem:hover, .mosaicosecciones .bloquep:hover, .mosaicosecciones .bloquen:hover,
.mosaicosecciones a:hover, .mosaicosecciones a:hover, .mosaicosecciones a:hover {
    color: #fff;
    background-color: #000;
    transition: background-color 0.5s;
}

.mosaicosecciones .secciong {
    font-family: Grandstander;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}


.mosaicosecciones .seccionm {
    font-family: Grandstander;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.mosaicosecciones .seccionp {
    font-family: Grandstander;
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.mosaicosecciones .seccionn {
    font-family: Grandstander;
    font-size: 0.7em;
    color: #fff;
    border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.mosaicosecciones .secciong:hover, .mosaicosecciones .seccionm:hover, .mosaicosecciones .seccionp:hover, .mosaicosecciones .seccionn:hover {
    text-decoration: none;
}

.mosaicosecciones .iconog, .mosaicosecciones .iconom, .mosaicosecciones .iconop, .mosaicosecciones .iconon {
    padding: 0.3rem;
}

.mosaicosecciones .iconog {
    font-size: 4em;
    color: #fff;
}

.mosaicosecciones .iconog .mini {
    font-size: 2em;
}

.mosaicosecciones .iconom {
    font-size: 3em;
    color: #fff;
}

.mosaicosecciones .iconom .mini {
    font-size: 0.5em;
}

.mosaicosecciones .iconop {
    font-size: 2em;
    color: #fff;
}

.mosaicosecciones .iconop .mini {
    font-size: 0.25em;
}

.mosaicosecciones .iconon {
    font-size: 1.5em;
    color: #fff;
}

.mosaicosecciones .iconog:hover, .mosaicosecciones .iconom:hover, .mosaicosecciones .iconop:hover, .mosaicosecciones .iconon:hover {
    text-decoration: none;
}

.mosaicosecciones .bloquestat {
    width: 21%;
    padding: 0.1em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 0.3em;
    background-color: #EFF3F5;
    opacity: 0.9;
    border-radius: 6px;
}

.mosaicosecciones .bloquestatg {
    width: 42%;
    padding: 0.1em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 0.3em;
    background-color: #EFF3F5;
    opacity: 0.9;
    border-radius: 6px;
}

.mosaicosecciones .bloquestat:hover, .mosaicosecciones .bloquestatg:hover {
    background-color: #CDDAE0;
    opacity: 1;
}

.mosaicosecciones .bloquestat a:hover, .mosaicosecciones .bloquestatg a:hover {
    text-decoration: none;
    color: #ccc;
}

.mosaicosecciones .cuadrostat {
    padding: 0.1em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 0.8em;
    background-color: #EFF3F5;
    opacity: 0.9;
    border-radius: 6px;
}

.mosaicosecciones .iconostat {
    font-size: 2rem;
    color: #DA291C;
}

.mosaicosecciones .numstat {
    font-family: "Chelsea Market";
    font-size: 1.7rem;
    font-weight: bold;
    color: #75160f;
}

.mosaicosecciones .stat {
    font-family: Grandstander;
    font-size: 0.8rem;
    color: #000;
}

.mosaicosecciones #bl-calendario {
    display: none;
}

.mosaicosecciones .bloquesetup {
    width: 45%;
    padding: 2px;
    border: 0px;
    float: left;
    text-align: center;
    margin: 4px;
    background-color: #517E93;
    opacity: 0.95;
    border-radius: 6px;
}

.mosaicosecciones .iconosetup {
    font-size: 4em;
    color: #EFF3F5;
}

.mosaicosecciones .modelosetup {
    font-family: Chilanka;
    font-size: 2em;
    font-weight: bold;
    color: #fff;
}

.mosaicosecciones .marcasetup {
    font-family: Grandstander;
    font-size: 1em;
    color: #EFF3F5;
}

.mosaicosecciones .tiposetup {
    display: block;
    font-family: Grandstander;
    font-size: 0.9em;
    color: #EFF3F5;
    background-color: #333;
    border-radius: 6px;
}

/* ------------------------- Menu Movil */
#menu {
    display: none;
}

#bloquesindex {
    display: none;
}

#menumovil {
    overflow: hidden;
    background-color: #fff;
    text-align: center;
}

#menumovil a {
    font-family: "Chelsea Market";
    font-weight: bold;
    text-decoration: none;
    display: block;
}

#menumovil a:hover {
    background-color: #DA291C;
    color: #fff;
}

#menumovil a.icon {
    font-size: 1.5em;
    padding: 0;
}

#menumovil a.icon:hover {
    color: #DA291C;
    background-color: #fff;
}

#masbloquesindex {
    display: none;
}

#subbloquesindex {
    display: none;
}

/* -------------------------  BuscadorMenu */
#buscadormenu {
    width: 100%;
    text-align: center;
}

#buscadormenu #busqueda {
    
    font-size: 2em;
    text-align: center;
    width: 95%;
    background-color: #fff;
    color: #DA291C;
    border: #DA291C solid 2px;
    border-radius: 10px;
    padding: 6px 6px 4px 8px;
    margin-bottom: 5px;
}

#buscadormenu .boton {
    font-size: 2.5em;
    color: #DA291C;
    margin-top: 0.7em;
    background-color: #fff;
    border: 0px;
}

#buscadormenu #busqueda::placeholder {
    color: #DA291C;
    opacity: 0.5;
}

/* -------------------------- Cookies */
#barraaceptacion {
    display: none;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-bottom: 20px;
    width: 100%;
    text-align: center;
    min-height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    z-index: 99999;
}

.inner {
    width: 100%;
    position: absolute;
    padding-left: 5px;
    font-family: LaconicRegular;
    font-size: 14px;
    top: 30%;
}

.inner a.ok {
    font-size: 1.5em;
    padding: 4px;
    color: #008FCB;
    text-decoration: none;
}

.inner a.info {
    padding-left: 5px;
    text-decoration: none;
    color: #008FCB;
}

/* ------------------------- CabeceraJuego */
#cabecerajuego {
    position: relative;
    width: 100%;
    text-align: left;
}

#titulojuego {
    font-size: 2rem;
    text-align: center;
}

#cabecerajuego .estudio {
    display: block;
    font-size: 1.5rem;
    text-align: center;
}

#cabecerajuego .estudio2 {
    display: block;
    font-size: 1.3rem;
    text-align: center;
}

#cabecerajuego .ano {
    font-size: 1.5rem;
    text-align: center;
    display: block;
}

#cabecerajuego .titulopadre {
    display: block;
    text-align: center;
}

/* ------------------------- Infojuego */
.divjuego {
    display: none;
}

/* ------------------------- NavJuego */

#navjuegom {
    display: none;
}

#navjuego {
    text-align: center;
    margin-top: 1em;
}

#navjuego .bloque {
    width: 21%;
    padding: 3px;
    border: 0px;
    float: left;
    text-align: center;
    margin: 3px;
    background-color: #DA291C;
    opacity: 0.7;
    border-radius: 5px;
}

#navjuego .bloquemarcado {
    width: 21%;
    padding: 3px;
    border: 0px;
    float: left;
    text-align: center;
    margin: 3px;
    background-color: #DA291C;
    opacity: 1;
    border-radius: 5px;
}

#navjuego .bloque:hover, #navjuego .bloquemarcado:hover {
    color: #fff;
    opacity: 1;
    transition: opacity 0.5s;
}

#navjuego .seccion {
    font-family: Grandstander;
    font-size: 0.7rem;
    color: #fff;
    border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#navjuego .icono {
    display: block;
    font-size: 1.2rem;
    color: #fff;
}

#navjuego .icono .mini {
    font-size: 0.8em;
}

#navjuego .seccion:hover, #navjuego .icono:hover {
    text-decoration: none;
}

#boxnavjuego {
    display: none;
}

#navjuego .aicon {
    float: left;
    font-family: Grandstander;
    font-weight: bold;
    text-decoration: none;
}

#navjuego .aicon:hover {
    background-color: #DA291C;
    color: #fff;
}

#navjuego .icon {
    color: #DA291C;
    font-size: 1.2em;
    display: block;
    width: 100%;
    padding: 0.5em;
}

#navjuego .icon:hover {
    color: #DA291C;
    background-color: #fff;
}

/* ------------------------- Critica DeVuego (fjuego) */
#opiniondevuego {
    margin: 0 0.5rem;
    padding: 0.5rem;
  	border-radius:6px;
    background: #deeaf6;
    text-align: justify;
}

#opiniondevuego .comentario p {
    font-size: 1rem;
    padding: 0.5em 1em;
}

#opiniondevuego .fas {
    color: #DA291C;
}

/* ------------------------- G�neros */

/* ------------------------- Plataformas */
#plataformas {
    width: 100%;
    padding: 0.2em;
    text-align: center;
}

.cuadroplataforma {
    background-color: #FFF;
    margin-bottom: 10px;
    text-align: center;
    padding: 5px;
}

#plataformas img {
    vertical-align: middle;
}

#plataformas .imgplataforma {
    max-width: 50%;
    border: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#plataformas .fechalanzamiento {
    font-family: Chilanka;
    font-size: 1.5em;
    color: #DA291C;
    border-radius: 6px;
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    display: block;
    padding: 6px;
    margin-top: 0px;
    min-height: 40px;
}

#plataformas .fechalanzamiento:hover {
    color: #333;
    background-color: #E0E4EA;
    text-decoration: none;
}

#plataformas .titulop {
    
    font-size: 1.2em;
    font-style: italic;
    color: #DA291C;
    opacity: 0.8;
    margin: 3px 0px 5px 10px;
}

#plataformas .ano {
    font-size: 2em;
    padding-left: 10px;
}

#plataformas .estado {
    font-size: 1.9em;
    float: left;
    padding-right: 5px;
}

/* ------------------------- Mosaicotienda */
#mosaicotienda {
    width: 100%;
}

#mosaicotienda .td {
    vertical-align: middle;
    text-align: center;
    width: 42%;
    padding: 1em;
    float: left;
    min-height: 75px;
}

#mosaicotienda h2 {
    font-family: LaconicRegular;
    font-size: 2em;
    color: #493A15;
    margin-bottom: 1px;
    margin-top: 5px;
}

#mosaicotienda .tienda {
    font-size: 1.8em;
    color: #DA291C;
    background: #E0E4EA;
    border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#mosaicotienda .logo {
    border-radius: 4px;
    max-width: 85%;
    max-height: 60px;
    margin-right: 5px;
    margin-bottom: 5px;
}

/* ------------------------- Capturas */
#capturas {
    text-align: left;
    padding: 0.2em;
    margin-top: -10px;
}

#capturas img {
    border: 0px;
    height: 5em;
    border-radius: 5px;
    margin-left: 2px;
    margin-bottom: 6px;
}

#capturas img:hover {
    box-shadow: 0 0 4px #000;
}

/* ------------------------- Videos */
#videos {
    width: 100%;
    text-align: left;
    padding: 0.2em;
    margin-top: -1.9em;
}

#videos .td {
    float: left;
    text-align: center;
    width: 29%;
    padding: 0.5em;
}

#videos .titulo {
    font-family: LaconicRegular;
    font-size: 0.9em;
    color: #666;
    text-transform: capitalize;
}

#videos .thumb {
    border: 0px;
    height: 6em;
    max-width: 100%;
    border-radius: 5px;
    padding: 1px;
    margin: 0px auto;
}

#videos .thumb:hover {
    box-shadow: 0 0 4px #000;
}

/* ------------------------- Videos */
#premiosjuego {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem 0;
    align-items: baseline;
}

#premiosjuego .td {
    flex: 1;
    text-align: center;
    min-width: 25%;
    padding: 0.3rem;
}

#premiosjuego .edicion {
    display: block;
    font-family: Grandstander;
    font-size: 1.3em;
    color: #fff;
    border-radius: 3px;
    background-color: #DA291C;
    margin-bottom: 0px;
}

#premiosjuego .premio {
    display: block;
    font-family: Chilanka;
    font-size: 0.9em;
    padding: 0.5rem;
    color: #333;
    border-radius: 3px;
    background-color: #E0E4EA;
    margin-top: 0px;
}

#premiosjuego .thumb {
    border: 0px;
    max-width: 90%;
    max-height: 3em;
    padding: 1px;
    margin-bottom: 1px;
}


.etiquetas {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
}

.etiquetas .divetiqueta {
    text-align: center;
    max-width: 25%;
    padding: 0.2rem;
    border-radius: 6px;
    border: 1px dotted #DA291C;
    overflow: hidden;
    text-overflow: ellipsis;
}

.etiquetas .divetiqueta:hover {
    background: #DA291C;
}

.etiquetas .divetiqueta:hover a {
    text-decoration: none;
    color: #fff;
}

.etiquetas .icono {
    font-size: 2.5em;
    color: #DA291C;
    padding: 2px;
}

.etiquetas .icono:hover {
    background: #DA291C;
    color: #fff;
}

.etiquetas .iconosub {
    display: none;
}

.etiquetas .etiqueta {
    font-size: 1.2em;
    color: #DA291C;
    border-radius: 2px;
    padding: 2px;
}

.etiquetas .etiqueta:hover {
    text-decoration: none;
    background: #DA291C;
    color: #fff;
}

.etiquetas .subetiqueta {
    display: none;
}

/* ------------------------- Desarrolladores */
#desarrolladores {
    padding: 0.1em;
}

#desarrolladores .enlacedesarrollador {
    
    font-size: 1.6em;
    color: #DA291C;
}

#desarrolladores .enlacedesarrollador:hover {
    text-decoration: none;
    color: #000;
}

#desarrolladores table {
    width: 100%;
}

#desarrolladores #thdesarrollador {
    display: none;
}

#desarrolladores #tharea {
    display: none;
}

#desarrolladores td {
    text-align: left;
    padding: 1em 0.3em;
    border-radius: 4px;
    border-bottom: 1px solid #ccc;
}

#desarrolladores .tdsinborde {
    border-bottom: none;
    padding: 0.5em;
}

#desarrolladores .tddesarrolladores {
    background: #E0E4EA;
}

#desarrolladores .tddesarrolladores:hover {
    background: #E54438;
}

#desarrolladores .tddesarrollos {
    background: #DA291C;
}

#desarrolladores .tddesarrollosfix {
    background: #DA291C;
    border-left: 1px #DA291C solid;
}

#desarrolladores .tddesarrollos:hover {
    background: #517E93;
}

#desarrolladores .rol {
    font-family: Grandstander;
    font-size: 1.1em;
    color: #fff;
}

#desarrolladores .rol:hover {
    text-decoration: none;
    color: #FFF;
}

/* ------------------------- Desarrollos */

#desarrollos .enlaceestudio {
    color: #FFFFFF;
}

#desarrollos .enlaceestudio:hover {
    color: #000;
    text-decoration: none;
}

#desarrollos table {
    width: 100%;
}

#desarrollos td {
    text-align: center;
    padding: 1em 0.6em;
    border-radius: 4px;
    background-color: #F9FAFB;
    border-bottom: 1px solid #ccc;
}

#desarrollos .tdvacio {
    border: none;
    background-color: #fff;
}

#desarrollos .encabezado {
    padding-top: 1.5em;
}

#desarrollos .tdanos {
    background: #F9FAFB;
    text-align: left;
    font-family: LaconicRegular;
    font-size: 1.2em;
}

#desarrollos .tddesarrolladores {
    background: #E0E4EA;
}

#desarrollos .tddesarrolladores:hover {
    background: #E54438;
}

#desarrollos .tdestudio {
    background: #E54438;
}

#desarrollos .tdestudio:hover {
    background-color: #E54438;
    text-decoration: none;
}

#desarrollos .tddesarrollos {
    background: #0099cc;
}

#desarrollos .tddesarrollos:hover {
    background: #517E93;
}

#desarrollos .rol {
    font-family: Grandstander;
    font-size: 1em;
    color: #fff;
}

/* ------------------------- DesarrollosEXTERNOS */

#desarrollosext {
    padding: 10px 5px 15px 10px;
    opacity: 0.7;
    font-size: 0.8em;
}

#desarrollosext .enlacedesarrollador {
    font-size: 1.2em;
}

#desarrollosext .enlaceestudio {
    color: #FFFFFF;
}

#desarrollosext .enlaceestudio:hover {
    color: #000;
    text-decoration: none;
}

#desarrollosext table {
    width: 99%;
}

#desarrollosext td {
    text-align: left;
    padding: 4px 10px;
    border-radius: 4px;
    background-color: #F9FAFB;
    border-bottom: 1px solid #ccc;
}

#desarrollosext .tddesarrolladores {
    background: #E0E4EA;
}

#desarrollosext .tddesarrolladores:hover {
    background: #E54438;
}

#desarrollosext .tdestudio {
    background: #E54438;
}

#desarrollosext .tdestudio:hover {
    background-color: #E54438;
    text-decoration: none;
}

#desarrollosext .tddesarrollos {
    background: #DA291C;
}

#desarrollosext .tddesarrollos:hover {
    background: #517E93;
}

#desarrollosext .rol {
    font-family: Grandstander;
    color: #FFF;
}

#desarrollosext .rol:hover {
    text-decoration: none;
    color: #FFF;
}

#desarrollosext .infomini {
    font-family: LaconicRegular;
    font-size: 11px;
    color: #333;
    vertical-align: middle;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* ------------------------- Categorias */
#categorias {
    padding: 0.2em;
    width: 100%;
}

#categorias ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 0.4em;
}

#categorias .categoria {
    font-family: Grandstander;
    font-size: 1.5em;
    color: #DA291C;
    border-radius: 2px;
    padding: 0.2em;
}

#categorias .categoria:hover {
    text-decoration: none;
    background: #DA291C;
    color: #fff;
}

#categorias .flag-icon {
    width: 4em;
    line-height: 3em;
    opacity: 0.8;
    margin: 0.5rem;
}

/* ------------------------- Ocultos */
.ocultom {
    display: none;
}

/* -------------------------  Redes */
#boxredes {
    display: none;
}

#redes {
    padding: 0.2em;
    margin-top: 0.5em;
}

#redes img {
    border: 0px;
    width: 3em;
    opacity: 0.5;
}

#redes a {
    font-size: 3em;
    color: #DA291C;
    padding: 0.5em;
    opacity: 0.5;
    transition: opacity 0.5s;
}

#redes a:hover {
    opacity: 1;
    transition: opacity 0.5s;
}

/* ------------------------- Criticas */
#criticas {
    font-size: 1.2em;
    text-align: center;
    width: 100%;
    color: #000000;
    border-radius: 8px;
    padding: 0.2em;
}

#criticas img {
    vertical-align: middle;
}

#criticas .cuadropts {
    width: 35%;
    border-radius: 6px;
    text-align: center;
    margin: 5px auto;
    font-family: LaconicRegular;
    font-size: 3em;
    font-weight: bold;
    color: #333;
}

/* ------------------------- PrincipalVideo */
#principalvideo {
    width: 100%;
    padding-top: 2em;
    text-align: center;
}

#principalvideo .video {
    border: 0px;
    max-width: 95%;
    border-radius: 12px;
    padding: 0.5em;
    margin: 0 auto;
}

#principalvideo iframe {
    width: 100%;
}

#principalvideo .imagplataforma {
    max-height: 3em;
    max-width: 50%;
    padding: 0.5em 1em;
}

/* ------------------------- Tiendas */
#tiendas {
    text-align: center;
    width: 100%;
    color: #000;
    border-radius: 8px;
    padding: 0.5em;
}

#tiendas .tiendaimg {
    border: 0;
    max-width: 50%;
    padding: 0.5em;
    opacity: 0.5;
}

#tiendas .tiendaimg:hover {
    opacity: 1;
}

#tiendas ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.2em;
    font-weight: bold;
}

#tiendas .plataforma {
    max-height: 3.8em;
    max-width: 75%;
}

#tiendas .webautor:hover {
    background: #BBE9FF;
    text-decoration: none;
    color: #000;
}

#tiendas .precio {
    font-family: Chilanka, sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    color: #666;
    padding: 0.2em;
    border-radius: 6px;
    background: #E6EEEC;
}

#tiendas .early {
    font-family: LaconicRegular;
    font-size: 1em;
    color: #666;
    border-radius: 2px;
    margin-top: 0.5em;
    line-height: 1.2em;
    font-weight: normal;
}

/* ------------------------- MosaicoJuego */
.mosaicojuego {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

.mosaicojuego .td {
    flex: 1;
    text-align: center;
    min-width: 40%;
    max-width: 50%;
    padding: 0.5rem 0;
    margin-bottom: 2rem;
    background-color: #eee;
    border-radius: 1rem;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 5px;
}

.mosaicojuego .td4 {
    flex: 1;
    text-align: center;
    min-width: 40%;
    padding: 0.5rem 0;
    margin-bottom: 2rem;
    background-color: #eee;
    border-radius: 1rem;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 5px;
}

.mosaicojuego .td2 {
    flex: 1;
    text-align: center;
    min-width: 40%;
    padding: 0.5rem 0;
    margin-bottom: 2rem;
    background-color: #eee;
    border-radius: 1rem;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 5px;
}

.mosaicojuego .juego {
    display: block;
    font-family: "Chelsea Market";
    background-color: #DA291C;
    color: #fff;
	font-size: 1rem;
    padding: 0.5rem;
}

.mosaicojuego .estudio {
    display: block;
	font-family: Chilanka;
	font-size: 0.8rem;
    padding: 2px;
	color:#DA291C;	
}

.mosaicojuego .estudio:hover {
    color: #000;
    background-color: #E54438;
    border-radius: 2px;
    text-decoration: none;
}

.mosaicojuego .ano {
    display: block;
	font-family: Chilanka;
	font-size: 1rem;
	color: #DA291C;	
}

.mosaicojuego .portada {
    border-radius: 0.5rem;
    border: 1px solid #DA291C;
    max-width: 85%;
    margin-top: 0.4em;
    margin-bottom: 0.8em;
}

.mosaicojuego .tiendaimg {
    border: 0;
    max-height: 20px;
    padding: 4px;
    opacity: 0.5;
}

.mosaicojuego .tiendaimg:hover {
    opacity: 1;
}

.mosaicojuego .tdprecio {
    border-radius: 4px;
    background: #DA291C;
    font-family: Chilanka;
    color: #fff;
    padding: 5px;
    font-size: 1.2rem;
}

.mosaicojuego .tdprecio:hover {
    font-weight: bold;
}

.mosaicojuego .tdprecio a {
    color: #fff;
}

.mosaicojuego .tdprecio a:hover {
    text-decoration: none;
    font-weight: bold;
}

.mosaicojuego .tddescuento {
    background: #3FEBFF;
    font-family: LaconicRegular;
    font-size: 1rem;
    padding: 4px;
}

.mosaicojuego .tddescuento:hover {
    border-bottom: 1px solid #DA291C;
    border-top: 1px solid #DA291C;
    font-weight: bold;
}

.mosaicojuego .tddescuento a {
    color: #000;
}

.mosaicojuego .tddescuento a:hover {
    text-decoration: none;
    font-weight: bold;
}

.mosaicojuego .precioeuro {
    font-size: 1em;
}

.mosaicojuego .cuadropts {
    width: 8rem;
    border-radius: 1rem;
    text-align: center;
    margin: 5px auto;
    font-family: LaconicRegular;
    font-size: 4rem;
    font-weight: bold;
    color: #fff;
    background-color: #DA291C;
}

.mosaicojuego .bloquecolor {
    border-radius: 0.5rem;
    text-align: center;
    margin: -0.6rem auto 0 auto;
    height: 0.7rem;
    width: 8rem;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 5px;
}

.mosaicojuego .logoplataforma, #calendario .logoplataforma {
    max-height: 2rem;
    padding: 0.2rem;
}

.limpiarmosaico2 {
    clear: both;
}

/* ------------------------- Juegos al azar */
#mediosalazar {
    display: none;
}

/* ------------------------- Letras */
#letras {
    position: relative;
    width: 100%;
    margin-top: 15px;
}

#letras ul {
    margin-top: 10px;
    padding: 5px;
    list-style: none;
}

#letras ul li {
    float: none;
    margin: 10px;
    display: inline;
}

#letras .bloqueletra {
    width: 19%;
    float: left;
    text-align: center;
    background-color: #FFFFFF;
    border: #000000 solid 1px;
    border-radius: 4px;
    padding: 4px 6px 4px 6px;
    margin-bottom: 2em;
    margin-left: 3px;
}

#letras .bloqueletra:hover {
    background-color: #DA291C;
    text-decoration: none;
}

#letras .bloqueletra:hover a {
    color: #FFFFFF;
    text-decoration: none;
}

#letras .bloqueletrado {
    width: 19%;
    float: left;
    text-align: center;
    background-color: #DA291C;
    border: #000000 solid 1px;
    border-radius: 4px;
    padding: 4px 6px 4px 6px;
    margin-bottom: 2em;
    margin-left: 3px;
}

#letras .bloqueletrado a {
    color: #FFFFFF;
    text-decoration: none;
}

#letras .aletra {
    font-family: 'Grandstander';
    font-size: 4rem;
    font-weight: bold;
    color: #DA291C;
}

#letras .aletra:hover {
    color: #FFFFFF;
    text-decoration: none;
}

#letras .subletra {
    font-family: Chilanka;
    font-size: 2em;
    color: #DA291C;
}

#letras .subletra:hover {
    color: #FFFFFF;
    text-decoration: none;
}

#letras .letra {
    font-family: LaconicRegular;
    font-size: 1.6em;
    font-weight: bold;
    color: #DA291C;
    background-color: #FFFFFF;
    border: #000000 solid 1px;
    border-radius: 4px;
    padding: 4px 6px 4px 6px;
    margin-bottom: 25px;
    margin-left: 3px;
}

#letras .letra:hover {
    background-color: #DA291C;
    color: #FFFFFF;
    text-decoration: none;
}

/* ------------------------- A�os */
#anos {
    position: relative;
    width: 100%;
    margin-top: 0px;
    text-align: center;
}

#anos select {
    margin-top: 10px;
    
    font-size: 5em;
    font-weight: bold;
    color: #DA291C;
    background-color: #FFFFFF;
    border: #000000 solid 1px;
    border-radius: 6px;
    padding: 6px 6px 4px 8px;
    margin: 0 auto;
}

#buscajuegos {
    display: none;
}

#lanzamientos {
    display: none;
}

/* ------------------------- ListadoJuego */
#listadojuego {
    width: 100%;
    padding: 0.5em;
}

#listadojuego table {
    width: 100%;
}

#listadojuego .enlacejuego {
    color: #DA291C;
}

#listadojuego .enlacejuego:hover {
    text-decoration: none;
    color: #000;
}

#listadojuego .enlaceestudio {
    color: #FFFFFF;
}

#listadojuego .enlaceestudio:hover {
    text-decoration: none;
}

#listadojuego .encabezado {
    padding: 0.2em;
}

#listadojuego td {
    text-align: left;
    padding: 4px;
    border-radius: 4px;
    border-bottom: 1px solid #ccc;
}

#listadojuego .tdsinborde {
    border-bottom: none;
    background-color: #fff;
}

#listadojuego #iconoano {
    display: none;
}

#listadojuego .tdjuego {
    padding: 0.7em 0.5em;
    background: #E0E4EA;
}

#listadojuego .tdjuego:hover {
    background-color: #E54438;
    text-decoration: none
}

#listadojuego .tdestudio {
    padding-left: 0.5rem;
    background: #E54438;
}

#listadojuego #thestudio {
    display: none;
}

#listadojuego #tdestudio {
    display: none;
}

#listadojuego #thplataforma {
    display: none;
}

#listadojuego #tdplataforma {
    display: none;
}

#listadojuego #thdesc {
    display: none;
}

#listadojuego #tddesc {
    display: none;
}

#listadojuego #thgenero {
    display: none;
}

#listadojuego .tdgeneros {
    display: none;
}

#listadojuego .tdgeneros:hover {
    font-weight: bold;
}

#listadojuego #thprecio {
    display: none;
}

#listadojuego .tdprecio {
    display: none;
}

#listadojuego .tdprecio:hover {
    font-weight: bold;
}

#listadojuego .tdprecio a {
    color: #fff;
}

#listadojuego .tdprecio a:hover {
    text-decoration: none;
    font-weight: bold;
}

#listadojuego .tddescuento {
    background: #3FEBFF;
    font-family: LaconicRegular;
    font-size: 1em;
    color: #FFF;
}

#listadojuego .tddescuento:hover {
    border-bottom: 1px solid #DA291C;
    border-top: 1px solid #DA291C;
    font-weight: bold;
}

#listadojuego .tddescuento a {
    color: #000;
}

#listadojuego .tddescuento a:hover {
    text-decoration: none;
    font-weight: bold;
}

#listadojuego .precioeuro {
    font-size: 0.8em;
}

#listadojuego .enlacegenero {
    font-family: Grandstander;
    font-size: 0.9em;
    color: #333;
}

#listadojuego .enlacegenero:hover {
    text-decoration: none;
}

#listadojuego .imgplataforma {
    max-height: 1.2em;
    max-width: 10em;
}

#listadojuego .tiendaimg {
    border: 0;
    max-height: 20px;
    padding: 4px;
    opacity: 0.5;
}

#listadojuego .tiendaimg:hover {
    opacity: 1;
}

/* -------------------------- ListadoJuegos */
#listadojuegos {
    position: relative;
    width: 100%;
    clear: both;
}

#listadojuegos img {
    vertical-align: middle;
    border: 0;
}

#listadojuegos .titulocalendario {
    font-family: LaconicRegular;
    font-size: 3.8em;
    font-weight: bold;
    color: #DA291C;
    border-bottom: #DA291C 2px solid;
    padding: 6px;
    margin-bottom: 1px;
    margin-top: 5px;
    text-align: center;
}

#listadojuegos .encabezado {
    padding: 0.2em;
}

#listadojuegos ul {
    margin-left: -35px;
}

/* ------------------------- ListadoEstudios */

#listadoestudios .enlaceestudio {
    font-size: 1.2em;
    color: #DA291C;
}

#listadoestudios .enlaceestudio:hover {
    text-decoration: none;
    color: #000;
}

#listadoestudios table {
    width: 100%;
}

#listadoestudios #thfundado {
    display: none;
}

#listadoestudios #thpersonas {
    display: none;
}

#listadoestudios #thcerrado {
    display: none;
}

#listadoestudios #thempresa {
    display: none;
}

#listadoestudios #thactividad {
    display: none;
}

#listadoestudios #tdfundado {
    display: none;
}

#listadoestudios #tdpersonas {
    display: none;
}

#listadoestudios #tdcerrado {
    display: none;
}

#listadoestudios #tdempresa {
    display: none;
}

#listadoestudios #tdactividad {
    display: none;
}

#listadoestudios td {
    text-align: left;
    padding: 0.8em 0.2em;
    border-radius: 4px;
    background-color: #F9FAFB;
    border-bottom: 1px solid #ccc;
}

#listadoestudios .encabezado {
    padding: 0.2em;
}

#listadoestudios .tdestudios {
    background: #E0E4EA;
}

#listadoestudios .tdestudios:hover {
    color: #000000;
    background: #DADFE6;
    font-weight: bold;
}

#listadoestudios .tdlocalidad {
    background: #DA291C;
    font-family: Grandstander;
    color: #fff;
}

#listadoestudios .tipo {
    font-family: Chilanka;
    font-size: 1em;
    color: #333;
    margin-right: 0.4em;
    border-radius: 4px;
    padding: 0.2em;
}

#listadoestudios .tipo:hover {
    background: #DA291C;
    color: #fff;
    text-decoration: none;
}

/* ------------------------- EstudiosAlAzar */
#estudiosalazar {
    display: none;
}

#empresasalazar {
    display: none;
}

/* ------------------------- MosaicoEstudio */
#mosaicoestudio {
    width: 100%;
    border: 0px;
    text-align: center;
}

#mosaicoestudio .tdestudio {
    padding: 2em 0;
    width: 100%;
    min-height: 10em;
    text-align: center;
}

#mosaicoestudio .estudio {
    
    font-size: 1.6em;
    color: #DA291C;
    padding-top: 2px;
    padding-bottom: 2px;
}

#mosaicoestudio .estudio:hover {
    text-decoration: none;
    background: #DA291C;
    color: #fff;
}

#mosaicoestudio .localidad {
    display: none;
}

#mosaicoestudio .logo {
    border-radius: 4px;
    max-width: 75%;
    max-height: 10em;
    margin-bottom: 0.5em;
}

#mosaicoestudio .icono {
    border-radius: 4px;
    font-size: 10em;
    margin-bottom: 0.05em;
    opacity: 0.1;
}

/* -------------------------- ListadoDesarrolladores*/
#listadodesarrolladores {
    width: 100%;
}

#listadodesarrolladores table {
    width: 100%;
}

#listadodesarrolladores .encabezado {
    padding: 0.2em;
}

#listadodesarrolladores #throl {
    display: none;
}

#listadodesarrolladores #tdrol {
    display: none;
}

#listadodesarrolladores td {
    text-align: left;
    padding: 1em 0.6em;
    border-radius: 4px;
    background-color: #F9FAFB;
    border-bottom: 1px solid #ccc;
}

#listadodesarrolladores .tddesarrolladores {
    background: #E0E4EA;
}

#listadodesarrolladores .tddesarrolladores:hover {
    border-bottom: 1px solid #DA291C;
    border-top: 1px solid #DA291C;
    color: #000000;
    background: #DADFE6;
    font-weight: bold;
}

#listadodesarrolladores .tddesarrollos {
    background: #DA291C;
    font-family: LaconicRegular;
    font-size: 1em;
    color: #FFF;
}

#listadodesarrolladores .tdjuegos {
    text-align: left;
    padding-left: 0.8em;
    background: #E0E4EA;
}

#listadodesarrolladores .tdjuegos:hover {
    background-color: #E54438;
    text-decoration: none;
}

#listadodesarrolladores .enlacejuego {
    color: #DA291C;
}

#listadodesarrolladores .enlacejuego:hover {
    text-decoration: none;
    color: #000;
}

/* ------------------------- MosaicoDesarrollador */
#mosaicodesarrollador {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

#mosaicodesarrollador .td {
    flex: 1;
    text-align: center;
    min-width: 40%;
    max-width: 50%;
    padding: 0.5rem 0;
    margin-bottom: 2rem;
    background-color: #eee;
    border-radius: 1rem;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 5px;
}

#mosaicodesarrollador .desarrollador {
    display: block;
    background-color: #DA291C;
    color: #fff;
	font-size: 1rem;
    padding: 0.5rem;
}

#mosaicodesarrollador .desarrollador:hover {
    text-decoration: none;
    background-color: #004360;	
}

#mosaicodesarrollador .rol {
    display: block;
	font-family: Grandstander;
	font-size: 1rem;
    font-weight: bold;
	color:#DA291C;	
}

#mosaicodesarrollador .foto {
    border-radius: 15%;
    height: 7rem;
    margin: 1rem; 
    box-shadow: 0 0 8px #000;
}

#mosaicodesarrollador .social {
    font-size: 1.5rem;
    padding: 0.3rem;
}


/* ------------------------- CabeceraDesarrollador */
#cabeceradesarrollador {
    position: relative;
    width: 100%;
    text-align: left;
}

#cabeceradesarrollador .flag-icon {
    margin-left: 0.5rem;
    font-size: 1.2rem;
}

#nombredesarrollador {
    font-family: Grandstander;
    font-weight: bold;
    font-size: 3em;
    text-align: left;
    color: #fff;
    background-color: #DA291C;
    border-bottom: #154994 solid 1px;
    padding: 0.3em;
    border-radius: 4px;
    text-align: center;
}

#nombredesarrollador .nombrereal {
    display: block;
    font-family: Grandstander;
    font-size: 0.5em;
    text-align: center;
    color: #fff;
}

#cabeceradesarrollador .logo {
    margin: 1em;
    max-width: 75%;
    max-height: 10em;
}

#cabeceradesarrollador .nombrecentro {
    font-family: Grandstander;
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #DA291C;
    border-bottom: #154994 solid 1px;
    padding: 0.5em;
}

#cabeceradesarrollador h3 {
    font-family: LaconicRegular;
    font-size: 2em;
    color: #777777;
    text-align: center;
    padding: 0.2em;
}

#cabeceradesarrollador .localidad {
    font-family: LaconicRegular;
    font-size: 1.6em;
    color: #008FCB;
    text-align: left;
}

#cabeceradesarrollador .localidad:hover {
    font-weight: bold;
    text-decoration: none;
}

#cabeceradesarrollador .provincia {
    font-family: LaconicRegular;
    font-size: 1.1em;
    color: #008FCB;
    text-align: left;
    padding: 0.2em;
}

#cabeceradesarrollador .provincia:hover {
    font-weight: bold;
    text-decoration: none;
}

#cabeceradesarrollador .nacimiento {
    display: none;
}

#cabeceradesarrollador .divlogo {
    text-align: center;
}

#cabeceradesarrollador .logo {
    max-width: 75%;
}

/* ------------------------- PrincipalDesarrollador */
#principaldesarrollador {
    width: 100%;
    float: left;
    padding: 10px 2px 2px 2px;
}

.infodesarrollador {
    font-size: 1.2em;
    font-family: "Chilanka", sans-serif;
    font-weight: normal;
    color: #000;
    padding: 1em;
    margin-bottom: 1em;
}

#fotopersona {
    text-align: center;
    padding: 1em;
}

#fotopersona img {
    width: 50%;
    border: 1px solid #154994;
    border-radius: 6px;
}

#bio, #biop {
    text-align: center;
}

#bio .social, #biop .social {
    font-size: 3.5em;
    color: #DA291C;
    font-weight: normal;
    padding: 0.5em;
}

#perfilesdevuego {
    width: 100%;
    padding-top: 0.2em;
}

#perfilesdevuego .perfil {
    display: block;
    font-family: Grandstander;
    font-size: 1.1em;
    padding: 0.5em;
    margin: 1em;
    background: #DA291C;
    color: #fff;
    border-radius: 4px;
}

#perfilesdevuego .perfilesport {
    display: block;
    font-family: Grandstander;
    font-size: 1.1em;
    padding: 0.5em;
    margin: 1em;
    background: #580061;
    color: #fff;
    border-radius: 4px;
}

#perfilesdevuego .perfildv {
    display: block;
    font-family: Grandstander;
    font-size: 1.1em;
    padding: 0.5em;
    margin: 1em;
    background: #A35D00;
    color: #fff;
    border-radius: 4px;
}

#perfilesdevuego .perfillatam {
    display: block;
    font-family: Grandstander;
    font-size: 1.1em;
    padding: 0.5em;
    margin: 1em;
    background: #356734;
    color: #fff;
    border-radius: 4px;
}




/* ------------------------- Principal Desarrollos */
#principaldesarrollos {
    width: 98%;
    padding: 0.5em;
}

#principaldesarrollos .flecha {
    color: #DA291C;
    font-size: 4.2em;
    padding: 0px 6em;
    opacity: 0.5;
}

#principaldesarrollos .flecha:hover {
    opacity: 1;
    transition: opacity 0.5s;
}

/* ------------------------- AsociacionesMiembro */
#asociacionesmiembro .enlaceestudio {
    font-size: 1em;
    color: #FFFFFF;
}

#asociacionesmiembro .enlaceestudio:hover {
    color: #000;
    text-decoration: none;
}

#asociacionesmiembro table {
    width: 100%;
}

#asociacionesmiembro td {
    text-align: center;
    padding: 1em 0.6em;
    border-radius: 4px;
    background-color: #F9FAFB;
    border-bottom: 1px solid #ccc;
}

#asociacionesmiembro .tdpersonas {
    background: #E0E4EA;
}

#asociacionesmiembro .tdpersonas:hover {
    background: #E54438;
}

#asociacionesmiembro .encabezado {
    padding-top: 1.5em;
}

#asociacionesmiembro .tdasociaciones {
    background: #DA291C;
}

#asociacionesmiembro .tdasociaciones:hover {
    background: #517E93;
}

#asociacionesmiembro .rol {
    font-family: Grandstander;
    font-size: 1em;
    color: #FFF;
}

#asociacionesmiembro .rol:hover {
    text-decoration: none;
    color: #FFF;
}

/* ------------------------- Principal Criticas */
#principalcriticas {
    text-align: center;
    width: 100%;
    padding-top: 2em;
}

#principalcriticas .escor {
	font-family: Grandstander;
	font-size: 3rem;
    font-weight: bold;
    color: #DA291C;
    background-color: #EEEEEE;
    vertical-align: middle;
    margin-bottom: 0.5em;
    padding: 0.2em;
    border-radius: 5px;
}

#principalcriticas #portada {
    text-align: center;
}

#principalcriticas #portada img {
    margin-top: 10px;
    margin-bottom: 20px;
    width: 70%;
    border-radius: 8px;
    box-shadow: 0 0 8px #000;
}

#principalcriticas h5 {
    font-family: LaconicRegular;
    font-size: 0.8em;
    color: #333;
    vertical-align: middle;
    font-weight: normal;
    margin-top: 0.2em;
}

#principalcriticas .cuadroptstodas {
    border-radius: 1rem;
    text-align: center;
    margin: 5px auto;
    font-family: LaconicRegular;
    font-size: 10rem;
    font-weight: bold;
    color: #fff;
    background-color: #DA291C;
}

#principalcriticas .bloquecolor {
    border-radius: 0.5rem;
  text-align: center;
  margin: -1rem auto 1rem auto;
  height: 1.5rem;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 5px;
}

#principalcriticas .bloquecolormini {
    border-radius: 0.5rem;
    text-align: center;
    margin: -0.7rem auto 1rem auto;
    height: 1rem;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 5px;
}

#principalcriticas .cuadroporctodas {
    border-radius: 10px;
    text-align: center;
    margin: 0 auto;
    font-family: LaconicRegular;
    font-size: 5.8em;
    font-weight: bold;
    color: #333;
}

#principalcriticas .cuadroptsesp {
    border-radius: 1rem;
    text-align: center;
    margin: 5px auto;
    font-family: LaconicRegular;
    font-size: 5rem;
    font-weight: bold;
    color: #fff;
    background-color: #DA291C;
}

#principalcriticas .cuadroptsext {
    border-radius: 1rem;
    text-align: center;
    margin: 5px auto;
    font-family: LaconicRegular;
    font-size: 5rem;
    font-weight: bold;
    color: #fff;
    background-color: #DA291C;
}

#principalcriticas .contenedorpuntos {
    width: 95%;
    margin: 0 auto;
    text-align: center;
}

#principalcriticas .contenedorpuntostodas {
    width: 85%;
    margin: 5px auto;
    text-align: center;
    border-radius: 8px;
    padding: 0 1em 1em 1em;
    box-shadow: 2px 2px 10px #666;
}

#principalcriticas .bandera {
    width: 4em;
}

#principalcriticas .contenedoresp {
	width: 40%;
    float: left;
    margin: 0.5rem;
    text-align:center;
    border-radius: 8px;
    padding: 0.5rem;
    box-shadow: 2px 2px 10px #666;
}

#principalcriticas .contenedorext {
	width: 40%;
    float: left;
    margin: 0.5rem;
    text-align:center;
    border-radius: 8px;
    padding: 0.5rem;
    box-shadow: 2px 2px 10px #666;
}

#principalcriticas .plataformaselect {
    max-height: 4em;
    max-width: 75%;
    border-radius: 6px;
}

#principalcriticas .cuadrostat {
    padding: 0.8em;
    border: 0px;
    float: left;
    text-align: left;
    margin: 8px;
    background-color: #EFF3F5;
    opacity: 0.9;
    border-radius: 6px;
    font-family: Grandstander;
    font-size: 1.3em;
    color: #DA291C;
}

/* ------------------------- ListadoCriticas */
#listadocriticas {
    width: 100%;
}

#listadocriticas .imgplataforma {
    filter: grayscale(1);
    opacity: 0.7;
    max-height: 1.2em;
    max-width: 10em;
}

#listadocriticas .imgplataforma:hover {
    filter: brightness(100%);
    opacity: 1;
}

#listadocriticas td {
    text-align: center;
    padding: 1em 0.6em;
    border-radius: 4px;
    background-color: #F9FAFB;
    border-bottom: 1px solid #ccc;
}

#listadocriticas .encabezado {
    padding-top: 1.5em;
}

#listadocriticas .tdplataforma {
    background: #F9FAFB;
}

#listadocriticas .enlaceplataforma {
    font-family: LaconicRegular;
    font-size: 1.2em;
    color: #DA291C;
}

#listadocriticas .tdmedio {
    padding-left: 0.2em;
    background: #E0E4EA;
    cursor: pointer;
}

#listadocriticas .tdmedio:hover {
    background-color: #E54438;
    text-decoration: none;
}

#listadocriticas .tdjuego {
    padding-left: 0.1em;
    background: #E54438;
}

#listadocriticas .tdjuego:hover {
    color: #000000;
    background: #E54438;
    font-weight: bold;
}

#listadocriticas .enlacejuego {
    color: #FFFFFF;
    font-weight: normal;
}

#listadocriticas .enlacejuego:hover {
    text-decoration: none;
}

#listadocriticas .tdredactor {
    background: #F9FAFB;
}

#listadocriticas .bandera {
    width: 1em;
}

#listadocriticas .tdcomentario {
    background-color: #fff;
    padding: 0.1em;
}

#listadocriticas .imgmedio {
    max-width: 75%;
    max-height: 4em;
    border-radius: 6px;
    margin-left: 1em;
}

#listadocriticas p {
    text-align: justify;
    padding: 0 1em;
}

#listadocriticas #thplataforma {
    display: none;
}

#listadocriticas #tdplataforma {
    display: none;
}

#listadocriticas #thredactor {
    display: none;
}

#listadocriticas #tdredactor {
    display: none;
}

#listadocriticas #thdonde {
    display: none;
}

#listadocriticas #tddonde {
    display: none;
}

/* ------------------------- SelectorPlataformas */
#selectorplataformas {
    width: 100%;
    text-align: center;
}

#selectorplataformas .bloqueplataforma {
    display: inline-block;
    width: 21%;
    padding: 0.8em;
    border: 0px;
    text-align: center;
    margin: 0.3em;
    background-color: #EFF3F5;
    opacity: 0.9;
    border-radius: 6px;
}

#selectorplataformas .bloqueplataformap {
    display: inline-block;
    width: 21%;
    padding: 0.8em;
    border: 0px;
    text-align: center;
    margin: 0.3em;
    background-color: #cfe7f3c9;
    opacity: 0.9;
    border-radius: 6px;
}

#selectorplataformas .bloqueplataforma:hover {
    opacity: 1;
}

#selectorplataformas .nombreplataforma {
    font-family: Grandstander;
    font-size: 1em;
    font-weight: bold;
    color: #DA291C;
}

#selectorplataformas .nombreplataforma:hover {
    text-decoration: none;
}

#selectorplataformas .imgplataforma {
    max-width: 65%;
}

/* ------------------------- Charlas */

#charlas .enlacecharla {
    
    font-size: 1.2em;
    color: #DA291C;
}

#charlas .enlacecharla:hover {
    text-decoration: none;
    color: #000;
}

#charlas .enlaceestudio {
    color: #FFFFFF;
}

#charlas .enlaceestudio:hover {
    color: #000;
    text-decoration: none;
}

#charlas table {
    width: 100%;
}

#charlas td {
    text-align: center;
    padding: 1em 0.6em;
    border-radius: 4px;
    background-color: #F9FAFB;
    border-bottom: 1px solid #ccc;
}

#charlas .tdcharla {
    background: #E0E4EA;
}

#charlas .tdcharla:hover {
    background: #E54438;
}

#charlas .encabezado {
    padding-top: 1.5em;
}

#charlas .tdpersona {
    background: #DA291C;
}

#charlas .tdpersona:hover {
    background: #517E93;
}

#charlas .rol {
    font-family: Grandstander;
    font-size: 1em;
    color: #FFF;
}

#charlas .rol:hover {
    text-decoration: none;
    color: #FFF;
}

/* ------------------------- ListadoPlataformas */
#listadoplataformas {
    width: 100%;
}

#listadoplataformas .enlaceplataforma {
    
    font-size: 1.5em;
    color: #DA291C;
}

#listadoplataformas .enlaceplataforma:hover {
    text-decoration: none;
    color: #000;
}

#listadoplataformas #listadoplataforma {
    width: 100%;
}

#listadoplataformas td {
    text-align: left;
    padding: 4px;
    border-radius: 4px;
}

#listadoplataformas .encabezado {
    padding: 0.2em;
}

#listadoplataformas .tdplataformas {
    background: #E0E4EA;
}

#listadoplataformas .tdplataformas:hover {
    background: #DADFE6;
}

#listadoplataformas .tdlocalidad {
    background: #DA291C;
    font-family: Grandstander;
    font-size: 1.5em;
    color: #FFF;
}

/* ------------------------- MosaicoPlataforma */
#mosaicoplataforma {
    width: 100%;
    padding: 2px;
    border: 0px;
    text-align: center;
}

#mosaicoplataforma .logo {
    max-width: 75%;
    max-height: 3em;
    margin-right: 0.2em;
    margin-bottom: 0.2em;
    padding: 1em;
}

#mosaicoplataforma .logogrupo {
    width: 20%;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    opacity: 0.5;
}

#mosaicoplataforma .logogrupo:hover {
    opacity: 1;
}

/* ------------------------- PrincipalPremio */
#principalpremio {
    width: 100%;
    text-align: center;
}

#principalpremio .logo {
    max-height: 10em;
    max-width: 75%;
    margin-top: 2em;
}

/* ------------------------- ListadoPremios */
#listadopremios {
    width: 100%;
}

#listadopremios .enlacejuego {
    color: #DA291C;
}

#listadopremios .enlacejuego:hover {
    text-decoration: none;
}

#listadopremios td {
    text-align: left;
    padding: 4px;
    border-radius: 4px;
    background-color: #F9FAFB;
    border-bottom: 1px solid #ccc;
}

#listadopremios .tdpremio {
    background: #F9FAFB;
    text-align: left;
    font-family: Chilanka;
    font-size: 1.1em;
    width: 50%;
}

#listadopremios .tdjuego {
    background: #E0E4EA;
    cursor: pointer;
    width: 50%;
}

#listadopremios .tdjuego:hover {
    background-color: #E54438;
    text-decoration: none;
}

#listadopremios .tdcomentario {
    border: #E0E4EA 1px solid;
    border-radius: 12px;
    padding: 5px;
}

#listadopremios p {
    text-align: justify;
    padding: 0px 1em;
}

/* ------------------------- ListadoEditoras */

#listadoeditoras .enlaceeditora {
    font-weight: bold;
    font-size: 1.5em;
}

#listadoeditoras .enlaceeditora:hover {
    text-decoration: none;
}

#listadoeditoras table {
    width: 100%;
}

#listadoeditoras td {
    text-align: left;
    padding: 4px;
    border-radius: 4px;
    background-color: #F9FAFB;
    border-bottom: 1px solid #ccc;
}

#listadoeditoras .encabezado {
    padding: 0.2em;
}

#listadoeditoras .tdeditoras {
    background: #E0E4EA;
}

#listadoeditoras .tdeditoras:hover {
    border-bottom: 1px solid #DA291C;
    border-top: 1px solid #DA291C;
    color: #000000;
    background: #DADFE6;
    font-weight: bold;
}

#listadoeditoras .tdlocalidad {
    background: #DA291C;
    font-family: Grandstander;
    font-size: 1.5em;
    color: #FFF;
}

/* ------------------------- MosaicoEditora */
#mosaicoeditora {
    width: 100%;
    border: 0px;
    text-align: center;
}

#mosaicoeditora .tdeditora {
    padding: 2em 0;
    width: 100%;
    min-height: 10em;
    text-align: center;
}

#mosaicoeditora img {
    vertical-align: middle;
}

#mosaicoeditora .editora {
    
    font-size: 1.8em;
    color: #DA291C;
    border-radius: 4px;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

#mosaicoeditora .editora:hover {
    text-decoration: none;
    background: #DA291C;
    color: #fff;
}

#mosaicoeditora .localidad {
    margin-top: 0.9em;
    background: #DA291C;
    font-family: LaconicRegular;
    font-size: 0.9em;
    color: #FFF;
    padding: 0.2em;
    border-radius: 4px;
}

#mosaicoeditora .logo {
    border-radius: 4px;
    max-width: 75%;
    max-height: 10em;
    margin-bottom: 0.5em;
}

#mosaicoeditora .icono {
    border-radius: 4px;
    font-size: 10em;
    margin-bottom: 0.05em;
    opacity: 0.1;
}

/* ------------------------- Listadomedios */

#listadomedios #listadomedio {
    width: 100%;
}

#listadomedios td {
    text-align: left;
    padding: 0.8em 1em;
    border-radius: 4px;
    background-color: #F9FAFB;
    border-bottom: 1px solid #ccc;
}

#listadomedios .encabezado {
    padding: 0.2em;
}

#listadomedios .tdmedios {
    background: #E0E4EA;
}

#listadomedios .tdmedios:hover {
    background: #DADFE6;
}

#listadomedios .tdlocalidad {
    background: #DA291C;
    font-family: Grandstander;
    font-size: 1.5em;
    color: #FFF;
}

#listadomedios .tipo {
    font-family: LaconicRegular;
    font-size: 1em;
    color: #333;
    margin-right: 5px;
    border-radius: 4px;
    padding: 1px 3px;
}

#listadomedios .tipo:hover {
    background: #DA291C;
    color: #fff;
    text-decoration: none;
}

/* ------------------------- Mosaicomedio */
.mosaicomedio {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem 0;
    align-items: baseline;
}

.mosaicomedio .td {
    flex: 1;
    text-align: center;
    min-width: 40%;
    max-width: 50%;
    padding: 0.5rem;
}

.mosaicomedio .td4 {
    flex: 1;
    text-align: center;
    min-width: 40%;
    padding: 0.5rem;
}

.mosaicomedio .td2 {
    flex: 1;
    text-align: center;
    min-width: 40%;
    padding: 0.5rem;
}

.mosaicomedio .medio {
    font-size: 1.3em;
    border-radius: 2px;
    padding: 2px;
}

.mosaicomedio .logomos {
    border-radius: 4px;
    max-width: 85%;
    margin-top: 0.4em;
    margin-bottom: 0.8em;
}

.mosaicomedio .icono {
    border-radius: 4px;
    font-size: 10em;
    margin-bottom: 0.05em;
    opacity: 0.1;
}

.mosaicomedio .tipo {
    font-family: Chilanka;
    font-size: 1em;
    color: #008FCB;
}


/* ------------------------- PrincipalMedio */
#principalmedio {
    width: 100%;
}

#principalmedio .stats {
    font-size: 1.4em;
    font-family: Chilanka, sans-serif;
    font-weight: normal;
    color: #333;
}

#principalmedio .pais {
    font-size: 1.4em;
    
    color: #000;
}

#logomedio {
    text-align: center;
    padding: 1em;
}

#logomedio img {
    width: 50%;
}

/* ------------------------- PrincipalEmpresa */
#principalempresa {
    width: 100%;
    float: left;
}

#principalempresa .tipo {
    display: inline;
    font-family: LaconicRegular;
    font-size: 1.2em;
    padding: 0.5em;
    background: #E54438;
    color: #fff;
    border-radius: 4px;
}

/* -------------------------- Empresa estudio */
#empresa {
    text-align: center;
}

#empresa .esempresa {
    font-size: 1em;
}

#empresa .empresanombre {
    font-family: LaconicRegular;
    font-size: 1.5em;
    font-weight: bold;
    color: #DA291C;
}

/* ------------------------- LateralEmpresa */
#lateralempresa {
    width: 100%;
    text-align: center;
}

#lateralempresa .logo {
    margin: 1.5em auto;
    width: 75%;
}

#lateralempresa .divlogo {
    display: none;
}

#lateralempresa .social {
    font-size: 2.5em;
    color: #DA291C;
    padding: 0.5em;
    opacity: 0.5;
    transition: opacity 0.5s;
}

#lateralempresa .social:hover {
    opacity: 1;
    transition: opacity 0.5s;
}

.tiendaactualizada {
    font-family: LaconicRegular;
    font-size: 1em;
    color: #333;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/* ------------------------- PrincipalPlataforma */
#principalplataforma {
    width: 100%;
    text-align: center;
}

#principalplataforma .logo {
    max-height: 10em;
    max-width: 75%;
    margin: 1em auto;
}

/* ------------------------- PrincipalPEGI */
#principalpegi {
    width: 100%;
    text-align: center;
}

#principalpegi .logo {
    max-height: 10em;
    max-width: 75%;
    margin: 1em auto;
}

#principalpegi .iconofiltro {
    float: left;
    margin-left: 1em;
    height: 5em;
}

/* ------------------------- PrincipalMotor */
#principalmotor {
    width: 100%;
    text-align: center;
}

#principalmotor .logo {
    max-height: 10em;
    max-width: 75%;
    margin: 1em auto;
}

/* ------------------------- Principal Estado */
#principalestado {
    width: 100%;
    text-align: center;
}

/* ------------------------- PrincipalCategoria */
#principalcategoria {
    width: 100%;
    text-align: center;
}

#principalcategoria .logo {
    max-height: 10em;
    max-width: 75%;
    margin: 1em auto;
}

/* ------------------------- DEVentos */
#filtrardeventos {
    display: none;
}

#deventos .encabezado {
    padding: 0.2em;
}

#deventos .enlaceevento {
    
    font-size: 1.4em;
    color: #DA291C;
}

#deventos .enlaceevento:hover {
    text-decoration: none;
    color: #000;
}

#deventos .enlacegenero {
    font-family: LaconicRegular;
    font-size: 1em;
    color: #FFFFFF;
}

#deventos .enlacegenero:hover {
    text-decoration: none;
    color: #000;
}

#deventos .enlaceplataforma {
    font-size: 0.8em;
    color: #fff;
}

#deventos .enlaceplataforma:hover {
    text-decoration: none;
    color: #000;
}

#deventos .enlacelugar {
    font-family: LaconicRegular;
    font-size: 1em;
    color: #FFFFFF;
}

#deventos .enlacelugar:hover {
    color: #000;
    text-decoration: none;
}

#deventos table {
    width: 100%;
}

#deventos td {
    padding: 0.5em;
    border-radius: 4px;
    border-bottom: 1px solid #ccc;
}

#deventos #thtipo {
    display: none;
}

#deventos #tdtipo {
    display: none;
}

#deventos #thfechafin {
    display: none;
}

#deventos #tdfechafin {
    display: none;
}

#deventos #thinfo {
    display: none;
}

#deventos #tdinfo {
    display: none;
}

#deventos #thenlaces {
    display: none;
}

#deventos #tdenlaces {
    display: none;
}

#deventos #thgoogle {
    display: none;
}

#deventos #tdgoogle {
    display: none;
}

#deventos .tdevento {
    text-align: left;
    padding-left: 0.5em;
    background: #E0E4EA;
}

#deventos .tdevento:hover {
    background-color: #E54438;
    text-decoration: none;
}

#deventos .tdgeneros {
    text-align: left;
    background: #DA291C;
    color: #FFF;
}

#deventos .tdgeneros:hover {
    background: #517E93;
}

#deventos .tdlugar {
    text-align: left;
    background: #E54438;
}

#deventos .tdlugar:hover {
    background-color: #E54438;
    text-decoration: none;
}

#deventos .tdplataformas {
    text-align: left;
    background: #517E93;
    color: #fff;
}

#deventos .tdplataformas:hover {
    text-decoration: none;
    background: #E54438;
    color: #000;
}

#deventos .tipo {
    font-family: LaconicRegular;
    font-size: 1em;
    color: #333;
    margin-right: 5px;
    border-radius: 4px;
    padding: 1px 3px;
}

#deventos .tipo:hover {
    background: #DA291C;
    color: #fff;
    text-decoration: none;
}

/* ------------------------- MosaicoEvento     */

#mosaicoevento {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem 0;
    align-items: baseline;
}

#mosaicoevento .td {
    flex: 1;
    text-align: center;
    min-width: 40%;
    max-width: 50%;
    padding: 0.5rem;
}

#mosaicoevento .td:hover {
    background-color: #EFF3F5;
    border-radius: 4px;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1);
}

#mosaicoevento .evento {
    font-family: Grandstander;
    font-size: 1.5em;
    font-weight: bold;
    color: #DA291C;
    border-radius: 2px;
    padding: 2px;
}

#mosaicoevento .evento:hover {
    text-decoration: none;
    background: #DA291C;
    color: #fff;
}

#mosaicoevento .estudio {
    font-family: Chilanka;
    font-size: 1rem;
    color: #008FCB;
}

#mosaicoevento .estudio:hover {
    color: #000;
    background-color: #E54438;
    border-radius: 2px;
    padding: 2px;
    text-decoration: none;
}

#mosaicoevento .ano {
    font-family: LaconicRegular;
    font-size: 1em;
    color: #154994;
}

#mosaicoevento .portada {
    border-radius: 4px;
    max-width: 85%;
    margin-top: 0.4em;
    margin-bottom: 0.8em;
    box-shadow: 0 0 8px #000;
}

/* ------------------------- Localidades */
#localidades {
    position: relative;
    width: auto;
    float: left;
}

#localidades select {
    margin-top: 0.8em;
    
    font-size: 1.3em;
    font-weight: bold;
    color: #DA291C;
    background-color: #FFFFFF;
    border: #000000 solid 1px;
    border-radius: 6px;
    padding: 3px 3px 3px 4px;
    margin-bottom: 2em;
    margin-left: 0.1em;
}

#localidades option:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #DA291C;
}

/* ------------------------- Calendario */
#calendario table {
    display: none;
}

#filtrocalendario {
    display: none;
}

#seccioncalendario {
    display: none;
}

/* ------------------------- Principal Estadisticas */
#principalestadisticas {
    width: 100%;
    padding-top: 1em;
}

/* ------------------------- SelectorEstadisticas */
#selectorestadisticas {
    text-align: center;
}

#selectorestadisticas .botonseccion {
    display: inline-block;
    font-family: Grandstander;
    font-size: 1.3em;
    color: #DA291C;
    background-color: #EFF3F5;
    padding: 0.5em;
    margin: 0.5em 0.8em;
    transition: 0.2s;
}

#selectorestadisticas .botonseccion:hover {
    text-decoration: none;
    background-color: #DA291C;
    color: #EFF3F5;
    transition: 0.2s;
}

#selectorestadisticas .botonsubseccion {
    font-family: LaconicRegular;
    font-size: 1em;
    color: #DA291C;
    background-color: #EFF3F5;
    padding: 0.5em 0.8em;
    margin: 0.2em;
    transition: 0.2s;
}

#selectorestadisticas .botonsubseccion:hover {
    text-decoration: none;
    background-color: #DA291C;
    color: #EFF3F5;
    transition: 0.2s;
}

#selectorsecciones {
    text-align: center;
}

#selectorsecciones .botonseccion {
    display: block;
    padding: 0.2em 0.6em;
    border-radius: 4px;
    background: #DA291C;
    font-family: LaconicRegular;
    font-size: 1.6em;
    color: #FFF;
    margin: 1em auto;
}

#selectorsecciones .botonseccion:hover {
    text-decoration: none;
    background: #000;
    color: #FFF;
}

#selectorsecciones .botonsubseccion {
    display: block;
    padding: 0.2em 0.6em;
    border-radius: 4px;
    background: #DA291C;
    font-family: LaconicRegular;
    font-size: 1.1em;
    color: #FFF;
    margin: 1em auto;
}

#selectorsecciones .botonsubseccion:hover {
    text-decoration: none;
    background: #000;
    color: #FFF;
}

/* ------------------------- Aviso Estado */
#avisoestado {
    padding: 0.2em;
    border-radius: 6px;
    background: #E0E4EA;
    text-align: justify;
    text-justify: inter-word;
}

#avisoestado .comentario p {
    padding: 0.2em 0.6em;
}

/* ------------------------- Informacion */
#informacion {
    text-align: left;
    color: #000;
    border-radius: 8px;
    padding: 0.5em;
}

#informacion img {
    vertical-align: middle;
}

#informacion a {
    
    font-size: 1.3em;
    color: #DA291C;
}

/* -------------------------- Contacto */
#contacto {
    width: 100%;
    position: relative;
}

#contacto .boton {
    font-family: LaconicRegular;
    font-size: 1.5em;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #154994;
    border: #DA291C solid 1px;
    padding: 0.5em;
    margin-bottom: 2em;
}

#contacto .boton:hover {
    background-color: #E54438;
    color: #000;
}

#contacto .bloquetercio {
    float: left;
    width: 50%;
}

#contacto .bloquemedio {
    float: left;
    width: 100%;
}

#contacto .cuadrocontacto {
    width: 95%;
    font-family: Chilanka;
    font-size: 1.5em;
    color: #000000;
    border: #DA291C solid 1px;
    border-radius: 8px;
    padding: 0.5em;
    margin-bottom: 0.3em;
}

#contacto .cuadrostat {
    padding: 10px;
    border: 1px solid #333;
    text-align: left;
    margin: 10px auto;
    background-color: #EFF3F5;
    opacity: 0.9;
    border-radius: 6px;
    font-family: Grandstander;
    font-size: 1.2em;
    color: #DA291C;
}

#contacto .estado {
    font-family: Grandstander;
    font-size: 1.5em;
    color: #DA291C;
}

#contacto .cuando {
    font-family: Grandstander;
    font-size: 0.9em;
    font-weight: bold;
    color: #333;
}

/* -------------------------- CajaCookies */

#cajacookies {
    font-family: "Chilanka";
    font-size: 1em;
    box-shadow: 0px 0px 5px 5px #000;
    background-color: #EFF3F5;
    color: #000;
    padding: 10px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    z-index: 1;
}

#cajacookies button {
    font-family: Grandstander;
    font-size: 1rem;
    font-weight: bold;
    color: white;
    background: #DA291C;
    border: 0px;
    padding: 0.3rem;
    float: right;
    margin-right: 0.5rem;
    border-radius: 4px;
}

#cajacookies button:hover {
    background: #004360;
}

#iconocookies {
    box-shadow: 0px 0px 2px 2px #000;
    background-color: #EFF3F5;
    color: #DA291C;
    padding: 5px;
    margin-bottom: 0px;
    position: fixed;
    bottom: 0px;
    text-align: center;
    z-index: 1;
}

/* -------------------------- SeccionesWeb */
#seccion {
    padding: 0.5em;
    font-size: 1.5em;
    font-family: 'Chilanka ', sans-serif;
}

#seccion .imagencorporativa {
    max-width: 80%;
}

#seccion .iconocorporativo {
    max-width: 50%;
}

#seccion .donaciones {
    width: 50%;
    background-color: #66CCFF;
    border-radius: 10px;
    padding: 5px;
    text-align: center;
    font-family: LaconicRegular;
    font-size: 3.5em;
    color: #333;
}

#seccion .donacioneseuro {
    font-size: 2.5em;
}

/* -------------------------- Wiki */
#wiki {
    width: 95%;
    padding: 1em;
}

#wiki p, #wiki ul, #wiki li {
    font-family: Chilanka, sans-serif;
    font-size: 1.2em;
    font-weight: normal !important;
    color: #333;
}

#wiki a {
    font-family: Chilanka, sans-serif;
    color: #008FCB;
}

/* -------------------------- Listadolibros */
#listadolibros {
    width: 100%;
    clear: both;
}

#listadolibros ul {
    margin-left: -3em;
}

/* ------------------------- Listadolibro */
#listadolibro {
    width: 100%;
}

#listadolibro table {
    width: 99%;
}

#listadolibro td {
    text-align: left;
    padding: 4px;
    border-radius: 4px;
}

#listadolibro .tdlibro {
    padding-left: 0.5em;
    background: #E0E4EA;
}

#listadolibro .tdlibro:hover {
    background-color: #E54438;
    text-decoration: none
}

#listadolibro .tdcategorias {
    background: #00889C;
    font-family: LaconicRegular;
    color: #FFF;
}

#listadolibro .tdcategorias:hover {
    border-bottom: 1px solid #DA291C;
    border-top: 1px solid #DA291C;
    font-weight: bold;
}

#listadolibro .enlacecategoria {
    font-family: LaconicRegular;
    font-size: 1em;
    color: #FFFFFF;
}

#listadolibro .enlacecategoria:hover {
    text-decoration: none;
}

#listadolibro .tiendaimg {
    border: 0;
    max-height: 2em;
    padding: 0.5em;
    opacity: 0.5;
}

#listadolibro .tiendaimg:hover {
    opacity: 1;
}

#listadolibro .tdautor {
    padding-left: 0.5em;
    background: #E54438;
}

#listadolibro .tdautor:hover {
    border-bottom: 1px solid #DA291C;
    border-top: 1px solid #DA291C;
    color: #000000;
    background: #E54438;
}

#listadolibro .enlaceautor {
    font-family: Grandstander;
    font-size: 1.2em;
    color: #FFFFFF;
}

#listadolibro .enlaceotrosautores {
    font-family: Grandstander;
    font-size: 1em;
    color: #FFFFFF;
}

#listadolibro .enlaceautor:hover, #listadolibro .enlaceotrosautores:hover {
    text-decoration: none;
    font-weight: bold;
}

/* ------------------------- Publicaciones */
#publicaciones {
    width: 100%;
}

#publicaciones .enlaceautor {
    
    font-size: 1.4em;
    color: #DA291C;
}

#publicaciones .enlaceautor:hover {
    text-decoration: none;
    color: #000;
}

#publicaciones table {
    width: 99%;
}

#publicaciones td {
    text-align: left;
    padding: 0.5em;
    border-radius: 4px;
}

#publicaciones .tdautores {
    background: #E0E4EA;
}

#publicaciones .tdautores:hover {
    background: #E54438;
}

#publicaciones .tdpublicaciones {
    background: #DA291C;
}

#publicaciones .tdpublicaciones:hover {
    background: #517E93;
}

#publicaciones .rol {
    font-family: Grandstander;
    font-size: 1em;
    color: #FFF;
}

#publicaciones .rol:hover {
    text-decoration: none;
    color: #FFF;
}

/* ------------------------- BreadCrumb */
#breadcrumb {
    width: 100%;
    border-top: 1px solid #333;
    padding: 0.5em;
}

#breadcrumb ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#breadcrumb li {
    display: inline;
    margin-left: 0.4em;
}

#breadcrumb a {
    font-family: Grandstander;
    font-size: 1.2em;
    border-radius: 4px;
    background-color: #DA291C;
    color: #fff;
    padding: 0.2em 0.3em;
}

#breadcrumb a:hover {
    background-color: #000;
    text-decoration: none;
}

#breadcrumb .separador {
    font-size: 1.5em;
    color: #DA291C;
}

/* -------------------------- Footer */
#footer {
    clear: both;
    margin: 0 auto;
    font-size: 1.5rem;
    max-width: 95%;
    text-align: center;
    padding: 0.5em;
    color: #FFF;
    background-color: #333;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .3);
    vertical-align: middle;
    line-height: 18px;
}

#footer a {
    padding: 2px;
    font-size: 1em;
    color: #E54438;
}

#footer .seccionweb {
    display: block;
    line-height: 2.5em;
}

#footer .proyecto {
    margin-bottom: 1em;
}

#footer span {
    color: #FFF;
    line-height: 2;
}

#footer .by {
    font-size: 1.2rem;
    color: #FFF;
}

#footer .social {
    font-size: 2rem;
    padding: 0.5rem;
    line-height: 1.5;
}

#licencia .licencia {
    padding: 2px;
    font-family: LaconicRegular;
    font-size: 0.9em;
    color: #FFF;
}

/* -------------------------- Footer */
#subfooter {
    clear: both;
    margin: 2px auto;
    font-size: 16px;
    width: 100%;
    padding: 5px;
    vertical-align: middle;
    line-height: 18px;
}

#subfooter .fondo {
    width: 100%;
    color: #333;
    background-color: #fff;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .3);
    margin-top: -6px;
    margin-right: -12px;
}

#subfooter .logo {
    height: 5em;
    margin: 0.5em;
    vertical-align: middle;
}

#subfooter .textocolabora {
    font-family: LaconicRegular;
    font-size: 1em;
    font-weight: bold;
    color: #333;
    margin-left: 25px;
}

#mapdiv {
    width: 100%;
    min-height: 250px;
}

/* -------------------------- Licencia */
#licencia {
    clear: both;
    margin: 0 auto;
    width: 95%;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

#licencia a {
    padding: 2px;
    font-size: 1em;
    color: #FFFFFF;
}

/* -------------------------- YGN */
#ygn {
    font-family: Grandstander;
    clear: both;
    color: #999;
    margin: 0 auto;
    margin-top: 3em;
    width: 100%;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    background-color: #000;
    text-align: center;
    bottom: 0;
}

#ygn .ygnlink {
    display: block;
    font-size: 1.5em;
    margin: 1em;
    color: #FFF;
}

#ygn .ygnlink:hover {
    text-decoration: none;
}

#ygn .prev {
    display: block;
    font-size: 2em;
    color: #999;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    border-color: #DA291C;
}