@import url(../../../css);
a, abbr, acronym, address, b,bdo, big, blockquote, body, br, button, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, i,img, ins, kbd, legend, li, map, object, ol, p,pre, q,samp, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
  margin : 0;
  padding : 0;
}

fieldset, img {
  border : 0
}
img {
  max-width : 100%;
  height : auto
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display : block;
}
p {
  font-size : 14px;
  line-height : 20px
}
.center {
  text-align : center
}
ul li {
  list-style : none
}
.logo {
  border-bottom : none;
  max-width : 560px;
}
.logos-cam-1 span img {
  border-bottom : none;
  width : 200px;
  float : right
}
.logos-cam-2, .logos-cam-3 {
  display : none
}
header {
  border-bottom : 2px solid #de030b;
  position : fixed;
  top : 0;
  z-index : 100; background-image : url(../img/cabecera.jpg); width : 100%
}
.lenguage {
  background : #fff;
  height : 20px
}
.lenguage p {
  color : #fff;
  font-family: 'Lato', sans-serif;
  font-weight : 700;
  font-size : 9px;
  line-height : 20px
}
.lenguage a {
  color : #fff
}
  .lenguage a:hover {
  color : #fff;
  text-decoration : underline
}
.breadcrumb-2>.active {
  color : #DADBDB; text-transform : uppercase
}
h1 {
  font-family: 'Lato', sans-serif;
  font-weight : 600;
  font-size : 20px;
  margin-bottom : 20px;
  letter-spacing : 2px;
  text-align : center
}
.flechas {
  top : 50%;
  position : absolute
}
.carousel-caption h2 {
  font-family: 'Lato', sans-serif;
  font-weight : 400;
  font-size : 60px;
  border-bottom : none;
  letter-spacing : 1px;
  text-transform : none;
  line-height : 58px;
  margin-bottom : 12px
}
.carousel-caption p {
  text-transform : uppercase;
  letter-spacing : 1px;
  text-align : center
}
.bloque-1 {
  height : 180px;
  background-color : #6f6f6f;
  margin-bottom : 15px
}
video {
  width : 100%
}
.vid-home {
  height : 230px;
  background : #000
}
.video {
  background : #6f6f6f
}
.bloque-1 hr, .bloque-1 p {
  text-align : center;
  margin : 0 10px; font-family: 'Lato', sans-serif;
  color : #fff;
  font-size : 18px;
  font-weight : 400
}
.programa {
  background-color : #4f5852; margin-top:  15px;
}
.programa a {
  width : 100%;
  height : 100%;
  display : block;
  text-align : center;
  padding : 25px 20px 0 20px
}
.bloque-1 h3 {
  font-weight : 300;
  color : #fff;
  font-size : 18px;
  letter-spacing : 2px; text-align : center
}
.fl-abajo {
  width : 70px;
  height : 70px
}
.magazine {
  background : url(../img/bg-home-mag.png) center;
  background-size : 328px;
  padding-top : 35px
}
.magazine a {
  width : 100%;
  height : 100%;
  display : block;
  text-align : center;
  padding : 40px
}
  .bloque-1 a:hover img {
  opacity : .7
}
  .bloque-2 a:hover img {
  opacity : .7
}
  .bloque-2 a:hover i {
  opacity : .7
}
.bloque-2 {
  margin-bottom : 14px;
  height : 150px;
  border : 4px solid #544c42;
  text-align : center
}
.estrenos {
  background : url(../img/bg-home-estrenos.png) center
}
.fl-der {
  width : 20px;
  height : 20px
}
.bloque-2 h3 {
  font-family: 'Lato', sans-serif;
  font-weight : 400;
  color : #fff;
  font-size : 24px
}
.bloque-2 hr, .bloque-2 p {
  text-align : center;
  margin : 0 10px;
  color : #fff;
  font-size : 14px
}
.calendario h3, .calendario p {
  color : #544c42
}
  .calendario a:hover h3, .calendario a:hover p {
  color : #fff
}
.calendario a, .descuentos a, .estrenos a {
  width : 100%;
  height : 100%;
  display : block;
  text-align : center;
  padding : 40px
}
.sub-tit-estreno {
  font-size : 12px
}
#calendario .nav-tabs>li.no-active {
  width : 35px
}
#calendario .nav-tabs>li>a {
  width : 35px
}
#calendario{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin-left:0;margin-right:0;}
/* CALENDARIO: 2 columnas en >=768 (sin depender de .col-md-6 de Bootstrap) */
@media (min-width:768px){
  body[onload*="selecconarMes"] #calendario > .col-md-6{
    float:none;
    flex: 1 1 calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}
@media (max-width:767px){
  body[onload*="selecconarMes"] #calendario > .col-md-6{
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.calendario a .bg-tx-calendario {
  background : #fff;
  display : block
}
  .calendario a:hover .bg-tx-calendario {
  background : #544c42
}
.pasadas {
  padding : 5px 10px 5px 10px ;
  text-align : center;
  height : 30px;
  background-color : #c8030a;
}
.pasadas ul li {
  display : inline-block;
  color : #ffffff;
  margin-right : 15px
}
.pasadas ul li a {
  color : #ffffff
}
  .pasadas ul li a:hover {
  text-decoration : underline
}
.descuentos p, .estrenos p, .magazine p, .programa p, .video p {
  padding : 5px 0
}
.sub-tit {
  font-size : 42px
}
#el_festival p {
  margin-top : 20px
}
.comun h2 {
  color : #6E7072;
  font-family : 'Lato', sans-serif;
  font-weight : 500;
  margin : 21px 0 1px 0
}
.comun h3 {
  color : #1d1d1b;
  font-family: 'Lato', sans-serif;
  font-weight : 400;
  margin : 2px 0 -8px 0;
  font-size : 22px
}
.comun p {
  line-height : 145%
}
.comun h5 {
  margin-bottom : 0
}
.linea {
  margin-bottom : 20px!important;
  border-bottom : 1px solid #89705c
}
.creditos {
  position : absolute;
  color : #a6b6c0;
  z-index : 100000;
  right : 16px;
  bottom : 7px;
  font-size : 11px;
  text-align : right
}
.premios {
  margin : 20px 0 10px 0
}
.cabecera {
	max-width: 100% !important;
	background-color : #a1917a; padding: 15px 0 15px 0;
	
  
}
.cabecera h1 {
  color : #fff;
  border-bottom : none; sans-serif;
  font-weight : 500;
  font-size : 20px;
  letter-spacing : 2px;
  text-align : center;
  text-transform : uppercase; margin-bottom: 0px;
}
.programa-autor {
  padding-bottom : 9px;
  padding-top : 1px;
  text-align : left;
  font-size : 1.0em;
  font-weight : 600;
  line-height : 1.5em !important;
  
}
.programa-autor a {
  color : #c18a14
}
.programa-sala {
  border-bottom: 1px dashed #626261; color : #626261 !important;
  font-size : 1.0em; text-transform : uppercase;
  font-weight : 500;
  padding-top: 15px;
}
.programa-fechas {
  color : #626261!important
}
.programa-venta i, .programa-venta span {
  color : #544c42
}
.programacion .col-sm-4 a .programa-fechas {
  color : #544c42;
  padding : 5px 0 15px
}
.programacion p {
  color : #4f5852;
  margin : 0
}
.programacion .col-sm-4 a {
  display : block;
  opacity : 1
}
  .programacion .col-sm-4 a:hover {
  opacity : .7
}
.programacion h3 {
  font-family : 'Lato', sans-serif;
  line-height : 21px;
  margin : 10px 0 10px 0;
  font-size : 20px;
/*  text-transform : uppercase;*/
  color : #c8030a;
  font-weight : 300;
}
.programacion .col-sm-4 a.pro-obra {
  margin-bottom : 5px
}
.programa-web a {
  padding-top : 20px;
  color : #cfd5d9!important
}
.programa-web {
  font-size : 1.3em;
  text-align : right
}
  .programa-web a:hover {
  text-decoration : underline
}
.ficha p {
  margin-bottom : 20px; text-align : justify;
}
.ficha p a {
  color : #e30713!important; text-decoration : underline;
}
.datos {
  color : #DADBDB; margin-bottom: 15px;
}
.firma {
  text-align : right !important; font-weight : bold;
}
.ficha-datos {
  background : #89705c;
  color : #fff;
  padding : 15px;
  margin-bottom : 20px; margin-top : 40px;
  letter-spacing : 1px; border-radius : 2px;
}
.ficha-datos a {
  color : #4a4d4f
}
.ficha-datos h2 {
  font-family : 'Lato', sans-serif;
  font-weight : 600
}
.ficha-artistica {
  margin-top : 20px;
  font-size : .9em
}
.ficha-artistica .table td {
  padding-bottom : 10px
}
.ficha-artistica h4 {
  color : #fff
}
.bt-sidebar {
  display : block;
  color : #FFF;
  font-size : 12px; padding: 7px 0px 7px 0px; text-align : center;
  text-transform : uppercase;
  margin: 1px;
  background : #de030b;
  border: 1px solid #ffffff;
  max-width:95%;
}
}
  .bt-sidebar:hover {
  background : #626261; color : #FFF !important;
}
.bt-sidebar i {
  font-size : 18px;
  margin-right : 3px
}
.info-sidebar {
  margin-left : 20px;
  margin-bottom : 30px;
  margin-top : 30px
}
.critica {
  text-align : center;
  margin-top : 25px
}
.critica li {
  margin-bottom : 15px;
  padding-bottom : 15px;
  border-bottom : 1px solid #d5d5d5
}
.cabecera-festival {
  background : url(../fotos/elfestival/cabecera.png) no-repeat center;
  width : 100%;
  height : 80px;
  overflow : hidden
}
.cabecera-festival h1 {
  color : #fff;
  border-bottom : none;
  margin-top : 15px;
  font-weight : 100;
  font-size : 35px;
  margin-bottom : 20px;
  letter-spacing : 2px;
  text-align : center;
  text-transform : uppercase
}
  .festival a:hover {
  color : #666
}
.festival h4 {
  margin-left : 0
}
.cabecera-espacios {
  background : url(../fotos/espacios/cabecera.png) no-repeat center;
  width : 100%;
  height : 200px;
  overflow : hidden
}
.cabecera-espacios h1 {
  color : #fff;
  border-bottom : none;
  margin-top : 70px;
  font-family : Raleway, Times, sans-serif;
  font-weight : 100;
  font-size : 35px;
  margin-bottom : 20px;
  letter-spacing : 2px;
  text-align : center;
  text-transform : uppercase
}
.espacios-info {
  color : #4f5852;
  margin-top : 20px
}
.espacios-bloque {
  margin-bottom : 20px;
  padding-bottom : 20px; background-color: #fff;
}
.espacios-bloque h3 {
  margin-bottom : 20px
}
.espacios-info h3 {
  margin-bottom : 10px
}
.espacios-info-lista {
  margin-top : 20px
}
.espacios-info-lista ul li {
  margin-bottom : 2px;
  border-bottom : 1px solid #ffc4c0
}
.dosconciertos {
  background : #5C5E60;
  color : #DADBDB;
  padding : 7px;
  margin-bottom : 20px;
  letter-spacing : 1px;
  font-size : 12px;
}
.redteatros {
  background : #f6ceb2;
  padding : 7px;
  margin-bottom : 20px;
  letter-spacing : 1px;
  font-size : 12px;
}
.entradas-button a {
  background : #de030b; color : #FFF;
  border : 1px solid #ffffff;
  font-size : 14px; text-align : center;
  padding : 4px 8px;
  font-weight : normal;
  margin : 6px 0;
  margin-right : 12px;
  display : inline-block;
  text-decoration : none;
  max-width : 160px;
  width : auto;
}
  .entradas-button a:hover {
  color : #ffffff !important;
  background : #656564;
}
.espacios-info-lista ul li a ul .first-child {
  margin-left : 0;
  color : #de030b; font-size: 20px; text-transform : uppercase;
}
.espacios-info-lista ul li a {
  padding : 5px;
  display : block;
  overflow : hidden;
  color : #a1917a;
}
  .espacios-info-lista ul li a:hover {
  color : #343535; background-color : #ddd9d4;
}
  .espacios-info-lista ul li a:hover ul li {
  color : #343535;  transform: translateY(2px);
}
.espacios-info-lista ul li ul li {
  border-bottom : none;
  color : #343535
}
.fa-bullhorn {
  margin-bottom : 20px
}
  .espacios-info .col-sm-4 a:hover {
  color : #343535
}
.espacios-cel-left {
  width : 62%;
  float : left
}
.espacios-cel-right {
  width : 37%;
  float : right
}
.cabecera-prensa {
  background : url(../fotos/prensa/cabecera.png) no-repeat center;
  width : 100%;
  height : 80px;
  overflow : hidden
}
.cabecera-prensa h1 {
  color : #fff;
  border-bottom : none;
  margin-top : 15px;
  font-weight : 100;
  font-size : 35px;
  margin-bottom : 20px;
  letter-spacing : 2px;
  text-align : center;
  text-transform : uppercase
}
.prensa .info-sidebar {
  margin-bottom : 20px
}
.tilpren {
  font-size : 1.8rem;
  color : #de030b;
  text-transform : uppercase;
}
.prensa h4 {
  margin-top : 60px
}
.material-prensa {
  margin-top : 30px;
  border-top : 1px solid #ddd9d4
}
.material-prensa>li {
  border-bottom : 1px solid #ddd;
  padding : 10px 10px 10px 10px;
}
  .material-prensa li:hover {
  background-color : #ddd9d4; color: #a2a09e;  transform : translateX(1px);
}
.material-prensa li ul li {
  display : inline-block
}
.material-prensa li ul .first-child {
  width : 74%
}
.material-prensa li ul .second-child {
  width : 25%;
}
  .info-sidebar a:hover, .second-child a:hover {
  color : #666
}
.prensa-tex2 {
  font-size : 16px;
  font-weight : 400
}
#mes_diciembre {
  margin-right : 4px
}
p.h-tabs {
  font-family: 'Lato', sans-serif;
  font-weight : 400;
  color : #544c42;
  font-size : 20px
}
.tab-pane {
  margin-top : 20px
}
.borde-top {
  margin-top : 24px;
  width : 100%;
  max-width : 100%;
  margin-left : 0;
}
.dia-borde-right{}.dia-borde {
  padding : 15px;
  height : auto;
  min-height : 125px;
}
.dia-borde ul li {
  margin-bottom : 10px
}
.dia p {
  font-weight : 400;
  font-size : 14px
}
.dia .largo, .dia .largo-tx, .dia span {
  font-weight : 500;
  color : #6E7072; line-height: 1.2em;
}
.dia ul {
  margin-left : 15px
}
.dia .dia-nombre-obra li {
  display : inline-block;
  margin-right : 10px;
}
.largo-tx {
  font-style : italic; font-size : 1.0em !important;
}
.dia-semana p {
  text-align : center;
  margin-bottom : 5px
}
.dia-mes p {
  font-size : 60px;
  text-align : center;
  color : #aaaaaa
}
.mes p {
  font-size : 17px;
  text-align : center;
  padding-top : 36px
}
.dia a {
  overflow : hidden
}
  .dia a:hover {
  background : #f9f8f7
}
.medio .sub-tit {
  font-size : 17px
}
.dia .largo {
  text-transform : uppercase; font-weight : 600;  font-size : 1.2em !important;
}
.dia .largo-tx {
  font-weight : 400;
}
.cabecera-ademas {
  background : url(../fotos/ademas/cabecera.png) no-repeat center;
  width : 100%;
  height : 200px;
  overflow : hidden
}
.cabecera-ademas h1 {
  color : #fff;
  border-bottom : none;
  margin-top : 70px;
  font-family : Raleway, Times, sans-serif;
  font-weight : 100;
  font-size : 35px;
  margin-bottom : 20px;
  letter-spacing : 2px;
  text-align : center;
  text-transform : uppercase
}
.cabecera-noticias {
  background : url(../fotos/noticias/cabecera.png) no-repeat center;
  width : 100%;
  height : 200px;
  overflow : hidden
}
.cabecera-noticias h1 {
  color : #fff;
  border-bottom : none;
  margin-top : 70px;
  font-family : Raleway, Times, sans-serif;
  font-weight : 100;
  font-size : 35px;
  margin-bottom : 20px;
  letter-spacing : 2px;
  text-align : center;
  text-transform : uppercase
}
.cabecera-entradas-descuentos {
  background : url(../fotos/elfestival/cabecera.png) no-repeat center;
  width : 100%;
  height : 80px;
  overflow : hidden
}
.cabecera-entradas-descuentos h1 {
  color : #fff;
  border-bottom : none;
  margin-top : 15px;
  font-weight : 100;
  font-size : 35px;
  margin-bottom : 20px;
  letter-spacing : 2px;
  text-align : center;
  text-transform : uppercase
}
.entradas-descuentos a {
  color : #fff;
  text-decoration : none;
  padding : 26px 10px;
  margin-top : 20px;
  display : block;
  width : 222px;
  text-align : center;
  background-image : url(../img/fondo.gif)
}
  .entradas-descuentos a:hover {
  background : #999;
  color : #fff!important
}
.teatros h5 {
  border-bottom : 1px solid #d5d5d5;
  padding-bottom : 3px;
  margin-bottom : 3px
}
.teatros .col-sm-4 {
  padding-right : 40px;
  margin-bottom : 20px
}
#teatros li {
  margin-bottom : 5px
}
.asterisco {
  font-size : 10px
}
.teatros-precios {
  padding : 7px 20px;
  background : #f8f8f8;
  margin : 20px 0
}
  .teatros a:hover {
  color : #666
}
.resaltado {
  color : #e30613;
}
.footer {
  color : #4a4d4f;
 
  padding: 10px 0 10px 0;
  font-size : 12px;
background-color:#c3b7a7;
}
.footer ul {
  float : right
}
.footer ul li {
  display : inline-block;
  padding-left : 10px;
  margin-left : 10px;
  border-left : 1px solid #999
}
.footer ul li a {
  color : #4a4d4f
}
  .footer ul li a:hover {
  text-decoration : underline
}
.footer .first-child {
  border-left : none;
  padding-left : 0;
  margin-left : 0
}
.copy img {
  margin-right : 10px
}
.videoWrapper {
  position : relative;
  padding-top : 25px;
  height : 0;
  clear : both;
  outline : 1px solid red;
}
.videoWrapper.ratio-16-9 {
  padding-bottom : 56.25%;
}
.videoWrapper.ratio-4-3 {
  padding-bottom : 75%;
}
.videoWrapper iframe {
  position : absolute;
  top : 0;
  left : 0;
  width : 100%;
  height : 100%;
}
.social {
  position : fixed;
  left : 0;
  top : 420px;
  z-index : 2000;
}
.social ul {
  list-style : none;
}
.social ul li a {
  display : inline-block;
  color : #fff;
  background : rgba(200, 3, 10, 1);
  padding : 10px 13px;
  width : 40px;
  margin : 2px 0px 2px 0px;
  text-decoration : none;-webkit-transition : all 500ms ease;-o-transition : all 500ms ease;
  transition : all 500ms ease;
}
.social ul li .icon-facebook {
  background : rgba(252, 222, 153, 1);
}
.social ul li .icon-twitter {
  background : rgba(252, 222, 153, 1);

}
.social ul li .icon-googleplus {
  background : rgba(252, 222, 153, 1);

}
.social ul li .icon-pinterest {
  background : rgba(252, 222, 153, 1);
}
.social ul li .icon-mail {
  background : rgba(252, 222, 153, 1);
}
  .social ul li a:hover {
  background : rgba(252, 222, 153, 1);
  padding : 10px 15px 10px 15px;
  color : #fff;
}
.go-top {
  position : fixed;
  bottom : 1.0em;
  right : 1.0em;
  text-decoration : none;
  color : #ffffff !important;
  background : rgba(200, 3, 10, 1);
  font-size : 12px;
  padding : 1em;
  display : none;
}
  .go-top:hover {
  background : rgba(195, 183, 167, 1);
  color : #8f7f68 !important;
}
  @media (min-width : 1921px) {
  .logo{padding : 10px 0 10px 0;
}
.inicio {
  font-size : 150% !important; margin: 45% 15% 5% 15% !important;
  letter-spacing : 1px
}
  }@media (min-width : 1200px) and (max-width : 1920px) {
  .logo{padding : 10px 0 10px 0;
}
.inicio {
  font-size : 120% !important; margin: 35% 15% 5% 15% !important;
  letter-spacing : 1px
}
.logos-cam-1 span img {
  margin-right : 25px;
}
  }@media (min-width : 768px) and (max-width : 1200px) {
  .bloque-1{height : 220px;
  margin-bottom : 20px
}
.logo {
  border-bottom : none;
}
.video-home iframe {
  width : 309px;
  height : 170px
}
.vid-home {
  height : 232px
}
.diciembre {
  margin-right : 8px
}
.borde-top {
  margin-top : 24px;
  width : 100%;
  max-width : 100%;
  margin-left : 0;
}
.espacios-cel-left {
  width : 46%;
  float : left
}
.espacios-cel-right {
  width : 46%;
  float : right
}
.info-sidebar iframe {
  width : 269px
}
.inicio {
  font-size : 1.0em;
  letter-spacing : 1px; padding : 23em 10em 0 10em !important;
}
.logos-cam-1 span img {
  width : 170px;
  height : auto; margin-right : 30px;
}
  }}@media (max-width : 991px) {
  .comun{margin-top : 190px
}
.cabecera h1 {
  font-size : 26px;
}
.video-home iframe {
  width : 236px;
  height : 130px
}
.bloque-1 {
  height : 200px;
  margin-bottom : 20px
}
.logo {
  margin-top: 30px;
}
.logos-cam-2 {
  display : block
}
.logos-cam-2 span img {
  border-bottom : none;
  width : 170px;
  height : auto;
  margin-top : 10px;
  padding-right: 35px;
  float : right
}
.video {
  height : 160px!important
}
.logos-cam-1, .logos-cam-3 {
  display : none
}
.carousel-caption{}.pasadas {
  text-align : left;
  height : 70px;
}
.dia-borde {
  padding-bottom : 190px;
}
.bloque-1 h3 {
  font-size : 16px
}
.bloque-1 hr, .bloque-1 p {
  font-size : 16px;
  line-height : 22px
}
.programa {
  background-size : 218px
}
.flechas {
  top : 60%
}
.calendario a, .descuentos a, .estrenos a {
  padding : 19px
}
.vid-home {
  height : 177px
}
.programacion h3 {
  font-size : 18px;
  margin-bottom : 1px
}
.borde-top {
  margin-top : 24px;
  width : 100%;
  max-width : 100%;
  margin-left : 0;
}
.info-sidebar iframe {
  width : 198px
}
.diciembre {
  margin-right : 0
}
.h-tabs {
  display : none
}
.dia-borde-right {
  padding: 0px;
}
.dia{}.borde-top {
  margin-top : 24px;
  width : 100%;
  max-width : 100%;
  margin-left : 0;
}
.dia span {
  font-size: 0.8em !important;
}
.dia-mes p {
  font-size : 32px;
  padding-top : 0
}
.img-circle {
  width : 105px!important;
  height : 105px!important;
}
.dia ul {
  margin-left : 0
}
.dia-borde ul li {
  margin-bottom : 3px
}
.dia-borde {
  height : 100%
}
.material-prensa li ul .first-child, .material-prensa li ul .second-child {
  width : 100%;
  text-align : left;
}
.medio .sub-tit {
  font-size : 12px
}
.espacios-cel-left {
  width : 100%;
  float : left
}
.espacios-cel-right {
  width : 100%;
  float : left
}
.programa-sala {
  font-size : 11px
}
.programa-autor {
  font-size : 13px
}
.programa-fechas {
  font-size : 10px
}
.tituloextralargo {
  font-size : 15px!important
}
.dia .largo {
  font-size : 1.2em !important; text-align : left; padding-top : 15px;
}
.borde-top {
  margin-top : 24px;
  width : 100%;
  max-width : 100%;
  margin-left : 0;
}
  }@media (max-width : 767px) {
  .comun{margin-top : 130px
}
.cabecera {
  margin-top: 30px;
}
.cabecera h1 {
  font-size : 22px;
  padding-bottom : 5px!important;
}
.video-home iframe {
  width : 100%;
  height : 327px
}
.cabecera-ademas h1, .cabecera-entradas-descuentos h1, .cabecera-espacios h1, .cabecera-festival h1, .cabecera-noticias h1, .cabecera-prensa h1, .programacion h1 {
  font-size : 24px;
  letter-spacing : 1px
}
.inicio {
  font-size : 11px;
  letter-spacing : 1px;
  margin: 35% 15% 0% 15% !important;
}
.logos-cam-3 {
  display : block
}
.logos-cam-3 span img {
  border-bottom : none;
  margin : 5px 10px 5px 10px;
  float : right; max-height: 70px;
}
.logos-cam-1, .logos-cam-2 {
  display : none
}
.carousel-caption h2 {
  font-size : 40px;
  margin-bottom : 10px;
  letter-spacing : 0;
  line-height : 33px
}
.carousel-caption{}.video {
  height : 360px!important
}
.bloque-1 {
  height : 190px;
  margin-bottom : 20px
}
.bloque-2 {
  margin-bottom : 10px
}
.programa {
  background-size : 408px
}
.flechas {
  top : 57%
}
.pasadas {
  display : none
}
.vid-home {
  height : 250px
}
.copy {
  text-align : center
}
.footer ul {
  margin-top : 30px;
  float : none;
  text-align : center
}
.calendario a, .descuentos a, .estrenos a {
  padding : 30px
}
.programacion h3 {
  font-size : 21px;
  height : 100%
}
.espacios-info-lista ul li ul li {
  display : block;
  margin-left : 0
}
.espacios-info-lista ul li ul .first-child a {
  margin-bottom : 7px
}
.material-prensa li ul li {
  display : block
}
.programa a {
  padding : 30px 0
}
.magazine a {
  padding : 0
}
.info-sidebar iframe {
  width : 100%;
  height : 300px
}
.bt-sidebar, .info-sidebar, h4 {
  margin-left : 0
}

.prensa h4 {
  margin-top : 30px;
}
.dia span {
  font-size : 30px
}
.dia ul {
  text-align : center
}
.dia-nombre-obra img {
  display : none
}
.dia-datos-obra li {
  margin-right : 10px
}
.dia-mes p {
  font-size : 25px
}
.medio {
  padding-bottom : 13px;
  width : 100%
}
.dia {
  border-bottom : 2px solid #e30613
}
.dia-borde {
  padding : 0
}
.entradas-descuentos a {
  width : 100%
}
.teatros .col-sm-4 {
  padding-right : 5px
}
.medio .sub-tit {
  font-size : 16px
}
.programa-sala {
  font-size : 14px
}
.programa-autor {
  font-size : 12px;
  height : 100%
}
programa h5 {
  font-size : 10px;
}
.programa-fechas {
  font-size : 14px
}
.sub-tit {
  font-size : 22px
}
.espacios-info-lista {
  margin-top : 20px
}
.lenguage {
  height : 2px
}
.tituloextralargo {
  font-size : 18px!important
}
.dia .largo {
  font-weight : 600;
  font-size : 1.2em !important; text-align : center;
}
.borde-top {
  margin-top : 24px;
  width : 100%;
  max-width : 100%;
  margin-left : 0;
}
.largo-tx {
  padding-top : 15px; font-size : 1.0em !important;
}
.entradas-button {
  float : none !important;
  text-align : left;
  margin-bottom : 10px;
}
.entradas-button a {
  margin-right : 0;
  font-size : 12px;
}
  }@media (min-width : 721px) and (max-width : 800px) {
  .inicio{font-size : 0.8em;
  letter-spacing : 1px;
  padding : 20em 7em 0 7em !important;
}
  }@media (max-width : 420px) {
  .comun{margin-top : 90px !important
}
.cabecera h1 {
  font-size : 19px;
  padding-bottom : 5px!important;
  padding-top : 8px!important
}
header {
  position : fixed;
  top : 0;
  z-index : 100;

  width : 100%
}
.carousel-caption h2 {
  font-size : 30px;
  letter-spacing : 0;
  line-height : 30px;
  margin-bottom : 10px
}
.carousel-caption p {
  font-size : 12px;
  letter-spacing : 0
}
.carousel .item {
  min-height: 0 !important;
}
.carousel {
  height : auto!important
}
.carousel-inner {
  margin-top: 0 !important;
}
.carousel-inner>.item>img {
  position: relative !important;
  top : auto!important;
  left: auto !important;
  width: 100% !important;
  height : auto!important;
  min-width: 0 !important;
  display: block;
}
.bloque-1 {
  height : 220px;
  margin-bottom : 20px
}
.video {
  height : 220px!important
}
.vid-home {
  height : 179px
}
.footer ul li {
  text-align : left;
  font-size : 14px;
  border-top : 1px solid #e5e5e5;
  display : block;
  border-left : none;
  padding-left : 0;
  margin-left : 0;
  margin-top : 5px;
  padding-top : 5px
}
.secciones {
  margin-top : 140px
}
.ficha {
  margin-top : 100px
}
.comun {
  margin-top : 70px
}
.video-home iframe {
  width : 100%;
  height : 179px
}
.cabecera-ademas h1, .cabecera-entradas-descuentos h1, .cabecera-espacios h1, .cabecera-festival h1, .cabecera-noticias h1, .cabecera-prensa h1, .programacion h1 {
  margin-top : 0
}
.borde-top {
  margin-top : 24px;
  width : 100%;
  max-width : 100%;
  margin-left : 0;
}
.cabecera-ademas, .cabecera-entradas-descuentos, .cabecera-espacios, .cabecera-festival, .cabecera-noticias, .cabecera-prensa, .programacion {
  height : 100px
}
.dia-datos-obra li {
  margin-top : 10px;
}
.dia .largo {
  margin-bottom : 0px;
}
.medio .sub-tit {
  display : none
}
.programacion {
  height : 100%
}
.programa {
  background-size : 288px;
  background-color : #000
}
.programa a {
  width : 100%;
  height : 100%;
  padding : 60px 20px 0
}
.programa p {
  padding : 5px 0
}
.fl-abajo {
  width : 50px;
  height : 50px
}
.bloque-1 hr, .bloque-1 p {
  font-size : 14px;
  font-weight : 200;
  letter-spacing : .1em;
}
.bloque-1 hr {
  margin : 0 10px 15px;
  color : #fff;
  text-align : center
}
hr {
  border : 0;
  border-top : 1px solid #eee
}
hr {
  height : 0;
  box-sizing : content-box
}
hr {
  display : block;
  unicode-bidi : isolate;-webkit-margin-before : .5em;-webkit-margin-after : .5em;-webkit-margin-start : auto;-webkit-margin-end : auto;
  overflow : hidden
}
.inicio {
  font-size : 0.7em; padding : 1.0em 0em 0 0em !important;
}
  }@media (min-width: 1200px) and (max-width : 1920px) {
  .comun{margin-top : 140px !important;
}
  }@media (min-width: 992px) and (max-width : 1199px) {
  .comun{margin-top : 80px !important;
}
  }@media screen and (min-width: 768px) and (max-width : 992px) {
  .comun{margin-top : 90px !important;
}
  }@media (max-width : 767px) {
  .comun{margin-top : 90px;
}
  }@media (max-width : 420px) {
  .programacion{height : 100%;
}
.borde-top {
  margin-top : 24px;
  width : 100%;
  max-width : 100%;
  margin-left : 0;
}
.ficha-datos {
  padding : 5px;
  margin-bottom : 10px;
  letter-spacing : 1px;
  border-radius : 4px;
}
.ficha p {
  text-align : left;
}
}


/* CALENDARIO: contener columnas flotadas y ancla limpia bajo la cabecera */
body[onload*="selecconarMes"] .dia{display:flow-root;}
@supports not (display:flow-root){
  body[onload*="selecconarMes"] .dia{overflow:auto;}
}
:root{--fias-scroll-offset:170px;}
@media (max-width:991px){:root{--fias-scroll-offset:140px;}}
@media (max-width:767px){:root{--fias-scroll-offset:120px;}}
body[onload*="selecconarMes"] .tab-pane{scroll-margin-top:var(--fias-scroll-offset);}

/* Reduce el espaciado heredado del calendario antiguo para evitar “saltos” gigantes */
body[onload*="selecconarMes"] .borde-top{margin-top:24px;}


/* CALENDARIO: rejilla 7 columnas (mini-calendario) */
body[onload*="selecconarMes"] #calendario .nav-tabs{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:0;
  border-bottom:0;
  margin:0 0 12px 0;
}
body[onload*="selecconarMes"] #calendario .nav-tabs>li{
  float:none !important;
  margin:0 !important;
}
body[onload*="selecconarMes"] #calendario .nav-tabs>li>a,
body[onload*="selecconarMes"] #calendario .nav-tabs>li.no-active{
  width:100% !important;
  display:flex;
  align-items:center;
  justify-content:center;
  height:44px;
  padding:0 !important;
  border-radius:0 !important;
  box-sizing:border-box;
}
body[onload*="selecconarMes"] #calendario .nav-tabs>li.no-active{
  background:#ffffff;
  border:1px solid #dad5cd;
  color:#c3b7a7;
  font-weight:400;
}
body[onload*="selecconarMes"] #calendario .nav-tabs>li>a{
  border:1px solid #e5e5e5;
}


@media (max-width:767px){
  body[onload*="selecconarMes"] .dia > [class*="col-"]{
    float:none !important;
    width:100% !important;
  }
  body[onload*="selecconarMes"] .dia-borde-right{border-right:0 !important;}
  body[onload*="selecconarMes"] .dia ul{margin-left:0 !important;}
  body[onload*="selecconarMes"] .dia .dia-nombre-obra li{display:block;margin-right:0;}
  body[onload*="selecconarMes"] .dia .dia-nombre-obra img{margin:0 auto 10px;}
  body[onload*="selecconarMes"] .dia .largo, 
  body[onload*="selecconarMes"] .dia .largo-tx{ text-align:center; }
  body[onload*="selecconarMes"] .dia-datos-obra{ text-align:center; }
}


/* CALENDARIO: fondo blanco del bloque de contenidos (mantiene cabecera del sitio) */
body[onload*="selecconarMes"] .comun.programacion{
  background:#c3b7a7;
}