@charset "utf-8";

/* CSS Document */

body {
    font-family: Arimo, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #010101;
    background-image: url(../images/textura.jpg);
}

body.home {
    background-image: url(../images/bg_home.gif), url(../images/textura.jpg);
    background-size: auto 280px, auto auto;
    background-repeat: repeat-x, repeat;
    background-position: 0px 175px, center center;
}


/*body.home{
background-image:url(../images/textura.jpg);
background-size:auto auto;
background-repeat:repeat;
background-position:center center; }*/


/* GENERICOS */

* {
    margin: 0px;
    padding: 0px;
}

img {
    border: 0;
}

b {
    color: #C11724;
}

h1,
h2,
h3,
h4,
a.flecha,
a.volver,
a.anterior,
a.siguiente,
#menu,
.titsubmenu,
.titdestacado,
#content .destacado div p,
.noticia div p,
.titsponsor,
#calendario_home .dia,
#peliculas div a,
.diaprograma div.innertext,
.diaprograma .prog_dia,
.hasCountdown,
.introcountdown,
.menudias a,
#submenu ul li a,
#menutop ul li a,
.pagindice .ind_texto a,
.especial,
.contacto input.button,
#trailerlink,
.flecha,
.diaprograma .time {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
}

#submenu ul li a,
#menutop ul li a,
a.flecha,
a.volver,
a.anterior,
a.siguiente,
#content .itemprensa p strong,
.contacto input.button,
#trailerlink,
.flecha {
    font-size: 0.9rem;
}

h1,
h2.h1 {
    font-size: 1.7em;
    color: #000;
    letter-spacing: 1px;
    padding-left: 15px;
    background: url(../images/flecha_negra.png) no-repeat 0 3px;
    margin-bottom: 20px;
}

h1 span {
    font-size: 0.8em;
}

h2 {
    font-size: 1.3em;
    color: #C11724;
}

h3 {
    border-top: 1px solid #010101;
    color: #010101;
    margin-bottom: 20px;
    padding-top: 1px;
}

h3 a {
    text-decoration: none;
}

h4 {
    text-transform: uppercase;
}

select,
input,
textarea,
p,
td {
    font-family: Arimo, Arial, Helvetica, sans-serif;
    color: #010101;
    font-size: 1em;
}

a {
    color: #010101;
}

a:hover,
li.selected a {
    color: #C11724;
}

p.destacar {
    background-color: red;
    margin: 0 3px;
}

.intro {
    font-size: 1.2em;
}

.grande {
    font-size: 1.2em;
}

div.divenlace {
    cursor: pointer;
}

.fltright {
    float: right;
}

#content img.fltright {
    float: right;
    margin: 0 0 10px 10px;
}

img.floatleft {
    float: left;
    margin: 0 10px 10px 0;
}

.clearb {
    clear: both
}

#menutop li.facebook,
#menutop li.twitter,
#menutop li.instagram,
#menutop li.youtube {
    padding-top: 0
}

#menutop li.facebook a,
#menutop li.twitter a,
#menutop li.instagram a,
#menutop li.youtube a {
    background-repeat: no-repeat;
    background-position: 0px 0;
    padding-left: 25px;
    display: block;
    padding-top: 0
}

#menutop li.facebook a {
    background-image: url(../images/facebook.png);
}

#menutop li.instagram a {
    background-image: url(../images/instagram.png);
}

#menutop li.youtube a {
    background-image: url(../images/youtube.png);
}

#menutop li.facebook a:hover {
    color: #35549b;
}

#menutop li.twitter a:hover {
    color: #22aed5;
}

#menutop li.instagram a:hover {
    color: #305c85;
}

#menutop li.twitter a {
    background-image: url(../images/twitter.png);
}


/*CAPA PRINCIPAL DEL CONTENIDO WEB*/

#frame {
    margin: auto;
    width: 1190px;
}

#top,
#cierre,
#content,
#submenu {
    text-align: left;
    float: left;
}

#top {
    width: 1150px;
    margin: 20px 20px 20px 20px;
}

#cierre {
    width: 100%;
    ;
    height: 190px;
    margin: 0px 0px 15px 0px;
    float: left;
    text-align: center;
}

#cierre .a2a_kit a {
    float: right;
    margin: 0 3px;
}

.logos {
    margin: 20px 0
}

#cierre p {
    text-align: center;
    font-size: 0.9em
}

#submenu {
    width: 160px;
    margin: 25px 50px 20px 60px;
}

#content {
    width: 900px;
    margin: 20px 0px;
    min-height: 400px;
}

.innercontent {
    width: 920px;
    margin: 0px 0px;
    min-height: 400px;
    float: right;
}

#logo {
    float: left;
    margin-top: 2px;
    margin-left: 4px;
    margin-top: -6px;
}

a.flecha,
a.volver,
a.anterior,
a.siguiente,
.flecha {
    display: inline-block;
    padding-left: 12px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    margin-top: 8px;
    text-decoration: none;
    min-height: 16px;
}

a.flecha,
.flecha {
    background-image: url(../images/flecha_negra_peq.png);
}

div.sede {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

div.sede a.flecha {
    float: left
}

a.volver {
    float: right;
    background-image: url(../images/flecha_negra_peq_izq.png);
}

a.anterior,
a.siguiente {
    background-image: url(../images/flecha_negra_peq_izq.png);
    float: left;
}

a.siguiente {
    background-image: url(../images/flecha_doble_der.png);
    padding-right: 16px;
    padding-left: 0px;
    background-position: right;
}

a.anterior {
    background-image: url(../images/flecha_doble_izq.png);
    margin-right: 40px;
    padding-left: 16px;
}

.asterisco {
    background-image: url(../images/asterisco.png);
    height: 11px;
    width: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 1px;
}


/* VARIACIONES HOME */

body.home #submenu {
    width: 0px;
    display: none;
}

body.home #content {
    width: 1150px;
    margin-left: 20px;
}

#presentacion,
#calendario_home,
#largosdestacados {
    float: left;
    margin-top: 30px;
    margin-bottom: 65px;
    background-color: #c11724;
}

#presentacion {
    width: 600px;
    margin-left: 80px;
    margin-right: 20px;
}


/*Quitar para video*/

#presentacion {
    width: 600px;
    height: 338px;
    border: 1px solid white;
    position: relative;
}

#presentacion div.imgbg {
    position: absolute;
    width: 600px;
    height: 338px;
    z-index: 8;
    background-size: cover;
}

#presentacion div.active {
    z-index: 9;
    opacity: 0.0
}

#presentacion .introcountdown {
    position: absolute;
    z-index: 10!important;
    color: white;
    font-size: 1.7em;
    left: 60px;
    top: 75px;
    text-shadow: 1px 1px #333;
}


/*hasta aqui*/

#presentacion.independiente {
    margin: 0;
    width: 600px;
    overflow: hidden
}

#calendario_home {
    width: 490px;
    overflow: hidden;
    position: relative;
}

#containerprograma {
    width: 5000px;
    position: absolute;
}

#calendario_home .diaprogramahome {
    float: left;
    width: 490px;
}

.menudias {
    width: 490px;
    margin-bottom: 5px;
    height: 25px;
    float: right;
}

.menudias a {
    display: block;
    width: 9.5%;
    text-align: center;
    float: left;
    font-size: 1.4em;
    cursor: pointer;
    color: #e08b92;
    line-height: 0.95em;
}

.menudias.cerrado a {
    cursor: auto;
    color: #e08b92;
}

.menudias.cerrado a:hover,
.menudias.cerrado a.selected {
    color: #e08b92;
}

#enimagenes .menudias {
    margin-left: 0;
    position: relative;
    top: 0;
    padding-left: 0;
    padding-right: 0;
}

#enimagenes .menudias a {
    cursor: pointer;
}

#calendario_home .menudias a:hover,
#calendario_home .menudias a.selected {
    color: #fff;
}

#sponsors,
#premiopub {
    width: 160px;
    margin-left: 40px;
    margin-right: 30px;
    float: left;
    text-align: left;
    cursor: pointer;
    border-top: 1px solid #010101;
}

body #sponsors p,
#premiopub p {
    margin-top: 10px;
    line-height: 1.2em;
}

#premiopub {
    margin-top: 20px;
}

#content #sponsors img {
    margin: 0px 0 12px 0;
    float: none;
}

#content .destacado {
    margin-bottom: 40px;
    margin-left: 20px;
    width: 290px;
    width: calc(50% - 20px);
    float: left;
    border-top: 1px solid #010101;
}

#content .destacado h2 {
    margin-bottom: 9px;
}

.titsponsor {
    border-top: 1px solid #010101;
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}

.titdestacado {
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
}

.destacado div.imgdestacado,
.noticia div {
    width: 100%;
    height: 0;
    padding-bottom: 56.365%;
    position: relative;
    margin: 0px 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.noticia div {
    width: 220px;
    height: 124px;
    padding-bottom: 0;
    position: relative;
    margin: 10px 0;
    background-position: center center;
}

#content .destacado div p,
#content .noticia div p {
    color: #FFF;
    padding: 10px;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    bottom: 0px;
    background-image: url(../images/negro50.png);
    background-repeat: repeat;
}

#content .destacado div a,
#content .noticia div a {
    color: #FFF;
    text-decoration: none;
    display: block;
    background-image: url(../images/flecha_blanca_peq.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 15px;
}


/*calendario home */

#calendario_home {
    color: #FFF;
    float: left;
    margin-top: 30px;
}

#calendario_home .cal_navegador {
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF;
    text-align: center;
    margin-bottom: 10px;
}

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

#calendario_home td a {
    display: block;
}

#calendario_home table {
    margin: auto;
}

#calendario_home td {
    color: #fff;
    font-size: 1.1em;
    padding: 5px 10px 5px 0;
}

#calendario_home .dia {
    font-size: 2.5em;
}

#calendario_home .anterior,
#calendario_home .siguiente {
    cursor: pointer;
    display: block;
    background-image: url(../images/flecha_blanca_izq.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 10px;
    padding: 5px;
    float: left;
    background-position: 5px 7px;
}

#calendario_home .siguiente {
    background-image: url(../images/flecha_blanca.png);
    float: right;
}

#calendario_home td {
    padding: 3px 0;
}

#calendario_home .tdhora {
    width: 45px;
    font-weight: bold;
    padding-left: 15px;
}

#calendario_home .tdtit {
    width: 345px;
    padding-right: 5px;
}

#calendario_home .nombre {
    width: 70px;
    padding-right: 0px;
    font-weight: bold;
}

#calendario_home tr.conover {
    cursor: pointer
}

#calendario_home tr.conover:hover {
    background-color: #FFF;
}

#calendario_home tr.conover:hover td,
#calendario_home tr.conover:hover a {
    color: #C11724;
}

#calendario_home .txtprox p {
    color: #fff;
    font-size: 1.3em;
    margin-top: 20px;
}


/* HOME durante */

#videopresentacion {
    width: 1110px;
    overflow: hidden;
    position: relative;
    margin-top: 5px;
    margin-bottom: 40px;
    margin-left: 40px;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

@media (max-width: 668px) {
    #videopresentacion {
        margin-left: 0;
    }
}


/* Then style the iframe to fit in the container div with full height and width */

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

#largosdestacados {
    width: 1110px;
    height: 430px;
    overflow: hidden;
    position: relative;
    margin-top: 5px;
    margin-bottom: 40px;
    margin-left: 40px;
}

#largosdestacados .imgbg {
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none;
    background-position: center center;
}

#largosdestacados .imgbg.active {
    z-index: 10
}

#largosdestacados .imgbg .innertext {
    background-color: rgba(193, 23, 36, 0.7);
    margin: 30px 20px 10px 80px;
    color: #fff;
    width: 590px;
    padding: 10px;
    text-decoration: none;

}

#largosdestacados .imgbg .innertext a {
    text-decoration: none;
    color: white;

}

#largosdestacados .imgbg .innertext .fecha {
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: 600;
}

#largosdestacados .imgbg a {
    text-decoration: none
}

#largosdestacados .director {
    margin-bottom: 5px;
    display: block;
}

#largosdestacados .imgbg .innertext h3 {
    color: white;
    text-transform: uppercase;
    border: 0;
    text-decoration: none;
    margin: 0 5px 0 0;
    font-size: 1.5em;
    background-image: url("../images/home/flecha_der.png");
    background-position: right 5px;
    background-repeat: no-repeat;
}

#largosdestacados .menudias,
.enimagenes .menudias,
.menudias {
    background-color: white;
    width: 550px;
    padding: 10px 5px 10px 5px;
    margin-left: 80px;
    position: absolute;
    top: 135px;
    z-index: 10;
}

#largosdestacados .menudias {
    background-color: rgba(255, 255, 255, 0.85);
    width: 600px;
}

#content .destacado.countdownbox {
    width: 600px;
}

.enimagenes .menudias.numenimagenes {
    width: 600px
}

#largosdestacados .nota {
    position: absolute;
    bottom: 50px;
    right: 20px;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 1900;
    color: #fff;
    padding: 5px;
}

.menudias a {
    color: #ecb6ba;
    font-size: 1.7em;
    padding: 0;
    text-align: center;
    box-sizing: border-box;
    width: 12.5%;
    display: block;
    float: left;
    text-decoration: none;
    padding-bottom: 6px;
}

#largosdestacados .nota2 {
    background-color: rgba(193, 23, 36, 0.7);
    bottom: 15px;
}

#largosdestacados .nota3 {
    background-color: rgba(193, 23, 36, 0.7);
    top: 25px;
    bottom: auto;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    padding: 30px 20px;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.9em;
}

#largosdestacados .menudias a:last-child {
    margin: 0;
}

.menudias a.selected,
.menudias.allselected a:hover {
    color: #c11724;
    border-bottom: 4px solid #c11724;
}

#largosdestacados .lower {
    text-transform: lowercase;
}

.notelopierdas {
    margin-left: 20px;
}

.notelopierdas h3 {
    font-size: 2.2em;
    width: 100%;
}

.enimagenes,
.videohome {
    width: 440px;
    float: left;
    margin: 0 0 40px 20px;
    position: relative;
}

#enimagenes .bx-wrapper .bx-viewport {
    border: none;
    background-color: transparent;
    left: 0;
    margin-bottom: 10px;
}

#enimagenes .galeriaitem {
    position: relative
}

#enimagenes .galeriaitem img {
    margin-right: 0;
    width: 100%;
}

#enimagenes .galeriaitem .galeria_fecha {
    position: absolute;
    bottom: 60px;
    left: 0;
    margin-left: 15px;
}

#enimagenes .galeria_piedefoto {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 15px;
    box-sizing: border-box
}

#enimagenes .galeria_flecha,
#enimagenes .bx-next,
#enimagenes .bx-prev {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url(../images/home/flecha_izq.png);
    background-repeat: no-repeat;
    background-position: center center
}

.enimagenes .galeria_flecha.der,
#enimagenes .bx-next {
    background-image: url(../images/home/flecha_der.png);
    right: 0
}

#enimagenes .bx-prev {
    left: 0;
}

.enimagenes .galeria_piedefoto {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 5px;
}

.ntp_item {
    position: relative;
    float: left;
    width: 100%;
    min-height: 120px;
    margin-bottom: 20px;
    background-color: #fff;
}

.notelopierdas .ntp_item figure.imgbg {
    width: 290px;
    height: 150px;
    background-size: cover;
    float: right;
    position: relative;
    margin-left: 10px;
}

.notelopierdas .ntp_item figure.imgbg img {
    height: 150px;
}

.ntp_item .ntp_tit,
.galeria_fecha {
    padding: 2px 5px;
    color: #fff;
    background-color: #c11724;
    font-size: 1.7em;
    display: inner-block;
    float: left;
    margin-right: 10px;
    margin-top: 0px;
    margin-left: 20px;
    font-weight: 600;
    text-transform: uppercase;

}

.ntp_item h4 {
    margin: 10px 0 0 20px;
    height: 35px;
    text-transform: uppercase;
    vertical-align: bottom;
    color: #c11724;
    line-height: 1.2em;
}

.ntp_item h4 a {
    color: #c11724;
}

.ntp_item p {
    margin: 5px 0;
    padding: 0 20px;
}

.rs_sidebar {
    width: 280px;
    float: left;
    margin-bottom: 40px;
}

.newsletter {
    margin-left: 20px;
    float: left;
}
.galeriaimagenes {
    margin-bottom: 40px;
}
#content ul.links_galleries {
    margin-bottom: 30px !important;
    margin-left: 0 !important;
}
.links_galleries li{
    display: inline-block;
}
.links_galleries li a{
    border: 1px solid black;
    padding: 5px 10px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 5px;
}
/* CLASES */

#content img {
    margin-right: 10px;
    float: left;
}

#content img.solinas {
    margin-right: 20px;
    margin-bottom: 20px;
    width: 242px;
    height: auto;
}

#content p {
    margin-bottom: 15px;
    line-height: 1.6em
}

#content ol,
#content ul {
    line-height: 1.6em;
    margin-bottom: 15px;
    margin-left: 20px;
}

#content ul.bullet {
    margin-left: 0px;
    list-style: disc;
    line-height: 1.5em;
    overflow: hidden;
    padding-left: 20px;
}

#content td {
    vertical-align: top;
}

#content ul,
#submenucol2 ul {
    list-style: none;
    margin-bottom: 15px;
    float: none;
}

#col_1 {
    width: calc(50% - 20px);
    float: left;
    margin-bottom: 40px;
}

#col_2 {
    width: calc(50% - 20px);
    float: right;
    margin-bottom: 40px;
}

#col_1.caja,
#col_2.caja {
    width: 320px;
    background-color: white;
    padding: 10px;
}


/*#col_1.caja {
	cursor: pointer;
	}
*/

.introcol {
    min-height: 150px;
}

.icon1,
.icon2 {
    display: block;
    height: 50px;
    background-image: url(../images/icon_ordenador.png);
    background-repeat: no-repeat;
    padding: 10px 0 0 60px;
    margin-bottom: 10px;
}

.icon2 {
    background-image: url(../images/icon_correo.png);
}

.button {
    width: 250px;
    height: 50px;
    box-sizing: border-box;
    display: inline-block;
    border: 0;
    background-color: #666;
    color: #fff;
    padding-top: 16px;
    cursor: pointer;
    font-weight: bold;
    margin: 0 20px 20px 0;
    text-decoration: none;
    text-align: center;
}

.button:hover,
.button.inscripcion:hover {
    background-color: #000;
    color: #fff;
}

.button.inscripcion,
.button.btred {
    background-color: #cd171a;
    padding-left: 15px;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 14px;
    padding-right: 15px;
    min-width: 205px;
    width: auto;
}

.button.inscripcion {
    background-image: url(../images/icon_ordenador2.png);
    background-repeat: no-repeat;
    padding-left: 60px;
    background-position: 15px center;
    padding-right: 10px;
    text-align: left;
}


/*DISEÑO DEL MENU PRINCIPAL*/

#menutop {
    float: right;
    width: 760px;
    height: 35px;
}

#menutop ul {
    list-style: none;
    height: 35px;
    float: right;
    margin-bottom: 3px;
}

#menutop ul li {
    float: left;
    margin-left: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 3px;
}

#menutop ul li a {
    padding: 0px;
    text-decoration: none;
    height: 30px;
    background-size: 25px 25px;
    display: block;
}


/*DISEÑO DEL MENU PRINCIPAL*/

#fechadocu {
    float: right;
}


/*DISEÑO DEL MENU PRINCIPAL*/

#menu ul {
    list-style: none;
    float: left;
    margin: 32px 0 0 30px;
    width: calc(100% - 230px);
}

#menu ul li {
    float: left;
    margin-left: 20px;
    border-top: 1px solid #010101;
    width: calc(16.66% - 20px);
    padding-top: 5px;
    font-weight: bold;
}

#menu ul li a {
    padding: 0 0 4px 0;
    text-decoration: none;
    display: block;
    width: 100%;
    font-size: 0.85rem;
    font-weight: normal;
}


/*DISEÑO DEL MENU PRINCIPAL*/

#submenu ul {
    list-style: none;
    width: 100%;
}

#submenu ul li.titsubmenu {
    width: 100%;
    border-top: 1px solid #010101;
    height: 45px;
    font-size: 0.9rem;
    padding-top: 5px;
}

#submenu ul li a {
    padding: 0px;
    text-decoration: none;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 0.9rem;
}


/* SECCION */

#peliculas {
    margin-left: -20px;
}

#peliculas div.pelicula {
    width: calc(50% - 20px);
    height: 248px;
    position: relative;
    margin: 0px 0px 40px 20px;
    float: left;
    background-color: #CCC;
    background-size: cover;
}

#col_1 #peliculas div.pelicula,
#col_2 #peliculas div.pelicula{
    width: 100%;
}

#peliculas .icon_horario,
#peliculas .icon_video {

    text-shadow: 1px 1px 2px #000000;
    ;
    background-repeat: no-repeat;
    color: white;
    font-family: Montserrat;
    line-height: 25px;
    background-position: right;
    background-size: 24px 24px;
    width: 0px;
    min-height: 24px;
    padding-left: 29px;
    margin: 5px 0 5px 5px;
    background-position: 0 0;
    overflow: hidden;
    padding-right: 0;
}

#peliculas .icon_horario:hover,
#peliculas .icon_video:hover {
    width: 300px;
}

#peliculas .icon_video {
    background-image: url(../images/icon_video.png);
}

#peliculas .icon_horario {
    background-image: url(../images/icon_clock.png);
    text-transform: lowercase;
}



#peliculas div.innertext:after {
    content: "";
    width: calc(100% - 20px);
    height: 56px;
    width: 20px;
    display: block;
    background-image: url(../images/flecha_blanca.png);
    background-position: right center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
    right: 20px;
    pointer-events: none;

}

#peliculas div.innertext {
    color: #FFF;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    bottom: 0px;
    background-color: rgba(0,0,0,0.5);

}

#peliculas div.linkvideo a {
    color: #FFF;
    text-decoration: none;
    display: block;
}

#peliculas div.innertext a,
.diaprograma div.innertext a {
    color: #FFF;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    width: 100%;
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 10px 20px 10px 10px;
    text-transform: uppercase;
}

#peliculas div a span {
    color: #CCCCCC;
    text-transform: none;
}

#peliculas h3 {
    float: left;
    width: calc(100% - 20px);
    margin-left: 20px;
    margin-top: 15px;
    text-transform: uppercase;
    font-size: 1.2em;
}

#peliculas .unicaproy {
    width: 100%;
    float: left
}

#peliculas .unicaproy h3 {
    padding-right: 20px;
    width: calc(100% - 40px);
    display: block
}


/* COLAB */

.catcolaboracion {
    float: left;
    width: 100%;
    min-height: 160px;
    text-align: center;
}

#content .catcolaboracion img {
    float: none;
    margin: 0 0 0 5px;
    vertical-align: middle;
}

.catcolaboracion h3 {
    text-align: left;
}


/* FICHA */
.peliculaficha h1 {
    text-transform: uppercase;
}
.peliculaficha h1 span{
    text-transform: none;
}
#centro {
    float: left;
    width: calc(100% - 310px);
    margin-right: 20px;
}

.cajasfechas {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    float: left;
    width: calc(100% + 10px);
    line-height: 1.5em;
    margin-left: -5px;
    margin-right: -5px;
}

.cajasfechas>div {
    background-color: white;
    padding: 20px;
    border-radius: 20px;    
    box-sizing: border-box;
    flex-grow: 1;
    width: calc(50%);
    margin: 0 5px;
}

.cajasfechas .botonregistro {
    text-decoration: none;
}

.cajasfechas h3 {
    font-size: 0.9rem;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.cajasfechas .icon_horario {
    background-image: url(../images/icon_clock.png);
    padding-left: 29px;
    background-size: 20px 20px;
    font-size: 1.1em;
    background-repeat: no-repeat;
}

#ficha {
    float: left;
    width: 100%;
    margin-right: 20px;
}

#fichatxt {
    float: left;
    width: 610px;
    margin-right: 20px;
}
#fichatxt.fullwidth{
    width: 100%;
}

#fichatxt .juv_prod{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
#fichatxt h3{
    width: 100%;
    text-transform: uppercase;
}
#fichatxt .juv_prod img{
    width: 35%;
    margin-bottom: 20px;
    position: relative;
}
#fichatxt .juv_prod .juv_ficha{
    width: 63%;
}
#fichatxt .juv_prod .juv_sinopsis{
    width: 100%;
    margin: 10px 0 30px;

}
#ficha .infobasica {
    width: 110px;
    background-color: #666;
    color: #FFF;
    float: left;
    height: 378px;
    padding: 35px 15px 15px 15px;
    margin-bottom: 20px;
}

#ficha .infobasica {
    background-color: rgba(0, 0, 0, 0.5)
}

#ficha .imagen {
    float: left;
    width: calc(100% - 140px);
    height: 428px;
    margin-bottom: 20px;
    position: relative;
    background-size: cover;
    background-position: center
}

#ficha .imagen img {
    width: 50px;
    height: 428px;
    position: absolute;
    left: 0;
    top: 0;
}

#fichatxt .repfecha {
    display: none
}

#trailerlink {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20%;
    height: 50px;
    background-image: url(../images/boton_video3.png);
    text-align: center;
    padding: 221px 40% 157px 40%;
    background-repeat: no-repeat;
    background-position: center center;
}

#ficha #trailerlink:hover {
    text-decoration: none;
}

#lateral_ficha {
    font-size: 0.9em
}

#lateral_ficha,
#lateral {
    width: 285px;
    float: right;
}

#lateral_ficha {
    width: 270px;
    float: left;
}

#lateral_ficha,
#lateral_ficha p {
    color: #4d4d4d;
    line-height: 1.5em;
    margin: 0px 0px 2px 0px;
}

#lateral_ficha li {
    padding: 0px 0px 0px 10px;
}

#lateral_ficha li strong {
    background-color: #CCC;
    width: auto;
    font-weight: normal;
    padding: 1px 10px;
    margin: 3px 0 3px -10px;
}

#lateral_ficha .enlaceprograma {
    background-image: url(../images/bggato2.png);
    height: 76px;
    width: 215px;
    color: #F00;
    padding: 5px 5px 0 50px;
    margin-bottom: 20px;
}

#lateral_ficha .enlaceprograma,
#lateral_ficha .enlaceprograma a {
    color: #FFF;
    text-decoration: none;
    font-size: 1.05em;
}

#lateral_ficha .enlaceprograma a.flecha {
    background-image: url(../images/flecha_blanca_peq.png)
}

#lateral_ficha .enlaceprograma a:hover {
    text-decoration: underline
}

#ficha img {
    margin-right: 0px;
    float: none;
}

#ficha p {
    margin-bottom: 15px;
}

table.fichabg td {
    background-color: #fae3e3;
    line-height: 16px;
    vertical-align: top;
    margin-bottom: 15px;
    padding: 2px 5px;
}

table.fichadata {
    margin-bottom: 15px;
}

#ficha a {
    text-decoration: none;
    color: #010101;
}

#ficha a.button,
#ficha a.button:hover {
    text-decoration: none;
    color: #fff;
}

#ficha a.subrayado {
    text-decoration: underline;
}

#ficha a.naveg_peli {
    color: #C11724;
}

#ficha a:hover {
    text-decoration: underline;
    color: #C11724;
}

#ficha img.flecha {
    margin-top: 3px;
    margin-right: 5px;
}

.textoextra {
    font-size: 0.9em;
    color: #000;
}


/*PROGRAMA */

body.programa #submenu {
    display: none
}

body.programa #content {
    width: calc(100% - 30px);
    box-sizing: border-box;
    margin-left: 30px;
}

body.programa .menudias {
    position: relative;
    margin: 0 20px 20px 0;
    top: 0;
    box-sizing: border-box;
    height: 45px;
}

body.programa .menudias a {
    width: 11.1%;
}

#largosdestacados .menudias a:hover,
.programa .menudias a:hover,
.menudias.allselected a {
    color: #c11724;
}

.programa h1 {
    display: inline-block;
}

.programa .extrah1 {
    float: right;
    margin-right: 20px;
    margin-bottom: 15px;
}

.diaprograma {
    float: left;
    width: 32%;
    margin-right: 1%;
}

.diaprograma.conover {
    cursor: pointer
}

.diaprograma .prog_dia {
    background-color: #666;
    color: #fff;
    width: 31px;
    height: 95px;
    padding-top: 5px;
    padding-left: 10px;
    float: left;
    font-size: 1.5em
}

.diaprograma .prog_dia {
    background-color: rgba(0, 0, 0, 0.5)
}

.diaprograma .prog_imagen {
    width: 100%;
    height: 209px;
    position: relative;
    background-position: center center;
    background-size: cover;
}

#content .diaprograma .prog_imagen img {
    width: 40px;
    height: 100px;
    float: right;
    margin: 0;
}

.diaprograma .prog_texto {
    background-color: #fff;
    float: left;
    min-height: 170px;
    margin-bottom: 20px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

.diaprograma .prog_texto a {
    text-decoration: none;
    margin-top: 20px;
}

.diaprograma .prog_texto tr.conover {
    cursor: pointer
}

.diaprograma .prog_texto tr.conover:hover {
    background-color: #7b7b7b;
}

.diaprograma .prog_texto tr.conover:hover td,
.diaprograma .prog_texto tr.conover:hover a,
.diaprograma .prog_texto tr.conover:hover td span {
    color: #fff
}

.diaprograma .time {
    background-color: #c11724;
    padding: 16px 10px 15px 10px;
    width: 62px;
    font-weight: normal;
    color: #fff;
    position: absolute;
    bottom: 0;
    z-index: 30;
    box-sizing: border-box;
    height: 50px;
}

.diaprograma .prog_texto .tdtit {
    padding-right: 15px;
}

.botonregistro,
.botonregistro:hover {
    display: inline-block;
    padding: 10px 15px;
    color: white;
    background-color: #c11724;
    margin-top: 10px;
}

.botonregistro.deshabilitado {
    background-color: #ccc;
}

.popupwrapper {
    height: 80%;
}

.tagssedes {
    float: left;
}

.tagssedes a {
    background: white;
    padding: 10px 15px;
    border-radius: 15px;
    display: inline-block;
    text-decoration: none;
    margin-right: 10px;
}

.tagssedes a.selected,
.tagssedes a:hover {
    background: #c11724;
    color: white;
}

.mfp-wrap.my-custom-class .mfp-content {
    height: 800px;
    max-height: 90vh;
    width: 800px;
    max-width: 90vw;
}

.diaprograma .prog_texto .nombre {
    width: 70px;
    text-align: left;
    font-weight: bold;
}

.diaprograma div.innertext {
    color: #FFF;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.51);
    z-index: 20;
    padding-left: 70px;
    height: 50px;
    display: table;
    text-transform: uppercase;
}

.diaprograma div.innertext div {
    display: table-cell;
    vertical-align: middle;
}

.diaprograma div.innertext a {
    color: #fff;
    padding: 6px 10px 6px 0px;
}

.diaprograma div.sombra {
    color: #FFF;
    padding: 6px 10px 6px 10px;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.51);
    z-index: 20;
    padding-left: 60px;
    height: 50px;
    display: table;
}

.contacto td {
    padding: 4px 0;
}

.contacto th {
    width: 120px;
    font-weight: normal;
    text-align: left;
    padding: 4px 0;
    vertical-align: top;
}

.contacto input {
    width: 470px;
}

.contacto input[type=text] {
    background-color: #fff;
    border: none;
    padding: 3px;
}

.contacto input.button {
    width: 100px;
    border: 0;
    background-color: #666;
    color: #fff;
    padding: 5px 0;
    cursor: pointer;
}

.contacto input.button:hover {
    background-color: #888;
    color: #fff;
}

.contacto textarea {
    width: 470px;
    height: 70px;
    background-color: #fff;
    border: none;
    padding: 3px;
}

#paginatexto {
    width: 755px;
    float: left;
}

#resultados {
    width: 755px;
    float: left;
}


/* JURADO */

.jurado,
.juradoultimo {
    width: calc(33.3% - 14px);
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

div.jurado:nth-child(3n+1) {
    margin-right: 0;
}

div.jurados div.juradoultimo {
    margin-right: 0;
}

.jurados .jur_texto {
    background-color: #666;
    color: #fff;
    width: calc(100% - 110px);
    height: 45px;
    padding-top: 55px;
    padding-left: 10px;
    float: left;
    margin-bottom: 20px;
}

.jurados .jur_texto {
    background-color: rgba(0, 0, 0, 0.5)
}

.jurados .jur_texto h4 {
    z-index: 999;
}

.jurados p {
    height: 309px;
    overflow: hidden;
    display: block;
    width: 100%;
    margin-bottom: 0;
}

#content .jurados p {
    margin-bottom: 0;
}

.jurados p.abierto {
    height: auto;
    overflow: visible
}

.jurados a.leermas {
    cursor: pointer
}

.jurados .jur_imagen {
    width: 100px;
    height: 100px;
    background-size: 100px 100px;
    float: left;
    text-align: right;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.jurados .jur_imagen img {
    width: 21px;
    height: 100px;
}


/* VALORACION */

ul.valoraciones li {
    margin-bottom: 15px;
    min-height: 40px;
}

ul.valoraciones li a {
    text-decoration: none
}

.grafico {
    float: right;
    margin-left: -5px;
    width: 300px;
    background-color: rgba(193, 23, 36, 0.15)
}

.floatright,
.votacionwrapper {
    float: right;
    margin: 0 0 10px 10px;
}

.floatright small {
    padding-right: 10px;
}

.tivotacion {
    float: right;
    margin: 5px 0 10px 10px;
}

.titulopelivotacion {
    float: left;
    clear: both;
    margin-bottom: 10px;
}

.barra {
    background-color: #c11724;
    display: block;
    height: 20px;
    transition: width 2s linear 0s;
    width: 0;
}

.votacion {
    background-color: #666;
    color: #fff;
    float: left;
    font-size: 1.2em;
    padding: 5px 5px 2px 5px;
    width: 40px;
    height: 30px;
    text-align: center;
    border-radius: 30px;
    margin-top: -8px;
    z-index: 999;
    position: relative;
}


/* INDICE SECCION */

.pagindice {
    float: left;
    margin-left: -20px;
}

.pagindice .itemindice,
.pagindice .itemedicion {
    width: calc(50% - 20px);
    cursor: pointer;
    float: left;
    height: 140px;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 40px;
    float: left;
    position: relative;
}

.pagindice .itemindice {
    background-color: #666;
}

.pagindice .ind_texto {
    color: #fff;
    font-size: 1.1em;
    background-image: url(../images/flecha_blanca.png);
    background-repeat: no-repeat;
    background-position: 21px 0;
    width: 160px;
    padding-top: 30px;
    padding-left: 20px;
    float: left;
    margin-bottom: 0px;
    position: absolute;
    bottom: 20px;
    z-index: 999
}

.premios .ind_texto {
    font-size: 1em;
}

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

.pagindice .ind_imagen,
.ntp_item figure.imgbg {
    width: 170px;
    height: 140px;
    float: right;
    text-align: right;
    background-repeat: no-repeat;
    background-position: center center;
}

.pagindice .ind_imagen img,
.ntp_item figure.imgbg img {
    width: 50px;
    height: 140px;
}

.pagindice div.imgbg,
.ntp_item figure.imgbg {
    position: absolute;
    width: 170px;
    right: 0px;
    height: 140px;
    z-index: 8;
}

.pagindice div.active {
    z-index: 9;
}


/* PRENSA */

#itemsprensa {
    margin-bottom: 20px;
    float: left;
}

#content .itemprensa {
    background-color: white;
    width: 570px;
    padding: 10px;
    float: left;
    margin-bottom: 20px;
}

#content .itemprensa p {
    width: 330px;
    float: left;
    margin: 0px;
}

#content .itemprensa img {
    float: right;
}

#itemsprensa .itemprensa img {
    margin-top: 22px;
}

#content .itemprensa img:hover {
    background-color: #7f7f7f;
}

#lateral a.lateral {
    margin-left: 0px;
}

#lateral .dossier {
    margin-bottom: 20px;
}

#lateral div {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.contacto h3,
.contacto form {
    float: left;
    width: 100%;
}


/* NOTICIAS*/

#noticias {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

#content .noticia {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    position: relative;
    min-height: 70px;
}

.noticia div {
    float: left;
    margin-top: 0;
    margin-right: 20px;
}

#noticias .noticia a.flecha {
    position: absolute;
    bottom: 10px;
    left: 240px;
}

.noticia a {
    text-decoration: none;
}

#lateral .menudestacado {
    margin-left: 0;
}

#lateral .menudestacado li {
    padding: 0 0 15px 0;
    text-transform: uppercase;
}

.menudestacado li a {
    display: block;
    background-color: #FFF;
    padding: 5px 10px;
    text-decoration: none;
}

#content .menudestacado li a:hover,
#content .menudestacado li.selected a {
    font-weight: normal;
    color: #fff;
    background-color: #757575;
}

#imgnoticia div {
    width: 590px;
    height: 332px;
    margin-bottom: 20px;
    box-sizing: border-box
}

#content .noticia ul {
    margin: 15px;
}

#content .noticia li {
    padding: 3px 0;
    list-style: disc;
}


/*eqUipo */

table.equipo1 {
    width: 425px;
    margin-bottom: 10px;
}

table.equipo2 {
    width: 425px;
}

table.equipo1 td,
table.equipo2 td {
    padding: 2px;
    background-color: #fae3e3;
    background-position: center;
    background-repeat: no-repeat;
    line-height: 16px;
}

#paginatexto .subcategoria {
    background-image: none;
    color: #C11724;
    font-weight: bold;
    padding-top: 10px;
}

.form_ins td {
    padding: 3px 5px 2px 0;
}

.inputbig {
    width: 500px;
}

#mc_embed_signup .mc-field-group input {
    max-width: calc(100% - 20px);
}


/*POPOP 2017 */

.home .fancybox-inner {
    background-color: #c11724;
}

#popup2017 {
    background-color: #c11724;
    height: 550px;
    width: 500px;
    padding: 10px;
}

#popup2017 #presentacion {
    margin: 10px 45px 20px 45px;
    width: 400px;
    height: 220px;
}
#popup2017 #presentacion div.imgbg{
    width: 400px;
    height: 220px;
}
#popup2017 .cal_navegador {
    margin-bottom: 10px;
}

#popup2017 #calendario_home {
    margin: 0px 0 30px 0;
    font-size: 1.0em;
}
#popup2017 .logo-edicion{
    max-width: 220px;
    height: auto;
    border-left: 10px solid white;
    border-top: 10px solid white;
}
#popup2017 #calendario_home img {
    float: left;
    margin-right: 20px;
    background-color: white;
    padding-right: 20px;
    padding-bottom: 10px
}

#menu .submenumov {
    display: none;
}

#popup2017 #mc_embed_signup_scroll p {
    color: white;
    background-color: transparent
}

body #mc_embed_signup .mc-field-group #mc-embedded-subscribe {
    color: #fff;
    width: 120px;
    display: inline;
    line-height: 20px;
    height: 34px;
    background-color: #666;
}

#popup2017 #calendario_home .dia {
    font-size: 1.8em;
}

body #mc_embed_signup form {
    padding-left: 15px;
    font-size: 0.9rem
}

body #mc_embed_signup .mc-field-group {
    width: 100%;
    float: left;
    margin-right: 20px;
    padding-bottom: 0;
}

body #mc_embed_signup .mc-field-group #mce-EMAIL {
    width: 100%;
    display: inline
}

body #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    margin-bottom: 0
}

body #mc_embed_signup #mce-success-response {
    color: black;
}


/*Menu desplegable */

#menu ul li.consubmenu {
    cursor: pointer;
    position: relative;
}

#menu .submenumov {
    position: absolute;
    left: 0;
    top: 25px;
    background-color: rgba(255, 255, 255, 0.95);
    width: 100%;
    z-index: 200;
    margin: 0
}

#menu .submenumov li {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
}

#menu ul li .submenumov li a {
    padding: 4px 2px;
    color: #000;
    font-size: 0.9rem;
}

#menu ul li .submenumov li.selected a,
#menu ul li .submenumov li a:hover {
    color: #c11724;
}

#imgnoticia .galeriaimg,
.galeriaimg {
    float: left;
    height: auto;
}

#content .noticia .galeriaimg a {
    width: 290px;
    height: 175px;
    overflow: hidden;
    display: block;
    float: left;
    margin-bottom: 20px;
    padding: 0;
}

#content .galeriaimg a:nth-child(2n+1) {
    margin-right: 20px
}

.home #content .galeriaimg a:nth-child(2n+1) {
    margin-right: 0px
}

#content .galeriaimg img {
    max-width: 290px;
    float: left;
}

#presentacion .hasCountdown {
    margin-top: 125px;
    height: 85px;
}

@media (min-width: 668px) {
    .d-hide {
        display: none;
    }
}


/* RESPONSIVE************************************************************** */

@media (max-width: 668px) {
    body {
        font-size: 1em;
    }
    #frame {
        width: 97%;
        margin: 1.5%;
    }
    #top,
    #content,
    #cierre,
    #centro,
    #lateral_ficha,
    #largosdestacados,
    #lateral,
    #imgnoticia div,
    .jurado,
    .juradoultimo,
    .jurados p,
    #presentacion iframe,
    .videohome,
    .videohome iframe,
    #ficha,
    #fichatxt,
    body.home #content,
    #presentacion,
    #calendario_home,
    #sponsors,
    #content .destacado,
    .destacado div,
    #col_1,
    #col_2,
    .pagindice .itemindice,
    #peliculas div.pelicula,
    #calendario_home .menudias,
    #calendario_home,
    #presentation,
    #presentacion div.imgbg,
    #presentacion .hasCountdown,
    .innercontent,
    .enimagenes,
    #premiopub,
    #content .destacado.countdownbox {
        width: 100%;
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }
    #calendario_home {
        margin-bottom: 20px;
    }
    #calendario_home table {
        font-size: 0.9em
    }
    .pagindice .itemindice {
        margin-left: 0;
        margin-bottom: 20px;
    }
    #menutop li.inicio {
        display: none
    }
    .pagindice,
    #peliculas,
    .notelopierdas,
    .enimagenes {
        margin-left: 0;
    }
    img {
        max-width: 100%;
        height: auto
    }
    .m-hide {
        display: none;
    }
    #logo img {
        width: 120px;
        height: auto;
        margin-left: -10px;
    }
    h1,
    h2.h1 {
        font-size: 1.4em;
    }
    a.volver {
        margin-right: 5px;
        display: none;
    }
    #menu ul {
        margin: 15px 0 8px 0;
        width: 100%;
    }
    #menu ul li {
        margin-right: 2%;
        margin-left: 0;
        width: 31.3%;
        font-size: 0.8em;
        position: relative;
    }
    #menu ul li .submenumov li a {
        padding: 2px;
        color: #000;
    }
    #menutop li.facebook,
    #menutop li.twitter,
    #menutop li.instagram {
        width: 15px;
    }
    #menutop li.facebook a,
    #menutop li.twitter a,
    #menutop li.instagram a {
        width: 0px;
        overflow: hidden;
    }
    #menutop {
        width: auto
    }
    #menutop ul li {
        margin-left: 14px;
    }
    #menu ul li a {
        padding-bottom: 10px;
    }
    .destacado div,
    .noticia div {
        margin: 0 10px 10px 0
    }
    #submenu {
        display: none
    }
    /* HOME */
    #calendario_home .dia {
        font-size: 2em
    }
    body.home {
        background-image: url("../images/textura.jpg");
        background-position: 0 0;
        background-repeat: repeat;
    }
    #presentacion {
        background-color: transparent;
        border: none;
    }
    #presentacion iframe {
        height: 192px;
    }
    #calendario_home .menudias {
        margin-bottom: 10px;
    }
    #calendario_home {
        padding: 10px 0;
        height: auto;
    }
    #containerprograma {
        position: relative
    }
    #largosdestacados {
        margin-bottom: 20px;
    }
    #content .destacado,
    #presentacion {
        margin-bottom: 40px;
    }
    .destacado div.imgdestacado {
        background-size: cover;
        height: 0;
        padding-bottom: 50%;
    }
    #presentacion.independiente {
        width: 100%
    }
    #content .destacado div p {
        width: 100%;
        padding: 10px 2.5%;
    }
    .newsletter {
        margin-left: 0px;
    }
    #largosdestacados {
        margin-bottom: 40px;
        font-size: 0.85em;
        height: 400px;
    }
    #largosdestacados .nota {
        bottom: 20px;
        right: 20px;
    }
    #largosdestacados .nota2 {
        display: none;
    }
    #largosdestacados .nota3 {
        top: auto;
        bottom: 70px;
    }
    #presentacion .hasCountdown {
        margin-top: 105px;
        font-size: 0.9em;
        padding: 0
    }
    #calendario_home .txtprox p {
        font-size: 1.1em;
        margin: 0 10px 0 10px;
    }
    #largosdestacados .imgbg .innertext {
        max-width: calc(100% - 40px);
        margin: 30px 20px 10px 20px;
        box-sizing: border-box;
    }
    #largosdestacados .menudias,
    .enimagenes .menudias {
        display: none
    }
    .ntp_item h4 {
        height: auto;
        margin-left: 5px
    }
    .ntp_item .ntp_tit {
        float: none;
        margin-top: 10px;
        margin-left: 5px;
    }
    #content .ntp_item p {
        padding-left: 5px;
    }
    .notelopierdas .ntp_item figure.imgbg {
        margin-bottom: 10px;
        width: 180px
    }
    .notelopierdas h3 {
        margin-top: 20px;
    }
    .rs_sidebar {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #popup2017 {
        max-width: 100%;
        box-sizing: border-box;
    }
    #popup2017 #presentacion {
        margin: 0
    }
    #popup2017 #calendario_home img {
        float: none;
        margin-bottom: 20px;
        margin-right: 0;
        display: none;
    }
    /*PROGRAMA*/
    .prog_dia {
        float: left
    }
    .diaprograma {
        width: 100%;
    }
    .diaprograma .prog_imagen {
        width: 100%;
        background-size: cover;
        font-size: 0.85em;
    }
    body.programa .menudias {
        width: 100%;
        margin-right: 0;
    }
    body.programa .menudias a {
        font-size: 1.2em;
    }
    .diaprograma .prog_dia {
        width: 7%;
        padding-left: 2%;
    }
    body.programa #content {
        width: 100%;
        margin-left: 0
    }
    #content .bajarpdf {
        display: block;
        float: right;
        text-align: right;
    }
    /* NOTICIAS */
    #content .noticia div p {
        display: none
    }
    #noticias .noticia a.flecha {
        position: relative;
        left: 0;
        bottom: auto;
    }
    .noticia div {
        width: 100%;
        padding-bottom: 56%;
        height: 0;
    }
    #imgnoticia div {
        height: 370px;
        background-size: cover;
        margin-bottom: 10px;
    }
    /*PRENSA */
    #content .itemprensa {
        width: 95%;
        padding: 10px 2.5%;
    }
    #content .itemprensa p {
        width: 80%;
    }
    /*JURADO*/
    .jurados .jur_texto {
        width: 67%;
        padding-left: 2.5%;
    }
    .jurados .jur_imagen {
        width: 30%
    }
    .jurado,
    .juradoultimo {
        margin-bottom: 20px;
    }
    /*CONTACTO*/
    .contacto table {
        width: 100%;
    }
    .contacto textarea,
    .contacto input {
        width: 100%;
        box-sizing: border-box;
    }
    #lateral {
        margin-top: 20px;
    }
    /* PREMIO */
    #content img.full {
        width: 290px;
        margin: 10px 60px;
    }
    .votacionwrapper {
        width: 100%;
    }
    .votacionwrapper .grafico {
        float: left
    }
    /*FICHA */
    #ficha .imagen {
        width: calc(100% - 90px);
        height: 231px;
    }
    #ficha .imagen img {
        height: 231px;
    }
    #ficha .infobasica {
        width: 80px;
        padding-left: 5px;
        padding-right: 5px;
        height: 181px;
        font-size: 0.85em;
    }
    #ficha #trailerlink {
        padding: 122px 40% 58px 40%
    }
    #fichatxt .repfecha {
        display: block
    }
    .peliculaficha #content {
        padding-bottom: 50px;
        position: relative;
    }
    
    div.botonessigant {
        position: absolute;
        bottom: 20px
    }
    #fichatxt .juv_prod img{
        width: 100%;
    }
    #fichatxt .juv_prod .juv_ficha{
        width: 100%;
    }
    /*PELICULA*/
    #peliculas div.pelicula {
        background-size: cover;
        margin-bottom: 20px;
    }

    .pagindice .itemindice {
        min-width: 300px;
    }
    #peliculas h3 {
        margin-left: 0;
    }
    #peliculas .unicaproy {
        width: 100%;
        float: left
    }
    #peliculas .unicaproy h3 {
        padding-right: 20px;
        width: calc(100% - 20px);
        display: block
    }
    #lateral_ficha .enlaceprograma {
        font-size: 0.85em;
        line-height: 1.4em;
    }
    .pagindice .itemindice,
    .pagindice .itemedicion {
        margin-left: 0;
        margin-right: 10px;
    }
}
/* Pelicula infantil*/

#peliculas div.pelicula.seccion-cine-juvenil:before,
body.seccion-cine-juvenil #ficha .imagen:before,
body.seccion-cine-juvenil .juv_prod:before,
.diaprograma.seccion-cine-juvenil .prog_imagen:before
{
    content: "";
    background-image: url(../images/gatito.png);
    background-size: contain;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;

}
#peliculas div.pelicula.seccion-cine-juvenil:before,
.diaprograma.seccion-cine-juvenil .prog_imagen:before{
    width: 70px;
    height: 70px;
}
body.seccion-cine-juvenil .juv_prod:before
{
    width: 50px;
    height: 50px;
    right: auto;
    top: 50px;
    left: 10px;
}

/*Cambios 2021*/

#frasehome {
    text-align: center;
    margin-bottom: 40px;
    margin-left: 20px;
    width: 100%
}

.logoscolab {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.logoscolab li {
    max-width: 300px;
    padding: 10px 20px;
    list-style: none;
    text-align: left;
}

.logoscolab li img {
    max-width: 300px;
    height: auto;
}

.logoscolab span {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
}

body.programa .menudias a.menudiaslabel {
    pointer-events: none;
    width: 40px;
    font-size: 17px;
}

.iframewrapper {
    padding-bottom: 59.5%;
    position: relative;
    display: block;
    width: 100%;
}

.iframewrapper iframe {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width:668px) {
    #content img.full {
        width: 100%;
        margin: 10px 0px;
    }
    #frasehome {
        margin-left: 0px;
        margin-right: 0px;
        width: auto;
    }
    .logoscolab li {
        max-width: 50%;
    }
    .logoscolab li img {
        max-width: 100%;
    }
    #largosdestacados .nota3 {
        font-size: 1em;
    }
}


/*SOLINAS*/

.tooltip p {
    color: #fff;
    text-align: left
}

@media (min-width:481px) and (max-width:668px) {
    body {
        font-size: 0.95em;
    }
    h1 {
        font-size: 1.3em;
        margin-bottom: 10px;
    }
    .destacado div {
        background-size: cover;
        height: 125px;
        padding-bottom: 0;
    }
    #ficha .imagen {
        width: 290px;
        width: calc(100% - 120px);
    }
    #ficha .infobasica {
        width: 90px
    }
    #menu ul {
        margin: 10px 0 5px 0
    }
    #menu ul li {
        margin-right: 1%;
        margin-left: 0;
        width: 15.666%;
        font-size: 0.8em
    }
    #logo img {
        width: 90px;
        height: auto;
        margin-left: -10px;
    }
    .destacado div {
        width: 250px;
        float: left;
        margin-right: 10px;
    }
    .notelopierdas .ntp_item figure.imgbg {
        margin-bottom: 10px;
        width: 290px
    }
}

@media (max-width:510px) {
    .notelopierdas .ntp_item figure.imgbg {
        width: 100%
    }
}