/*
	Theme Name: Revista DECANO 
	Date: Enero 2024
	Description: Web No Oficial del Club Atlético Tucumán
	Version: 2.0
	Author: Heraldo Tejeda
	Author URL: http://revistadecano.com.ar

/* =============================
   ======= Estilos Generales ======= 
   ============================= */
* {
    margin: 0;
    padding: 0;  
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;  
}

/* ============================
   ======= Estilos del Body ======== 
   ============================ */
body {
    background: #314B65;
}

/* =======================================
   ======= Estilos Generales Secciones ======= 
   ======================================= */
header, .main, footer { 
	width: 90%;
    max-width: 1007px;
    margin: 10px auto;
}

/* ===========================
   ========= Header ============= 
   =========================== */
.date {
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	background-color: #298cef;
	height: 25px;
	text-align: right;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.banner-header img {
	width: 100%;
	margin-top: 10px;
}

h1 {font-size: 1.714em}	/* 24px */
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

h1 {
	text-align: left;
	color: #3669A3;
	margin-top: 1px;
	margin-bottom: 3px;	
}

h2 {
	font-weight: 100;
	line-height: 1.1;
	margin-bottom: 3px;
	text-align: left;
	color: #3669A3;
}

h3 {
	font-weight: 400;
	line-height: 1.1;
	margin-top: 0px;
	margin-bottom: 3px;
	text-align: justify;
	color: #F4FDFE;
}

h4 {
	font-weight: 400;
	line-height: 1.1;
	margin-top: 5px;
	margin-bottom: 3px;
	text-align: justify;
	color: #314B65;
	font-style: italic;
}

h5 {
	font-weight: 510;
	line-height: 2.2;
	margin-top: -14px;
	margin-bottom: -10px;
	text-align: justify;
	color: #3669A3;
}

h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-top: -8px;
	margin-bottom: 0px;
	text-align: justify;
	color: #202020;
	font-style: normal;
}

/* ===============================
   ======= Barra de Navegación ======== 
   =============================== */
.menu_bar {
	display: none;
}

.submenu img {
	margin-left: 3px;
}
 
header nav {
	background: #298cef;
	z-index: 1000;
	width: 100%;
	margin-top: 5px;
}
 
header nav ul {
	list-style: none;
}
 
header nav ul li {
	display: inline-block;
	position: relative;
}
 
header nav ul li:hover {
    background: #75ACEC;
}
 
header nav ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 5px;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 5px;
}

header nav ul li .children {
	display: none;
	background: #3F6F9F;
	position: absolute;
	width: 100%;
	z-index: 1000;
}
 
header nav ul li:hover .children {
	display: block;
}
 
header nav ul li .children li {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}
 
header nav ul li .children li a {
	display: block;
}

/* ========================
   ======= Barra Social ======== 
   ======================== */
.social {
	position:absolute; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	
	
	margin-top: -10px;
}

.social ul {
	list-style: none;
	display: flex;
}

.social ul li a {
	display: inline-block;
	color: #fff;
	background:  #000;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease; /* Establecemos una transición a todas las propiedades */
}

.social ul li .icon-facebook {background: #3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
.social ul li .icon-youtube {background:  #ae181f;}
.social ul li .icon-whatsapp {background: #008000;}
.social ul li .icon-google {background: #f107c3;}
.social ul li .icon-mail {background: #000000;}
.social ul li .icon-twitter {background: #00abf0;}
	
.social ul li a:hover {
	background: #314B65; /* Cambiamos el fondo cuando el usuario pase el mouse */
	padding: 10px 20px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
}

/* ============================
   ======= Estilos del Main ======== 
   ============================ */
.main .articles {
    width: 69%;
    margin-right: 1%;
    float: left;        
}

.main .articles article {
    padding: 15px;
    background: #fff;
    margin-bottom: 10px;
    text-align: justify;
} 

.main .articles article img {
    margin-top: 5px;
}

.topcontent {
	background-color: #FBF9F9;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
	padding: 5px 20px;
	margin-left: 0px;
	margin-right: 1px;	
	margin-bottom: 1.5%;
}

.topcontent h6 {
	margin-top: -8px;	
}

.container {
	width: 80%;
	margin: 0px auto;
}

/* ================================
   ======= Numeros Especiales ======== 
   ================================ */
.container_especiales {
  width: 100%; /* O cualquier ancho deseado */
  overflow: hidden; /* Evita que el contenido de la columna se desborde */
  margin-top: 15px;
  margin-bottom: 10px;
}

.column_1 {
  float: left; /* Hace que los elementos se coloquen uno al lado del otro */
  width: 45.5%; /* Cada columna ocupa el 50% del ancho del contenedor */
  box-sizing: border-box; /* Incluye el padding y border en el ancho total */
  margin-top: -5px;
  margin-right: 5px;
}

.column_1 img {
  width: auto;
  height: 402px;
}

.column_2 {
  float: left; /* Hace que los elementos se coloquen uno al lado del otro */
  width: 52%; /* Cada columna ocupa el 50% del ancho del contenedor */
  box-sizing: border-box; /* Incluye el padding y border en el ancho total */
  margin-left: 10px;
  margin-top: -6px;
}

.column_2 img {
	width: 260px;
	height: auto;
}

.column_2 p {
	margin-bottom: 3px;
}

.column_2 a {
	color: #1D1DD5; /* Color del enlace no visitado */
    text-decoration: underline;/* Enlace subrayado */
}

/* ================================
   ======= Ultima actualización ======== 
   ================================ */
.actualizacion {
	background-color: #298cef;
	color: #fff;
	font-weight: normal;
	height: 21px;
	text-align: right;
	margin-top: 10px;
	margin-right: 1px;
	margin-bottom: 10px;
	padding-top: 1px;
	padding-left: 22px;
	padding-right: 13px;
	padding-bottom: 3px;
}

.actualizacion-no-home {
	background-color: #298cef;
	color: #fff;
	font-weight: normal;
	height: 21px;
	text-align: right;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 10px;
	padding-top: 1px;
	padding-left: 22px;
	padding-right: 13px;
	padding-bottom: 3px;
}

/* ==========================
   ======= Texto parpadea ======== 
   ========================== */
.ultimo {
	width: 100%;
	height: 32px;
	background-image: url("img/ultimo_momento.png");
	margin-top: -10px;
	margin-bottom: 10px;
	padding-top: 10px;
}

.text {
	font-size: 13px;
	font-family: helvetica;
	font-weight: normal;
	color: #000084;
	text-transform: uppercase;
	margin-left: 348px;
	top: 50px;
}

.parpadea {
  	animation-name: parpadeo;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
  
	-webkit-animation-name:parpadeo;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes parpadeo {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	 100% { opacity: 1.0; }
}
  
@keyframes parpadeo {  
	0% { opacity: 1.0; }
	 50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

/* ======================
   ======= Marquesina ======== 
   ====================== */
.marquesina {	
	width: 100%;
	background-image: url("img/fondo_marquee.png");
	color: #000;
	font-weight: bold;
	height: 31px;
	text-align: right;
	margin-top: -10px;
	margin-right: 1px;
	margin-bottom: -11px;
	padding-top: 6px;
	padding-left: 22px;
	padding-right: 22px;
	padding-bottom: 3px;
}

.marquesina-cronica {	
	width: 100%;
	background-image: url("img/fondo_marquee_cronica.png");
	color: #fff;
	font-weight: bold;
	height: 31px;
	text-align: right;
	margin-top: 9px;
	margin-right: 1px;
	margin-bottom: -11px;
	padding-top: 6px;
	padding-left: 22px;
	padding-right: 22px;
	padding-bottom: 3px;
}

.marquesina-aside {	
	width: 100%;
	background-image: url("img/fondo_marquee.png");
	font-size: 90%;
	font-style: italic;
	color: #000;
	font-weight: bold;
	height: 31px;
	text-align: right;
	margin-top: -4px;
	margin-right: 1px;
	margin-bottom: 5px;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
}

/* ============================
   ======= Estilos Noticias ======== 
   ============================ */
.noticias {
	margin-left: 1px;
	margin-top: 12px; 
	margin-right: 1px;
	text-align: justify;
	line-height: 1.428;
}

.noticias div img {
	float: left; 
	width: 173px; 
	height: auto;
	margin-left: 0px; 
	margin-right: 10px;
}

.noticias div a {
	color: #298cef;
}

.noticias-sumario {
	margin-left: 1px;
	margin-top: -10px; 
	margin-right: 1px;
	text-align: justify;
	line-height: 1.428;
}

.noticias-sumario div img {
	float: left; 
	width: 182px; 
	height: 121px;
	margin-left: 0px; 
	margin-right: 10px;
}

.noticias-sumario div a {
	color: #298cef;
}

.edit-left {
	margin-left: 1px;
	margin-top: 12px; 
	margin-right: 1px;
	text-align: justify;
	line-height: 1.428;
}

.edit-left div img {
	float: left; 
	width: 300px; 
	height: 200px;
	margin-left: 0px; 
	margin-right: 10px;
}

.edit-left div a {
	color: #298cef;
}

.edit-right {
	margin-left: 0px;
	margin-top: 12px; 
	margin-right: 1px;
	text-align: justify;
	line-height: 1.428;
	padding-right: -50px;
}

.edit-right div img {
	float: right; 
	width: 300px; 
	height: 200px;
	margin-left: 0px; 
	padding-left:  10px;
}

.edit-right div a {
	color: #298cef;
}

.sub-tit {
	font-weight: bold;
	margin-top: 7px;
	margin-bottom: -10px;
}

.otros_enlaces {
	font-family: normal;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
}

.cabecera {
	width: 99.7%;
	margin-left: 1px;
	margin-top: -7px;
	margin-bottom:  -10px;
}

.cabecera img {
	margin-bottom: -2px;
}

.cabecera h2 {
	margin-bottom: -8px;
}

.cabecera h6 {
	margin-bottom: -3px;
}

.mes {
	color: #3669A3;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 8px;
	margin-bottom: -10px;
	text-align: center;
}

.pre-titulo {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #808080;
	margin-left: 0px;
	margin-top: -5px;
	margin-bottom: 2px;
}

.pre-titulo-sumario {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #808080;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 2px;
}

.titulacion {
	color: #fff;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 1px;
}

.firma {
	text-align: right;
	font-style: italic;
	font-weight: bold;
}

.enlaces {
	color: #3669A3;
    font-style: normal;
    text-align: center; 
    line-height: 20px;
	margin-top: 1px;
	margin-bottom: -5px;
}

.enlaces a {
    font-size: 15px;
    color: #3669A3;
    text-decoration: underline;    
}

.enlace_archivo {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
    text-align: center; 
	margin-top: 3px;
	margin-bottom: -8px;
}

.enlace_archivo a {
    font-size: 12px;
    color: #000084;
    text-decoration: underline;    
}

.enlace_archivo_links {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
    text-align: center;
	margin-top: -1px;
	margin-bottom: -21px;
}

.enlace_archivo_links a {
    font-size: 12px;
    color: #780d50;
    text-decoration: underline;    
}

.pie {
	font-family: "Georgia";
	font-size: 12px;
	font-weight: 900;
	font-style: italic;
	text-align: center;
	margin-top: -1px;
	margin-bottom: 5px;
	line-height: 1.428;
}

strong {
	font-size: 14px;
	color: #298cef;
	text-decoration: none;
	font-weight: bold;
}

em {
	font-size: 14px;
	color: #298cef;
	text-decoration: none;
	font-weight: bold;
}

.logo_small {
	font-family: "Georgia";
	font-size: 12px;
	font-weight: 900;
	font-style: italic;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
}

.logo_small img {
	margin-bottom: 3px;
}

.logo_small p {
	margin-bottom: 3px;
}

.en_desarrollo {
	font-style: italic;
	font-weight: bold;
	margin-left: 28px;
	margin-top: -5px; 
	margin-right: 30px; 
	margin-bottom: 5px;
	text-align: center;
	line-height: 1.428;
}

.current_date {
	font-size: 14px;
	background-color: #298cef;
	width: 355px;
	height: 25px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 0px;
	margin-top: 5px;
	margin-left: 125px;
	margin-bottom: -10px;	
}

.cronica {
	margin-left: 1px;
	margin-top: 12px; 
	margin-right: 1px;
	text-align: justify;
	line-height: 1.428;
}

.cronica p {
	padding-bottom: 10px;
}

.cronica img {
	padding-top: -15px;
}

.cronica_con_lateral {
	background-image: url(img/lateral50.png);
	background-repeat:repeat-y;
	margin-left: 1px;
	margin-top: 12px; 
	margin-right: 1px;
	text-align: justify;
	padding-left: 15px;
	line-height: 1.428;
}

.cronica_con_lateral p {
	padding-bottom: 10px;
}

.cronica_con_lateral img {
	padding-top: -15px;
}

.cronica_agradecimientos {
	margin-left: 15px;
	margin-top: 12px; 
	margin-right: 1px;
	text-align: justify;
	line-height: 1.428;
}

.asi_lo_vimos {
	width: 150px;
	height: 106px;
	float: right;
	margin-top: -88px;
	margin-right: 8px;
}

.img_left {
	float: left; 
	width: 205px; 
	height: 148px;
	margin-left: 0px; 
	margin-right: 10px;
	line-height: inherit;
}

.img_right {
	float: right; 
	width: 205px; 
	height: auto;
	margin-left: 10px; 
	margin-right: 0px;
}

.titulo_cronica h5 {
	font-family: arial;
	color:#298CEF;
	font-weight: bold;
	font-size: 25px;
	margin-top: -15px;
	margin-bottom: -10px;
}

.volanta_cronica {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #000;
	font-weight: normal;
	text-align: justify;
	margin-bottom: 5px;
}

#separador {
	margin-top: -11px;
}

/* ===========================
   ======= Galería Crónica ======== 
   =========================== */
#gallery-container {
	position: relative;
	width: 671px;
	height: 630px;
	padding-top: 497px;
	padding-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 1px #aaaaaa solid;
}

img.gallery-fullsize {
	position: absolute;
	top: -5px;
	left: 0px;
	display: none;
}

div.gallery-item {
	display: inline-block;
}

input.gallery-selector {
	display: none;
}

label.gallery-label {
	cursor: pointer;
}

input.gallery-selector:checked ~ img.gallery-fullsize {
	display: block;
}

.creditos_galeria_cronica {
	width: 664px;
	height: 25px;
	font-style: normal;
	color: #fff;
	background: #000084;
	margin-top: -1px;
	margin-bottom: 7px;
	padding-right: 6px;
	padding-top: 2px;
	text-align: right;
}

.creditos_galeria_cronica_anuncio {
	width: 665px;
	height: 25px;
	font-style: normal;
	color: #fff;
	background: #000084;
	margin-top: -1px;
	margin-bottom: 1px;
	padding-right: 6px;
	padding-top: 4px;
	text-align: right;
}

.foto_anuncio_cronica {
	width: 665px;
	height: 500px;	
	margin-top: 6px;
	margin-bottom: 17px;
	padding-right: 6px;
	padding-top: 2px;
	text-align: right;
}

/* ===============================
   ======= Estilos Estadisticas ======== 
   =============================== */
.banda_azul {
	width: 100%;
	height: 20px;
	background: #000084;
	font-family: Verdana;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	margin-bottom: 2px;
	padding-top: 4px;	
	padding-right: 5px;
}

.banda_azul a {
	color: #fff;
	text-decoration: none;
}

.banda_azul_tablas {
	width: 100%;
	height: 20px;
	background: #000084;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	text-align: right;
	margin-bottom: 2px;
	padding-top: 4px;	
	padding-right: 5px;
}

.banda_azul_tablas a {
	color: #fff;
	text-decoration: none;
}

.banda_azul_agradecimiento {
	width: 100%;
	height: 20px;
	background: #000084;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	margin-bottom: 2px;
	padding-top: 4px;	
	padding-right: 5px;
}

.banda_azul_agradecimiento a {
	color: #fff;
	text-decoration: none;
}

.banda_azul_asi {
	width: 100%;
	height: 120px;
	background: #000084;
	font-family: Verdana;
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding-left: 30px;
	margin-bottom: 2px;
	padding-top: 30px;	
	
}

.banda_azul_asi img {
	padding-top: -100px;
}

.banda_azul_asi p {
	padding-left: 30px;
}

.banda_azul_idolo {
	width: 100%;
	height: 23px;
	background: #000084;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align:left;
	margin-bottom: 3px;
	padding-top: 4px;	
	padding-right: 5px;
}

.banda_celeste_staff {
	width: 100%;
	height: 20px;
	background: #298cef;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align:right;
	margin-bottom: -2px;
	padding-top: 4px;	
	padding-right: 5px;
}

.banda_celeste_idolo_inf {
	width: 100%;
	height: 62px;
	background: #298cef;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align: justify;
	line-height: 1.5em;
	margin-top: 5px;
	margin-bottom: -5px;
	padding-top: 4px;
	padding-left: 7px;	
	padding-right: 9px;
}

.banda_celeste_agradecimiento {
	width: 100%;
	height: 20px;
	background: #298cef;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align:right;
	margin-bottom: 2px;
	padding-top: 4px;	
	padding-right: 5px;
}

.banda_celeste_staff {
	width: 100%;
	height: 20px;
	background: #298cef;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align:right;
	margin-bottom: -2px;
	padding-top: 4px;	
	padding-right: 5px;
}

.banda_celeste_aqui_estan {
	width: 100%;
	height: 70px;
	background: #298cef;
	font-family: Tahoma, sans-serif;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	text-align:left;
	margin-top: -3px;
	margin-bottom: 3px;
	padding-left: 20px;
	padding-top: 10px;	
	padding-right: 20px;
}

.banda_azul_preguntas {
	width: 100%;
	height: 20px;
	background: #000084;
	font-family: Verdana;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	margin-bottom: 2px;
	padding-top: 4px;	
	padding-right: 5px;
}

.banda_celeste_preguntas {
	width: 100%;
	height: 20px;
	background: #298cef;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-align:right;
	margin-bottom: 2px;
	padding-top: 4px;	
	padding-right: 5px;
}

.banda_celeste_especiales {
	width: 100%;
	height: 35px;
	background: #298cef;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align:justify;
	margin-top: 5px;
	margin-bottom: 2px;
	padding-top: 5px;	
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 36px;
}

.banda_negra {
	width: 100%;
	height: 5px;
	background: #000;
	margin-bottom: -3px;
}

.banda_negra_estadisticas {
	width: 100%;
	height: 4px;
	background: #000;
	margin-top: 12px;
	padding-top: 1px;
	font-style: italic;
	color: #fff;
}

.banda_negra_estadisticas a {
	font-size: 15px;
	color: #fff;
	padding: 16.2px;
	text-decoration: none;
}

.banda_negra_fixture {
	width: 100%;
	height: 20px;
	background: #000;
	font-family: Verdana,Arial,Helvetica;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align: right;
	margin-bottom: 2px;
	padding-right: 5px;
	padding-top: 2px;
}

.banda_negra_fixture a {
	color:#fff;
	text-decoration: none;
	cursor: pointer;
}

.banda_negra_fina {
	width: 100%;
	height: 6px;
	background: #000;
	margin-bottom: -3px;
}

.banda_celeste_fixture {
	width: 100%;
	height: 54px;
	background: #298cef;
	font-family: Verdana;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-align: justify;
	padding: 7px 10px;
	margin-bottom: 7px;	
}

.banda_celeste_fixture_decano {
	width: 100%;
	height: 64px;
	background: #298cef;
	font-family: Verdana;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-align: justify;
	padding: 7px 10px;	
}

.banda_celeste_fina {
	width: 100%;
	height: 6px;
	background: #298CEF;
	margin-top: 5px;
	margin-bottom: 20px;
}

.ir_arriba {
	width: 100%;
	text-align: right;
	margin-bottom: -7px;
}

.ir_arriba_gol {
	width: 100%;
	text-align: right;
	margin-top: -4px;
	margin-bottom: -7px;
}

.ir_arriba_res {
	width: 100%;
	text-align: right;
	margin-top: -3px;
	margin-bottom: -7px;
}

.ir_arriba_link {
	width: 100%;
	text-align: right;
	margin-top: -20px;
	margin-bottom: -15px;
	margin-top: 50px;
}

.ir_arriba_anuncio {
	width: 100%;
	text-align: right;
	margin-top: -4px;
	margin-bottom: -7px;
}

.enlaces_estadisticas {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin-top: -5px;
	margin-bottom: -5px;
}

.enlaces_estadisticas a {
	color: #298cef;
}

.enlaces_estadisticas p {
	color: #298cef;
}

.fixture {
	margin-left: 1px;
	margin-top: 12px; 
	margin-right: 1px;
	text-align: justify;
	line-height: 1.428;
}

.fixt {
	float: left;
}

#fixt-l {
	font-size: 20px;
	background: #F5F1F1;
	width: 49.5%;
	margin-right: 0.5%;
	padding-left: 10px;
}

#fixt-r {
	font-size: 20px;
	background: #F5F1F1;
	width: 49.5%;
	margin-left: 0.5%;
	padding-left: 10px;
}

/* =====================================
   ======= Estilos Links de Interés ======== 
   ===================================== */

.banda_azul_links {
	width: 100%;
	height: 20px;
	background: #000084;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	margin-bottom: 2px;
	padding-top: 4px;	
	padding-right: 5px;
}

.banda_azul_links a {
	color: #fff;
	text-decoration: none;
}

.banda_celeste {
	width: 100%;
	height: 20px;
	background: #298cef;
	margin-top: 2px;
	margin-bottom: 2px;
	font-family:Tahoma, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-align: right;
	padding-top: 4px;
	padding-right: 5px;	
}

.banda_celeste a {
	color: #fff;
	text-decoration: none;
}

.banda_celeste_links_sup {
	width: 100%;
	height: 20px;
	background: #298cef;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align: right;
	margin-bottom: 2px;
	padding-top: 4px;	
	padding-right: 5px;
}

.banda_celeste_links_sup a {
	color: #fff;
	text-decoration: none;
}

.banda_celeste_links_inf {
	width: 100%;
	height: 40px;
	background: #298cef;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 2px;
	padding-top: 4px;
	padding-left: 7px;	
	padding-right: 9px;
}

.banda_celeste_links_inf a {
	color: #fff;
	text-decoration: none;
}

.links {
	padding-left: 35px;	
} 

/* =====================================
   ======= Estilos Columna de Opinion ======== 
   ===================================== */
.banda_azul_opinion {
	width: 100%;
	height: 20px;
	background: #000084;
	font-family: Verdana;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	margin-bottom: 2px;
	padding-top: 3px;	
	padding-right: 5px;
}

.banda_celeste_opinion {
	width: 100%;
	height: 20px;
	background: #298cef;
	margin-top: 2px;
	margin-bottom: 2px;
	font-family:Tahoma, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-align: right;
	padding-top: 3px;
	padding-right: 5px;	
	margin-bottom: -3px;
}

.banda_negra_opinion {
	width: 100%;
	height: 20px;
	background: #000000;
	margin-top: 0px;
	margin-bottom: 2px;
	font-family:Tahoma, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-align: right;
	padding-top: 3px;
	padding-right: 5px;	
	margin-bottom: 0px;
}

.banda_negra_opinion a {
	color: #fff;
	text-decoration: none;
	text-align: left;
}

.banda_celeste_volanta {
	width: 100%;
	height: auto;
	background: #298cef;
	margin-top: 2px;
	margin-bottom: 2px;
	font-family:Tahoma, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align: justify;
	text-decoration: none;
	padding-top: 6px;
	padding-right: 15px;	
	padding-left: 6px;
	margin-bottom: -3px;
	padding-bottom: 9px;
}

/* ================================
   ======= Datos Institucionales ======= 
   ================================ */

.institucional {
	margin-left: 1px;
	margin-top: 12px; 
	margin-right: 1px;
	text-align: justify;
	line-height: 1.428;
}

.inst {
	float: left;
	margin-top: -7px;
}

#inst-l {
	background: #fff;
	width: 68.8%;
	margin-right: 0.2%;
}

#inst-r {
	background: #fff;
	width: 30.6%;
	margin-left: 0.1%;
}

#inst-r img {
	margin-top: 0px;
}

.tit_datos {
	margin-top: 10px;
	text-align: center;
}

.tit_cd {
	text-align: center;
}

.tit_estadio {
	margin-top: 2px;
	margin-bottom: 9px;
	text-align: center;
}

.tit_complejo {
	margin-top: 0px;
	margin-bottom: 9px;
	text-align: center;
}

.tit_band_esc {
	margin-top: 0px;
	margin-bottom: -4px;
	text-align: center;
}

.simbolos {
	width: 405px;
	height: 151px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.simbolos img {
	margin: 0px auto;
	text-align: center;
}

/* ================================
   ======= S T A F F ======= 
   ================================ */

.staff {
	margin-left: 1px;
	margin-top: 12px; 
	margin-right: 1px;
	text-align: justify;
	line-height: 1.428;
}

.staf {
	float: left;
}

#staf-l {
	background: #f1f0f1;
	width: 49.4%;
	margin-top: 5px;
	margin-right: 0.5%;
	padding-left: 20px;
}

#staf-r {
	background: #f1f0f1;
	width: 49.4%;
	margin-top: 5px;
	margin-left: 0.5%;
	padding-left: 20px;
}

.banda_celeste_staff_inf {
	width: 100%;
	height: 52px;
	background: #298cef;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 2px;
	padding-top: 4px;
	padding-left: 7px;	
	padding-right: 9px;
}

.banda_celeste_2l {
	width: 100%;
	height: 42px;
	background: #298cef;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 2px;
	padding-top: 4px;
	padding-left: 7px;	
	padding-right: 9px;
}

/* =============================
   ======= Estilos Posiciones ======= 
   ============================= */
.posiciones {
	margin-left: 1px;
	margin-top: 10px; 
	margin-right: 1px;
	text-align: justify;
	line-height: 1.428;
}

.posiciones h1 {
	font-size: 15px;
	margin-bottom: -2px;
}

table {
	background-color: #F9F7F7;
	text-align: left;
	border-collapse: separate;
	width: 100%;
}

th {
	padding: 0px;
	text-align: center;
	height: 25px;
}

td {
	padding: 0px;
	text-align: center;
	height: 25px;
}

td img {
	height: 12px;
	width: auto;
	padding-right: 3px;
}

thead {
	background-color: #000;
	border-bottom: solid 5px #000;
	color: white;
}

tr:nth-child(even) {
	background-color: #D2D0D0;
}

.foto_copa_2024 {
	margin-top: 8px;
	width: 100%;
	margin-bottom: -10px;
	
}

/* =============================
   ======= Estilos Tablas ======= 
   ============================= */
.tablas {
	margin-left: 1px;
	margin-top: 10px; 
	margin-right: 1px;
	text-align: justify;
	line-height: 1.428;
}

.tablas h1 {
	font-size: 15px;
	margin-bottom: -2px;
}

.plantel {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	margin-left: 1px;
	margin-top: 10px; 
	margin-right: 1px;
	text-align: justify;	
}

.plantel a {
    color: #000000; /* Otro color para enlaces al pasar el mouse */
}

.plantel a:hover {
    color: #298cef; /* Otro color para enlaces al pasar el mouse */
}

/* ===============================
   ======= Estilos Reglamento ======== 
   =============================== */
.reglamento {
	margin-left: 1px;
	margin-top: 12px; 
	margin-right: 1px;
	text-align: justify;
	line-height: 1.428;
}

.reglamento .titulo {
	font-weight: bold;
	text-align: center;
}

/* ======================================
   ===== Area de Foto, Audio y Video ========== 
   ====================================== */
/* .videoResponsive {
	width: 98.4%;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
    padding-top: 1%;
	position: relative;
	padding-right: 10px; 
} */

.epigrafe-foto {
	font-style: italic;
	color: #202020;
	font-size: 85%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

.epigrafe-video  {
	font-style: italic;
	color: #202020;
	font-size: 90%;
	font-weight: bold;
	text-align: right;
	
	margin-bottom: -10px;
	padding-right: 2px;
}

.video_ul_fec {
	margin-top: 2px;
}

.foto_copa_2024 {
	margin-top: 8px;
	width: 100%;
	margin-bottom: -10px;
	
}

.foto_columna_opinion {
	margin-top: 8px;
	width: 100%;
	margin-bottom: -4px;
}

/* =========================
   ======= Barra lateral ======== 
   ========================= */
aside {
    width: 25.75%;
	height: auto;
    background: #298cef;
    float: left;
    padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
    margin-bottom: 10px;
    box-sizing: border-box;
    text-align: justify;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}

aside h6 {
	color: #ffffff;
	margin-top: -5px;
	margin-bottom: 2px;
	font-size: 1,5em;
}

.anuncio {
	margin-top: 0px;
}

.estadisticas {
	width: 282px;
	height: 20px;
	background-color: #000084;
	font-size: 13px;
	color: #fff;
	margin-top: -3px;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}

.estadisticas a {
	color: #fff;
	text-decoration: none;
	margin-left: 1px;
}

.manda_tu_foto {
	margin-top: 5px;
}

/* ==================
   ======= Footer ======== 
   ================== */
footer {
	width: 1069px;
    background: #000000;
    color: #fff;
    clear: both;
    padding: 10px 0px;
    text-align: center;
}

.gallery {
	text-align: center;
}

.gallery img {
	margin-top: 50px;
}

.gallery td {
	text-align: center;
	color: #008000;}

/* =============================================
   ====== Media Queries - Responsive Moviles ======
   ============================================= */

@media only screen and (min-width : 150px) and (max-width : 768px) {

	/* ====== Body ====== */
	body {
		background: #314B65;
		margin-left: -16px;
		margin-right: -16px;
		padding-top: 99px;
	}

	/* ====== Header ====== */
    header {
        width: 90%;
    }

    header img {
        width: 100%;
    }

	.banner-header img {
		width: 100%;
		margin-top: 10px;
	}

	.date {
		font-size: 12px;
		margin-top: -49px;
		margin-bottom: 59px;
		padding-top: 7px;
	}
	   
	.logotipo {
     margin-top: -49px;
     margin-bottom: -5px;	 
    }     

	h1 {font-size: 1.714em}	/* 24px */
	h2 {font-size: 1.571em}	/* 22px */
	h3 {font-size: 1.429em}	/* 20px */
	h4 {font-size: 1.286em}	/* 18px */
	h5 {font-size: 1.143em}	/* 16px */
	h6 {font-size: 1em}		/* 14px */

	h1 {
		text-align: left;
		color: #3669A3;
		margin-top: 1px;
		margin-bottom: 3px;	
	}

	h2 {
		font-weight: 400;
		line-height: 1.1;
		margin-bottom: 3px;
		text-align: left;
		color: #000000;
	}

	h3 {
		font-weight: 400;
		line-height: 1.1;
		margin-top: 0px;
		margin-bottom: 3px;
		text-align: justify;
		color: #F4FDFE;
	}

	h4 {
		font-weight: 400;
		line-height: 1.1;
		margin-top: 5px;
		margin-bottom: 3px;
		text-align: justify;
		color: #314B65;
		font-style: italic;
	}

	h5 {
		line-height: 1.0;
		margin-top: -5px;
		margin-bottom: -12px;
		text-align: justify;
		color: #3669A3;
	}

	h6 {
		font-weight: 400;
		line-height: 1.1;
		margin-top: 10px;
		margin-bottom: 0px;
		text-align: justify;
		color: #202020;
		font-style: normal;
	}

    /* ====== Navegación ====== */
    .menu_bar {
		display: block;
		width: 95.6%;
		position: fixed;
		top: 0px;
		background: #3F6F9F;        
	}
 
	.menu_bar .bt-menu {
		display: block;
		padding: 10px;
		color: #fff;
		overflow: hidden;
		font-size: 25px;
		font-weight: normal;
		text-decoration: none;
	}

	.menu_bar .bt-menu img {
        width: auto;
		margin-right: 5px;
	}

	.submenu img {
		margin-left: 5px;
        width: auto;
	}
 
	header nav {
		width: 100%;
		height: calc(100% - 80px);
		position: fixed;
		right: 100%;
		margin: 0px;
		overflow: scroll;
	}
 
	header nav ul li {
        padding-left: 10px;
		display: block;
		border-bottom: 1px solid rgba(255,255,255,.5);
	}
 
	header nav ul li a {
		display: block;
	}
 
	header nav ul li:hover .children {
		display: none;
	}
 
	header nav ul li .children {
		width: 100%;
		position: relative;
	}
	
	/* ======= Barra Social ======== */
   	.social {
		width: 100%;
		position: absolute; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
		left: 25px; /* Establecemos la barra en la izquierda */
		top: 184px; /* Bajamos la barra 200px de arriba a abajo */
		z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
	}

	.social ul {
		list-style: none;
		display: flex;
	}

	.social ul li a {
		display: inline-block;
		color: #fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}

	.social ul li .icon-facebook {background: #3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-youtube {background:  #ae181f;}
    .social ul li .icon-whatsapp {background: #008000;}
	.social ul li .icon-google {background: #f107c3;}
	.social ul li .icon-mail {background: #000000;}
    .social ul li .icon-twitter {background: #00abf0;}
	
	.social ul li a:hover {
		background: #314B65; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 20px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}

    /* ====== Main ====== */
    .main .articles {
        width: 100%;
    }
    
    .main .articles article {
        width: 100%;
    } 
    
    .main .articles article img {
        width: 100%; 
    }

	iframe {
		width: 104%;
	}

	/* ================================
   	======= Numeros Especiales ======== 
   	================================ */
	.container_especiales {
	width: 100%; /* O cualquier ancho deseado */
	overflow: hidden; /* Evita que el contenido de la columna se desborde */
	margin-top: 15px;
	margin-bottom: 10px;
	}

	.column_1 {
	float: left; /* Hace que los elementos se coloquen uno al lado del otro */
	width: 100%; /* Cada columna ocupa el 50% del ancho del contenedor */
	box-sizing: border-box; /* Incluye el padding y border en el ancho total */
	margin-right: 5px;
	image-rendering:unset;
	}

	.column_1 img {
	width: auto;
	height: 100%;
	}

	.column_2 {
	float: left; /* Hace que los elementos se coloquen uno al lado del otro */
	width: 100%; /* Cada columna ocupa el 50% del ancho del contenedor */
	box-sizing: border-box; /* Incluye el padding y border en el ancho total */
	margin-left: 5px;
	margin-top: -6px;
	}

	.column_2 p {
	margin-bottom: 3px;
	}

	.banda_celeste_especiales {
	width: 100%;
	height: 55px;
	background: #298cef;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align:justify;
	margin-top: 5px;
	margin-bottom: 2px;
	padding-top: 5px;	
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 36px;
	}

	.edit-left div img {
	float: left; 
	width: 100%; 
	height: auto;
	margin-left: 0px; 
	margin-right: 10px;
	}

	.edit-right div img {
	float: right; 
	width: 100%; 
	height: auto;
	margin-left: 0px; 
	margin-right: 10px;
    }

	/* ====== Ultima actualización ====== */
	.actualizacion {
		width: 100%;
		background-color: #3F6F9F;
		color: #fff;
		font-weight: normal;
		height: 21px;
		text-align: right;
		margin-top: 10px;
		margin-right: 1px;
		margin-bottom: 10px;
		padding-top: 1px;
		padding-left: 22px;
		padding-right: 16px;
		padding-bottom: 3px;
	}
	
	/* ====== Texto parpadea ====== */
	.ultimo {
		width: 99.8%;
		height: 32px;
		
		margin-top: -10px;
		margin-bottom: 10px;
		padding-top: 10px;
	}

	.text {
		font-size: 13px;
		font-family: helvetica;
		font-weight: normal;
		color: #101010;
		text-transform: uppercase;
		margin-left: 232px;
		top: 50px;
	}

	.parpadea {
		animation-name: parpadeo;
		animation-duration: 1.2s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
	
		-webkit-animation-name:parpadeo;
		-webkit-animation-duration: 1.2s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
	}

	@-webkit-keyframes parpadeo {  
		0% { opacity: 1.0; }
		50% { opacity: 0.0; }
		100% { opacity: 1.0; }
	}
	
	@keyframes parpadeo {  
		0% { opacity: 1.0; }
		50% { opacity: 0.0; }
		100% { opacity: 1.0; }
	}

	/* ====== Marquesina ====== */
	.marquesina {	
		background-image: url("img/fondo_marquee_resp.png");
		color: #000;
		font-weight: bold;
		width: 460px;
		height: 31px;
		text-align: right;
		margin-top: -10px;
		margin-right: 1px;
		margin-bottom: -11px;
		padding-top: 6px;
		padding-left: 22px;
		padding-right: 22px;
		padding-bottom: 3px;
	}
	
	/* ======= Estilos Noticias ======== */
	.noticias {
		margin-left: 0px;
		margin-top: 10px; 
		margin-right: 0.5px;
		text-align: justify;
		line-height: 1.428;
	}

	.noticias div img {
		float: left; 
		width: 173px; 
		height: auto;
		margin-left: 0px; 
		margin-right: 10px;
	}

	.noticias-sumario {
	margin-left: 1px;
	margin-top: -10px; 
	margin-right: 1px;
	text-align: justify;
	line-height: 1.428;
	}

	.noticias-sumario div img {
		float: left; 
		width: 100%; 
		height: auto;
	}

	.noticias-sumario div a {
		color: #298cef;
	}

	.noticias-sumario div p {
		margin-top: 10px;
	}
	
	.otros_enlaces {
		font-family: normal;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 10px;
	}

	.pre-titulo {
		font-size: 14px;
		font-style: italic;
		font-weight: 400;
		color: #808080;
		margin-left: 0px;
		margin-top: -5px;
		margin-bottom: 2px;
	}

	.titulacion {
		color: #fff;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 10px;
	}

	.enlaces {
		color: #3669A3;
		font-style: normal;
		text-align: center; 
		line-height: 20px;
		margin-top: 1px;
		margin-bottom: -5px;
	}

	.enlaces a {
		font-size: 15px;
		color: #3669A3;
		text-decoration: underline;    
	}

	.enlace_archivo {
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		text-align: center; 
		margin-top: 2px;
		margin-bottom: -8px;
	}

	.enlace_archivo a {
		font-size: 12px;
		color: #000084;
		text-decoration: underline;    
	}

	.titulo_cronica h5{
		color:#298CEF;
		font-weight: bold;
		font-size: 20px;
		margin-top: -8px;
		margin-bottom: 1px;
	}

	.foto_anuncio_cronica {
		width: 441px;
		height: auto;	
		margin-top: 5px;
		margin-bottom: 0px;
		padding-right: 6px;
		padding-top: 2px;
		text-align: right;
	}

	.banda_azul img {
		max-width: 6%;
		width: auto;
		height: auto;		
		margin-bottom: -5px;
	}

	.banda_azul_opinion img {
		max-width: 6%;
		width: auto;
		height: auto;		
		margin-bottom: -5px;
	}

	.banda_azul_preguntas img {
		max-width: 6%;
		width: auto;
		height: auto;		
		margin-bottom: -5px;
	}
	.logo_small img {
		max-width: 20%;
		width: auto;
		height: auto;
		margin-bottom: 2px;
	}

	.cabecera {
		width: 99.7%;
		margin-left: 1px;
		margin-top: -11px;
		margin-bottom: -10px;
	}

	/* ========== Galería Crónica ========== */
	#gallery-container {
		position: relative;
		width: 100%;
		height: 413px;
		padding-top: 324px;
		padding-bottom: 15px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		border: 1px #aaaaaa solid;
	}

	img.gallery-fullsize {
		position: absolute;
		top: -5px;
		left: 0px;
		display: none;
	}
	
	div.gallery-item {
		display: inline-block;
		width: 24%;
	}
	
	input.gallery-selector {
		display: none;
	}
	
	label.gallery-label {
		cursor: pointer;
	}
	
	input.gallery-selector:checked ~ img.gallery-fullsize {
		display: block;
	}

	.creditos_galeria_cronica {
		width: 100%;
		height: 20px;
		font-size: 13.3px;
		font-style: normal;
		color: #fff;
		background: #000084;
		margin-top: 1px;
		padding-right: 6px;
		text-align: right;
	}

	.creditos_galeria_cronica_anuncio {
		width: 100%;
		height: 25px;
		font-style: normal;
		color: #fff;
		background: #000084;
		margin-top: -1px;
		margin-bottom: 1px;
		padding-right: 6px;
		padding-top: 4px;
		text-align: right;
	}

	/* ========== Estilos Links ========== */
	.ir_arriba_link {
		width: 16%;
		float: right;
		margin-top: -14px;
		margin-bottom: -3px;
	}

	.ir_arriba_link img {
		
		float: right;
	}	

	/* ========== Estilos Estadisticas ========== */
	.banda_celeste_fixture {
		height: 69px;
	}

	.banda_celeste_fixture_decano {
		margin-bottom: 8px;	
	}

	.banda_celeste_links_inf {
		width: 100%;
		height: 52px;
		background: #298cef;
		font-family: Tahoma, sans-serif;
		font-size: 12px;
		color: #fff;
		font-weight: bold;
		text-align: justify;
		margin-top: 5px;
		margin-bottom: 2px;
		padding-top: 4px;
		padding-left: 7px;	
		padding-right: 9px;
	}

	.banda_celeste_staff {
		width: 100%;
		height: 20px;
		background: #298cef;
		font-family: Tahoma, sans-serif;
		font-size: 12px;
		color: #fff;
		font-weight: bold;
		text-align:right;
		margin-top: 3px;
		margin-bottom: -2px;
		padding-top: 4px;	
		padding-right: 5px;
	}

	.banda_celeste_staff_inf {
	width: 100%;
	height: 62px;
	background: #298cef;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 2px;
	padding-top: 4px;
	padding-left: 7px;	
	padding-right: 9px;
	}

	.banda_celeste_2l {
	width: 100%;
	height: 56px;
	background: #298cef;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 2px;
	padding-top: 4px;
	padding-left: 7px;	
	padding-right: 9px;
	}

	.banda_celeste_aqui_estan {
		width: 100%;
		height: 90px;
		background: #298cef;
		font-family: Tahoma, sans-serif;
		font-size: 12px;
		color: #fff;
		font-weight: bold;
		text-align:left;
		margin-top: -3px;
		margin-bottom: 3px;
		padding-left: 20px;
		padding-top: 10px;	
		padding-right: 20px;
	}

	.banda_negra_estadisticas {
		width: 100%;
		height: 20px;
		background: #000;
		margin-top: 12px;
		padding-top: 1px;
		font-style: italic;
		color: #fff;
	}
	
	.banda_negra_estadisticas a {
		font-size: 12px;
		color: #fff;
		padding: 3.7px;
		text-decoration: none;
	}

	/* ========== Estilos Posiciones ========== */
   .posiciones {
	margin-left: 1px;
	margin-top: 12px; 
	margin-right: 1px;
	text-align: justify;
	line-height: 1.428;
	}

	.posiciones h1 {
		font-size: 15px;
		margin-bottom: -2px;
	}

	table {
		background-color: #F9F7F7;
		text-align: left;
		border-collapse: separate;
		width: 100%;
	}

	th {
		padding: 0px;
		text-align: center;
		height: 25px;
	}

	td {
		padding: 0px;
		text-align: center;
		height: 25px;
	}

	td img {
		max-width: 7%;
		width: auto;
		height: 12px;
		margin-bottom: -1px;
	}

	thead{
		background-color: #000;
		border-bottom: solid 5px #0F362D;
		color: white;
	}

	tr:nth-child(even){
		background-color: #D2D0D0;
	}

	/* ========== Estilos Tablas ========== */
	.tablas {
		margin-left: 1px;
		margin-top: 12px; 
		margin-right: 1px;
		text-align: justify;
		line-height: 1.428;
		}
	
	.tablas h1 {
		font-size: 15px;
		margin-bottom: -2px;
	}
	
	table {
		background-color: #F9F7F7;
		text-align: left;
		border-collapse: separate;
		width: 100%;
	}
	
	td {
		padding: 0px;
		text-align: center;
		height: 25px;
	}
	
	td img {
		max-width: 8%;
		width: auto;
		height: 12px;
		margin-bottom: -1px;
	}
	
	thead{
		background-color: #000;
		border-bottom: solid 5px #0F362D;
		color: white;
	}
	
	tr:nth-child(even){
		background-color: #D2D0D0;
	}

	/* ========== Estilos Fixture ========== */
	#fixt-l {
		font-size: 40px;
		background: #F5F1F1;
		width: 49.5%;
		margin-right: 0.5%;
		font-size: 13px;
	}

	#fixt-r {
		font-size: 40px;
		background: #F5F1F1;
		width: 49.5%;
		margin-left: 0.5%;
		font-size: 13px;
	}

	/* ========== Datos Institucionales ========== */
	.institucional {
		margin-left: 1px;
		margin-top: 12px; 
		margin-right: 1px;
		text-align: justify;
		line-height: 1.428;
	}
		
	.inst {
		float: left;
		margin-top: -7px;
	}
		
	#inst-l {
		background: #fff;
		width: 100%;
		margin-right: 0.2%;
	}
		
	#inst-r {
		background: #fff;
		width: 100%;
		margin-left: 0.1%;
	}
		
	#inst-r img {
		margin-top: 5px;
	}
		
	.tit_datos {
		margin-top: 7px;
		margin-bottom: -4px;
		text-align: center;
	}
		
	.tit_cd {	
		margin-bottom: -4px;
	}
		
	.tit_estadio {	
		margin-bottom: 6px;
	}
		
	.tit_complejo {
		margin-bottom: 5px;
		text-align: center;
	}
		
	.simbolos {
		margin-bottom: 10px;
	}

	/* ========== Area de Foto, Audio y Video ========== */
	.video_ul_fec {
		margin-top: 2px;
		width: 96%;
	}

	.videoResponsive {
		width: 98.4%;
		height: auto;
		margin-left: 0px;
		margin-right: 0px;
		padding-top: 1%;
		position: relative;
		padding-right: 10px; 
	}

	.epigrafe-video  {
		font-style: italic;
		color: #202020;
		font-size: 90%;
		font-weight: bold;
		text-align: right;
		margin-top: -1px;
		margin-bottom: -10px;
		padding-right: 2px;
	}

	.epigrafe-foto {
		font-style: normal;
		color: #202020;
		font-size: 85%;
		font-weight: normal;
		margin-top: 0px;
	}

	/* ====== Pie de página ====== */
	.ir_arriba {
		width: 16%;
		float: right;
	}

	.ir_arriba_res {
		width: 16%;
		float: right;
	}

	.ir_arriba_gol {
		width: 16%;
		float: right;
	}

	.ir_arriba_link {
		width: 16%;
		float: right;
	}

	.ir_arriba_anuncio {
		width: 16%;
		float: right;
		margin-bottom: -11px;
	}
	
	.en_desarrollo {			
		font-style: italic;
		font-weight: bold;
		margin-left: 28px;
		margin-top: -5px; 
		margin-right: 30px; 
		margin-bottom: 5px;
		text-align: center;
		line-height: 1.428;
	}
		
	.current_date {
		font-size: 14px;
		background-color: #298cef;
		width: 355px;
		height: 25px;
		text-align: center;
		padding-top: 3px;
		padding-bottom: 0px;
		margin-top: 5px;
		margin-left: 0px;
		margin-bottom: -10px;	
	}

    /* ====== Aside ====== */
    aside {
        width: 90%;
        margin-left: 24px;
		padding-left: 36px;
		padding-right: 36px;
    }

    aside img {
        width: 100%;
    }

	aside h6 {
		color: #ffffff;
		margin-top: -8px;
		margin-bottom: 2px;
		font-size: 1,5em;
	}

	.estadisticas {
		width: 100%;
		height: 24px;
		background-color: #000084;
		font-size: 10px;
		color: #fff;
		margin-top: -3px;
		padding-top: 3px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 10px;
	}
	
	.estadisticas a {
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
	}

	/* ====== Footer ====== */
	footer {
		width: 90%;
		margin-left: 24px;
		padding: 8px;
		border: solid 1px #298cef;
	}
}