@charset "UTF-8";
/* CSS Document */
/*--------------------------------------------------------- ANIMACION MENU ---------------------------------------------------------*/
html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
}
a img {
	border-color:transparent; 
}

body {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  -webkit-perspective: 1400px;
  -moz-perspective: 1400px;
  perspective: 1400px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  
}

.gwd-img-rha9 {
  position: absolute;
  top: 2px;
  left: 800px;
  width: 550px;
  height: 35px;
  text-align:left;
}

.gwd-img-7iwn {
  position: absolute;
  top: 42.3009259259249px;
  left: 800px;
  width: 550px;
  height: 35px;
  text-align:left;
}

.gwd-img-isyx {
  position: absolute;
  top: 82.12114197530897px;
  left: 800px;
  width: 550px;
  height: 35px;
  text-align:left;
}

.gwd-img-usub {
  position: absolute;
  top: 122.23996913580211px;
  left: 800px;
  width: 550px;
  height: 35px;
  text-align:left;
}

.gwd-img-qhqs {
  position: absolute;
  top: 162.27854938271506px;
  left: 800px;
  width: 550px;
  height: 35px;
  text-align:left;
}

.gwd-gen-pxilgwdanimation {
  -webkit-animation: gwd-gen-pxilgwdanimation_gwd-keyframes 1s linear 1s 1 forwards;
  -moz-animation: gwd-gen-pxilgwdanimation_gwd-keyframes 1s linear 1s 1 forwards;
  animation: gwd-gen-pxilgwdanimation_gwd-keyframes 1s linear 1s 1 forwards;
}

.gwd-gen-np0sgwdanimation {
  -webkit-animation: gwd-gen-np0sgwdanimation_gwd-keyframes 1s linear 1s 1 forwards;
  -moz-animation: gwd-gen-np0sgwdanimation_gwd-keyframes 1s linear 1s 1 forwards;
  animation: gwd-gen-np0sgwdanimation_gwd-keyframes 1s linear 1s 1 forwards;
}

.gwd-gen-38wngwdanimation {
  -webkit-animation: gwd-gen-38wngwdanimation_gwd-keyframes 1s linear 1s 1 forwards;
  -moz-animation: gwd-gen-38wngwdanimation_gwd-keyframes 1s linear 1s 1 forwards;
  animation: gwd-gen-38wngwdanimation_gwd-keyframes 1s linear 1s 1 forwards;
}

.gwd-gen-32ingwdanimation {
  -webkit-animation: gwd-gen-32ingwdanimation_gwd-keyframes 1s linear 1s 1 forwards;
  -moz-animation: gwd-gen-32ingwdanimation_gwd-keyframes 1s linear 1s 1 forwards;
  animation: gwd-gen-32ingwdanimation_gwd-keyframes 1s linear 1s 1 forwards;
}

.gwd-gen-md18gwdanimation {
  -webkit-animation: gwd-gen-md18gwdanimation_gwd-keyframes 1s linear 1s 1 forwards;
  -moz-animation: gwd-gen-md18gwdanimation_gwd-keyframes 1s linear 1s 1 forwards;
  animation: gwd-gen-md18gwdanimation_gwd-keyframes 1s linear 1s 1 forwards;
}

@-webkit-keyframes gwd-gen-md18gwdanimation_gwd-keyframes {
  0% { top: 2px; left: 800px; width: 550px; height: 35px; -webkit-animation-timing-function: linear; }
  46.6667% { top: 2px; left: 10px; width: 550px; height: 35px; -webkit-animation-timing-function: linear; }
  100% { top: 2px; left: 10px; width: 550px; height: 35px; -webkit-animation-timing-function: linear; }
}
@-moz-keyframes gwd-gen-md18gwdanimation_gwd-keyframes {
  0% { top: 2px; left: 800px; width: 550px; height: 35px; -moz-animation-timing-function: linear; }
  46.6667% { top: 2px; left: 10px; width: 550px; height: 35px; -moz-animation-timing-function: linear; }
  100% { top: 2px; left: 10px; width: 550px; height: 35px; -moz-animation-timing-function: linear; }
}
@keyframes gwd-gen-md18gwdanimation_gwd-keyframes {
  0% { top: 2px; left: 800px; width: 550px; height: 35px; animation-timing-function: linear; }
  46.6667% { top: 2px; left: 10px; width: 550px; height: 35px; animation-timing-function: linear; }
  100% { top: 2px; left: 10px; width: 550px; height: 35px; animation-timing-function: linear; }
}
@-webkit-keyframes gwd-gen-32ingwdanimation_gwd-keyframes {
  0% { top: 42.3009259259249px; left: 800px; width: 550px; height: 35px; -webkit-animation-timing-function: linear; }
  60% { top: 42.3009259259249px; left: 34.7507716049397px; width: 550px; height: 35px; -webkit-animation-timing-function: linear; }
  100% { top: 42.3009259259249px; left: 34.7507716049397px; width: 550px; height: 35px; -webkit-animation-timing-function: linear; }
}
@-moz-keyframes gwd-gen-32ingwdanimation_gwd-keyframes {
  0% { top: 42.3009259259249px; left: 800px; width: 550px; height: 35px; -moz-animation-timing-function: linear; }
  60% { top: 42.3009259259249px; left: 34.7507716049397px; width: 550px; height: 35px; -moz-animation-timing-function: linear; }
  100% { top: 42.3009259259249px; left: 34.7507716049397px; width: 550px; height: 35px; -moz-animation-timing-function: linear; }
}
@keyframes gwd-gen-32ingwdanimation_gwd-keyframes {
  0% { top: 42.3009259259249px; left: 800px; width: 550px; height: 35px; animation-timing-function: linear; }
  60% { top: 42.3009259259249px; left: 34.7507716049397px; width: 550px; height: 35px; animation-timing-function: linear; }
  100% { top: 42.3009259259249px; left: 34.7507716049397px; width: 550px; height: 35px; animation-timing-function: linear; }
}
@-webkit-keyframes gwd-gen-38wngwdanimation_gwd-keyframes {
  0% { top: 82.12114197530897px; left: 800px; width: 550px; height: 35px; -webkit-animation-timing-function: linear; }
  73.3333% { top: 82.12114197530897px; left: 60.07561728395342px; width: 550px; height: 35px; -webkit-animation-timing-function: linear; }
  100% { top: 82.12114197530897px; left: 60.07561728395342px; width: 550px; height: 35px; -webkit-animation-timing-function: linear; }
}
@-moz-keyframes gwd-gen-38wngwdanimation_gwd-keyframes {
  0% { top: 82.12114197530897px; left: 800px; width: 550px; height: 35px; -moz-animation-timing-function: linear; }
  73.3333% { top: 82.12114197530897px; left: 60.07561728395342px; width: 550px; height: 35px; -moz-animation-timing-function: linear; }
  100% { top: 82.12114197530897px; left: 60.07561728395342px; width: 550px; height: 35px; -moz-animation-timing-function: linear; }
}
@keyframes gwd-gen-38wngwdanimation_gwd-keyframes {
  0% { top: 82.12114197530897px; left: 800px; width: 550px; height: 35px; animation-timing-function: linear; }
  73.3333% { top: 82.12114197530897px; left: 60.07561728395342px; width: 550px; height: 35px; animation-timing-function: linear; }
  100% { top: 82.12114197530897px; left: 60.07561728395342px; width: 550px; height: 35px; animation-timing-function: linear; }
}
@-webkit-keyframes gwd-gen-np0sgwdanimation_gwd-keyframes {
  0% { top: 122.23996913580211px; left: 800px; width: 550px; height: 35px; -webkit-animation-timing-function: linear; }
  86.6667% { top: 122.23996913580211px; left: 85.21604938271724px; width: 550px; height: 35px; -webkit-animation-timing-function: linear; }
  100% { top: 122.23996913580211px; left: 85.21604938271724px; width: 550px; height: 35px; -webkit-animation-timing-function: linear; }
}
@-moz-keyframes gwd-gen-np0sgwdanimation_gwd-keyframes {
  0% { top: 122.23996913580211px; left: 800px; width: 550px; height: 35px; -moz-animation-timing-function: linear; }
  86.6667% { top: 122.23996913580211px; left: 85.21604938271724px; width: 550px; height: 35px; -moz-animation-timing-function: linear; }
  100% { top: 122.23996913580211px; left: 85.21604938271724px; width: 550px; height: 35px; -moz-animation-timing-function: linear; }
}
@keyframes gwd-gen-np0sgwdanimation_gwd-keyframes {
  0% { top: 122.23996913580211px; left: 800px; width: 550px; height: 35px; animation-timing-function: linear; }
  86.6667% { top: 122.23996913580211px; left: 85.21604938271724px; width: 550px; height: 35px; animation-timing-function: linear; }
  100% { top: 122.23996913580211px; left: 85.21604938271724px; width: 550px; height: 35px; animation-timing-function: linear; }
}
@-webkit-keyframes gwd-gen-pxilgwdanimation_gwd-keyframes {
  0% { top: 162.27854938271506px; left: 800px; width: 550px; height: 35px; -webkit-animation-timing-function: linear; }
  100% { top: 162.27854938271506px; left: 109.72839506173159px; width: 550px; height: 35px; -webkit-animation-timing-function: linear; }
}
@-moz-keyframes gwd-gen-pxilgwdanimation_gwd-keyframes {
  0% { top: 162.27854938271506px; left: 800px; width: 550px; height: 35px; -moz-animation-timing-function: linear; }
  100% { top: 162.27854938271506px; left: 109.72839506173159px; width: 550px; height: 35px; -moz-animation-timing-function: linear; }
}
@keyframes gwd-gen-pxilgwdanimation_gwd-keyframes {
  0% { top: 162.27854938271506px; left: 800px; width: 550px; height: 35px; animation-timing-function: linear; }
  100% { top: 162.27854938271506px; left: 109.72839506173159px; width: 550px; height: 35px; animation-timing-function: linear; }
}
.gwd-gen-pxilgwdanimation-gen-animation0keyframe {
  top: 162.27854938271506px;
  left: 800px;
  width: 550px;
  height: 35px;
}

.gwd-gen-np0sgwdanimation-gen-animation0keyframe {
  top: 122.23996913580211px;
  left: 800px;
  width: 550px;
  height: 35px;
}

.gwd-gen-38wngwdanimation-gen-animation0keyframe {
  top: 82.12114197530897px;
  left: 800px;
  width: 550px;
  height: 35px;
}

.gwd-gen-32ingwdanimation-gen-animation0keyframe {
  top: 42.3009259259249px;
  left: 800px;
  width: 550px;
  height: 35px;
}

.gwd-gen-md18gwdanimation-gen-animation0keyframe {
  top: 2px;
  left: 800px;
  width: 550px;
  height: 35px;
}



/*--------------------------------------------------------- GENERAL ---------------------------------------------------------*/
body
{
	font: normal 14px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	background-color:#000;
	text-align:center;
}
a:link {color:#09F}      /* No visitado */
a:visited {color:#09F;}  /* Visitado */
a:hover {color:#F00;}  /* Con el cursor encima */
a:active {color:#09F;}  /* Seleccionad */


.div_cabecera {
	background-image: url(../imagenes/fondos/fondo_cabecera.png);
	width:1400px;
	height:450px;
	margin: 0 auto 0 auto;
	position:relative;
	z-index:2;
}
.div_contenedor_menu_principal {
	width:760px;
	height:200px;
	left:630px;
	top: 115px;
	position:relative;
	overflow:hidden;
	z-index:2;
	background-image:url(../imagenes/fondos/fondo_menu_principal.png);
}
.div_contenedor_logo_portada
{
	width: 300px;
	height: 210px;
	left: 310px;
	top: 105px;
	position: absolute;
	background-image:url(../imagenes/logo_portada.png);
	background-repeat:no-repeat;
}
.div_contenedor_ultimos_resultados {
	width: 300px;
	height: 80px;
	left: 310px;
	top: 320px;
	position: absolute;
	overflow: hidden;
	z-index: 2;
	text-align:center;
}
.div_contenedor_login{
	width: 585px;
	height: 76px;
	left: 615px;
	top: 325px;
	position: absolute;
	overflow: hidden;
	z-index: 2;
	text-align:center;
	background-color:transparent;
}
.div_contenedor_ultimas_imagenes {
	width: 950px;
	height: 80px;
	left: 250;
	top: 21px;
	position: absolute;
	overflow: hidden;
	z-index: 2;
	display:none;
}
.div_tapar_ultimas_imagenes
{
	width: 410px;
	height: 105px;
	left: 0px;
	top: 0px;
	position: absolute;
	overflow: hidden;
	z-index: 2;
	background-image:url(../imagenes/fondos/fondo_tapa_ultimas_imagenes.png);
}
.div_contenedor_contenido {
	background-image: url(../imagenes/fondos/fondo_contenedor_contenido.png);
	background-repeat:no-repeat;
	width:1400px;
	margin: 0px auto 30px auto;
	position:relative;
	z-index:2;
}
.div_contenido {
	background-image: url(../imagenes/fondos/fondo_contenido.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
	background-position:top;
	width:980px;
	min-height:800px;
	margin: 0px auto 30px auto;
	text-align:center;
	position:relative;
	z-index:2;
	padding: 0px 10px 20px 10px;
	display:inline-block;
}
.imagenes_superpuestas {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left:0;
	right:0;
	top:0;
	z-index:1;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.texto_menu_principal {
	font-weight: bold;
	color:#FFF;
	font-size:28px;
	text-decoration:none;
}
.texto_menu_principal a:link { font-weight: bold;color:#FFF;font-size:28px;text-decoration:none;}
.texto_menu_principal a:visited { font-weight: bold;color:#FFF;font-size:28px;text-decoration:none;}
.texto_menu_principal a:active { font-weight: bold;color:#FFF;font-size:28px;text-decoration:none;}
.texto_menu_principal a:hover { font-weight: bold;color:#09F;font-size:28px;text-decoration:none;}
.texto_equipos_calendarios {
	font-weight: bold;
}



/*----------------------------------------------- CALENDARIOS Y CLASIFICACIONES ----------------------------------------------*/
.texto_cabecera_calendarios {
	font-weight: bold;
	color:#FFF;
}
.texto_resultados_calendarios {
	font-weight: bold;
	color:#F00;
}
.texto_cabecera_clasificaciones {
	font-weight: bold;
	color:#FFF;
}


/*--------------------------------------------------------- NOTICIAS ---------------------------------------------------------*/
#contenedor_noticias_web
{
	width: 980px;
	margin: 10px auto 10px auto;
}
#contenedor_noticias_web > div
{
	width: 940px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	display:inline-block;
	vertical-align: top;
	border:#22AADD solid 10px;
	border-radius: 30px 0px 0px 30px;
}
#titulo_noticia_web
{
	height:55px; 
	overflow:hidden;
	border-radius: 20px 0px 20px 0px;
	margin: 0px 0px 0px 10px;
	background:#FFF;
	border:solid;
	border-width: 2px 2px 2px 2px;
	border-color:#FFF;
	padding: 5px 0px 5px 0px;
}
#descripcion_noticia_web
{
	min-height:140px; 
	text-align:justify;
	border-radius: 0px 20px 0px 20px;
	margin: 0px 0px 0px 10px;
	padding: 10px 10px 10px 10px;
	background:#FFF;
	border:solid;
	border-width: 2px 2px 2px 2px;
	border-color:#FFF;
}
#contenedor_imagen_noticias_web
{
	margin: 10px 0px 10px 10px;
	width:315px;
	height:700px;
	border-radius: 0px 20px 0px 20px;
	overflow:hidden;
	background-repeat:no-repeat;	
}
/*--------------------------------------------------------- GALERIAS ---------------------------------------------------------*/
#contenedor_galerias_web
{
	width: 980px;
	margin: 10px auto 10px auto;
}
#contenedor_galerias_web > div
{
	width: 450px;
	height:270px;
	margin: 10px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	display:inline-block;
	vertical-align: top;
	border:#22AADD solid 5px;
	border-radius: 35px 35px 0px 0px;
}
#imagen_galeria_reflejo_web
{
	width:300px; 
	height:175px; 
	margin: 0px auto 35px auto; 
	overflow:hidden; 
	background-position:center; 
	background-size:cover; 
	background-position:top; 
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
}
#imagen_galeria_web
{ 
	width:300px; 
	height:175px; 
	margin: 40px auto 0px auto; 
	overflow:hidden; 
	background-position:center; 
	background-size:cover; 
	background-position:top; 

}

/*--------------------------------------------------------- IMAGENES ---------------------------------------------------------*/
#contenedor_imagenes_web
{
	width: 980px;
	margin: 10px auto 10px auto;
}
#contenedor_imagenes_web > div
{
	border:#22AADD;
	border-style:solid;
	width: 300px;
	height: 220px;
	margin: 5px 5px 5px 5px;
	padding: 5px 0px 5px 0px;
	display:inline-block;
	vertical-align: top;
	border-radius: 35px 0px 35px 0px;
}
#contenedor_imagenes_web > div div
{
	
	width:290px;
	height:200px;
	border-radius: 30px 0px 30px 0px;
	overflow:hidden;
	
}
#contenedor_imagenes_web > div div img
{

	max-width: 350px;
	min-width:100%;
	min-height:100%;
	max-height:350px;
	border-radius: 30px 0px 30px 0px;
}

/*--------------------------------------------------------- LIGAS ---------------------------------------------------------*/
#contenedor_ligas_web
{
	width: 980px;
	margin: 10px auto 10px auto;
}
#contenedor_de_liga
{
	width: 450px;
	height:170px;
	background-color:#09F;
	margin: 10px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	display:inline-block;
	vertical-align: top;
	border:#09F solid 5px;
	border-radius: 35px 0px 35px 0px;
	overflow:hidden;
}
#contenedor_imagen_liga
{
	width: 110px;
	height:150px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:inline-block;
	vertical-align: top;
	border:#FFF solid 10px;
	border-radius: 35px 0px 35px 0px;	
}
#contenedor_titulo_liga
{
	width: 280px;
	height:140px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:inline-block;
	vertical-align: top;
	border:#FFF solid 15px;
	background-color:#FFF;
	border-radius: 0px 0px 35px 35px;
	text-align:center;
}




/*--------------------------------------------------------- MENU LIGAS ---------------------------------------------------------*/
#contenedor_menu_liga
{
	width: 980px;
	margin: 10px auto 10px auto;
	text-align:center;
	
}
#item_division
{
	width:300px; 
	display:inline-block;
	border:#09F 5px solid;
	background-color:#09F;
	border-radius:10px 0 10px 0;
	margin: 5px 5px 5px 5px;
	float:left;
}
#titulo_division
{
	width:300px; 
	background-color:#FFF;
	border-radius:10px 0 10px 0;
	padding: 5px 0px 5px 0px;
}
#item_grupo
{
	width:290px; 
	display:inline-block;
	background-color:#09F;
	border-radius:10px 0 10px 0;
}
.botones_grupo
{
	cursor: pointer; 
	width:120px; 
	background-color:#FFF;
	float:left; 
	border:#09F 5px solid; 
	border-radius:20px 0 20px 0; 
	padding:5px 5px 5px 5px;
}
.botones_grupo:hover
{
	cursor: pointer;
	width: 120px;
	background-color: #F3D1D5;
	float: left;
	border: #09F 5px solid;
	border-radius: 20px 0 20px 0;
	padding: 5px 5px 5px 5px;
}

/*--------------------------------------------------------- MENU LIGAS 2 ---------------------------------------------------------*/
#contenedor_menu_liga2
{
	width: 980px;
	margin: 10px auto 10px auto;
	
}
#item_division2
{
	width:160px; 
	display:inline-block;
	border:#09F 5px solid;
	background-color:#09F;
	vertical-align:top;
	border-radius:10px 0 10px 0;
	margin: 5px 5px 5px 5px;
	
}
#titulo_division2
{
	width:160px;
	min-height:40px;
	background-color:#FFF;
	border-radius:10px 0 10px 0;
	padding: 5px 0px 5px 0px;
}
#item_grupo2
{
	width:160px;
	background-color:#09F;
	border-radius:10px 0 10px 0;
}
.botones_grupo2
{
	cursor: pointer; 
	width:140px; 
	background-color:#FFF;
	float:left; 
	border:#09F 5px solid; 
	border-radius:20px 0 20px 0; 
	padding:5px 5px 5px 5px;
}
.botones_grupo2:hover
{
	cursor: pointer;
	width: 140px;
	background-color: #F3D1D5;
	float: left;
	border: #09F 5px solid;
	border-radius: 20px 0 20px 0;
	padding: 5px 5px 5px 5px;
}

/*--------------------------------------------------------- EVENTOS ---------------------------------------------------------*/
#contenedor_eventos
{
	width: 980px;
	margin: 10px auto 10px auto;
}
#contenedor_eventos > div
{
	width: 940px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	display:inline-block;
	vertical-align: top;
	border:#22AADD solid 10px;
	border-radius: 0px 0px 30px 30px;
}
#nombre_evento
{
	height:30px; 
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	background:#FFF;
	border:solid;
	border-width: 2px 2px 2px 2px;
	border-color:#FFF;
	padding: 5px 0px 5px 0px;
}
#descripcion_evento
{
	min-height:170px; 
	text-align:justify;
	border-radius: 20px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 10px;
	background:#FFF;
	border:solid;
	border-width: 2px 2px 2px 2px;
	border-color:#FFF;
}




</style>