/*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 */

#header-emol-movil {
display: none;
}

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

/* Header > 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;
}

/* Header > Menú */

#especiales-header ul {
background-color: #c0ed25;
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: #000;
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: #666666;
}

#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;
}

/*Título cobertura*/

#contenedor-columnas h1 {
font-family: 'Oswald', Arial, Helvetica, sans-serif;
border-bottom: 2px solid #ad0f0f;
padding-bottom:0px;
margin-bottom:15px;
font-size: 28px;
color: #666666;
width: 76%;
}

#contenedor-columnas h1 span {
font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
color: #000;
padding-right:10px;
margin-right:10px;
font-size: 28px;
padding-left:5px;
position: relative;
}

#contenedor-columnas h1 span:after {
content: '';
position: absolute;
right:0px;
bottom:7px;
border-right: 2px solid #aaa;
height: 26px;
}

div.titular-principal {
float:left;
}

div.titular-principal img {
width:49%;
float:left;
margin-right:2%;
z-index: -1;
border: 0px;
}

div.titular-principal span {
font-size:12px;
color: #333333;
}

div.titular-principal h2 {
background-color: #000;
background-color: rgba(0,0,0,0.85);
float:left;
width:61%;
z-index: 10;
margin: 8px 0px 10px -15%;
padding: 10px 1.5%;
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;
}

div.titular-principal p {
font-size: 14px;
color: #333333;
}

div.titular-principal h2 a:link,
div.titular-principal h2 a:visited {
color: #fff;
text-decoration: none;
font-size:25px;
transition: color 0.1s linear;
  -webkit-transition: color 0.1s linear;
  -ms-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
}

div.titular-principal h2 a:hover {
color: #ff9933;
}

/*Titulares secundarios*/

ul.titulares-secundarios {
list-style-type: none;
background-color: #f2f2f2;
padding: 10px 10px 0px 10px;
display: inline-block;
vertical-align: top;
}

ul.titulares-secundarios li {
width:49%;
margin-right:1%;
display: inline-block;
margin-bottom:0px;
vertical-align: top;
margin-bottom:10px;
}

ul.titulares-secundarios li img {
width:50%;
float:left;
margin-right:10px;
border:0px;
}

ul.titulares-secundarios li a:link,
ul.titulares-secundarios li a:visited {
color: #595858;
font-size: 14px;
line-height: 17px;
font-weight: bold;
text-decoration: none;
transition: color 0.1s linear;
  -webkit-transition: color 0.1s linear;
  -ms-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
}

ul.titulares-secundarios li a:hover {
color: #333;
}

/*Noticias relacionadas*/

ul.noticias-relacionadas {
list-style-type: none;
padding:0px;
}

ul.noticias-relacionadas li.fecha {
color: #000000;
border-bottom: 1px solid #e0e0e0;
margin-bottom:15px;
text-indent: 5px;
font-size: 14px;
padding:0px;
padding-bottom:5px;
}

ul.noticias-relacionadas li {
position: relative;
padding-left: 48px;
padding-right:10px;
padding-top:2px;
margin-bottom:15px;
}

ul.noticias-relacionadas li span {
position: absolute;
left:0px;
top:0px;
background-color: #dddddd;
color: #333333;
font-size: 11px;
padding:4px 5px;
}

ul.noticias-relacionadas li a:link,
ul.noticias-relacionadas li a:visited {
font-size: 16px;
color: #333333;
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;
}

ul.noticias-relacionadas li a:hover {
color: #666;
}

ul.noticias-relacionadas li p {
color: #333333;
font-size: 12px;
padding:3px 0px;
}

/*Destacados multimedia*/

div.destacados-multimedia h4 {
background-color: #546280;
color: #fff;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
padding: 5px 0px;
text-indent: 5px;
margin:0px;
}

div.destacados-multimedia ul {
margin:0px;
list-style-type: none;
background-color: #e9e9e9;
padding:6px;
}

div.destacados-multimedia li {
background-color: #e9e9e9;
margin-bottom:20px;
font-size: 13px;
color: #546280;
line-height: 16px;
}

div.destacados-multimedia li:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
}

div.destacados-multimedia li:hover a:link,
div.destacados-multimedia li:hover a:visited {
color: #333;
}

div.destacados-multimedia li img {
width:100%;
border:0px;
margin-bottom:2px;
transition: opacity 0.2s linear;
  -webkit-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
}

div.destacados-multimedia li a:link,
div.destacados-multimedia li a:visited {
color: #546280;
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;
}

/*Tabs*/

a.tab-ver-mas:link,
a.tab-ver-mas:visited,
h3.tab-texto {
background-color: #237dcc;
display: block;
font-family: 'Oswald', Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
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: #c0ed25;
color: #000;
}

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

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

/*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: #8aa430;
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: #8aa430;
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;
}

/*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:42px;
width:21.5%;
}

/*Box central*/

div.box-central {
width: 76%;
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;
}


/*Ads*/

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

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 {
float:left;
position: relative;
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;
}

/* ===== RESOLUCIÓN < 1180 ===== */

@media (max-width: 1180px) {

/*Encabezado*/

#contenedor-columnas h1 {
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%;
}

/*Destacados multimedia*/

div.destacados-multimedia ul {
display: inline-block;
}

div.destacados-multimedia li {
width:32%;
display: inline-block;
margin:0.65%;
vertical-align: top;
line-height: 17px;
margin-bottom:10px;
}

div.destacados-multimedia li img {
margin-bottom:5px;
}

}

/* ===== RESOLUCIÓN < 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 > 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;
}

}

/* ===== RESOLUCIÓN < 725 ===== */

@media (max-width: 725px) {

/*General*/

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

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

/*Header*/

#header-emol-movil {
display: inline-block;
height: 30px;
text-align: center;
width: 100%;
background-color: #efefef;
border-bottom: 1px solid #ddd;
}

#header-emol-movil img {
border:0px;
display: inline-block;
margin-top:4px;
width:62px;
}

#contenedor-columnas h1 {
margin-top: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: #fff;
border-bottom: 1px dotted #ccc;
border: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%;
border-bottom: 1px dotted #ccc;
}

#especiales-header ul li:first-child {
background-color: #efefef;
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;
}

/*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;
}

/*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;
}

/*Destacados multimedia*/

div.destacados-multimedia li {
width:49%;
margin:0.5%;
}

div.destacados-multimedia li:last-child {
display: none;
}

}

/* ===== RESOLUCIÓN < 500 ===== */

@media (max-width: 500px) {

div.titular-principal {
float:left;
}

div.titular-principal img {
width:100%;
margin-top:5px;
margin-right:0%;
}

div.titular-principal span {
padding-left:5px;
}

div.titular-principal h2 {
width:96%;
margin: 0%;
padding: 10px 2%;
margin-bottom:10px;
}

div.titular-principal p {
font-size: 14px;
color: #333333;
}

div.titular-principal h2 a:link,
div.titular-principal h2 a:visited {
color: #fff;
text-decoration: none;
font-size:20px;
transition: color 0.1s linear;
  -webkit-transition: color 0.1s linear;
  -ms-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
}

div.titular-principal h2 a:hover {
color: #ff9933;
}

/*Titulares secundarios*/

ul.titulares-secundarios li {
width:100%;
margin-right:0%;
}

ul.titulares-secundarios li img {
width:40%;
}

}

/* ===== RESOLUCIÓN < 340 ===== */

@media (max-width: 340px) {

div.destacados-multimedia li {
width:100%;
margin:0%;
margin-bottom:20px;
}

}