/* -------------------------------------------------------------- 
  
   CARTELERA.CSS
   * Css de la cartelera, estrenos, tráileres
   
	Metrópoli 2012
   (c) Unidad Editorial Internet S.L. 2012. Todos los derechos reservados.

/* TABLA DE CONTENIDOS CSS/
01 + #CARTELERA GENERAL
	 1.0 - Formulario búsqueda

/* --------------------------------------------------------------------------------------------
01 + #CARTELERA GENERAL 
-------------------------------------------------------------------------------------------- */
.col-4 						{margin-left:20px;}

.cab-seccion p 				{background:#4B4B4B;color: #FFF;font: normal 75% Arial,Helvetica,sans-serif;padding: 3px 0 3px 15px;position: absolute;right: 0;top: 18px;width: 390px;}
.cab-seccion p strong 		{background:#FF5136;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius:10px;-o-border-radius: 10px;color: #FFFFFF;font-size: 65%;padding: 0 5px;text-align: center;}


/* 1.1 - Listado-novedades */

.col-2 aside > section.blogs > h1 							{margin-bottom: 10px;}

.listado-peliculas 											{margin-bottom:30px;}
.listado-peliculas ul 
.listado-peliculas ul > li							{background:#fabada;}
.listado-peliculas .listado.x6  img 						{width:81px;}
.listado-peliculas > h1										{border-bottom: 5px solid #222;color: #222;font: bold 110% Arial,Helvetica,sans-serif;letter-spacing: -0.01em;margin-bottom: 14px;padding: 5px 0 7px;}
.listado-peliculas > h1 > span								{color: #FF5136;}


/* pestanas */
#pestanas-cartelera 										{position:relative;}
#pestanas-cartelera .pestana .listado-peliculas 			{display:none;}
ul#pestanas-cartelera										{float:left; width:auto; margin-bottom: 0;}


#pestanas-cartelera .pestana 								{display:none; position:relative;}
ul#menu-pestanas										    {float:left; width:auto; margin-bottom: 0;}
#pestanas-cartelera .selector_pestana						{display:block; float:left; padding:6px 30px;margin-right:5px;cursor:pointer;border-left: 1px solid #DCDED3;border-right: 1px solid #DCDED3;border-top: 1px solid #DCDED3; border-bottom:1px solid #FFF;color: #9FA099;display: block;float: left;font: normal 115% Georgia,"Times New Roman",Times,serif;}
#pestanas-cartelera .selector_pestana.activaJs				{position:relative;}
#pestanas-cartelera .pestana.activa, 
#pestanas-cartelera .pestana.activaJs  				        {display:block;float: left}

#pestanas-cartelera .selector_pestana.activaJs				{border-bottom: 1px solid #EDEFE9; bottom:-1px;background:#EDEFE9;color: #333; cursor: auto; z-index:9;}


#pestanas-cartelera .pestana.activa .listado-peliculas, 
#pestanas-cartelera .pestana.activaJs .listado-peliculas	{display:block; position:relative; top:0px; float: left;border: 1px solid #DCDED3; background:#EDEFE9;padding-bottom: 0;}

#pestanas-cartelera .el_js_esta_activo .pestana.activa .listado-peliculas 		{display:none;background:#EDEFE9;}

#pestanas-cartelera .listado-peliculas > h2 {color: #969894;font: bold 95% Arial,Helvetica,sans-serif;letter-spacing: -0.01em;margin-bottom: 14px;padding: 5px 0 7px;}

/* .listado.x6 li 										{overflow: hidden;width:72px;}

.listado-peliculas li dt 							{}

.listado-peliculas .listado.x4 li dt a .hover 		{
    background:#222;
    color: #FF5136;
    cursor: pointer;
    font: 290%/80% Arial,Helvetica,sans-serif;
    height: 140px;
    letter-spacing: -0.05em;
    opacity: 0;
    padding-top: 40px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    width: 129px;
    z-index: 50;
}
.listado-peliculas .listado.x4 li dt a:hover .hover,
.listado-peliculas .listado.x6 li dt a:hover .hover {opacity: 10;}

.listado-peliculas .listado.x6 li dd.tit h2 			{font:bold 70%/110% Arial, Helvetica, sans-serif;}
.listado-peliculas .listado.x6 li dt a .hover {
    background:#222;
    color: #FF5136;
    cursor: pointer;
    font: 155%/100% Arial,Helvetica,sans-serif;
    height: 140px;
    letter-spacing: -0.05em;
    opacity: 0;
    padding-top: 50px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    width: 72px;
    z-index: 50;
}    


.listado-peliculas dt img							{width:129px;}
.listado-peliculas dd 								{}
.listado-peliculas dd h2 a 							{color: #00AAEE;}
    


.listado-peliculas dd.tit h2							{font:bold 75%/110% Arial, Helvetica, sans-serif; border:none; margin-bottom:3px; padding:5px 0 0 0;}

.listado-peliculas ul								{float:left;margin-bottom: 35px;}
.listado-peliculas ul.mitad							{float:left;width: 308px;margin-right:20px;}
.listado-peliculas ul.mitad + ul.mitad				{margin-right:0;}
.listado-peliculas ul.mitad li						{float:left; width:100%; margin:0;padding:7px 0 5px 0;border-bottom: 1px solid #676766;font-weight: bold;}
.listado-peliculas ul.mitad li a:hover				{}
.listado-peliculas ul.mitad li span					{display:block; font:italic 65% Georgia, "Times New Roman", Times, serif; color:#444;padding-top: 3px;}    
.listado-peliculas ul.mitad span.valorar				{float: left;position: absolute;right: 0;top: 0; border:none;}
.listado-peliculas ul.mitad span.valorar strong 		{font: bold 75% Arial,Helvetica,sans-serif;color: #00AAEE;}


*/