<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*Fuente extra*/

@font-face {
    font-family: 'Oswald';
    src: url('/especiales/recursos_especiales/fonts/oswald-regular-webfont.eot');
    src: url('/especiales/recursos_especiales/fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/recursos_especiales/fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('/especiales/recursos_especiales/fonts/oswald-regular-webfont.woff') format('woff'),
         url('/especiales/recursos_especiales/fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('/especiales/recursos_especiales/fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OswaldLight';
    src: url('/especiales/recursos_especiales/fonts/oswald-light-webfont.eot');
    src: url('/especiales/recursos_especiales/fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/recursos_especiales/fonts/oswald-light-webfont.woff2') format('woff2'),
         url('/especiales/recursos_especiales/fonts/oswald-light-webfont.woff') format('woff'),
         url('/especiales/recursos_especiales/fonts/oswald-light-webfont.ttf') format('truetype'),
         url('/especiales/recursos_especiales/fonts/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
width: 100%;
}

/* Reset menú techo */

div.box-emol {
float:none;
}

/* General */

#inner-wrap {
max-width: 1280px;
width:100%;
}

#especiales-contenedor-principal {
margin-left:1%;
width:72.5%;
position: relative;
float:left;
}

#contenedor-columnas {
width:100%;
position: relative;
}

/* Header */

#especiales-header {
margin-bottom:36px;
position: relative;
width: 100%;
}

/* Header &gt; Background con resize */

#especiales-header .background-header-out {
padding-top:7%;
position: relative;
width:100%;
}

#especiales-header .background-header {
background-image: url(../img/header.jpg);
background-position: left center;
background-repeat: no-repeat;
background-size: cover;
bottom:0px;
left:0px;
position: absolute;
right:0px;
top:0px;
border:none;
}

/* Header &gt; Menú */

#especiales-header ul {
background-color: #63c7c3;
bottom:-26px;
display: block;
height: 26px;
left:0px;
list-style-type: none;
margin:0px;
padding:0px;
position: absolute;
width:100%;
}

#especiales-header ul li {
border-right: 1px solid #fff;
float:left;
font-size: 12px;
height: 14px;
line-height: 14px;
margin-top: 6px;
padding-left: 10px;
padding-right: 10px;
text-transform: uppercase;
}

#especiales-header ul li a:link,
#especiales-header ul li a:visited {
color: #fff;
font-weight: bold;
text-decoration: none;
transition: color 0.2s linear;
  -webkit-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
}

#especiales-header ul li a:hover {
color: #000;
}

#especiales-header ul li:first-child {
display: none;
}

#especiales-header ul li:nth-child(2) {
margin-left:10px;
}

#especiales-header ul li:last-child {
border-right: none;
}

div.especiales-header-boton {
display: none;
}

/*Noticia principal*/

#noticia-principal {
    background-color: #FFFFFF;
    width: 65.3%;
    margin-bottom: 10px;

}




#contenedor-noticias-secundarias {
width: 65.3%;
float:left;
margin-bottom:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfdfdf+0,dfdfdf+50,b2b2b2+50,b2b2b2+50,b2b2b2+100 */
background: #dfdfdf; /* Old browsers */
background: -moz-linear-gradient(left, #dfdfdf 0%, #dfdfdf 50%, #b2b2b2 50%, #b2b2b2 50%, #b2b2b2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #dfdfdf 0%,#dfdfdf 50%,#b2b2b2 50%,#b2b2b2 50%,#b2b2b2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #dfdfdf 0%,#dfdfdf 50%,#b2b2b2 50%,#b2b2b2 50%,#b2b2b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#b2b2b2',GradientType=1 ); /* IE6-9 */
}





#noticia-secundaria {

    width: 50%;
    position: relative;
    float: left;
}

#noticia-secundaria img {
    width: 100%;
    max-width: 579px;
    opacity: 1;
    border: 0px;
    filter: alpha(opacity=100);
    transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
}


#noticia-secundaria:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
}

#div.noticia-foto a.link-noticia:link, #noticia-secundaria div.noticia-foto a.link-noticia:visited {
    background-color: #571E5D;
    color: #fff;
    font-family: 'roboto', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: normal;
    float: left;
    padding-right: 3%;
    padding-left: 3%;
    text-decoration: none;
    /* text-transform: uppercase; */
    width: 94%;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}






.texto-noticia{
	color: #fff;
    font-family: 'roboto',Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
	padding: 3%;

}

.texto-noticia a {
	color: #000;
	text-decoration: none;

}
.texto-noticia a:hover {
		color: #5b5b5b;
	text-decoration: none;
}


#noticia-principal div.noticia-principal-foto {
position: relative;
}

#noticia-principal div.noticia-principal-foto img {
width:100%;
max-width:606px;
opacity: 1;
border:0px;
filter: alpha(opacity=100);
transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
}

#noticia-principal div.noticia-principal-foto:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
}

#noticia-principal div.noticia-principal-foto a.link-noticia:link,
#noticia-principal div.noticia-principal-foto a.link-noticia:visited {
background-color: #52b2ac;
bottom:10px;
color: #fff;
font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;right: 0px;
padding: 5px 2%;
position: absolute;
text-decoration: none;
width: 94%;
transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;

}

#noticia-principal div.noticia-principal-foto:hover a.link-noticia {
color: #fff;
background-color: #62459a;
}

#noticia-principal p {
font-size: 14px;
    line-height: 22px;
    margin: 0px;
    padding: 10px 3%;
	background-color: #dfdfdf;
	}

/*Tabs*/

a.tab-ver-mas:link,
a.tab-ver-mas:visited,
h1.tab-texto,
h3.tab-texto {
background-color: #62459a;
display: block;
font-family: 'Oswald', Arial, Helvetica, sans-serif;
font-size: 16px;

height: 30px;
line-height: 30px;
text-indent: 10px;
color: #fff;
margin:0px;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
background-image: url(../img/vermas.png);
background-position: right -20px;
background-repeat: no-repeat;
transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}



a.tab-ver-mas.secundario:link,
a.tab-ver-mas.secundario:visited {
background-color: #72acff;
color: #fff;
}

a.tab-ver-mas:hover {
color: #84e8fb;
background-image: url(../img/vermas.png);
background-position: right 3px;
background-repeat: no-repeat;
}

a.tab-ver-mas.secundario:hover {
color: #000;
background-image: url(../img/vermas_b.png);
}




a.tab-ver-mas-b:link,
a.tab-ver-mas-b:visited,
h3.tab-texto-b {
background-color: #ee3f54;
display: block;
font-family: 'Oswald', Arial, Helvetica, sans-serif;
font-size: 16px;

height: 30px;
line-height: 30px;
text-indent: 10px;
color: #fff;
margin:0px;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
background-image: url(../img/vermas.png);
background-position: right -20px;
background-repeat: no-repeat;
transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}



a.tab-ver-mas-b.secundario:link,
a.tab-ver-mas-b.secundario:visited {
background-color: #72acff;
color: #fff;
}

a.tab-ver-mas-b:hover {
color: #000;
background-image: url(../img/vermas.png);
background-position: right 3px;
background-repeat: no-repeat;
}

a.tab-ver-mas-b.secundario:hover {
color: #000;
background-image: url(../img/vermas_b.png);
}








/*Programación*/

#programacion-portada {
border-bottom: none;
}

table.programacion-fecha {
font-size: 11px;
width:100%;
}

table.programacion-fecha th {
background-color: #effdd7;
border-bottom: 1px solid #B4CD8A;
color: #3C5438;
font-weight: bold;
height: 20px;
line-height: 20px;
text-align: center;
}

table.programacion-fecha td {
border-bottom: 1px solid #ccc;
height: 20px;
line-height: 20px;
text-align: center;
}

table.programacion-fecha tr td:first-child {
background-color: #8aa430;
color: #fff;
font-weight: bold;
width:9%;
}

table.programacion-fecha tr td:nth-child(2) {
background-color: #effdd7;
width:8%;
}

table.programacion-fecha tr td:nth-child(3), 
table.programacion-fecha tr td:nth-child(7) {
background-color: #fff;
font-weight: bold;
width:33%;
}

table.programacion-fecha tr td:nth-child(4),
table.programacion-fecha tr td:nth-child(6) {
background-color: #fff;
}

table.programacion-fecha tr td:nth-child(5) {
background-color: #333333;
font-weight: bold;
width:10%;
}

table.programacion-fecha tr td:nth-child(8) {
background-color: #effdd7;
color: #49733c;
font-size: 20px;
font-weight: bold;
width:7%;
}

table.programacion-fecha tr td a:link,
table.programacion-fecha tr td a:visited {
text-decoration: none;
font-weight: bold;
color: #666;
text-decoration: underline;
}

table.programacion-fecha tr td a:hover {
text-decoration: none;
}

table.programacion-fecha tr td:nth-child(5),
table.programacion-fecha tr td:nth-child(5) a:link,
table.programacion-fecha tr td:nth-child(5) a:visited {
font-family: 'Oswald', Arial, Helvetica, sans-serif;
color: #fff;
font-weight:400;
font-size: 12px;
}

/*Tabla de posiciones*/

#posiciones-portada {
top:0px;
}

table.tabla-posiciones {
font-size: 11px;
width:100%;
}

table.tabla-posiciones th {
background-color: #effdd7;
border-bottom: 1px solid #B4CD8A;
color: #3C5438;
font-weight: bold;
height: 20px;
line-height: 20px;
text-align: center;
}

table.tabla-posiciones th:nth-child(2) {
text-align: left;
text-indent: 28px;
}

table.tabla-posiciones td {
border-bottom: 1px solid #ccc;
height: 26px;
line-height: 26px;
text-align: center;
background-color: #fff;
}

table.tabla-posiciones td:nth-child(even){
background-color: #ededed;
}

table.tabla-posiciones td:first-child {
font-family: 'Oswald', Arial, Helvetica, sans-serif;
font-weight: 400;
color: #fff;
background-color: #8aa430;
width:6.45%;
}

table.tabla-posiciones td:nth-child(n+3){
width:6.45%;
font-family: 'Oswald', Arial, Helvetica, sans-serif;
}

table.tabla-posiciones tbody tr:first-child td:first-child {
background-color: #FF5233;
}

table.tabla-posiciones tbody tr:nth-child(2) td:first-child,
table.tabla-posiciones tbody tr:nth-child(3) td:first-child,
table.tabla-posiciones tbody tr:nth-child(4) td:first-child,
table.tabla-posiciones tbody tr:nth-child(5) td:first-child {
background-color: #FF7962;
}

table.tabla-posiciones td:nth-child(2) {
text-align: left;
font-weight: bold;
}

table.tabla-posiciones td img {
float:left;
width:24px;
height: 22px;
margin:2px 3px;
}

ul.simbologia-campeonato {
list-style-type: none;
padding:15px 0px;
margin:0px;
}

ul.simbologia-campeonato li {
padding: 15px 20px 15px 80px;
position: relative;
font-size: 12px;
line-height: 17px;
border-bottom: 1px solid #ccc;
}

ul.simbologia-campeonato li:last-child {
border-bottom: none;
}

ul.simbologia-campeonato li span {
display: block;
width: 22px;
height: 22px;
position: absolute;
left:30px;
top:12px;
}

ul.simbologia-campeonato li[data-simbolo="campeon"] span { background-color: #FF5233; }
ul.simbologia-campeonato li[data-simbolo="liguilla"] span { background-color: #FF7962; }
ul.simbologia-campeonato li[data-simbolo="otros"] span { background-color: #8aa430; }

/*Noticias en línea*/

#noticias-relacionadas-portada {
top: 493px;
}

#ultimas-noticias {
width:100%;
list-style-type: none;
margin:0px;
padding:0px;
padding-top:5px;
}

#ultimas-noticias li {
width: 100%;
font-size: 12px;
float:left;
clear:both;
margin-bottom:8px;
line-height: 16px;
}

#ultimas-noticias li.noticias-relacionadas-fecha {
font-weight: bold;
padding:4px 0px;
}

#ultimas-noticias li img {
float:left;
width: 70px;
height: 47px;
margin-right:8px;
border: none;
}

#ultimas-noticias li span {
color: #E12137;
font-weight: bold;
margin-right:4px;
height: 12px;
line-height: 12px;
}

#ultimas-noticias li a:link,
#ultimas-noticias li a:visited {
color: #000;
text-decoration: none;
}

#ultimas-noticias li a:hover {
text-decoration: underline;
}

a.mas-noticias:link,
a.mas-noticias:visited {
background-color: #52b2ac;
width:66%;
margin-left: 17%;
color: #fff;
text-decoration: none;
font-size: 11px;
padding: 3px 0px;
display: block;
float:left;
clear:both;
text-align: center;
margin-top:5px;
}

a.mas-noticias:hover {
text-decoration: underline;
}

/*Box Goleadores*/

#goleadores-portada {
top: 600px;
}

#box-goleadores {
list-style-type: none;
padding:0px;
margin:0px;
width:100%;
}

#box-goleadores li {
display: table-row;
width:100%;
background-color: #333333;
color: #fff;
font-size: 13px;
text-transform: uppercase;
border-bottom: 1px solid #fff;
}

#box-goleadores li div {
display: table-cell;
vertical-align: middle;
width:80%;
border-bottom: 1px solid #fff;
padding-left:7px;
}

#box-goleadores li span {
text-transform: none;
font-size: 11px;
margin-top:2px;
line-height: 14px;
}

#box-goleadores li div:last-child {
width:20%;
background-color: #8aa430;
color: #fff;
text-align: center;
font-family: 'Oswald', Arial, Helvetica, sans-serif;
font-size: 35px;
font-weight: 400;
padding:0px;
}

#box-goleadores li img {
float:left;
width:63px;
border: none;
}

/*Galerías de fotos*/

#galerias-fotos {
width:100%;
list-style-type: none;
padding:0px;
margin:0px;
}

#galerias-fotos li {
width: 50%;
display: inline-block;
position: relative;
}

#galerias-fotos li:hover {

	
}
#galerias-fotos li a:link,
#galerias-fotos li a:visited {
font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
font-weight: 300;
color: #fff;
font-size: 18px;
font-weight: 300;
text-decoration: none;
line-height: 20px;
width: 100%;
}

#galerias-fotos li img {
width: 100%;
opacity: 1;
z-index: 2;
border: none;
filter: alpha(opacity=100);
transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
}

#galerias-fotos li span {
position: absolute;
bottom:10px;
padding:3%;
width: 94%;
display: block;
background-color: #c01a1a;
transition: background 0.3s linear;
-webkit-transition: background 0.3s linear;
-ms-transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
}


#galerias-fotos li:nth-child(2n+1) span {

background-color: #fe2f48;

}

#galerias-fotos li:before {
content: '';
position: absolute;
left:0px;
top:0px;
width: 100%;
height: 199px;
background-color: transparent;
z-index: -1;
}

#galerias-fotos li:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
width: 100%;
}

#galerias-fotos li:hover span {
background-color: #000;

}

#galerias-fotos li.hd span:after {
content:'';
position: absolute;
top:-30px;
left:0px;
width: 100%;
height: 35px;
display: block;
background-image: url(../img/iconos/fotosHD.png);
background-repeat: no-repeat;
background-position: center center;
}

#pags-galerias-fotos {
list-style-type: none;
width: 100%;
text-align: center;
display: none;
float:left;
clear:both;
margin:15px 0px;
}

#pags-galerias-fotos li {
display: inline-block;
width: 10%;
height: 25px;
background-color: #f36b21;
color: #fff;
font-family: 'Oswald', Arial, Helvetica, sans-serif;
font-weight: 400;
text-align: center;
line-height: 26px;
font-size: 15px;
transition: background 0.2s linear;
-webkit-transition: background 0.2s linear;
-ms-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
}

#pags-galerias-fotos li:last-child {
margin-right:0px;
}

#pags-galerias-fotos li.activo,
#pags-galerias-fotos li.activo:hover {
background-color: #cf4a20;
cursor: default;
}

#pags-galerias-fotos li:hover {
cursor: pointer;
background-color: #9a3e21;
}

/*Ficha equipos*/

div.ficha-equipo {
display: block;
padding:10px;
position: relative;
}

div.ficha-equipo img {
position: absolute;
left:10px;
top:10px;
}

div.ficha-equipo ul {
list-style-type: none;
padding:0px;
margin:0px;
margin-left:230px;
width:80%;
width: calc(100% - 230px);
margin-bottom:10px;
}

div.ficha-equipo ul li {
font-size: 12px;
border-bottom: 1px solid #d3d3d3;
position: relative;
padding:3px 0px;
font-weight: bold;
}

div.ficha-equipo ul li b {
font-weight: bold;
position: absolute;
left:3px;
top:3px;
}

div.ficha-equipo ul li span {
font-weight: normal;
display: block;
margin-left:110px;
}

div.ficha-equipo ul li a:link,
div.ficha-equipo ul li a:visited {
text-decoration: none;
color: #226199;
transition: color 0.2s linear;
  -webkit-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
}

div.ficha-equipo ul li a:hover {
color: #3496EC;
}

/*Lista plantel*/

ul.lista-plantel {
list-style-type: none;
padding:0px;
margin:0px;
border-bottom: 4px solid #dfdfdf;
}

ul.lista-plantel li {
border-left: 1px solid #EDEDED;
border-right: 1px solid #EDEDED;
border-bottom: 1px solid #EDEDED;
padding: 5px 0px;
text-indent: 20px;
}

ul.lista-plantel li.posicion {
background-color: #B5D5F2;
border-left: 1px solid #B5D5F2;
border-right: 1px solid #B5D5F2;
border-bottom: 1px solid #B5D5F2;
text-indent: 12px;
font-weight: bold;
}

/*Créditos*/

#especiales-creditos {
width: 96.875%;
background-color: #f4f4f4;
font-family: Arial, Helvetica, sans-serif;
padding: 5px 1.56%;
font-size: 9px;
color: #666666;
text-align: left;
}

#especiales-creditos a:link,
#especiales-creditos a:visited {
color: #666666;
text-decoration: none;
transition: color 0.3s linear;
  -webkit-transition: color 0.3s linear;
  -ms-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
}

#especiales-creditos a:hover {
color: #333333;
}

.especiales-creditos-autor {
font-size: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
margin-bottom: 5px;
padding-bottom: 5px;
}

.especiales-creditos-autor strong{
font-weight: bold;
color: #4D5C64;
}

/*Redes sociales*/

ul#redes-sociales {
float:right;
list-style-type: none;
background-color: #f4f4f4;
}

ul#redes-sociales li {
display: inline-block;
width: 25px;
height: 25px;
margin-right:4px;
border-radius: 2px;
text-align: center;
}

ul#redes-sociales li img {
width: 18px;
height: 18px;
margin-top:3px;
border: none;
}

ul#redes-sociales li:nth-child(1) {
background-color: #55acee;
}

ul#redes-sociales li:nth-child(2) {
background-color: #3b5999;
}

ul#redes-sociales li:nth-child(3) {
background-color: #d74a38;
}

ul#redes-sociales li:nth-child(4) {
background-color: #cc1f27;
}

ul#redes-sociales li span {
display: none;
}

/*Box columna*/

div.box-columna {
position: absolute;
right:0px;
top:0px;
width:33.3%;

}

/*Box central*/

div.box-central {
width: 65.3%;
background-color: #ffffff;
border-bottom: 4px solid #dfdfdf;
font-size: 12px;
margin-bottom:10px;
float:left;
height: auto;
}

div.box-central.blanco {
background-color: #fff;
border-bottom: none;
}

div.box-central p {
padding:10px;
margin:0px;
line-height: 17px;
}

/*Menú equipos principal*/

#menu-equipos-principal {
list-style-type: none;
padding:0px;
margin:0px;
margin-top:10px;
}

#menu-equipos-principal a:link,
#menu-equipos-principal a:visited {
color: #fff;
text-decoration: none;
width:100%;
display: block;
transition: color 0.2s linear;
  -webkit-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
}

#menu-equipos-principal li {
float:left;
width: 23%;
margin-left: 1%;
margin-right: 1%;
background-color: #fff;
text-align: center;
margin-bottom:10px;
color: #fff;
transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
}

#menu-equipos-principal li img {
margin: 5px auto;
border: none;
}

#menu-equipos-principal li span {
background-color: #8aa430;
font-family: 'Oswald', Arial, Helvetica, sans-serif;
font-size: 12.5px;
text-align: center;
padding: 5px 0px;
display: block;
text-transform: uppercase;
}

#menu-equipos-principal li:hover {
color: #c0ed25;
background-color: #effdd7;
}

#menu-equipos-principal li:hover a {
color: #c0ed25;
}

/*Menú equipos lateral*/

ul#box-equipos {
list-style-type: none;
margin:0px;
background-color: #F0F0F0;
width: 96%;
padding: 10px 2% 3px 2%;
}

ul#box-equipos li {
display: inline-block;
width: 12.5%;
text-align: center;
margin-bottom:5px;
}

ul#box-equipos li img {
margin-bottom: 2px;
border:none;
}

ul#box-equipos li a:link,
ul#box-equipos li a:visited {
font-size: 11px;
color: #000;
text-decoration: none;
text-transform: uppercase;
margin-bottom:7px;
}

ul#box-equipos li a:hover {
text-decoration: underline;
}

/*Calendario*/

span.titulo-nav-box-central {
background-color: #6ea500;
display: block;
color: #fff;
font-size: 11px;
padding: 5px 0px;
width:20%;
margin-left:10px;
font-weight: bold;
text-align: center;
}

ul.nav-fechas-calendario {
list-style-type: none;
padding:10px;
margin:0px;
width:100%;
}

ul.nav-fechas-calendario li {
display: inline-block;
width:5%;
background-color: #CDE09D;
text-align: center;
font-size: 11px;
font-weight: bold;
padding: 6px 0px;
margin-right:3px;
transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

ul.nav-fechas-calendario li:hover {
background-color: #8aa430;
color: #fff;
cursor: pointer;
}

h4.calendario-fecha {
margin:0px;
padding:0px;
background-color: #ccc;
color: #000;
font-size: 12px;
font-weight: bold;
text-indent: 10px;
padding:5px 0px;
position: relative;
margin-top:10px;
}

h4.calendario-fecha:nth-child(2) {
margin-top:0px;
}

h4.calendario-fecha a:link,
h4.calendario-fecha a:visited {
position: absolute;
top:0px;
bottom:0px;
right:0px;
background-color: #666666;
color: #fff;
padding: 0px 10px;
text-decoration: none;
text-align: center;
text-indent: 0px;
line-height: 24px;
}

h4.calendario-fecha a:hover {
text-decoration: underline;
}

/*Ads*/

div.publicidad-superior a img {
width:100%;
border-top: 5px solid #fff;
border-bottom: 5px solid #fff;
}

div.publicidad-movil-techo {
display: none;
}

div.publicidad-inferior {
display: inline-block;
text-align: center;
width:65.3%;
margin-bottom:10px;
}

div.publicidad-inferior img {
width:100%;
max-width: 600px;
display: inline-block;
text-align: center;
border: none;
}

div.publicidad-derecha {
position: relative;
float:left;
margin-left:1.4%;
width:24%;
margin-top:30px;
}

div.publicidad-derecha img {
width:100%;
border: none;
}

div.publicidad-movil-superior,
div.publicidad-movil-central,
div.publicidad-movil-inferior {
display: none;
}

div.banner_off_random {
float:none!important;
}


.box-dia {
	float: left;
	height: auto;
	width: 16.66%;
	display:block;
}


.programa-dia {
	float: left;
	height: 30px;
	width: 100%;
	background-color: #4f1272;
}

.programa-fecha {
	float: left;
	height: 27px;
	width: 30%;
	background-color: #b068c4;
	margin: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	padding-left: 1px;
	padding-top: 1px;
	
}

.programa-texto {
	float: left;
	height: auto;
	width: 60%;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 8px;
	margin-left: 3px;

}


.box-programa {
	float: left;
	height: 120px;
	width: 100%;
	background-color: #CCCCCC;
	
 }

    
.box-programa:hover{
    background: #fff;
 }
 
.box-programa:active{
    background:#efefef;
 }

.box-programa-vacio {
	float: left;
	height: 120px;
	width: 100%;



}





#programa-foto {
	float: left;
	height: auto;
	width: 100%;
	left: 2183px;
}


#programa-foto img {

	width: 100%;

}


.programa-nombre {
	float: left;
	height: auto;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #424242;
	margin-top: 7px;
	text-decoration: none;
	text-align: center;

}

.programa-nombre a {
	color: #424242;
	text-decoration: none;
}
.programa-nombre a:hover {
	text-decoration: none;
}

.artista-box {
	width:100%;
	background-color: #FFFFFF;
	float:left;

}

.artista-foto {
	width:100%;	
}

.artista-foto img {
	width:100%;
}

.artista-titulo {
	width: 98%;
	background-color: #4f1272;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 25px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:2%;
	
}
.artista-texto {
	width: 56%;
	background-color: #CCCCCC;
	padding: 2%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	float:left;
}

.artistas-fila2 {
	width:40%;
	float:left;
}

.box-artistas-dia {
	float: left;
	height: 60px;
	width: 100%;

}
.box-artistas-dia-numero {
	float: left;
	height: 60px;
	width: 30%;
	background-color: #00bff8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;	
}
.box-artistas-dia-escrito {
	float: left;
	font-family: 'roboto', Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
	height: 20px;
	color: #00bff8;
	margin: 0px;
	line-height: 15px;
	width: 67%;
	padding-top: 10px;
	background-color: #FFFFFF;
	padding-left: 3%;
}

.box-artistas-dia-mes {
	float: left;
	font-family: 'roboto', Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
	height: 20px;
	color: #696a6a;
	margin: 0px;
	line-height: 15px;
	width: 67%;
	padding-top: 10px;
	background-color: #e5e5e5;
	padding-left: 3%;
}
.artista-votacion {
	float: left;
	height: auto;
	width: 96%;
	background-color: #fff;
	padding: 2%;
}

.artista-votacion div.OPP-choiceBar {
margin-top: 3px!important;
}


.dias-calendario {
	float: left;
	height: 26px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	background-color: #4f1272;
	margin: 0px;
	padding: 0px;
}

.diasemana-calendario {
	float: left;
	height: 21px;
	width: 16.66%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	padding-top: 5px;
	margin-top: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



.box-programa-izq {
	float: left;
	height: 120px;
	width: 33.33%;
	background-color: #CCCCCC;
	
 }

    
.box-programa-izq:hover{
    background: #fff;
 }
 
.box-programa-izq:active{
    background:#efefef;
 }

.box-programa-izq2 {
	float: left;
	height: 120px;
	width: 33.33%;
	background-color: #efefef;
	
 }

    
.box-programa-izq2:hover{
    background: #fff;
 }
 
.box-programa2-izq:active{
    background:#efefef;
 }





/* ==== tabnavagation === */

ul.tabNavigation {
	list-style: none;
	float: left;
	height: auto;
	width: 100%;
	background-color: #b068c4;
	padding:0;
	margin-top:0;
	margin-bottom:0;
	
}

ul.tabNavigation li {
	width: 16.66%;
	font-family: 'roboto', Arial, Helvetica, sans-serif;
	font-size: 28px;
	text-align: center;
	float: left;
	display: block;
	font-weight: bold;
	padding:0;
	border:0;
}

ul.tabNavigation li a {
	color: #FFF;
	text-decoration: none;
	background-color: #b068c4;
	display: block;
}

ul.tabNavigation li a.selected,
ul.tabNavigation li a:hover {
	text-decoration: none;
	background-color: #4f1272;
}
		
ul.tabNavigation li a:focus {
	outline: 0;
}

div.tabs &gt; div {
	float: left;

}
		
div.tabs &gt; div h2 {
	margin-top: 0;
}

#uno {
	float: left;
	height: auto;
	width: 100%;
	margin: 0px;
	padding-left: 0px;
	padding-bottom: 0;
	padding-top: 0px;
	padding-right: 0px;
}
#dos {
	float: left;
	height: auto;
	width: 100%;
	margin: 0px;
	padding-left: 0px;
	padding-bottom: 0;
	padding-top: 0px;
	padding-right: 0px;
}
#tres {
	float: left;
	height: auto;
	width: 100%;
	margin: 0px;
	padding-left: 0px;
	padding-bottom: 0;
	padding-top: 0px;
	padding-right: 0px;
}


#cuatro {
	float: left;
	height: auto;
	width: 100%;
	margin: 0px;
	padding-left: 0px;
	padding-bottom: 0;
	padding-top: 0px;
	padding-right: 0px;
}

#cinco {
	float: left;
	height: auto;
	width: 100%;
	margin: 0px;
	padding-left: 0px;
	padding-bottom: 0;
	padding-top: 0px;
	padding-right: 0px;
}

#seis {
	float: left;
	height: auto;
	width: 100%;
	margin: 0px;
	padding-left: 0px;
	padding-bottom: 0;
	padding-top: 0px;
	padding-right: 0px;
}
	

.numero-calendario {
	float: left;
	height: auto;
	width: 33.33%;
	position: relative;
}

.texto-calendario {
	float: left;
	height: auto;
	width: 100%;
	margin: 0px;
	z-index: 2;
	position: absolute;
	left: 0px;
	bottom: 0;
	padding-bottom:4px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	display:block;
}


.foto-calendario {
	float: left;
	height: auto;
	width: 100%;
	background-color: #3dbdff;
	position: relative;
	z-index: 1;
 }


.foto-calendario img {
	width: 100%;
	opacity: 1;
	filter: alpha(opacity=100); /* Para IE */
	transition: all 1.2s linear;
	-webkit-transition: all 1.2s linear;
	-moz-transition: all 1.2s linear;
	-o-transition: all 1.2s linear;
}


.foto-calendario img:hover {
	width: 100%;
	opacity: 0.5;
	filter:alpha(opacity=75); /* Para IE */
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
 	-o-transition: all 0.2s linear;
}


#caja_fbk {
	float: left;
	height: auto;
	width: 94%;
	padding: 3%;
	margin-bottom: 10px;

}


.box-competencia {
	float: left;
	height: auto;
	width: 33.33%;
}
.box-competencia-foto {
	float: left;
	height: auto;
	width: 100%;
	background-color: #3dbdff;
}

.box-competencia-foto  img {
	width: 100%;
	opacity: 1;
	filter: alpha(opacity=100); /* Para IE */
	transition: all 1.2s linear;
	-webkit-transition: all 1.2s linear;
	-moz-transition: all 1.2s linear;
	-o-transition: all 1.2s linear;
}


.box-competencia-foto  img:hover {
	width: 100%;
	opacity: 0.5;
	filter:alpha(opacity=75); /* Para IE */
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
 	-o-transition: all 0.2s linear;
}


.box-competencia-texto {
	float: left;
    height: 130px;
    width: 85%;
    padding: 7px 7.5%;
    background-color: #dbdbdb;
}

.box-competencia-texto:hover{
	background-color: #f7f7f7;
        }
.box-competencia-texto:active{
            background:#dbdbdb;
        }
		
		
.box-competencia-texto2 {
	float: left;
    height: 130px;
    width: 85%;
    padding: 7px 7.5%;
	background-color: #fff;
}

.box-competencia-texto2:hover{
	background-color: #f7f7f7;
        }
.box-competencia-texto2:active{
            background:#fff;
        }		


.box-competencia-titulo {
	font-family: 'roboto', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #3c3c3c;
    float: left;
    height: 50px;
    width: 100%;
    text-align: center;
	margin-top:10px;
}

.box-competencia-play {

	height: 30px;
	width: 100%;
	background-image: url(../img/iconos/play-competencia.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/*.box-competencia.activo .box-competencia-play {
background-image: url(../img/iconos/play-competencia-c.png);
}*/

div[data-competencia="internacional"] .box-competencia-play { background-image: url(../img/iconos/play-competencia.png); }
div[data-competencia="folclorica"] .box-competencia-play { background-image: url(../img/iconos/play-competencia-2.png); }
div[data-competencia="internacional"] div.activo .box-competencia-play { background-image: url(../img/iconos/play-competencia-c.png); }
div[data-competencia="folclorica"] div.activo .box-competencia-play { background-image: url(../img/iconos/play-competencia2--c.png); }

.box-competencia-bajada {
	float: left;
	height: auto;
	width: 100%;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3c3c3c;
	line-height: 18px;
	text-align:center;
}

.box-competencia-bk-vacio {
	float: left;
    width: 33.33%;
	background-color:#FFFFFF;
	text-align:center;
	height:324px;

}


.box-competencia-bk-vacio img {
	width:131px;
	height:324px;
}

div[data-cancion] { cursor: pointer; }


.box-jurado {
	float: left;
	height: auto;
	width: 50%;
}

.box-jurado-foto {
	float: left;
	height: auto;
	width: 100%;
	background-color: #3dbdff;
}

.box-jurado-foto  img {
	width: 100%;
	opacity: 1;
	filter: alpha(opacity=100); /* Para IE */
	transition: all 1.2s linear;
	-webkit-transition: all 1.2s linear;
	-moz-transition: all 1.2s linear;
	-o-transition: all 1.2s linear;
}


.box-jurado-foto  img:hover {
	width: 100%;
	opacity: 0.5;
	filter:alpha(opacity=75); /* Para IE */
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
 	-o-transition: all 0.2s linear;
}

.box-jurado-texto {
	float: left;
	height: 180px;
	width: auto;
	padding: 15px;
	background-color: #dbdbdb;
}

.box-jurado-texto:hover{
	background-color: #f7f7f7;
        }
.box-jurado-texto:active{
            background:#dbdbdb;
        }


.box-jurado-titulo {
	font-family: 'roboto', Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #3c3c3c;
	float: left;
	height: 30px;
	width: auto;
}


.box-jurado-play {
	float: right;
	height: 30px;
	width: 30px;
	background-image: url(../img/iconos/play-competencia.png);
	background-repeat: no-repeat;
	background-position: center center;
}

div[data-competencia="internacional"] .box-competencia-play { background-image: url(../img/iconos/play-competencia.png); }
div[data-competencia="folclorica"] .box-competencia-play { background-image: url(../img/iconos/play-competencia-2.png); }
div[data-competencia="internacional"] div.reproduciendo .box-competencia-play { background-image: url(../img/iconos/play-competencia-c.png); }
div[data-competencia="folclorica"] div.reproduciendo .box-competencia-play { background-image: url(../img/iconos/play-competencia2--c.png); }

.box-jurado-bajada {
	float: left;
	height: auto;
	width: auto;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3c3c3c;
	line-height: 18px;
}

div[data-cancion] { cursor: pointer; }




#caja-video {
	position:relative;
	width:auto;
	height:auto;
	float:left;
}
#caja-video img {
	position:relative;
	width:100%;
	height:auto;
}
#video {
	position: absolute;
	width:100% ;
	height:100% ;
	left:0;
	top:0;
	bottom:0;
	right: 0;
}

#video iframe {
width:100%;
height: 100%;
border:0px;
position: absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
}

#listado-video {
	width:100% ;
	height:auto;

}

#listado-video img {
	width:100% ;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	filter: alpha(opacity=100);
transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;

}

#listado-video img:hover {
	width:100% ;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	opacity: 0.7;
filter: alpha(opacity=70);

}
#listado-video ul {
	list-style: none;
    margin: 0px;
    padding: 0px;
}
#listado-video li {
	float:left;
	width: 25%;
	text-align:center;
  position: relative;
}

#listado-video li.activo:before {
    content: '';
    position: absolute;
    right: 10px;
    top: 6px;
    width: 22px;
    height: 22px;
    background-color: #078FBE;
    background-color: rgb(7, 143, 190, 0.9);
    border-radius: 12px;
    z-index: 1;
    border: 1px solid #fff;
}

#listado-video li.activo:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent #fff;
    z-index: 2;
}

#listado-video-texto{
	float:left;
	width: 100%;
	background-color:#000000;
	color: #FFFFFF;
	height:22px;
	line-height:22px;
	font-size:12px;
}













#listado-programacion {
	width:100% ;
	height:auto;
	 margin: 0px;
    padding: 0px;

		

}

#listado-programacion img {
	width:100% ;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;


}

#listado-programacion img:hover {
	width:100% ;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;


}
#listado-programacion ul {
	list-style: none;
    margin: 0px;
    padding: 0px;
	float:left;
				display: flex;
			align-items: stretch;



}
#listado-programacion li {
	float:left;
	width: 28%;
	text-align:center;
  position: relative;
  overflow:hidden;

}

#listado-programacion li.activo:before {
    content: '';
    position: absolute;
    right: 10px;
    top: 6px;
    width: 22px;
    height: 22px;
    background-color: #078FBE;
    background-color: rgb(7, 143, 190, 0.9);
    border-radius: 12px;
    z-index: 1;
    border: 1px solid #fff;
}

#listado-programacion li.activo:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent #fff;
    z-index: 2;
	 -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}







#listado-programacion li:nth-child(1)  {
font-size: 42px;
    color: #fff;
    font-family: 'Oswald', Arial, Helvetica, sans-serif;
    width: 16%;
	background-color:#ee3f54 ;


}


.color-dia {

	background-color:#f47281 !important;


}
#listado-programacion li span.mask{
font-size: 18px;
    bottom: -38px;
    width: 96%;
    margin: 0px;
    left: 0;
    transition: all .2s ease-in-out .25s;
    -moz-transition: all .2s ease-in-out .25s;
    -webkit-transition: all .2s ease-in-out .25s;
    -o-transition: all .2s ease-in-out .25s;
    overflow: hidden;
    position: absolute;
    background-color: #52b2ac;
    color: #FFFFFF;
    padding: 2%;
    visibility: hidden;
    font-family: 'Oswald', Arial, Helvetica, sans-serif;

}




#listado-programacion li:hover span.mask{
bottom: 0px;
transition:all .1s ease-in-out .25s;
-moz-transition:all .2s ease-in-out .25s;
-webkit-transition:all .2s ease-in-out .25s;
-o-transition:all .2s ease-in-out .25s;
overflow:hidden;
position: absolute;
color:#FFFFFF;
visibility:visible;
cursor:auto;


}

#listado-programacion li .texto-grupos {
	position: absolute;
    z-index: 1;
    bottom: 0;
    width: 98%;
    left: 0px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    padding: 3px 1%;

}
#listado-programacion li .texto-grupos-dia {
     width: 98%;
    font-size: 14px;
    line-height: 14px;
    padding: 5px 1%;
    text-transform: uppercase;
    float: left;
	padding-top:20px;

}
#listado-programacion li .texto-grupos-fecha{
width: 98%;
    font-size: 40px;
    line-height: 40px;
    padding: 5px 1%;
    text-transform: uppercase;
    float: left;
}



#cont-nominados-peli{

}
#cont-nominados-peli ul{
	list-style: none;
    margin: 0px;
    padding: 0px;
}
#cont-nominados-peli li{
float: left;
    width: 25%;
    text-align: center;
    position: relative;
    border-right: solid 1px #000000;
    box-sizing: border-box;
}
#cont-nominados-peli li a{
	float:left;
}

#cont-nominados-peli img{
	position:relative;
	width: 100%;
	height:auto;
}




#cont-nominados-gral{

}
#cont-nominados-gral ul{
	list-style: none;
    margin: 0px;
    padding: 0px;
}
#cont-nominados-gral li{
    float: left;
    width: 20%;
    text-align: center;
    position: relative;
    border-left: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
    box-sizing: border-box;
}

#cont-nominados-gral li:last-child {
	display:none;
}
#cont-nominados-gral li a{
	float:left;
}

#cont-nominados-gral img{
	position: relative;
    width: 100%;
    height: auto;
}

div.box-central a.perfil-nominadas:link,
div.box-central a.perfil-nominadas:visited {
display: block;
background-color: #fff;
padding: 5px 0px;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #333;
text-decoration: none;
float: left;
width:100%;
border-top: 3px solid #DADADA;
transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#cont-nominados-gral a.perfil-nominadas:hover {
color: #000;
background-color: #eee;
}


#listado-destacado-texto{
	    float: left;
    width: 90%;
    background-color: #000000;
    color: #FFFFFF;
    height: 36px;
    line-height: 18px;
    font-size: 15px;
    z-index: 1;
    bottom: 0;
    /* margin-bottom: 5px; */
    text-align: left;
    padding: 5px 5%;
    position: absolute;
    /* background: url('rgba.php/rgba(0, 0, 0, 0.7)'); */
    /* background: rgba(0, 0, 0, 0.7); */

}
#listado-destacado-texto-b{
	float: left;
    width: 90%;
    background-color: #DADADA;
    color: #000000;
    height: 85px;
    line-height: 16px;
    font-size: 12px;
    z-index: 1;
    bottom: 0;
    text-align: left;
    padding: 3px 5%;
	font-weight: bold;


}

.listado-destacado-nombre-peli{
	float: left;
    width: 100%;
    margin-top: 5px;
    font-style: italic;
    color: #737373;



}
#listado-video-texto{
	float: left;
    width: 100%;
    background-color: #000000;
    color: #FFFFFF;
    height: 22px;
    line-height: 22px;
    font-size: 12px;

}


.musicatab,
.musicatab:link,
.musicatab:visited {
	display: block;

	font-size:16px;
	font-family:'oswald', Arial, Helvetica, sans-serif;
	height: 30px;
	text-indent: 10px;
	margin: 0px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	background-color: #ee3f54 !important;
	color: #FFFFFF;
	background-position: right top !important;
	background-repeat: no-repeat !important;
	text-transform: uppercase;
	padding-top:5px;
	
}
.musicatab:hover {
	color: #000;
}







@media (max-width: 1070px) {

#listado-programacion li .texto-grupos-dia {
     width: 98%;
    font-size: 14px;
    line-height: 14px;
    padding: 5px 1%;
    text-transform: uppercase;
    float: left;
	padding-top:20px;

}
#listado-programacion li .texto-grupos-fecha{
width: 98%;
    font-size: 30px;
    line-height: 20px;
    padding: 5px 1%;
    text-transform: uppercase;
    float: left;
}





}


/* ===== RESOLUCIÓN &lt; 1180 ===== */

@media (max-width: 1000px) {

/*Noticia principal*/

#noticia-principal {
padding: 0;
width:100%;
}

#noticia-principal div.noticia-principal-foto img {
max-width:100%;
}

/*#noticia-secundaria {
width:50%;
}
#noticia-secundaria2 {
width:50%;
}
*/
/*
#noticia-secundaria p {
font-size: 14px;
line-height: 16px;
}

#noticia-secundaria2 p {
font-size: 14px;
line-height: 16px;
}*/



#contenedor-noticias-secundarias {
width: 100%;
float:left;
margin-bottom:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfdfdf+0,dfdfdf+50,b2b2b2+50,b2b2b2+50,b2b2b2+100 */
background: #dfdfdf; /* Old browsers */
background: -moz-linear-gradient(left, #dfdfdf 0%, #dfdfdf 50%, #b2b2b2 50%, #b2b2b2 50%, #b2b2b2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #dfdfdf 0%,#dfdfdf 50%,#b2b2b2 50%,#b2b2b2 50%,#b2b2b2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #dfdfdf 0%,#dfdfdf 50%,#b2b2b2 50%,#b2b2b2 50%,#b2b2b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#b2b2b2',GradientType=1 ); /* IE6-9 */
}

.contenedor-box {
	float: left;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
}




/*Programación*/

#programacion-portada {
width:100%;
}

/*Noticias en línea*/

a.mas-noticias:link,
a.mas-noticias:visited {
float:none;
font-size: 12px;
}

/*Boxes columna*/

div.box-columna {
position: static;
width:100%;
float:left;
margin-bottom:10px;
}

/*Box central*/

div.box-central {
width: 100%;
margin-bottom:10px;
}

/*Ads*/

div.publicidad-inferior {
width:100%;
}



.box-programa {

	height: 130px;

	
 }

.box-programa-vacio {
	height: 130px;

}


.box-programa-izq {
	height: 220px;
}





}

/* ===== RESOLUCIÓN &lt; 960 ===== */

@media (max-width: 960px) {

/* Header */

#especiales-header {
margin-bottom:34px;
}

#especiales-header .background-header-out {
padding-top:13%;
}

#especiales-header .background-header {
background-image: url(../img/header_tablet.jpg);
}

/* Header &gt; Menú */

#especiales-header ul {
bottom:-24px;
height: 24px;
}

#especiales-header ul li {
font-size: 11px;
height: 12px;
line-height: 12px;
padding-left: 5px;
padding-right: 5px;
}

#especiales-header ul li:nth-child(2) {
margin-left: 2px;
}

/*Noticia principal*/

#noticia-principal div.noticia-principal-foto {
position: relative;
}

#noticia-principal div.noticia-principal-foto a.link-noticia:link,
#noticia-principal div.noticia-principal-foto a.link-noticia:visited {
background-color: #52b2ac;
color: #fff;
display: block;
font-size: 26px;
padding: 5px 2%;
position: static;
width: 96%;
}




#noticia-principal div.noticia-principal-foto:hover a.link-noticia {
color: #fff;
background-color: #62459a;
}

#noticia-principal p {
font-size: 13px;
line-height: 16px;
padding-top:8px;
}

/*Menú equipos principal*/

#menu-equipos-principal li {
width: 31%;
margin-left: 1%;
margin-right: 1%;
}

.box-programa-izq {
	height: 200px;
}



}

/* ===== RESOLUCIÓN &lt; 725 ===== */

@media (max-width: 725px) {

/*General*/

#especiales-contenedor-principal {
margin:0%;
width:100%;
float:none;
}

#contenedor-columnas {
margin-top:10px;
}

/*Header*/

#especiales-header .background-header-out {
padding-top:15%;
}

#especiales-header .background-header {
background-image: url(../img/header_movil.jpg);
}

div.especiales-header-boton {
background-image: url(../img/boton_movil.png);
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 100%;
left:0px;
position: absolute;
top:0px;
width:18%;
z-index: 2;
}

div.especiales-header-boton:hover {
cursor: pointer;
}

#especiales-header {
margin-bottom:0px;
}

/*Menú*/

#especiales-header ul {
background-color: #fff;
background-color: rgba(255,255,255,0.75);
border:0px;
display: block;
float:none;
height: auto;
left:-100%;
margin:0px;
min-height: 100vh;
padding:0px;
position: absolute;
top: 0px;
width: 100%;
transition: left 0.3s linear;
  -webkit-transition: left 0.3s linear;
  -ms-transition: left 0.3s linear;
  -moz-transition: left 0.3s linear;
  -o-transition: left 0.3s linear;
}

#especiales-header ul li {
	background-color: #8B8B8B;
	border-bottom: 1px solid #9b9b9b;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	margin-top: 0px;
	padding: 0px;
	text-indent: 5%;
	width: 80%;
}

#especiales-header ul li:first-child {
background-color: #b2b2b2;
background-image: url(/especiales/recursos_especiales/menu/img/home.png);
background-position: 95% center;
background-repeat: no-repeat;
background-size: 18px 20px;
display: block;
}

#especiales-header ul li:nth-child(2) {
margin-left:0px;
}

/*Fotos*/

#galerias-fotos li span {
font-size: 15px;
bottom:0px;
}

#galerias-fotos li.hd span:after {
background-image: none;
}

/*Menú activado*/

#inner-wrap {
position: absolute;
left:0px;
transition: left 0.3s linear;
  -webkit-transition: left 0.3s linear;
  -ms-transition: left 0.3s linear;
  -moz-transition: left 0.3s linear;
  -o-transition: left 0.3s linear;
}

#especiales-header ul {
display: block;
position: absolute;
width: 100%;
padding:0px;
margin:0px;
top:0px;
border: none;
min-height: 100vh;
color: rgba(255,255,255,0.75);
}

body.menu-on #inner-wrap {
left:80%;
position: fixed;
}

body.menu-on {
overflow: hidden;
}

body.menu-on #especiales-header ul {
height: 100%;
left:-80%;
overflow-y: scroll;
z-index: 10;
}

/*Noticia principal*/

#noticia-principal div.noticia-principal-foto a.link-noticia:link,
#noticia-principal div.noticia-principal-foto a.link-noticia:visited {
font-size: 23px;
}

span.titulo-nav-box-central {
width:50%;
}

ul.nav-fechas-calendario {
padding-bottom:5px;
}

ul.nav-fechas-calendario li {
width:10.5%;
margin-bottom:5px;
}

/*Ficha equipos*/

div.ficha-equipo {
display: inline-block;
text-align: center;
padding:0px;
width:100%;
}

div.ficha-equipo img {
position: static;
width:100%;
max-width: 220px;
display: inline-block;
text-align: center;
margin-top:10px;
margin-bottom:10px;
}

div.ficha-equipo ul {
list-style-type: none;
text-align: left;
margin:0px;
padding:0px;
float:none;
width:100%;
margin-bottom:0px;
}

div.ficha-equipo ul li {
font-size: 13px;
border-bottom: 1px solid #d3d3d3;
position: relative;
padding:4px 0px;
font-weight: bold;
}

div.ficha-equipo ul li b {
font-weight: bold;
position: absolute;
left:3px;
top:3px;
text-indent: 5px;
}

div.ficha-equipo ul li span {
font-weight: normal;
display: block;
margin-left:125px;
}

/*Créditos y redes sociales*/

#especiales_creditos{
width: 96.875%;
margin-bottom: 0px;
height: auto;
background-color: #f4f4f4;
font-family: Arial, Helvetica, sans-serif;
padding-right: 1.56%;
padding-left: 1.56%;
font-size: 9px;
color: #666666;
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
}

ul#redes-sociales {
float:none;
width: 100%;
text-align: center;
padding: 10px 0px;
margin-top:0px;
border-bottom-width: 1px solid #ccc;
}

ul#redes-sociales li {
display: inline-block;
margin-right:3%;
width: 40px;
height: 40px;
border-radius: 3px;
}

ul#redes-sociales li img {
width: 32px;
height: 32px;
margin-top:4px;
}

/*Ads*/

div.publicidad-derecha,
div.publicidad-superior,
div.publicidad-inferior {
display: none;
}

div.publicidad-movil-superior,
div.publicidad-movil-central,
div.publicidad-movil-inferior {
display: inline-block;
text-align: center;
width: 100%;
}

div.publicidad-movil-superior img {
margin-bottom:10px;
width:100%;
max-width: 666px;
}

div.publicidad-movil-central img,
div.publicidad-movil-inferior img {
margin-bottom:10px;
width:100%;
max-width: 300px;
}



.box-competencia-texto {
	
	height: 160px;

}

		
.box-competencia-texto2 {

	height:160px;

}

#listado-video li {
	float:left;
	width: 50%;
	text-align:center;
}




}

@media (max-width: 550px) {
	
	#listado-programacion li .texto-grupos-fecha {
    width: 98%;
    font-size: 35px;
    line-height: 26px;
    padding: 30px 3%;
    text-transform: uppercase;
    float: left;
}

#listado-programacion li .texto-grupos-dia {
   display: none;
}


#listado-programacion li span.mask{
font-size: 12px;
}

#listado-programacion li:nth-child(1)  {
 width: 30%;

}

#listado-programacion li:nth-child(2)  {
 width: 35%;

}

 #listado-programacion li:nth-child(3)  {
 width: 35%;

}



 
#listado-programacion li:nth-child(4)  {
display: none;


}

 #listado-programacion li:nth-child(5)  {
 width: 30%;

}

 #listado-programacion li:nth-child(6)  {
 width: 35%;

}

 #listado-programacion li:nth-child(7)  {
 width: 35%;

}



#listado-programacion li:nth-child(8)  {
display: none;

}

.texto-noticia{
    font-size: 14px;
    line-height: 18px;

}


}

/* ===== RESOLUCIÓN &lt; 440 ===== */

@media (max-width: 440px) {

/*Menú equipos principal*/



#menu-equipos-principal li {
width: 48%;
margin-left: 1%;
margin-right: 1%;
}


#link-noticia2 {
line-height: 10px;
}

#noticia-secundaria p {
font-size: 12px;
line-height: 14px;
padding-top:60px;
}

#noticia-secundaria2 p {
font-size: 12px;
line-height: 14px;
padding-top:60px;
}


/*Fotos*/

#galerias-fotos li {
width:100%;
}

#fotos-portada #galerias-fotos li:nth-child(n+3) {
display: none;
}

.box-programa {
	height: 135px;
}


.box-programa-vacio {
	height: 135px;
}

.box-dia {
	width: 33.32%;
}

.artista-texto{
	width:100%;
}
.artistas-fila2{
	width:100%;
}

.box-competencia {
	width: 50%;
}


.box-competencia-titulo {
	font-size: 18px;
}



.box-jurado {
	width: 100%;
}



.box-programa-izq {
	height: 130px;
}

#caja-video {
	position:relative;
	width:auto;
	height:auto;
	float:left;
}
#caja-video img {
	position:relative;
	width:100%;
	height:auto;
}
#video {
	position: absolute;
	width:100% ;
	height:auto ;
	left:0;
	top:0;
	bottom:0;
	right: 0;

}
#cont-nominados-peli li {

    width: 50%;


}
#cont-nominados-gral li {
    width: 33.3%;

}

#cont-nominados-gral li:last-child {
	display:inherit;
}

.box-competencia-bk-vacio {
    width: 50%;

}
#listado-destacado-texto-b {
	height: 90px;
}



	#listado-programacion li .texto-grupos-fecha {
    width: 98%;
    font-size: 25px;
    line-height: 26px;
    padding: 10px 3%;
    text-transform: uppercase;
    float: left;
}

}
</pre></body></html>