/*Animations*/

/*Fuentes*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
.video-index {
	max-width: 700px;
  background-color: #666;
  margin: 50px auto;
	width: 100%;
	position:relative;
  box-shadow: rgba(0,0,0,0.7) 0px 35px 45px -20px;
}
img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    font-family: 'Lato', sans-serif; text-rendering: optimizeLegibility;
}
a {color:#47454a;}



p {
	font-size: 15px;
	line-height: 22px;
	text-align: justify;
	margin-bottom: 15px; text-rendering: optimizeLegibility;
} 


.center  {text-align: center;}
.firma {text-align: right; font-size: 90%; font-weight: 500; margin-top: 20px;}

ul li {list-style: none;}

.ficha-datos ol.breadcrumb-2 li a { color: #fff!important;}
.ficha-datos ol.breadcrumb-2 li { color: #fff!important;}
.breadcrumb-2  li:before {color: #fff;}
.ficha-datos ol {margin-bottom: 20px;}

.breadcrumb-2 > li + li:before {
    padding: 0 5px;
    color: #fff;
    content: "/\00a0";
}
ul.lista {padding-left:20px;}
ul.lista li{font-size: 15px;
	line-height: 20px;
	text-align: justify;
	margin-bottom: 15px; text-rendering: optimizeLegibility;}
/***************  HEADER  ***************/

.logo 						{border-bottom: none; width: auto; height: 128px; margin-top: 0px;}
.logos-cam-1 span img 		{border-bottom: none; /*width: 264px;*/ height: auto;  float: right; margin-top: 10px;}
.logos-cam-2,.logos-cam-3 	{display: none;}



.lenguage 					{background:#a11d5b; height: 20px; }
.lenguage p 				{color: #fff; font-family: 'helvetica', sans-serif; font-weight: bold; font-size: 9px; line-height: 20px; }
.lenguage a 				{color: #fff; }
.lenguage a:hover 			{color: #fff; text-decoration: underline; }





/***************  SECTION  ***************/



h1   						{font-family: 'Lato', sans-serif; font-weight: normal; font-size: 45px; margin-bottom: 20px; border-bottom: 1px solid #d5d5d5;  letter-spacing: 2px; text-align: center; font-weight:700; color:#47454a; }

.flechas 					{top: 50%; position: absolute;}
.carousel-caption h2 		{font-family: 'Lato', sans-serif; font-weight: normal; font-size: 65px;  border-bottom: none; letter-spacing: 1px; text-transform: none; line-height: 38px; margin-bottom: 12px;}
.carousel-caption p   		{text-transform: uppercase; letter-spacing: 1px; text-align: center;}
.bloque-texto
{ padding-left: 20px !important;}
.bloque-1 					{
	margin-bottom: 14px;
	height: 230px;
	/* [disabled]border: 2px solid #6f6d6d; */
}
.ateneo-bloque {
            padding: 10px;
            border: 1px solid #ffffff;
            margin-bottom: 15px;
            background-color: #dfdfdf !important;
        }

        /* Estilos para el contenedor cuando se hace clic */
        .ateneo-bloque.clicked {
            background-color: #dfdfdf !important;
        }

        .ateneo-bloque:hover {
            background-color: #ffffff !important;
			border: 1px solid #cccccc;
        }
.ateneo2 {border-bottom: 2px solid #ffffff;  padding: 0 10px 10px 10px; /*max-width: 75%;*/}
.imagen-ateneo {
  min-width: 170px; max-width: 25%; margin-bottom: 15px; max-height: 135px;
  height: auto; float:right; /*padding: 5px 20px 5px 10px; */
}
.imagen-ateneo:hover {filter: opacity(.9) grayscale(90%);}

.2musico {font-weight:500; font-size: 20px;}
.actuacion-ponencia {color: #706D74; padding-left: 10px;}

video 						{width: 100%; }
.vid-home 					{height: 230px; background: #000;}
.video 						{background: #b69e92;}
.video iframe {margin-bottom:20px;}
.bloque-1 hr	{text-align: center; margin: 0 10px; color: #6f6d6d; font-size: 18px; font-weight: normal;}

 .bloque-1 p 	{text-align: center;  font-family: 'Lato', sans-serif; color: #6f6d6d; font-weight: normal; padding: 10px 0;}
.programa 					{/*background: url("../img/bg-home-programa.png") center no-repeat;  background-size: 100%  100%;*/}
.programa a 				{width: 100%; height: 100%; display: block; text-align: center; padding: 40px 20px 0 20px;}
.programa h3 {margin:20px 0 0 0; border-bottom:1px solid #6f6d6d;  }
.bloque-1 h3                {font-family: 'Lato', sans-serif; font-weight: normal;  color: #e30613; font-size: 25px;}
.fl-abajo    			    {width: 70px; height: 70px;}
.fl-entradas    			    {width: 70px; height: 70px; }
.magazine 					{background: url("../img/bg-home-mag.html") 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: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */}
.bloque-2 a:hover img 		{opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */}
.bloque-2 a:hover i 		{opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */}

.bloque-2 					{margin-bottom: 14px; height: 150px; border: 4px solid #c0c0be; text-align: center; }
.estrenos 					{background: url("../img/bg-home-estrenos.html") center;}
.fl-der    			  	    {width: 20px; height: 20px;}
.bloque-2 h3                {font-family: 'Lato', sans-serif; font-weight: normal;  color: #fff; font-size: 24px;}
.bloque-2 hr, .bloque-2 p 	{text-align: center; margin: 0 10px;  color: #fff; font-size: 14px;  }
.descuentos 				{background: url("../img/bg-home-descuentos.html") center; }
.calendario 				{/*background: url("../img/bg-home-calendario.png"), no-repeat;  background-size: cover;*/ }
.calendario.cine 				{
	/*background: url("../img/bg-home-entradas.png"), no-repeat;*/
	background-size: 100%  100%;
	/* [disabled]border: 2px solid #6f6d6d; */
}
.calendario h3 {margin:30px 0 0 0; border-bottom:1px solid #6f6d6d; }
.calendario h3,.calendario p { color:#e30613;  }
.calendario a:hover h3,.calendario a:hover p { color:#ffffff;  }
.estrenos a, .descuentos a  {width: 100%; height: 100%; display: block; text-align: center; padding: 40px;}
.calendario a  {width: 100%; height: 100%; display: block; text-align: center; padding: 40px 0;}
.sub-tit-estreno {font-size: 12px;}


.calendario a .bg-tx-calendario 			{color:#040308!important; display: block; width:100%}
.calendario .bg-tx-calendario 			{color:#fff!important; width:100%;}
.calendario a .bg-tx-calendario p			{background: rgba(6, 8, 11, 0.3); display: block;width:100%; color:#6f6d6d; }


.pasadas 					{padding: 10px; text-align: center; height: 40px; margin-bottom:20px;}
img.fl_edic_pasadas {margin-bottom: 5px; margin-right: 10px;}
.pasadas ul li 				{display: inline-block; color: #6f6d6d; margin-right: 20px; }
.pasadas ul li a 			{color: #6f6d6d;}
.pasadas ul li a:hover 		{text-decoration: underline;}

.programa p,.magazine p,.descuentos p,
.video p,.estrenos p  		{padding: 5px 0; }

.sub-tit 					{font-size: 18px;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 0.2em;
border-bottom: 1px solid #fff;
padding-bottom: 10px;}

.btn-programacion {font-size: 16px; background-color:#ad120d; color: #e2e0e0; font-weight: 700; letter-spacing: 0.1em;

padding:  3px 7px 3px 7px; }

.btn-programacion:hover {background-color:#d4d3d5; color: #ffffff; font-weight: 700;}

/* secciones comun */

/* .comun 				{margin-top: 0px;}*/
.comun h2 			{color: #969696 !important; font-family: 'Lato', sans-serif; font-weight: 400; margin: 10px 0 1px 0; }
.comun h3 			{color: #969696 !important; font-family: 'Lato', sans-serif; font-weight: 400; margin: 10px 0 1px 0; font-size: 19px; }
.comun p 			{line-height: 22px;}
.comun h5 			{margin-bottom: 0;}
.linea 				{margin-bottom: 20px !important; border-bottom: 1px solid #d5d5d5;}

.ficha .creditos 			{position: absolute; color: #969696; z-index: 100000; right: 16px; bottom: 7px; font-size: 11px; text-align: right;}
.premios 			{margin: 20px 0 10px 0;}

.foto 			{
	color: #e7e5e5 !important;
	font-weight:600;
	bottom: 7px;
	font-size: 11px;
	text-align: right;
	margin-top: -25px;
	margin-right: 10px;
	text-shadow: 0.1em 0.1em 0.05em #333 !important;
}

hr.style1 {
	border: 1px dotted #aa9f9d;
}


/* programacion */
.programacion .caja-espectaculo  {font-size: 1.1rem; background-color: #c03!important; color:#fff; padding:5px; margin-bottom:5px;}
.espacio {font-size: 0.9rem; background-color: #c03!important; color:#fff; padding:5px; margin-bottom:5px;}
.programacion h1 									{font-family: 'Lato', sans-serif; font-weight: 100; font-size: 40px; color:#e30613; margin-bottom: 20px;  letter-spacing: 2px; text-align: center;}
.programa-autor 									{ padding-top: 5px; text-align: left; font-size: 1.2em; font-weight:500; color:#e30613; margin-bottom:5px;}
.programa-sala 										{border-bottom: 1px solid #a11d5b; background:#a11d5b; color: #fff !important; padding-left: 5px;  }
.programa-fechas 									{border-bottom: 1px solid #a11d5b; color: #000 !important; }
.programa-venta i,.programa-venta span    			{color: #a11d5b;}

.programacion .col-sm-4 a .programa-fechas  		{color: #a11d5b; padding: 5px 0;}
.programacion p 									{ margin: 0;}
.programacion .col-sm-4 a   						{margin-bottom: 20px; display: block;  opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */
grayscale(100%);
 
-webkit-filter: grayscale(100%);
 
transition:filter 0.4s;
 
-webkit-transition:-webkit-filter 1s;

}
.fecha { line-height: 1.4em; font-weight:bold; border-bottom: 1px dotted #aa9f9d; }
.programacion .caja-obra{
	margin-top: 20px;
}
.programacion .col-sm-4 a:hover  					{opacity: 0.9; filter: grayscale(0);
 
-webkit-filter: grayscale(0); /* For IE8 and earlier */}
.programacion h3 									{line-height: 19px;  margin-top: 5px !important; font-size: 1.8rem; margin-bottom: 15px; font-style: italic;}

.programacion .col-sm-4 a.pro-obra 					{margin-bottom: 5px;}
.programacion .caja-espectaculo { margin-bottom:10px;}

.programacion .cajas-programacion							{ display: flex; flex-wrap: wrap;
}
.programacion .cajas-programacion .creditos							{
	position: absolute;
    color: #fff;
    z-index: 100000;
    top: 230px;
    right:10px;
    font-size: 11px;
    text-align: right;
}
.cancelada {background-color: #f00; padding:5px;color:#fff;margin-bottom:10px; display: inline-block;}
.programacion .lugar { background-color: #c03; color: #fff;padding: 10px 10px; font-size: 1.1em; margin-bottom: 20px;}
hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #c0c0be;
	border-bottom: 1px solid #c0c0be;
}


/* ficha */
.ficha .creditos {
    position: absolute;
    color: #fff;
    z-index: 100000;
    right: 16px;
    bottom: 7px;
    font-size: 11px;
    text-align: right;
}
.ficha .sidebar h4, .prensa .sidebar h4 {margin-left:35px;}
.datos 						{color: #fff;}
.ficha-datos 				{background: #0b0c10; color: #fff; padding: 15px; margin-bottom: 20px;}
.ficha-datos h2 			{text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: normal;}
.ficha-datos h2.t1			{font-size:4.5rem;}
.ficha-datos h2.t2			{font-size:2.7rem; margin-top: 15px;}
.ficha-datos h2.t3			{font-size:2.5rem;}
.ficha-datos h2.t4			{font-size:2rem;}
.ficha-tipo 				{text-transform: uppercase; }
h4 							{color: #e30613;font-weight: 500;}
.ficha-artistica 			{margin-top: 20px;}
.ficha-artistica .estreno   { display: inline-block; background-color: #fff; color: #000; padding: 10px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; }
.ficha-artistica .t1 {font-size:1.5rem;}

.ficha-artistica h4 		{color:#fff;}
.bt-sidebar					{display: block; color: #6f6d6d;  background: #ca291f none repeat scroll 0 0;  font-size: 14px; font-weight: normal;  padding: 20px 7px; text-align: center; text-transform: uppercase; margin: 20px 0 20px 40px;color:#fff; }

.btn_entradas  { background-color:#e30613; color:#fff; display: inline-block; padding:5px 10px 5px 10px; margin-top:15px; font-size:12px; text-align:center;    display:block; max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.btn_entradas:hover {background-color: #9d9d9d !important; color:#fff !important; }

.btn_entradas_acordeon {background-color: #ffffff; border: 1px solid #d0d0d2; color:#231f20; padding:3px 5px 3px 5px;  font-size:10px; float:right !important; margin-bottom: 15px;}
.btn_entradas_acordeon:hover  {background: #C30F1B; color:#ffffff !important;  }
.image-acordeon { width: 300px !important; height:auto; }

.aforo-completo { display: inline-block; background-color: #c03; color:#fff; padding:5px; margin-top:10px;}
.ficha-artistica  .interpretes p{line-height: 2.6rem;} 
.ficha-artistica  .interpretes strong{font-size:1.7rem;} 
.ficha-artistica  .interpretes strong.t1{font-size:2.5rem;} 
.ficha-artistica  .interpretes strong.t2{font-size:2rem;}


.bt-sidebar:hover 			{background: #000; color:#fff;  }
.bt-sidebar	i 				{font-size: 18px; margin-right: 3px;}
.info-sidebar 				{margin-left: 40px;margin-top: 10px;font-size: 0.9rem; line-height: 1.2rem;}
.noentradas 				{ color:#F00; font-weight:700; margin-top: 20px; font-size: 120%;}
.critica 					{font-family: 'Lato', sans-serif; font-style: italic; text-align: center;}
.critica li 				{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d5d5d5; }

.ficha-datos-2 				{background: #c9bd93; color: #4e4a3a; padding: 15px; margin-bottom: 20px;}
.ficha-datos-2 h2 			{text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: normal;}

.info-sidebar iframe {}
.info-sidebar .ciclo {font-weight: bold; background-color: #a11d5b; color:#fff; text-align: center; margin-top:5px; margin-bottom:5px; font-size: 0.9em; padding: 5px;}
.ficha-artistica .table-responsive {border:0;}
.ficha-artistica .table-responsive table{width:auto;}
.ficha-artistica .table-responsive table td{padding: 5px 0 5px 0;}
.tabla-programa td{
	padding: 20px!important;
	white-space: normal!important;

}
.tabla-programa td.autor_programa{
	text-align: right;

}
.tabla-programa td ul{

	margin-left: 20px;

}
.tabla-programa td ul li{
	list-style-type: square;
	padding-top: 7px;
	margin-left: 20px;

}

.ficha ol{
	margin-left: 40px;
}
.ficha ol.breadcrumb-2 {
	margin-left: 0!important;
}

.ficha .texto_programa ul li{
	list-style: disc;
	margin-left: 20px;
	padding-top: 8px;
}
hr.style6 {
		border-top: 1px dashed #8c8b8b;
}
hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
/* elfestival */
.cabecera-sur 			{background: url("../img/cabecera.gif") no-repeat left; width: 100%; height: 200px; overflow: hidden;margin-bottom: 25px;}
.cabecera-sur h1 	 			{color: #fff; border-bottom: none; margin-top: 55px; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 30px; margin-bottom: 25px;  letter-spacing: 2px; text-align: center;}
.cabecera-joven 			{width: 100%; height: inherit; overflow: hidden;margin: 25px 0 25px 0; background-color:#000;}
.cabecera-joven h1 	 			{color: #fff; border-bottom: none; margin-top: 5px; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 2.5em; margin-bottom: 10px;  letter-spacing: 2px; text-align: center;}
.cabecera-joven h2 	 			{color: #fff; border-bottom: none; margin-top: 10px; font-family: 'Lato', sans-serif; font-weight: 700;  font-size: 1.4em; margin-bottom: 10px;  letter-spacing: 2px; text-align: center;}
.cabecera-festival 			{background: url("../img/cabecera.gif") no-repeat left; width: 100%; height: 200px; overflow: hidden;margin-bottom: 25px;}
.cabecera-festival h1 		{color: #fff; border-bottom: none; margin-top: 70px; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 40px; margin-bottom: 25px;  letter-spacing: 2px; text-align: center; }
.festival a:hover 			{color: #666;}
.festival h4 				{margin-left: 0;}
.festival ul 				{margin-left: 20px; list-style: disc;}
.festival ul li 			{list-style:square;}
.festival ul li ul li			{list-style:disc;}

/* Espacios */

.cabecera-espacios 			{background: url("../img/cabecera.gif") no-repeat left; width: 100%; height: 200px; overflow: hidden;margin-bottom: 40px;}
.cabecera-espacios h1 		{color: #fff; border-bottom: none; margin-top: 70px; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 40px; margin-bottom: 20px;  letter-spacing: 2px; text-align: center; }
.espacios-info 				{color: #6f6d6d; margin-top: 20px;}
.espacios-bloque 			{ margin-bottom: 20px; padding-bottom: 20px;}
.espacios-bloque h3  		{margin-bottom: 20px;}

.espacios-info h3 										{margin-bottom: 10px;}
.espacios-info-lista									{margin-top: 25px;}
.espacios-info-lista ul li 								{margin-bottom: 2px; border-bottom: 1px solid #cfc9c9; }
.espacios-info-lista ul li a ul .first-child  			{margin-left: 0;  color: #bc0505; font-size: 140%;    }
.espacios-info-lista ul li a       						{
	padding: 5px;
	display: block;
	overflow: hidden; font-size: 120%;
}
.espacios-info-lista ul li a:hover       				{ color: #e0e0dd; }
.espacios-info-lista ul li a:hover ul li     			{color: #c0c0be; }
.espacios-info-lista ul li ul li 						{border-bottom: none;   color: #3a3a3a;   }
.fa-bullhorn 											{margin-bottom: 20px;}
.espacios-info .col-sm-4 a:hover 						{color: #666;}

.espacios-cel-left 										{ width: 62%; float: left;}
.espacios-cel-right 									{ width: 37%; float: right;}
.entradas-button {
    color: #6f6d6d;
    background: #e0e0dd;
    border: 1px solid #c0c0be;
    font-size: 14px;
    padding: 4px 7px;
    font-weight: normal;
    margin: 6px 0;
    margin-right: 12px;
    display: inline-block;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    width: 160px;
}

.entradas-button:hover, .ghost-button:active {
  color:#c0c0be;
  background:#ffffff;
}
/* prensa */

.cabecera-prensa 			                {background: url("../img/cabecera.jpg") no-repeat left; width: 100%; height: 200px; overflow: hidden;margin-bottom: 40px;}
.cabecera-prensa h1 						{color: #fff; border-bottom: none; margin-top: 70px; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 40px; margin-bottom: 20px;  letter-spacing: 2px; text-align: center; }
.prensa 					{margin-bottom: 20px;}

.prensa h4 									{margin-top: 20px;}

.material-prensa  							{margin-top: 30px; border-top: 1px solid  #ddd;  }
.material-prensa > li  						{border-bottom: 1px solid  #ddd; padding: 10px 0; }
.material-prensa li ul li 					{display: inline-block;}
.material-prensa li ul .first-child 		{width: 59%; }
.material-prensa li ul .first-child a		{color:#47454a; font-size: 1.1em;}
.material-prensa li ul .first-child a:hover {color:#cbcbc9; }

.material-prensa li ul .second-child 		{width: 40%; text-align: right;}
.material-prensa li ul .second-child a		{color:#4e4547; font-size: 0.7em;}
.second-child a:hover,.info-sidebar a:hover {color: #666;}
.prensa-tex2 								{font-size: 13px;}

/* calendario */

#calendario .nav-tabs > li.no-active {

padding: 10px 10px;
width:auto;
}
#calendario .nav-tabs > li > a {
padding: 10px 10px;
width:auto;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
 
    background-color: #c03;
    border: 1px solid #c03;

}
#mes_diciembre 								{margin-right: 4px;}
p.h-tabs                      				{font-family: 'Lato', sans-serif; font-weight: normal; color: #a11d5b; font-size: 20px;}

.borde-top 									{border-top: 1px solid #e0e0dd; margin-top: 15px; width: 1157px; margin-left: 11px;}
.dia-borde-right							{border-right: 1px solid #e0e0dd; padding: 15px;  height: 165px;}
.dia-borde      							{ padding: 15px;  height: 165px;}
.dia-borde ul li {margin-bottom: 10px;}
.dia p 										{font-family: 'Lato', sans-serif; font-weight: 100; }
.dia span 									{font-family: 'Lato', sans-serif;  font-weight: 300; font-size: 23px; color: #6f6d6d;}
.dia ul 									{margin-left: 15px;}
.dia .dia-nombre-obra li     				{display: inline-block; margin-right: 10px;}
.dia-semana p 								{text-align: center; margin-bottom: 16px;}
.dia-mes p 									{font-size: 90px; text-align: center; padding-top: 6px; color: #c0c0be;}
.dia a 										{overflow: hidden; display: block;}
.dia a:hover 								{background: #f9f8f7;}
.medio .sub-tit 							{font-size: 17px;}

.dia .largo 								{position: absolute; top: 30px;}
.dia .largo-tx								{font-size:16px; font-weight:500 !important;}
.dia-datos-obra { text-align:left; font-size:16px; color:#6f6d6d; margin-top: 20px;}
.mes p {
    font-size: 17px;
    text-align: center;
    padding-top: 36px;
}

/* creditos */
.cabecera-creditos			                {background: url("../fotos/creditos/cabecera.html") no-repeat center; width: 100%; height: 200px; overflow: hidden;}
.cabecera-creditos h1 						{color: #fff; border-bottom: none; margin-top: 70px; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 45px; margin-bottom: 20px;  letter-spacing: 2px; text-align: center;}



/* Noticias */
.cabecera-noticias 			                {background: url("../fotos/noticias/cabecera.html") no-repeat center; width: 100%; height: 200px; overflow: hidden;}
.cabecera-noticias h1 						{color: #fff; border-bottom: none; margin-top: 70px; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 45px; margin-bottom: 20px;  letter-spacing: 2px; text-align: center;}


/* Entradas y Descuentos */
.compra_entradas a {
    background-color: #fff;
    border: 1px solid #000;
    color: #000 !important;
    margin: 10px 0;
    padding: 3px 7px;
    text-align: center; font-size: 13px !important;
    display:inline-block!important; 
    font-weight: bold;
}
.compra_entradas a:hover {
    background-color: #000;
    color: #fff !important;
   
}

.cabecera-entradas-descuentos 				{background: url("../fotos/entradas-descuentos/cabecera.html") no-repeat center; width: 100%; height: 200px; overflow: hidden;}
.cabecera-entradas-descuentos h1 			{color: #fff; border-bottom: none; margin-top: 70px; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 45px; margin-bottom: 20px;  letter-spacing: 2px; text-align: center;}
.entradas-descuentos a 						{color: #fff; text-decoration: none; background: #000; padding: 26px 10px; margin-top: 20px;  display: block; width: 222px; text-align: center;}
.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;}



/***************  FOOTER  ***************/
footer {background-color: #010101;border-top: 2px solid #ca020d; padding-bottom: 20px; margin-top:30px;}
.footer 					{ color:#c0c0be;  padding-top: 20px; font-size: 12px; }
.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: #c0c0be;}
.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;}



.go-top {
  position: fixed;
  bottom: 1em;
  right: 1em;
  text-decoration: none;
  color: #fff;
  background-color: rgba(227, 6, 19, 1);
  font-size: 12px;
  padding: 1em;
  display: none;
}
 
.go-top:hover {
  background-color: rgba(141, 0, 8, 1);
}

/***************  MEDIAQUERIES  ***************/
/************ Escritorio ***************/

@media (min-width: 1224px) {


}

/************ Escritorio porqueño y tablet ***************/

@media (min-width: 768px) and (max-width: 1200px) {



.logo 						{border-bottom: none; }
.video-home iframe 				{ width: 309px;}
.vid-home 					{height: 232px;}
.diciembre 					{margin-right: 8px;}
.borde-top 					{width: 955px;}

.espacios-cel-left 			{ width: 46%; float: left;}
.espacios-cel-right 		{ width: 46%; float: right;}

.info-sidebar iframe 		{width: 269px;}
}



/************ tablet - smartphone horizontal ***************/

@media (max-width: 991px) {
h1 { font-size: 2.2em !important;
  margin-bottom: 20px;}
.ateneo2 {max-width: 100%;}
.imagen-ateneo {
  min-width: 200px; max-width: 40%;
  height: auto; float:right;
}
.video-home iframe 									{width: 236px; height: 187px;}
.logo 						{height: 110px; }

.logos-cam-2 										{display: block;}
.logos-cam-2 span img 								{ border-bottom: none; width: 260 px; margin-top: 30px; float: right; }
.logos-cam-1,.logos-cam-3 							{display: none;}
.carousel-caption 		 							{bottom: 20% !important; }
.bloque-1 											{height: 150px;}
.bloque-1 h3 										{font-size: 22px;}
.bloque-1 hr, .bloque-1 p 							{font-size: 14px; line-height: 22px;}
.programa 											{background-width: 100%; }
.programa a {

    padding: 15px 20px 0 20px;
}
.flechas 											{top: 60%; }
.estrenos a, .calendario a, .descuentos a 		    {padding: 5px;}
.vid-home 											{height: 177px;}
.programacion h3 									{font-size: 16px; margin-bottom: 1px; }
.programa h3										{ margin-top: 10% !important;  }
.borde-top 											{width: 94%; border-top: none; }
.info-sidebar iframe 								{width: 198px;}
.diciembre 											{margin-right: 0;}
.h-tabs 											{display: none;}
.dia-borde-right 									{border-right: none;  padding: 15px; }
.dia-borde-top 									    {border-top: 1px solid #a11d5b;}
.dia 												{border-bottom: 1px solid #a11d5b;}
.borde-top 											{ width: 97%; margin-top: 0;}
.dia span 											{font-size: 20px;}
.dia-mes p 											{font-size: 68px; padding-top: 0; }
.img-circle 										{width: 85px !important; height: 85px !important; }
.dia ul 											{ margin-left: 0;}
.dia-borde ul li 									{margin-bottom: 3px;}
.dia-borde 											{height: 100%;}
.dia-borde-right {
    
    height: auto; 
}
.dia-semana p {
    
    margin-bottom: 4px;
}
.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: 1.0em;}
.programa-info 										{font-size: 16px;}

.programa-fechas 									{font-size: 10px;}

}


/************ smartphone horizontal ***************/

@media (max-width: 767px) {
.cabecera-joven 			{margin-bottom: 25px;}
.cabecera-joven h1 	 			{margin-top: 5px; font-weight: 700; font-size: 1.8em; margin-bottom: 10px;  letter-spacing: 2px; text-align: center;}
.cabecera-joven h2 	 			{color: #fff; border-bottom: none; margin-top: 10px; font-size: 1.2em; margin-bottom: 10px;  letter-spacing: 2px; text-align: center;}
.actuacion-ponencia { margin-top: 10px !important; }
.imagen-ateneo {
   max-width: 100%;
  height: auto; float:right; min-height: 160px;
}
.video-home iframe 									{width: 100%;height: 327px;}

.programacion h1,.cabecera-joven h1,.cabecera-espacios h1,.cabecera-prensa h1,.cabecera-festival h1,.cabecera-ademas h1,
.cabecera-noticias h1,.cabecera-entradas-descuentos h1,.cabecera-espacios h1   	{font-size: 18px !important; letter-spacing: 1px; padding: 0px 15px 0px 15px;}
.logo  																			{display: none;}

.logos-cam-3 										{display: block;}
.logos-cam-3 span img 								{ border-bottom: none; width: 143px; height: 30px; margin-top: 10px; float: right;}
.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 		 							{bottom: 25% !important; }
.video 												{height: 400px !important;}
.bloque-1 											{height: 300px; margin-bottom: 10px; max-height: 90%; center; }
.bloque-2 											{margin-bottom: 10px;}
.programa h3										{ margin-top: 10% !important; }
.flechas 											{top: 57%; }

.vid-home 											{height: 331px;}
.copy 												{text-align: center;}
.footer ul 											{margin-top: 30px; float: none; text-align: center;}
.estrenos a, .calendario a, .descuentos a  			{padding: 30px; padding-top: 55px;}
.programacion h3 									{font-size: 16px; 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-top: 70px;}
.magazine a 										{padding: 0;}
.info-sidebar iframe 								{width: 100%; height: 300px;}
.bt-sidebar, .info-sidebar,h4  						{margin-left: 0 !important;}

.prensa h4 											{margin-top: 30px;}
.dia span 											{font-size: 28px;}
.dia ul 											{text-align: center;}
.dia-nombre-obra img 								{display: none;}
.dia-datos-obra li 									{display: inline-block; margin-right: 10px;  }
.dia-mes p 											{font-size: 38px;  line-height: 1em; }
.dia-mes {margin-bottom: 20px;}
.medio 												{border-bottom: 1px solid #ddd; padding-bottom: 13px; width: 100%;}
.dia .largo 										{position: relative; top: 0; }
.largo-tx 											{display: none;}
.dia 												{border-bottom: 2px solid #c0c0be;}
.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: 0.95em;height: 100%;}
.programa-fechas			    					{font-size: 14px;}
.sub-tit 											{font-size: 22px;}
.espacios-info-lista								{margin-top: 20px;}
.programacion .col-sm-4								{min-height: 325px; 
}

}

/************ smartphone ***************/

@media (max-width: 420px) {

header  											{position: fixed; top: 0px; z-index: 300; background: #ffffff; width: 100%; }
section { margin-top: 80px;
}
.breadcrumb { display: none !important;}
.cabecera-sur h1 {
    
    margin-top: 40px !important;
    font-size: 20px;
    margin-bottom: 30px;
    letter-spacing: 2px;
    
}
.programacion h1 {
    margin-top: 40px !important;
	    font-size: 20px;
    margin-bottom: 30px;
    letter-spacing: 2px;
}
.cabecera-prensa h1 {
    margin-top: 40px !important;
    font-size: 20px;
    margin-bottom: 30px;
    letter-spacing: 2px;
}
.cabecera-festival h1 {
    margin-top: 40px !important;
    font-size: 20px;
    margin-bottom: 30px;
    letter-spacing: 2px;
}

.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-caption 		 							{bottom: 27% !important; }
.video 					 							{height: 250px !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 .carousel    								{display: none;}
.ficha 												{/*margin-top: 15px;*/}
.comun 												{margin-top: 65px;}
.video-home iframe 									{width: 100%;height: 179px;}
.bloque-1 											{height: 200px; margin-bottom: 20px; }
.programa h3 {
    margin-top: -3% !important;
}
.calendario a .bg-tx-calendario {
    margin-top: -3% !important;

}
.programacion h1,.cabecera-espacios h1,.cabecera-prensa h1,.cabecera-festival h1,.cabecera-ademas h1,
.cabecera-noticias h1,.cabecera-entradas-descuentos h1,.cabecera-espacios h1  						{margin-top: 28px;}
.programacion,.cabecera-espacios,.cabecera-prensa,.cabecera-festival,.cabecera-ademas,
.cabecera-noticias,.cabecera-entradas-descuentos,.cabecera-espacios   								{height: 100px;}

.dia-datos-obra li 																					{display: block; margin-right: 0; }

.medio .sub-tit 																					{display: none;}
.programacion {height: 100%;}

}

.carousel-control {width: 8% !important;}
.image-acordeon { width: 100% !important; height:auto; }