/*Animations*/


/*Fuentes*/


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

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

p { font-size: 14px; line-height: 20px; text-align: justify; }

.center  {text-align: center;}

ul li {list-style: none;}




/***************  HEADER  ***************/

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


header 						{border-bottom: 8px solid #9b686d;}
.lenguage 					{background:#d1671d; 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:'helvetica', sans-serif; font-weight: normal; font-size: 45px; margin-bottom: 20px; border-bottom: 1px solid #d5d5d5;  letter-spacing: 2px; text-align: center; }

.flechas 					{top: 50%; position: absolute;}
.carousel-caption h2 		{font-family:'helvetica', sans-serif; font-weight: normal; 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 					{margin-bottom: 14px; height: 300px;}
video 						{width: 100%; }
.vid-home 					{height: 230px; background: #000;}
.video 						{background: url("../img/bg-home-videos.png") center no-repeat;}
.bloque-1 hr, .bloque-1 p 	{text-align: center; margin: 0 10px; font-family'helvetica', sans-serif; color: #fff; font-size: 18px; font-weight: normal;}


.programa 					{background: url("../img/bg-home-programa.png") center no-repeat; background-size: 388px; }
.programa a 				{width: 100%; height: 100%; display: block; text-align: center; padding: 125px 20px 0 20px;}
.bloque-1 h3                {font-family:'helvetica', sans-serif; font-weight: normal;  color: #fff; font-size: 35px;} 
.fl-abajo    			    {width: 70px; height: 70px; margin-bottom: 20px;}

.magazine 					{background: url("../img/bg-home-entradas.png") center no-repeat; background-size: 379px; padding-top: 35px;}
.magazine a 				{width: 100%; height: 100%; display: block; text-align: center; padding: 90px 20px 0 20px;}

.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 #d1671d; text-align: center; }
.estrenos 					{background: url("../img/bg-home-estrenos.png") center;}
.fl-der    			  	    {width: 20px; height: 20px;}
.bloque-2 h3                {font-family:'helvetica', 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.png") center; }
.calendario 				{background: url("../img/bg-home-calendario.png"); background-size: 23px;}
.calendario h3,.calendario p { color:#d1671d;  }
.calendario a:hover h3,.calendario a:hover p { color:#fff;  }
.estrenos a, .calendario a, .descuentos a  {width: 100%; height: 100%; display: block; text-align: center; padding: 40px;}
.sub-tit-estreno {font-size: 12px;}
.largo-tx                  {font-size: 16px !important;}

.calendario a .bg-tx-calendario 			{background: #fff; display: block;}
.calendario a:hover .bg-tx-calendario 		{background: #d1671d; }

.pie-cab {position: absolute; right: 30px; font-size: 12px; color: #fff;}

.pasadas 					{background: #fad4b4; padding: 10px; text-align: center; height: 40px;}
.pasadas ul li 				{display: inline-block; color: #d1671d; margin-right: 15px; }
.pasadas ul li a 			{color: #d1671d;}
.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: 42px;}

/* secciones comun */

.comun 				{margin-top: 10px;}
.comun h2 			{color: #000; font-family:'helvetica', sans-serif; font-weight: normal; margin: 21px 0 1px 0; }
.comun h3 			{color: #000; font-family:'helvetica', sans-serif; font-weight: normal; margin: 2px 0 -8px 0; font-size: 21px; }
.comun p 			{line-height: 22px;}
.comun h5 			{margin-bottom: 0;}
.linea 				{margin-bottom: 20px !important; border-bottom: 1px solid #d5d5d5;}

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






/* programacion */

.programacion h1 									{font-family:'helvetica', sans-serif; font-weight: normal; font-size: 45px; margin-bottom: 20px;  letter-spacing: 2px; text-align: center;}
.programa-autor 									{border-bottom: 1px solid #d1671d; padding-bottom: 9px; text-align: left; height: 51px; }
.programa-sala 										{border-bottom: 1px solid #d1671d; background:#d1671d; color: #fff !important; padding-left: 5px;  }
.programa-fechas 									{border-bottom: 1px solid #d1671d; color: #000 !important; }
.programa-venta i,.programa-venta span    			{color: #d1671d;}

.programacion .col-sm-4 a .programa-fechas  		{color: #d1671d; padding: 5px 0;}
.programacion p 									{color: #000; margin: 0;}
.programacion .col-sm-4 a   						{margin-bottom: 20px; display: block;  opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */}
.programacion .col-sm-4 a:hover  					{opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */}
.programacion h3 									{line-height: 29px; margin: 16px 0 0 0; }
.programacion .col-sm-4 a.pro-obra 					{margin-bottom: 5px;}

/* ficha */

.datos 						{color: #fb8c3f;}
.ficha-datos 				{background: #73413a; color: #fff; padding: 15px; margin-bottom: 20px;}
.ficha-datos h2 			{text-transform: uppercase; font-family:'helvetica', sans-serif; font-weight: normal;}
.ficha-tipo 				{text-transform: uppercase; }
h4 							{color: #d1671d; margin-top: 20px; margin-left: 32px; }
.ficha-artistica 			{margin-top: 20px;}
.ficha-artistica h4 		{color:#fff;}
.bt-sidebar					{display: block; color: #fff; background: #000; font-size: 12px; font-weight: bold; padding: 20px; text-align: center; text-transform: uppercase; margin: 20px 0 20px 40px;}
.bt-sidebar:hover 			{background: #999; }
.bt-sidebar	i 				{font-size: 18px; margin-right: 3px;}
.info-sidebar 				{margin-left: 40px; margin-bottom: 20px;}
.critica 					{font-family:'helvetica', sans-serif; font-style: italic; text-align: center;}
.critica li 				{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d5d5d5; }

.info-sidebar a { color: #000; margin-bottom: 20px;}
.info-sidebar a:hover { }

/* elfestival */

.cabecera-festival 			{background: url("../fotos/elfestival/cabecera.jpg") no-repeat center; width: 100%; height: 200px; overflow: hidden;}
.cabecera-festival h1 		{color: #fff; border-bottom: none; margin-top: 70px; font-family:'helvetica', sans-serif; font-weight: normal; font-size: 45px; margin-bottom: 20px;  letter-spacing: 2px; text-align: center;}
.festival a:hover 			{color: #666;}
.festival h4 				{margin-left: 0;}

/* Espacios */

.cabecera-espacios 			{background: url("../fotos/espacios/cabecera.jpg") no-repeat center; width: 100%; height: 200px; overflow: hidden;}
.cabecera-espacios h1 		{color: #fff; border-bottom: none; margin-top: 70px;  font-family:'helvetica', sans-serif; font-weight: normal; font-size: 45px; margin-bottom: 20px;  letter-spacing: 2px; text-align: center;}
.espacios-info 				{color: #000; margin-top: 20px;}
.espacios-bloque 			{border-bottom: 1px solid #d5d5d5; margin-bottom: 20px; padding-bottom: 20px;}
.espacios-bloque h3  		{margin-bottom: 20px;}

.espacios-info h3 										{margin-bottom: 10px;}
.espacios-info-lista									{margin-top: 52px;}
.espacios-info-lista ul li 								{margin-bottom: 2px; border-bottom: 1px solid #d1671d; }
.espacios-info-lista ul li a ul .first-child  			{margin-left: 0; font-weight: 700; color: #d1671d;    }
.espacios-info-lista ul li a       						{padding: 5px; display: block; overflow: hidden; color: #d1671d; }
.espacios-info-lista ul li a:hover       				{ color: #000; }
.espacios-info-lista ul li a:hover ul li     			{color: #000; }
.espacios-info-lista ul li ul li 						{border-bottom: none;   color: #666;   }
.fa-bullhorn 											{margin-bottom: 20px;}
.espacios-info .col-sm-4 a:hover 						{color: #666;}

.sala {margin-top: 20px;}

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

/* prensa */

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

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

.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 .second-child 		{width: 40%; text-align: right;}
.second-child a:hover,.info-sidebar a:hover {color: #666;}
.prensa-tex2 								{font-size: 13px;}

/* calendario */


p.h-tabs                      				{font-family:'helvetica', sans-serif; font-weight: normal; color: #d1671d; font-size: 20px;}
.tab-pane  									{margin-top: 30px;}
.borde-top 									{border-top: 1px solid #d1671d; margin-top: 15px; width: 1157px; margin-left: 11px;}
.dia-borde-right							{border-right: 1px solid #d1671d; padding: 15px;  height: 125px;}

.edad							{border-right: none !important; }
.dia-borde      							{ padding: 15px;  height: 125px;}
.dia-borde ul li {margin-bottom: 10px;}
.dia p 										{font-family:'helvetica', sans-serif; font-weight: normal; font-size: 14px;}
.dia span 									{font-family:'helvetica', sans-serif; font-weight: normal; font-size: 23px; color: #000; }
.dia ul 									{margin-left: 15px;}
.dia .dia-nombre-obra li     				{display: inline-block; margin-right: 10px;}
.dia-semana p 								{text-align: center; margin-bottom: 25px;}
.dia-mes p 									{font-size: 90px; text-align: center; padding-top: 6px;}
.dia a 										{overflow: hidden; display: block;}
.dia a:hover 								{background: #f9f8f7;}
.medio .sub-tit 							{font-size: 17px;}

.dia .largo 								{position: absolute; top: 26px; width: 100%;}


/* Ademas */
.cabecera-ademas 			                {background: url("../fotos/ademas/cabecera.jpg") no-repeat center; width: 100%; height: 200px; overflow: hidden;}
.cabecera-ademas h1 						{color: #fff; border-bottom: none; margin-top: 70px; font-family:'helvetica', 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.jpg") no-repeat center; width: 100%; height: 200px; overflow: hidden;}
.cabecera-noticias h1 						{color: #fff; border-bottom: none; margin-top: 70px; font-family:'helvetica', sans-serif; font-weight: normal; font-size: 45px; margin-bottom: 20px;  letter-spacing: 2px; text-align: center;}


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

/* Entradas y Descuentos */
.cabecera-entradas-descuentos 				{background: url("../fotos/entradas-descuentos/cabecera.jpg") no-repeat center; width: 100%; height: 200px; overflow: hidden;}
.cabecera-entradas-descuentos h1 			{color: #fff; border-bottom: none; margin-top: 70px; font-family:'helvetica', 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 					{border-top: 1px solid #d1671d; color:#999; margin-top: 20px; 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: #666;}
.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;}





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

@media (min-width: 1224px) {


}

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

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


.logo 						{border-bottom: none; width: 502px; height: 93px;}
.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) {

.video-home iframe 									{width: 236px; height: 187px;}

.logos-cam-2 										{display: block;}
.logos-cam-2 span img 								{ border-bottom: none; width: 184px; height: 76px; margin-top: 10px; float: right;}
.logos-cam-1,.logos-cam-3 							{display: none;}
.carousel-caption 		 							{bottom: 20% !important; }
.bloque-1 											{height: 260px;}
.bloque-1 h3 										{font-size: 24px;}
.bloque-1 hr, .bloque-1 p 							{font-size: 16px; line-height: 22px;}
.programa 											{background-size: 348px;}
.flechas 											{top: 60%; }
.estrenos a, .calendario a, .descuentos a 		    {padding: 19px;}
.vid-home 											{height: 177px;}
.programacion h3 									{font-size: 16px; margin-bottom: 1px; }
.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; height: 100px;}
.dia 												{border-bottom: 1px solid #d1671d;}
.borde-top 											{ width: 97%; margin-top: 0;}
.dia span 											{font-size: 18px;}
.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%;}
.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;}

.magazine a 										{padding: 40px 20px 0 20px;}
.programa a 										{padding: 75px 20px 0 20px;}

}


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

@media (max-width: 767px) {

.video-home iframe 									{width: 100%;height: 327px;}

.programacion 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: 30px; letter-spacing: 1px;}
.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: 200px; margin-bottom: 10px; }
.bloque-2 											{margin-bottom: 10px;}
.programa 											{background-size: 100%; background-position-y: 40%;}
.video 												{background-size: 100%; background-position-y: 40%;}
.magazine 											{background-size: 100%; background-position-y: 12%;}
.flechas 											{top: 57%; }
.pasadas				 							{display: none;}
.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;}
.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: 20px;}
.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: 88px; padding-top: 7px; }
.medio 												{border-bottom: none; padding-bottom: 13px; width: 100%;}
.dia .largo 										{position: relative; top: 0; }
.largo-tx 											{display: none;}
.dia 												{border-bottom: 1px solid #d1671d;}
.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: 14px; height: 100%;}
.programa-fechas			    					{font-size: 14px;}
.sub-tit 											{font-size: 22px;}
.espacios-info-lista								{margin-top: 20px;}

}

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

@media (max-width: 420px) {

header  											{position: fixed; top: 0px; z-index: 100; background: #fff; 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-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: 136px;}
.comun 												{margin-top: 136px;}
.video-home iframe 									{width: 100%;height: 179px;}

.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;}
.pie-cab {display: none;}
.programacion {height: 100%;}

}