#wrapper{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family: "Roboto", sans-serif;
	color: #333;
	line-height: 180%;
	margin: 0;
	padding: 0;
	text-align: left;
	background-size: cover;
	background-image: url("../img/body-background.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	display: flex;
	flex-direction: column;
}

#header-wrapper{
	position: relative;
	top: 0px;
	left: 0px;
	height: 110px;
	width: 100%;
	text-align: left;
	background-image: url("../img/header-bg.png");
	background-repeat: repeat-x;
}

#header-wrapper .header{
	position: relative;
	height: 100%;
	margin: 0 auto;
	height: 110px;
	width: 1200px;
	overflow: hidden;
}

#header-wrapper .header .logo{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 110px;
	width: 110px;
}

#header-wrapper .header .titulo{
	position: absolute;
	top: 0px;
	left: 125px;
	height: 66px;
	width: 500px;
	background-color: #FFF;
}

#header-wrapper .header .rrss{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 66px;
	width: 200px;
	background-color: #FFF;
}

#header-wrapper .header .menu{
	position: absolute;
	top: 66px;
	left: 110px;
	height: 30px;
	line-height: 30px;
	width: 750px;
	background-color: #666;
	font-size: 18px;
	color: #FFF;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
}

#submenu{
	margin: 0 auto;
	line-height: 30px;
	width: 1200px;
	text-align: center;
	border-radius: 20px;
	color: #FFF;
	display: flex;
	flex-direction: row;
	justify-content: center;
	max-height: 0;
	opacity: 0;
	transition: all 0.8s ease;
}

#submenu.visible{
	margin-bottom: 10px;
	max-height: 120px;
	opacity: 1;     
	transition: all 0.8s ease;
}

#submenu .item{
	height: 30px;
	line-height: 30px;
	background-color: #666;
	text-align: center;
	border-radius: 15px;
	color: #FFF;
	padding: 0 20px 0 20px;
	margin: 0 5px 0 5px;
}

#submenu .item:hover{
	background-color: #702020;
}

#content{
	position: relative;
	margin: 0 auto;
	width: 1200px;
	background-image: url("../img/bg_blanco_75.png");
	border-radius: 20px;
}

#content  a{
	text-decoration: none;
	color: #333;
}

#content a:hover,active,visited:hover{
	text-decoration: underline;
	color: #702020;
}

#content a:visited{
	text-decoration: none;
	color: #333;
}

#content a:visited:hover{
	text-decoration: underline;
	color: #702020;
}

/* ------------------
       PORTADA
-------------------- */
#content #portada{
	display: flex;
	flex-direction: row;
	padding: 10px 0px 10px 0px;
	width: 100%;
	border-radius: 20px 20px 0 0;
	/* background-image: url("../img/bg_blanco_75.png"); */
}

#content #portada .izquierda{
	margin: 0 0 0 10px;
	width: calc(50% - 20px);
	height: 100%;
	overflow: hidden;
	border-radius: 20px;
}

#content #portada .izquierda .titulo-seccion{
	position: relative;
	width: 100%;
	height: 30px;
	background-color: #666;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
	color: #FFF;
}

#content #portada .izquierda .noticia-principal{
	position: relative;
	width: 100%;
	overflow: hidden;
}

#content #portada .izquierda .noticia-principal .imagen{
	position: relative;
	width: 100%;
	border-radius: 20px 20px 0 0;
	display: inline-block;
    overflow: hidden;
}

#content #portada .izquierda .noticia-principal .imagen img{
	display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease; /* suavidad del zoom */
    transform-origin: center center; /* zoom desde el centro */
}

#content #portada .izquierda .noticia-principal .imagen:hover img{
	transform: scale(1.1);     /* nivel de zoom */
}

#content #portada .izquierda .noticia-principal .titulo{
	position: relative;
	width: calc(100% - 20px);
	overflow: hidden;
	font-size: 30px;
	line-height: 35px;
	color: #333;
	padding: 0 10px 0 10px;
	text-align: justify;
}    

#content #portada .izquierda .bloque-noticias{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}

#content #portada .izquierda .bloque-noticias .publicidad{
	position: relative;
	width: 100%;
	height: 150px;
	overflow: hidden;
	border-radius: 20px;
}

#content #portada .izquierda .bloque-noticias .noticia-izquierda{
	position: relative;
	float: left;
	left: 0;
	width: calc(50% - 10px);
	height: 100%;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
}

#content #portada .izquierda .bloque-noticias .noticia-izquierda .imagen{
	position: relative;
	width: 100%;
	border-radius: 20px 20px 0 0;
	display: inline-block;
    overflow: hidden;
}

#content #portada .izquierda .bloque-noticias .noticia-izquierda .imagen img{
	display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease; /* suavidad del zoom */
    transform-origin: center center; /* zoom desde el centro */
}

#content #portada .izquierda .bloque-noticias .noticia-izquierda .imagen:hover img{
	transform: scale(1.1);     /* nivel de zoom */
}

#content #portada .izquierda .bloque-noticias .noticia-izquierda .titulo{
	position: relative;
	width: calc(100% - 20px);
	overflow: hidden;
	font-size: 20px;
	line-height: 30px;
	color: #333;
	text-align: justify;
	padding: 0 10px 0 10px;
}  

#content #portada .izquierda .bloque-noticias .noticia-derecha{
	position: relative;
	float: right;
	right: 0;
	width: calc(50% - 10px);
	height: 100%;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
}

#content #portada .izquierda .bloque-noticias .noticia-derecha .imagen{
	position: relative;
	width: 100%;
	border-radius: 20px 20px 0 0;
	display: inline-block;
    overflow: hidden;
}

#content #portada .izquierda .bloque-noticias .noticia-derecha .imagen img{
	display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease; /* suavidad del zoom */
    transform-origin: center center; /* zoom desde el centro */
}

#content #portada .izquierda .bloque-noticias .noticia-derecha .imagen:hover img{
	transform: scale(1.1);     /* nivel de zoom */
}

#content #portada .izquierda .bloque-noticias .noticia-derecha .titulo{
	position: relative;
	width: calc(100% - 20px);
	overflow: hidden;
	font-size: 20px;
	line-height: 30px;
	color: #333;
	text-align: justify;
	padding: 0 10px 0 10px;
} 

#content #portada .derecha{
	margin: 0 0 0 20px;
	width: calc(50% - 20px);
	height: 100%;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
}	

#content #portada .derecha .titulo-seccion{
	position: relative;
	width: calc(100% - 20px);
	height: 30px;
	line-height: 30px;
	background-color: #666;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
	color: #FFF;
	font-size: 18px;
	padding-left: 20px;
}

#content #portada .derecha .container-luchadas-portada{
	width: 100%;
	display: flex;
	flex-direction: column;
}

#content #portada .derecha .container-luchadas-portada .cuadro-competicion{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 20px;
}

#content #portada .derecha .container-luchadas-portada .cuadro-competicion .titulo-competicion{
	width: 100%;
	height: 30px;
	line-height: 30px;
	background-color: #666;
	overflow: hidden;
	border-radius: 30px 30px 30px 30px;
	color: #FFF;
	font-size: 16px;
	text-align: center;
}

#content #portada .derecha .container-luchadas-portada .cuadro-competicion .container-luchada{
	width: 100%;
	display: flex;
	flex-direction: row;
	height: 40px;
	box-sizing: content-box;
	overflow: hidden;
	color: #333;
	background-color: #F5F5F5;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
}

#content #portada .derecha .container-luchadas-portada .cuadro-competicion .container-luchada:hover{
	background-color: #CCC;
	cursor: pointer;
}

#content #portada .derecha .container-luchadas-portada .cuadro-competicion .container-luchada .escudo{
	width: 40px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	color: #333;
	font-size: 14px;
}

#content #portada .derecha .container-luchadas-portada .cuadro-competicion .container-luchada .equipo{
	width: 140px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	color: #333;
	font-size: 14px;
}

#content #portada .derecha .container-luchadas-portada .cuadro-competicion .container-luchada .resultado{
	width: 50px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	color: #333;
	font-size: 14px;
}

#content #portada .derecha .container-luchadas-portada .cuadro-competicion .container-luchada .fecha{
	width: 120px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	color: #333;
	font-size: 14px;
}

#content #portada .derecha .container-luchadas-portada .cuadro-competicion .container-luchada .hora{
	width: 50px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	color: #333;
	font-size: 14px;
}

#content #portada .derecha .container-luchadas-portada .cuadro-competicion .info-luchada{
	width: 100%;
	display: flex;
	flex-direction: column;
	box-sizing: content-box;
	overflow: hidden;
	color: #333;
	background-color: #F5F5F5;
	font-size: 13px;
	border-bottom: 1px solid #999;
	max-height: 0;
	opacity: 0;
	transition: all 0.5s ease;
}

#content #portada .derecha .container-luchadas-portada .cuadro-competicion .info-luchada .campo{
	width: calc (100%-10px);
	overflow: hidden;
	color: #333;
	background-color: #F5F5F5;
	font-size: 13px;
	height: 30px;
	text-align: center;
	display: flex;
	align-items: center;
	padding-left: 10px;
}

#content #portada .derecha .container-luchadas-portada .cuadro-competicion .info-luchada .campo .icono{
	width: 20px;
	height: 20px;
}

#content #portada .derecha .container-luchadas-portada .cuadro-competicion .info-luchada.visible{
	width: 100%;
	display: flex;
	flex-direction: column;
	box-sizing: content-box;
	overflow: hidden;
	color: #333;
	background-color: #F5F5F5;
	font-size: 13px;
	border-bottom: 1px solid #999;
	max-height: 120px;
	opacity: 1;     
	transition: all 0.5s ease;
}

#content #portada .derecha .bloque-noticias{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}

#content #portada .derecha .bloque-noticias .publicidad{
	position: relative;
	width: 100%;
	height: 150px;
	overflow: hidden;
	border-radius: 20px;
}

/* ------------------
       SECCIONES
-------------------- */
#content #seccion{
	display: flex;
	flex-direction: row;
	padding: 10px 0px 10px 0px;
	width: 100%;
	border-radius: 20px 20px 0 0;
	/* background-image: url("../img/bg_blanco_75.png"); */
}

#content #seccion .izquierda{
	margin: 0 0 0 10px;
	width: 800px;
	height: 100%;
	overflow: hidden;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
}

#content #seccion .izquierda .titulo-seccion{
	position: relative;
	width: calc(100% - 20px);
	height: 30px;
	line-height: 30px;
	background-color: #666;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
	padding-left: 20px;
	color: #FFF;
}

#content #seccion .izquierda .contenido{
	display: flex;
	flex-direction: column;
	width: calc(100% - 20px);
	padding: 10px;
	overflow: hidden;
	background-color: #FFF;
	overflow: hidden;
	color: #333;
}

/* ---------------------------
       NOTICIA INDIVIDUAL
--------------------------- */
#content #seccion .izquierda .contenido .noticia-imagen{
	width: 100%;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
}

#content #seccion .izquierda .contenido .noticia-imagen:hover img{
	transform: scale(1.1);     /* nivel de zoom */
}

#content #seccion .izquierda .contenido .noticia-imagen img{
	display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease; /* suavidad del zoom */
    transform-origin: center center; /* zoom desde el centro */
}

#content #seccion .izquierda .contenido .noticia-fecha{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #666;
	padding: 10px 0 10px 0;
}

#content #seccion .izquierda .contenido .noticia-titulo{
	width: 100%;
	overflow: hidden;
	font-size: 35px;
	line-height: 38px;
	color: #333;
	padding: 10px 0 10px 0;	
}

#content #seccion .izquierda .contenido .noticia-contenido{
	width: calc(100% - 20px);
	overflow: hidden;
	font-size: 16px;
	color: #333;
	text-align: justify;
	padding: 10px 10px 10px 10px;	
}

/* ---------------------------
       PÁGINA DE NOTICIAS
--------------------------- */
#content #seccion .izquierda .contenido .container-noticia-pagina{
	display: flex;
	flex-direction: row;
	width: 100%;
	overflow: hidden;
	padding: 0 0 20px 0;	
}

#content #seccion .izquierda .contenido .container-noticia-pagina .noticia-imagen{
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 10px 10px 10px 10px;
	padding: 0;
}

#content #seccion .izquierda .contenido .container-noticia-pagina .noticia-imagen:hover img{
	transform: scale(1.1);     /* nivel de zoom */
}

#content #seccion .izquierda .contenido .container-noticia-pagina .noticia-imagen img{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	object-fit: cover;
    transition: transform 0.5s ease; /* suavidad del zoom */
    transform-origin: center center; /* zoom desde el centro */
}

#content #seccion .izquierda .contenido .container-noticia-pagina .derecha-noticias{
	display: flex;
	flex-direction: column;
	width: calc(85% - 110px);
	overflow: hidden;
	padding: 0 0 0 10px;
}

#content #seccion .izquierda .contenido .container-noticia-pagina .derecha-noticias .noticia-fecha{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #666;
	border-radius: 0;
	padding: 0;
}

#content #seccion .izquierda .contenido .container-noticia-pagina .derecha-noticias .noticia-titulo{
	width: 100%;
	overflow: hidden;
	font-size: 20px;
	line-height: 25px;
	color: #333;
	padding: 0;
}

/* ---------------------------
         CLUBES
--------------------------- */
#content #seccion .izquierda .contenido .container-clubes{
	display: flex;
	flex-direction: row;
	width: 100%;
	overflow: hidden;
	padding: 0 0 20px 0;	
}

#content #seccion .izquierda .contenido .container-clubes .clubes-escudo{
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 0;
	padding: 0;
}

#content #seccion .izquierda .contenido .container-clubes .clubes-escudo img{
	width: 50px;
	height: 50px;
}

#content #seccion .izquierda .contenido .container-clubes .clubes-nombre{
	width: calc(85% - 60px);
	overflow: hidden;
	font-size: 20px;
	line-height: 50px;
	color: #333;
	padding: 0 0 0 20px;
}

/* ---------------------------
       CLUB INDIVIDUAL
--------------------------- */
#content #seccion .izquierda .contenido .cabecera-club{
	display: flex;
	flex-direction: column;
	width: 100%;
}

#content #seccion .izquierda .contenido .cabecera-club .escudo{
	width: 150px;
	height: 150px;
	margin: 0 auto;
}

#content #seccion .izquierda .contenido .cabecera-club .escudo img{
	width: 150px;
	height: 150px;
}

#content #seccion .izquierda .contenido .cabecera-club .nombre-club{
	width: 100%
	height: 40px;
	text-align: center;
	font-size: 30px;
}

#content #seccion .izquierda .contenido .contenedor-plantillas{
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-top: 15px;
}

#content #seccion .izquierda .contenido .contenedor-plantillas .izquierda{
	width: calc(50% - 10px);
	margin-left: 0;
	margin-right: 10px;
}

#content #seccion .izquierda .contenido .contenedor-plantillas .izquierda .titulo-seccion{
	width: calc(100% - 20px);
	height: 30px;
	line-height: 30px;
	background-color: #666;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
	color: #FFF;
}

#content #seccion .izquierda .contenido .contenedor-plantillas .izquierda .luchador{
	display: flex;
	flex-direction: row;
	height: 50px;
	width: 100%;
	margin-top: 15px;
}

#content #seccion .izquierda .contenido .contenedor-plantillas .izquierda .luchador .imagen-luchador{
	height: 50px;
	width: 50px;
	overflow: hidden;
	border-radius: 15px;
}

#content #seccion .izquierda .contenido .contenedor-plantillas .izquierda .luchador .imagen-luchador img{
	display: block;
	height: 50px;
	width: auto;
	margin: 0 auto;
    transition: transform 0.5s ease; /* suavidad del zoom */
    transform-origin: center center; /* zoom desde el centro */
	overflow: hidden;
	border-radius: 15px;
}

#content #seccion .izquierda .contenido .contenedor-plantillas .izquierda .luchador .imagen-luchador:hover img{
	transform: scale(1.1);     /* nivel de zoom */
}

#content #seccion .izquierda .contenido .contenedor-plantillas .izquierda .luchador .datos-luchador{
	display: flex;
	flex-direction: column;
	width: calc(100% - 60px);
	height: 50px;
	overflow: hidden;
	padding-left: 10px;
}

#content #seccion .izquierda .contenido .contenedor-plantillas .izquierda .luchador .datos-luchador .nombre-luchador{
	width: 100%;
	height: 25px;
	overflow: hidden;
}

#content #seccion .izquierda .contenido .contenedor-plantillas .izquierda .luchador .datos-luchador .categoria-luchador{
	width: 100%;
	height: 25px;
	overflow: hidden;
	font-size: 14px;
}


#content #seccion .izquierda .contenido .contenedor-plantillas .derecha{
	width: calc(50% - 10px);
	margin-left: 10px;
	margin-right: 0;
}

#content #seccion .izquierda .contenido .contenedor-plantillas .derecha .titulo-seccion{
	width: calc(100% - 20px);
	height: 30px;
	line-height: 30px;
	background-color: #666;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
	color: #FFF;
}

#content #seccion .izquierda .contenido .contenedor-plantillas .derecha .luchador{
	display: flex;
	flex-direction: row;
	height: 50px;
	width: 100%;
	margin-top: 15px;
}

#content #seccion .izquierda .contenido .contenedor-plantillas .derecha .luchador .imagen-luchador{
	height: 50px;
	width: 50px;
	overflow: hidden;
	border-radius: 15px;
}

#content #seccion .izquierda .contenido .contenedor-plantillas .derecha .luchador .imagen-luchador img{
	display: block;
	height: 50px;
	width: auto;
	margin: 0 auto;
    transition: transform 0.5s ease; /* suavidad del zoom */
    transform-origin: center center; /* zoom desde el centro */
	overflow: hidden;
	border-radius: 15px;
}

#content #seccion .izquierda .contenido .contenedor-plantillas .derecha .luchador .imagen-luchador:hover img{
	transform: scale(1.1);     /* nivel de zoom */
}

#content #seccion .izquierda .contenido .contenedor-plantillas .derecha .luchador .datos-luchador{
	display: flex;
	flex-direction: column;
	width: calc(100% - 60px);
	height: 50px;
	overflow: hidden;
	padding-left: 10px;
}

#content #seccion .izquierda .contenido .contenedor-plantillas .derecha .luchador .datos-luchador .nombre-luchador{
	width: 100%;
	height: 25px;
	overflow: hidden;
}

#content #seccion .izquierda .contenido .contenedor-plantillas .derecha .luchador .datos-luchador .categoria-luchador{
	width: 100%;
	height: 25px;
	overflow: hidden;
	font-size: 14px;
}

/* ---------------------------
         DOCUMENTOS
--------------------------- */
#content #seccion .izquierda .contenido .container-documento{
	display: flex;
	flex-direction: row;
	width: 100%;
	overflow: hidden;
	padding: 0 0 20px 0;	
}

#content #seccion .izquierda .contenido .container-documento .titulo{
	width: 300px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	border-radius: 0;
	padding: 0;
}

#content #seccion .izquierda .contenido .container-documento .enlace{
	width: 100px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	border-radius: 0;
	padding: 0;
}

#content #seccion .izquierda .contenido .container-documento .enlace  a{
	text-decoration: none;
	color: #702020;
}

#content #seccion .izquierda .contenido .container-documento .enlace a:hover,active,visited:hover{
	text-decoration: underline;
	color: #333;
}

#content #seccion .izquierda .contenido .container-documento .enlace a:visited{
	text-decoration: none;
	color: #702020;
}

#content #seccion .izquierda .contenido .container-documento .enlace a:visited:hover{
	text-decoration: underline;
	color: #333;
}

/* ---------------------------
       COMPETICIONES
--------------------------- */
#content #seccion .izquierda .contenido .container-competiciones{
	display: flex;
	flex-direction: column;
	width: 100%;
	overflow: hidden;
	padding: 0 0 20px 0;
}

#content #seccion .izquierda .contenido .container-competiciones .info{
	display: flex;
	flex-direction: row;
	width: 100%;
	overflow: hidden;
	padding: 0 10px 0 0;
}

#content #seccion .izquierda .contenido .container-competiciones .info .dato{
	overflow: hidden;
	height: 16px;
	line-height: 16px;
	border-radius: 9px 9px 9px 9px;
	background-color: #999;
	color: #FFF;
	font-size: 11px;
	padding: 2px 8px 2px 8px;
	text-align: center;
	margin-right: 6px;
}

#content #seccion .izquierda .contenido .container-competiciones .nombre-competicion{
	height: 30px;
	line-height: 30px;
	width: 100%;
	overflow: hidden;
	padding: 0 10px 0 0;
	font-size: 18px;
}

/* ---------------------------
     COMPETICIÓN INDIVIDUAL
--------------------------- */
#content #seccion .izquierda .contenido .container-luchada{
	width: 100%;
	display: flex;
	flex-direction: row;
	height: 40px;
	box-sizing: content-box;
	overflow: hidden;
	color: #333;
	background-color: #F5F5F5;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
}

#content #seccion .izquierda .contenido .container-luchada:hover{
	background-color: #CCC;
	cursor: pointer;
}

#content #seccion .izquierda .contenido .container-luchada .escudo{
	width: 40px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	color: #333;
	font-size: 14px;
}

#content #seccion .izquierda .contenido .container-luchada .equipo{
	width: 205px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	color: #333;
	font-size: 14px;
}

#content #seccion .izquierda .contenido .container-luchada .resultado{
	width: 60px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	color: #333;
	font-size: 14px;
}

#content #seccion .izquierda .contenido .container-luchada .fecha{
	width: 170px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	color: #333;
	font-size: 14px;
}

#content #seccion .izquierda .contenido .container-luchada .hora{
	width: 60px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	color: #333;
	font-size: 14px;
}

#content #seccion .izquierda .contenido .info-luchada{
	width: 100%;
	display: flex;
	flex-direction: column;
	box-sizing: content-box;
	overflow: hidden;
	color: #333;
	background-color: #F5F5F5;
	font-size: 13px;
	border-bottom: 1px solid #999;
	max-height: 0;
	opacity: 0;
	transition: all 0.5s ease;
}

#content #seccion .izquierda .contenido  .info-luchada .campo{
	width: calc (100%-10px);
	overflow: hidden;
	color: #333;
	background-color: #F5F5F5;
	font-size: 13px;
	height: 30px;
	text-align: center;
	display: flex;
	align-items: center;
	padding-left: 10px;
}

#content #seccion .izquierda .contenido .info-luchada .campo .icono{
	width: 20px;
	height: 20px;
}

#content #seccion .izquierda .contenido .info-luchada.visible{
	width: 100%;
	display: flex;
	flex-direction: column;
	box-sizing: content-box;
	overflow: hidden;
	color: #333;
	background-color: #F5F5F5;
	font-size: 13px;
	border-bottom: 1px solid #999;
	max-height: 120px;
	opacity: 1;     
	transition: all 0.5s ease;
}

#content #seccion .izquierda .contenido .clasificacion{
	width: 100%;
	box-sizing: content-box;
	overflow: hidden;
	color: #333;
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
}

#content #seccion .izquierda .contenido .clasificacion th{
	width: 100%;
	height: 40px;
	margin-top: 5px;
	background-color: #AAA;
}

#content #seccion .izquierda .contenido .clasificacion tr:nth-child(odd){
	width: 100%;
	height: 40px;
	margin-top: 5px;
	background-color: #F0F0F0;
}

#content #seccion .izquierda .contenido .clasificacion tr:nth-child(even){
	width: 100%;
	height: 40px;
	margin-top: 5px;
}

/* ---------------------------
     SECCIÓN DERECHA
--------------------------- */
#content #seccion .derecha{
	margin: 0 10px 0 20px;
	width: 360px;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
	display: flex;
	flex-direction: column;
}

#content #seccion .derecha .titulo-seccion{
	position: relative;
	width: calc(100% - 20px);
	height: 30px;
	line-height: 30px;
	background-color: #666;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
	padding-left: 20px;
	color: #FFF;
}

#content #seccion .derecha .contenido{
	width: 100%;
	overflow: hidden;
	background-color: #CCC;
	overflow: hidden;
	color: #333;
}

#content #seccion .derecha .publicidad{
	position: relative;
	width: 100%;
	height: 360px;
	overflow: hidden;
	border-radius: 20px;
}

/* ------------------
       FOOTER
-------------------- */
#footer-wrapper{
	position: relative;
	margin: 0 auto;
	margin-top: 10px;
	height: 50px;
	line-height: 50px;
	width: 1200px;
	background-color: #666;
	text-align: center;
	border-radius: 20px;
	color: #FFF;
}

/* ------------------
       FUENTES
-------------------- */
.cursorPointer{
	cursor: pointer;
}

.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.color666 {
  color: #666;
}

.textoCentro {
  text-align: center;
}

.fontSize12 {
  font-size: 12px;
}

.fontSize13 {
  font-size: 13px;
}

.fontSize14 {
  font-size: 14px;
}

.fontSize15 {
  font-size: 15px;
}

.fontSize16 {
  font-size: 16px;
}

.fontSize17 {
  font-size: 17px;
}

.fontSize18 {
  font-size: 18px;
}

.fontSize19 {
  font-size: 19px;
}

.fontSize20 {
  font-size: 20px;
}


/*

A partir de aquí son estilos no utilizados

*/

/*

#content .titulo-grupos{
	position: relative;	
	padding: 0;
	margin: 0 auto;
	margin-top: 0;
	width: 100%;
	overflow: hidden;
	font-size: 13px;
}

#content .titulo-grupos .izquierda{
	position: relative;
	float: left;
	left: 10px;
	width: 585px;
	height: 100%;
	overflow: hidden;
}

#content .titulo-grupos .izquierda .titulo{
	position: relative;	
	padding: 8px 10px 7px 10px;
	margin: 0 auto;
	margin-top: 10px;
	width: calc(100% - 20px);
	height: 15px;
	overflow: hidden;
	font-size: 16px;
	line-height: 17px;
	color: #FFF;
	text-align: center;
	background-color: #666;
	border-radius: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
}

#content .titulo-grupos .derecha{
	position: relative;
	float: right;
	right: 10px;
	width: 585px;
	height: 100%;
	overflow: hidden;
}

#content .titulo-grupos .derecha .titulo{
	position: relative;	
	padding: 8px 10px 7px 10px;
	margin: 0 auto;
	margin-top: 10px;
	width: calc(100% - 20px);
	height: 15px;
	overflow: hidden;
	font-size: 16px;
	line-height: 17px;
	color: #FFF;
	text-align: center;
	background-color: #666;
	border-radius: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
}

#content #luchadas-wrapper{
	position: relative;	
	padding: 10px 0px 10px 0px;
	margin: 0 auto;
	margin-top: 10px;
	width: 100%;
	overflow: hidden;
	font-size: 13px;
	background-image: url("../img/bg_blanco_75.png");
}

#content #luchadas-wrapper .izquierda{
	position: relative;
	float: left;
	left: 10px;
	width: 585px;
	height: 100%;
	overflow: hidden;
	background: rgba(200, 200, 200, 0.2);
}

#content #luchadas-wrapper .izquierda .luchada{
	position: relative;
	width: 100%;
	height: 39px;
	overflow: hidden;
	line-height: 40px;
	text-align: center;
	border-bottom: 1px solid #999;
	
}

#content #luchadas-wrapper .izquierda .luchada .fecha{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 195px;
	height: 100%;
	overflow: hidden;
}

#content #luchadas-wrapper .izquierda .luchada .escudoLoc{
	position: absolute;
	top: 0px;
	left: 195px;
	width: 40px;
	height: 100%;
	overflow: hidden;
}

#content #luchadas-wrapper .izquierda .luchada .equipoLoc{
	position: absolute;
	top: 0px;
	left: 235px;
	width: 130px;
	height: 100%;
	font-weight: 700;
	overflow: hidden;
}

#content #luchadas-wrapper .izquierda .luchada .resultado{
	position: absolute;
	top: 0px;
	left: 365px;
	width: 50px;
	height: 100%;
	overflow: hidden;
}

#content #luchadas-wrapper .izquierda .luchada .equipoVis{
	position: absolute;
	top: 0px;
	left: 415px;
	width: 130px;
	height: 100%;
	font-weight: 700;
	overflow: hidden;
}

#content #luchadas-wrapper .izquierda .luchada .escudoVis{
	position: absolute;
	top: 0px;
	left: 545px;
	width: 40px;
	height: 100%;
	overflow: hidden;
}

#content #luchadas-wrapper .derecha{
	position: relative;
	float: right;
	right: 10px;
	width: 585px;
	height: 100%;
	overflow: hidden;
	background: rgba(200, 200, 200, 0.2);
}

#content #luchadas-wrapper .derecha .luchada{
	position: relative;
	width: 100%;
	height: 39px;
	overflow: hidden;
	line-height: 40px;
	text-align: center;
	border-bottom: 1px solid #999;
}

#content #luchadas-wrapper .derecha .luchada .fecha{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 195px;
	height: 100%;
	overflow: hidden;
}

#content #luchadas-wrapper .derecha .luchada .escudoLoc{
	position: absolute;
	top: 0px;
	left: 195px;
	width: 40px;
	height: 100%;
	overflow: hidden;
}

#content #luchadas-wrapper .derecha .luchada .equipoLoc{
	position: absolute;
	top: 0px;
	left: 235px;
	width: 130px;
	height: 100%;
	font-weight: 700;
	overflow: hidden;
}

#content #luchadas-wrapper .derecha .luchada .resultado{
	position: absolute;
	top: 0px;
	left: 365px;
	width: 50px;
	height: 100%;
	overflow: hidden;
}

#content #luchadas-wrapper .derecha .luchada .equipoVis{
	position: absolute;
	top: 0px;
	left: 415px;
	width: 130px;
	height: 100%;
	font-weight: 700;
	overflow: hidden;
}

#content #luchadas-wrapper .derecha .luchada .escudoVis{
	position: absolute;
	top: 0px;
	left: 545px;
	width: 40px;
	height: 100%;
	overflow: hidden;
}

#content #noticias-portada{
	position: relative;
	left: 0px;
	margin-top: 10px;
	padding: 10px 0px 10px 0px;
	width: 100%;
	height: 837px;
	background-image: url("../img/bg_blanco_75.png");
}

#content #noticias-portada #noticia0-publi-wrapper{
	position: relative;
	left: 0px;	
	width: 100%;
	height: 441px;
	overflow: hidden;
}

#content #noticias-portada #noticia0-publi-wrapper #noticia0{
	position: absolute;
	top: 0px;
	left: 10px;
	width: 784px;
	height: 441px;
	overflow: hidden;
	background-color: #999;
}

#content #noticias-portada #noticia0-publi-wrapper #noticia0 #imagen{
	position: relative;
	width: 784px;
	height: 441px;
	z-index: 10;
	overflow: hidden;
}

#content #noticias-portada #noticia0-publi-wrapper #noticia0 #titulo{
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 744px;
	padding: 10px;
	overflow: hidden;
	background: url("../imgdsg/bg_333333_75.png");
	z-index: 15;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
}

#content #noticias-portada #noticia0-publi-wrapper #noticia0 #titulo a{
	text-decoration: none;
	color: #FFF;
}

#content #noticias-portada #noticia0-publi-wrapper #noticia0 #titulo a:hover,active{
	text-decoration: underline;
	color: #FFF;
}

#content #noticias-portada #noticia0-publi-wrapper #noticia0 #titulo a:visited{
	text-decoration: none;
	color: #FFF;
}

#content #noticias-portada #noticia0-publi-wrapper #noticia0 #titulo:hover{
	background: none;
	background-color: #BD780B;
}

#content #noticias-portada #noticia0-publi-wrapper #publi-386-441{
	position: absolute;
	top: 0px;
	left: 804px;
	width: 386px;
	height: 441px;
	overflow: hidden;
}

#content #noticias-portada #noticia0-publi-wrapper #publi-386-441 #publiDerSup{
	position: relative;
	top: 0px;
	width: 386px;
	height: 287px;
	background-color: #999;
}

#content #noticias-portada #noticia0-publi-wrapper #publi-386-441 #publiDerInf{
	position: relative;
	top: 10px;
	width: 386px;
	height: 144px;
	background-color: #999;
}

#content #titulo-seccion{
	position: relative;	
	padding: 10px 0px 10px 0px;
	margin: 0 auto;
	margin-top: 10px;
	width: 100%;
	height: 40px;
	overflow: hidden;
	font-size: 20px;
	line-height: 20px;
	color: #FFF;
	background-color: #999;
	border-radius: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.container-nav-luchadas {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0px 10px;
}


.container-nav-luchadas .competitionTitle {
    width: 100%;
	text-align: center;
    box-sizing: border-box;
	padding: 8px 10px 7px 10px;
	margin: 0 auto;
	margin-top: 10px;
	height: 30px;
	overflow: hidden;
	font-size: 12px;
	line-height: 17px;
	color: #FFF;
	text-align: center;
	background-color: #666;
	border-radius: 15px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
	cursor: pointer;
}

.luchadas-portada-nav {
  display: flex;
  width: 100%;
  margin-top: 10px;
  padding: 10px 0px 0px 0px;
  margin: 0 auto;
  height: 40px;
  gap: 10px;
}

.luchadas-portada-nav-right {
  width: 120px;
  display: flex; 
  flex-direction: row; 
}

.luchadas-portada-nav-right-box {
  width: 40px; 
  height: 40px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #555;
  font-style: normal;
  line-height: 40px;
  text-align: center;
}

.luchadas-portada-nav-right-box:first-child {
  font-size: 20px;
  color: #FFF;
  background-color: #666;
  border-radius: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.luchadas-portada-nav-right-box:last-child {
  font-size: 20px;
  color: #FFF;
  background-color: #666;
  border-radius: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.luchadas-portada-nav-right-box-disabled {
  width: 40px; 
  height: 40px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #555;
  background-color: #999;
  font-style: normal;
  line-height: 40px;
  text-align: center;
}

.luchadas-portada-nav-right-box-disabled:first-child {
  font-size: 20px;
  color: #FFF;
  background-color: #999;
  border-radius: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 40px;
  text-align: center;
}

.luchadas-portada-nav-right-box-disabled:last-child {
  font-size: 20px;
  color: #FFF;
  background-color: #999;
  border-radius: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 40px;
  text-align: center;
}

.luchadas-portada-nav-left {
  flex: 1; 
  position: relative;	
  height: 40px;
  overflow: hidden;
  font-size: 20px;
  line-height: 40px;
  color: #FFF;
  background-color: #666;
  border-radius: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
}

#content #noticias-portada2{
	position: relative;
	left: 0px;
	margin-top: 10px;
	padding: 10px 0px 10px 0px;
	width: 100%;
	height: auto;
	background-image: url("../img/bg_blanco_75.png");
}

#content #noticias-portada2 #noticia00-publi-wrapper{
	position: relative;
	left: 0px;	
	width: 100%;
	height: auto;
	display: table;
}

#content #noticias-portada2 #noticia00-publi-wrapper #noticia00{
	position: relative;
	float: left;
	left: 10px;
	top: 0px;
	width: 784px;
}

#content #noticias-portada2 #noticia00-publi-wrapper .titulo{
	font-size: 30px;
	color: #B67C01;
	line-height: 150%;
}

#content #noticias-portada2 #noticia00-publi-wrapper .fecha{
	font-size: 18px;
	color: #666;
}

#content #noticias-portada2 #noticia00-publi-wrapper #publi-386-441{
	position: relative;
	float: right;
	right: 10px;
	top: 0px;
	width: 386px;
	height: 441px;
}

#content #noticias-portada2 #noticia00-publi-wrapper #publi-386-441 #publiDerSup{
	position: relative;
	top: 0px;
	width: 386px;
	height: 287px;
	background-color: #999;
}

#content #noticias-portada2 #noticia00-publi-wrapper #publi-386-441 #publiDerInf{
	position: relative;
	top: 10px;
	width: 386px;
	height: 144px;
	background-color: #999;
}

#content #noticias-portada2 #noticia00-publi-wrapper #noticias{
	position: relative;
	float: left;
	left: 10px;
	top: 0px;
	width: 784px;
}

#content #noticias-portada2 #noticia00-publi-wrapper #noticias .noticia-item{
	position: relative;
	left: 0px;
	width: 784px;
	height: auto;
	display: table;
}

#content #noticias-portada2 #noticia00-publi-wrapper #noticias .noticia-item .imagen{
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 100px;
	line-height: 0px;
}

#content #noticias-portada2 #noticia00-publi-wrapper #noticias .noticia-item .titulo{
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	width: 674px;
	font-size: 20px;
}

#content #noticias-portada2 #noticia00-publi-wrapper #noticias .noticia-item .titulo a{
	text-decoration: none;
	color: #BD780B;
}

#content #noticias-portada2 #noticia00-publi-wrapper #noticias .noticia-item .titulo a:hover,active{
	text-decoration: underline;
	color: #BD780B;
}

#content #noticias-portada2 #noticia00-publi-wrapper #noticias .noticia-item .titulo a:visited{
	text-decoration: none;
	color: #BD780B;
}

#content #noticias-portada #noticias-portada-wrapper{
	position: relative;
	top: 10px;
	left: 0px;
	width: 100%;
	height: 396px;
	overflow: hidden;
}

#content #noticias-portada #noticias-portada-wrapper #noticia1{
	position: absolute;
	top: 0px;
	left: 10px;
	width: 386px;
	height: 386px;
	overflow: hidden;
	background-color: #999;
}

#content #noticias-portada #noticias-portada-wrapper #noticia1 #imagen1{
	position: relative;
	width: 386px;
	height: 386px;
	z-index: 10;
	overflow: hidden;
}

#content #noticias-portada #noticias-portada-wrapper #noticia1 #titulo1{
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 346px;
	padding: 10px;
	overflow: hidden;
	background: url("../imgdsg/bg_333333_75.png");
	z-index: 15;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
}

#content #noticias-portada #noticias-portada-wrapper #noticia1 #titulo1 a{
	text-decoration: none;
	color: #FFF;
}

#content #noticias-portada #noticias-portada-wrapper #noticia1 #titulo1 a:hover,active{
	text-decoration: underline;
	color: #FFF;
}

#content #noticias-portada #noticias-portada-wrapper #noticia1 #titulo1 a:visited{
	text-decoration: none;
	color: #FFF;
}

#content #noticias-portada #noticias-portada-wrapper #noticia1 #titulo1:hover{
	background: none;
	background-color: #BD780B;
}

#content #noticias-portada #noticias-portada-wrapper #noticia2{
	position: absolute;
	top: 0px;
	left: 406px;
	width: 388px;
	height: 386px;
	overflow: hidden;
	background-color: #999;
}

#content #noticias-portada #noticias-portada-wrapper #noticia2 #imagen2{
	position: relative;
	width: 388px;
	height: 386px;
	z-index: 10;
	overflow: hidden;
}

#content #noticias-portada #noticias-portada-wrapper #noticia2 #titulo2{
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 348px;
	padding: 10px;
	overflow: hidden;
	background: url("../imgdsg/bg_333333_75.png");
	z-index: 15;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
}

#content #noticias-portada #noticias-portada-wrapper #noticia2 #titulo2 a{
	text-decoration: none;
	color: #FFF;
}

#content #noticias-portada #noticias-portada-wrapper #noticia2 #titulo2 a:hover,active{
	text-decoration: underline;
	color: #FFF;
}

#content #noticias-portada #noticias-portada-wrapper #noticia2 #titulo2 a:visited{
	text-decoration: none;
	color: #FFF;
}

#content #noticias-portada #noticias-portada-wrapper #noticia2 #titulo2:hover{
	background: none;
	background-color: #BD780B;
}

#content #noticias-portada #noticias-portada-wrapper #noticia3{
	position: absolute;
	top: 0px;
	left: 804px;
	width: 386px;
	height: 386px;
	overflow: hidden;
	background-color: #999;
}

#content #noticias-portada #noticias-portada-wrapper #noticia3 #imagen3{
	position: relative;
	width: 386px;
	height: 386px;
	z-index: 10;
	overflow: hidden;
}

#content #noticias-portada #noticias-portada-wrapper #noticia3 #titulo3{
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 346px;
	padding: 10px;
	overflow: hidden;
	background: url("../imgdsg/bg_333333_75.png");
	z-index: 15;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
}

#content #noticias-portada #noticias-portada-wrapper #noticia3 #titulo3 a{
	text-decoration: none;
	color: #FFF;
}

#content #noticias-portada #noticias-portada-wrapper #noticia3 #titulo3 a:hover,active{
	text-decoration: underline;
	color: #FFF;
}

#content #noticias-portada #noticias-portada-wrapper #noticia3 #titulo3 a:visited{
	text-decoration: none;
	color: #FFF;
}

#content #noticias-portada #noticias-portada-wrapper #noticia3 #titulo3:hover{
	background: none;
	background-color: #BD780B;
}


/* 
   ----------------- 
       SECCIONES
   ----------------- 


#content #titulo-seccion{
	position: relative;	
	padding: 8px 10px 7px 10px;
	margin: 0 auto;
	margin-top: 10px;
	width: calc(100% - 20px);
	height: 20px;
	font-size: 20px;
	color: #FFF;
	background: #666;
	line-height: 18px;
}

.subtitulo-generico{
	position: relative;	
	padding: 8px 10px 7px 10px;
	margin: 0 auto;
	margin-top: 10px;
	width: calc(100% - 20px);
	height: 15px;
	overflow: hidden;
	font-size: 16px;
	line-height: 17px;
	color: #FFF;
	text-align: center;
	background-color: #BD780B;
	border-radius: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.titulo-competicion{
	position: relative;	
	padding: 8px 10px 7px 10px;
	margin: 0 auto;
	margin-top: 10px;
	width: calc(100% - 20px);
	height: 15px;
	overflow: hidden;
	font-size: 16px;
	line-height: 17px;
	color: #FFF;
	text-align: center;
	background-color: #BD780B;
	border-radius: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
}

#content #submenu-horizontal{
	position: relative;	
	margin: 0 auto;
	margin-top: 10px;
	width: auto;
	display: inline-block;
	height: 40px;
	overflow: hidden;
	font-size: 20px;
	line-height: 40px;
	color: #FFF;
	background-color: #BD780B;
	border-radius: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
}

#content #submenu-horizontal .lista-horizontal {
  list-style-type: decimal;
  padding: 0;
  margin: 0;
}

#content #submenu-horizontal .lista-horizontal a{
  text-decoration: none;
  color: #FFF;
}

#content #submenu-horizontal .lista-horizontal a:hover,active,visited{
  text-decoration: none;
  color: #FFF;
}

#content #submenu-horizontal .lista-horizontal li {
  display: inline-block; /* Los elementos se colocan en línea 
  margin-right: 16px;
}

#content #submenu-horizontal .lista-horizontal li:hover {
  background-color: #666;
}

#content #submenu-horizontal .lista-horizontal li:first-child {
  margin-left: 16px;
}

#content #submenu-horizontal .lista-horizontal li:last-child {
  margin-right: 15px;
}

#content #seccion-wrapper{
	position: relative;
	float: left;
	left: 0px;
	top: 20px;
	padding: 10px;
	width: calc(100% - 20px);
	background-image: url("../img/bg_blanco_75.png");
}

#content #seccion-wrapper #publi-386-441{
	position: relative;
	float: right;
	top: 0px;
	right: 0px;
	width: 386px;
	height: 441px;
	background-color: #999;
}

#content #seccion-wrapper #contenido{
	position: relative;
	top: 0px;
	left: 0px;
	width: 784px;
	background-color: #999;
}

#footer-wrapper{
	position: relative;
	margin: 0 auto;
	margin-top: 10px;
	height: 50px;
	line-height: 50px;
	width: 1200px;
	background-color: #777;
	text-align: left;
}

/* 
   ----------------- 
        CLUBES
   ----------------- 


.club-item{
	position: relative;
	width: 774px;
	height: 30px;
	padding: 10px;
	color: #333;
}

.club-item .escudo{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 30px;
	height: 30px;
}

.club-item .nombre{
	position: absolute;
	top: 0px;
	left: 40px;
	width: 734px;
	height: 30px;
	color: #333;
}

.club-item .nombre a{
	color: #333;
	text-decoration: none;
}

.club-item .nombre a:hover,active{
	color: #333;
	text-decoration: underline;
}

.club-item .nombre a:visited{
	color: #333;
	text-decoration: none;
}

.club-nombreClub{
	font-size: 20px;
}

.club-directiva{
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 357px;
}

.club-mandadores{
	position: relative;
	float: right;
	top: 0px;
	right: 0px;
	width: 357px;
}

#content #noticias-portada2 #club-wrapper{
	position: relative;
	left: 0px;	
	width: 100%;
	height: auto;
	display: table;
}

#content #noticias-portada2 #club-wrapper #club{
	position: relative;
	left: 10px;
	top: 0px;
	width: 1180px;
}

#content #noticias-portada2 #club-wrapper #club .izquierda{
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 585px;
}

#content #noticias-portada2 #club-wrapper #club .derecha{
	position: relative;
	float: right;
	top: 0px;
	right: 0px;
	width: 585px;
}


#content #noticias-portada2 #club-wrapper #club .rendimiento {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#content #noticias-portada2 #club-wrapper #club .rendimiento td{
  border: 1px solid #CCC;
  padding: 8px;
}

#content #noticias-portada2 #club-wrapper #club .rendimiento tr:nth-child(even){background-color: #DFDFDF;}


#content #noticias-portada2 #club-wrapper #club .rendimiento th {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 8px;
  text-align: left;
  background-color: #444;
  color: white;
}



.club-licencia{
	position: relative;
	height: 79px;
	width: 585px;
	border-bottom: 1px solid #666;
}

.club-licencia .foto{
	position: absolute;
	top: 0px;
	left: 60px;
	height: 60px;
	width: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 0px;
	text-align: center;
}

.club-licencia .foto img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 60px;
	height: 60px;
	object-fit: cover;
}

.club-licencia .cargo{
	position: absolute;
	top: 30px;
	left: 130px;
	height: 30px;
	line-height: 30px;
	width: 395px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	color: #666;
}

.club-licencia .categoria{
	position: absolute;
	top: 30px;
	left: 160px;
	height: 30px;
	line-height: 30px;
	width: 365px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	color: #666;
}

.club-licencia .accion{
	position: absolute;
	top: 35px;
	left: 130px;
	height: 20px;
	line-height: 20px;
	width: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	color: #666;
}

.club-licencia .nombre{
	position: absolute;
	top: 0px;
	left: 130px;
	height: 30px;
	width: 395px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	line-height: 30px;
}

.club-licencia .enfrentamientos{
	position: relative;
	top: 0px;
	left: 0px;
	min-height: 50px;
	width: 100%;
	padding-top: 10px;
	text-align: center;
	line-height: 180%;
}

/* 
   ----------------- 
       GENERICOS
   ----------------- 


.isla-clubes{
	background-color: #666;
	color: #FFF;
	font-size: 20px;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px 5px 10px;
}

.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

#slider-container {
  display: flex;
  width: 100%;
  height: auto; /* Asegura que el contenedor se ajuste a la altura de su contenido
  transition: transform 1s ease, height 1s ease; /* Solo transición para el movimiento 
  position: relative;
  max-height: 2000px;
}

.category {
  flex-shrink: 0; /* Evita que los divs se reduzcan 
  width: 100%; /* Cada div ocupa el 100% del ancho del contenedor 
  height: 0; /* Asegura que el contenedor se ajuste a la altura de su contenido 
  max-height: 0;
  box-sizing: border-box;
  text-align: center;
  opacity: 0; /* Comienza como invisible 
  transition: opacity 0.5s ease; /* Transición suave para la opacidad 
}

.category.visible {
  opacity: 1; /* Se hace visible con opacidad 1 
}


.category2 {
	width: 100%;
	height: auto;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 1.25s ease, opacity 1.25s ease-in-out;
}

.activo {
	max-height: 2000px;
	opacity: 1;
}

button {
  margin: 10px;
  padding: 10px;
  cursor: pointer;
}

button:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
*/