@charset "utf-8";
/* === IMPORTANTE ===================================================
   Modificar estos estilos con precaución, ya que son imprescindibles 
   para que la página se vea correctamente.
   ================================================================== */
 
/*-- Básico ----------------------------------------------------------*/
/*-- ul, ul li{margin:0; padding:0; list-style:none;} --*/
body, form{margin:0; padding:0;}
img{border:none;}
object{outline:none;}
body{font-size:62.5%;}
select{font:10px Arial,Helvetica,sans-serif; text-transform:uppercase; color:#304E94; background-color:#E8E8F3; margin-left:2px; margin-right:2px; border:1px solid #304E94;}


/*-- Layout Home --------------------------------------------------------*/
.body{background:transparent url(../images/fondo.gif); color:#6D6DB1; font-family:"Trebuchet MS",Arial,Helvetica;}
.clear_float{clear:both;}

#wrapper{width:975px; margin:0 auto;}
#header-wrapper{width:975px; min-height:74px; float:left; background-color:#006;}
#content-wrapper{width:973px; float:left; background-color:#FFF;border-left:solid 1px #BBBBDB; border-right:solid 1px #BBBBDB;}
#footer-wrapper{width:975px; height:55px; float:left;}

#content{min-height:200px;}
#pane-wrapper{width:973px;}
#content-pane{width:740px; float:left; padding:0 0 18px 17px;}
#right-pane{width:199px; float:left; padding:0 0 18px 14px; margin-top:-3px;}

#left-header{width:100%; min-height:74px; background:transparent url(../images/barrasup_izq.gif) no-repeat left bottom;}
#content-header{font:11px Arial,Verdana; color:#B3B3D1;}
#right-header{width:100%; min-height:74px; background:transparent url(../images/barrasup_der.gif) no-repeat right bottom;}

#terms{width:100%; height:55px; float:left; background-color:#006;}
#left-footer{width:100%; height:55px; background:transparent url(../images/barrainf_izq.gif) no-repeat left bottom;}
#content-footer{margin-right:8px;}
#right-footer{width:100%; height:55px; background:transparent url(../images/barrainf_der.gif) no-repeat right bottom;}
#copyright{width:100%; height:19px; float:left; text-align:right; font:9px Verdana,Arial,Helvetica,sans-serif; color:#6D6DB1; margin:0px; background:transparent url(../images/fondo.gif)}
#copyright a:link,#copyright a:visited{color:#6D6DB1; text-decoration:none;}
#copyright a:hover,#copyright a:active{color:#304E94; text-decoration:underline;}

/*-- Layout Horarios ---------------------------------------------------*/
#info-wrapper{width:773px; float:left;}
#content-pane-performance{width:753px; float:left; padding:0 10px;}
#left-pane-performance{width:200px; float:left;}
#right-pane-performance{width:387px; float:left; padding:0 5px 0 10px;}
#video-pane-performance{width:361px; float:left; padding-right:10px;}

/*-- Layout Precios ---------------------------------------------------*/
#content-pane-price{width:925px; float:left; padding:0 24px;}
#right-pane-price{width:455px; float:left; padding:0 24px 0 8px;}
#left-pane-price{width:454px; float:left; padding:0 8px 0 24px;}

/* === IMPORTANTE ===================================================
   A partir de aquí, se pueden añadir todos los estilos propios que 
   sean necesarios.
   ================================================================== */

/*-- Textos -----------------------------------------------------------*/
.textNormal{color:#6D6DB1; font-size:1.2em;}
.labelNormal{color:#B3B3D1; font-size:1.1em;}
.titleHead{color:#006; font-size:1.5em; font-weight:bold;}
.labelHead{color:#0078E1; font-size:1.1em; font-weight:bold;}
.titleSubHead{color:#484A93; font-size:1.1em; font-weight:bold; width:283px;}
.titleMovie{color:#6D6DB1; font-size:1em;}
.comingSoon{color:#52529A; font-size:1em;}
.box{font-size:11px; color:#484A93; background-color:#FFF; border:1px solid #AAB6E1;}
.largeText{font-size:18px; color:#0071DB;}
.highlighted{font-weight:bold; color:#FF6600;}
.dummy{display:none;}

/*-- Enlaces ----------------------------------------------------------*/
a, a:visited, a:active, a:link{color:#0078E1}
a.linkNormal{color:#B3B3D1; font-size:1.1em; text-decoration:none;}
a.linkSmall{color:#484A93; font-size:0.9em;}
a.linkHead{color:#B3B3D1; font-size:1.2em; text-decoration:none;}
a.linkComingSoon{color:#52529A; font-size:1em;}
a.hourActive{color:#F60; font-size:1.2em;}

/*-- Listas ----------------------------------------------------------*/
.listNormal{color:#304E94; background-color:#E8E8F3; border:solid 1px #304E94; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}

/*-- Contenedor de Modulos --------------------------------------------*/
.container_default{width:100%; clear:both; padding:5px 0 5px 0;}
.container_default_header{width:100%; float:left; background:transparent url(../images/tit_fondo.gif) repeat-x;}
.container_default_header_left{width:100%; height:26px; float:left; background:transparent url(../images/tit_izq.gif) no-repeat left;}
.container_default_header_title{width:100%; height:26px; float:left; text-align:center; padding-top:5px;}
.container_default_header_right{width:100%; height:26px; float:left; background:transparent url(../images/tit_der.gif) no-repeat right;}
.container_default_content{width:100%; float:left;}
.container_default_content_items{padding:0px 10px; border-left:solid 1px #BBB; border-right:solid 1px #BBB;}
.container_default_footer{width:100%; float:left; background:transparent url(../images/container_bot.gif) repeat-x;}
.container_default_footer_left{width:100%; height:4px; float:left; background:transparent url(../images/container_bot_lt.gif) no-repeat left;}
.container_default_footer_right{width:100%; height:4px; float:left; background:transparent url(../images/container_bot_rt.gif) no-repeat right;}

.container_blank{width:100%; clear:both; padding:10px 0 5px 0;}
.container_blank_content{width:100%; float:left;}
.container_blank_content_items{padding:10px;}

/*-- Contenedor de horarios peliculas ----------------------------------*/
.moviePerformance{width:300px; background-color:#F1F3F8;}
.moviePerformance-header{width:100%; height:19px; float:left; background:transparent url(../images/fondo_horarios.gif) repeat-x; text-indent:5px; line-height:19px;}
.moviePerformance-content{width:100%; float:left; background-color:#FFFFCC; text-indent:5px; line-height:19px;}
.moviePerformance-footer{width:100%; float:left; text-indent:5px; line-height:19px;}

/*-- Header/Footer de todas las paginas ----------------------------------*/
.combopeliculas{width:225px;}
.comboteatros{width:195px;}
.combociudades{width:112px;}
.terms{background-image:url(../images/barrainf_raya.gif); margin-top:4px; margin-left:2px; margin-bottom:4px; padding-top:3px; width:545px; color:#B3B3D1; text-align:left; font-family:"Trebuchet MS",Arial,Helvetica; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;}
.terms a:link,.terms a:visited{color:#B3B3D1; text-decoration:none;}
.terms a:hover,.terms a:active{color:#B3B3D1; text-decoration:underline;}
.nombreusuario{font-weight:bold; color:#FFF; font-size:10px; text-transform:uppercase;}
.nombreusuario a:link,.nombreusuario a:visited{color:#FFF; text-decoration:none;}
.nombreusuario a:hover,.nombreusuario a:active{color:#FFF; text-decoration:underline;}
#barralogin{font:12px; width:315px; margin-top:0; margin-bottom:3px; background-image:url(../images/barrasup_loginfd.gif); height:20px; }
#barraloginAcceso{width:135px; background-image:url(../images/barrasup_loginuser.gif); background-repeat:no-repeat; padding-left:13px; text-align:center; background-position:6px 2px; margin-left:5px; float:left;}
#barraloginRegistro{font:12px; width:140px; text-align:left; margin-left:10px;}
#barraloginUsuario{font:11px; width:200px; background-image:url(../images/barrasup_logincandado.gif); background-repeat:no-repeat; padding-left:16px; text-align:left; background-position:0 2px; float:left;}
#barraloginSalida{font:11px; width:100px; text-align:left; color:#FFFF00;}
#barraloginAcceso a:link,#barraloginAcceso a:visited,#barraloginRegistro a:link,#barraloginRegistro a:visited{color:#B3B3D1; text-decoration:none;}
#barraloginAcceso a:hover,#barraloginAcceso a:active,#barraloginRegistro a:hover,#barraloginRegistro a:active{color:#B3B3D1; text-decoration:underline;}
#barraloginSalida a:link,#barraloginSalida a:visited{color:#FFFF00; text-decoration:none;}
#barraloginSalida a:hover,#barraloginSalida a:active{color:#FFFF00; text-decoration:underline;}

/*-- Billboard --*/
.billboardMovie{text-align:center; vertical-align:bottom; margin-top:5px; top:0; margin-bottom:0; width:130px; height:23px; text-transform:uppercase; font:10px; line-height:11px;}
.billboardMovie a:link,.cartelerapelicula a:visited{ color:#6D6DB1; text-decoration:none;}
.billboardMovie a:hover,.cartelerapelicula a:active{ color:#304E94; text-decoration:none;}
.mainMovie{font-size:11px; text-align:left; padding-left:5px; padding-top:3px; width:275px; height:17px; background:transparent url(../images/fd_titulodestacada.gif) no-repeat; text-transform:uppercase; z-index:0;}

.mainPlay{font-size:11px; text-align:left; padding-left:5px; padding-top:3px; width:275px; height:17px; background:transparent url(../images/fd_titulobar.gif) no-repeat; text-transform:uppercase; z-index:0;}

.posterBorder{border:1px solid #AAB6E1; padding:1px; width:113px;}
.homeBanner{padding-top:5px; padding-bottom:5px; position:relative; z-index:0; height:83px;}



/*-- Home Right Column ----------------------------------*/
.comboestrenos{width:175px; background-color:#FFFFFF; margin-top:4px; margin-left:5px; margin-right:2px; margin-bottom:4px; text-transform:none;}
.rightBanner{margin-top:7px; width:190px; position:relative; clear:right; float:right;}
.rightPremire{width:190px; text-align:left; position:relative; clear:right; float:right; margin-left:3px; top: 4px;}
.rightPremiereBox{background-color:#E3E3F0;}
.rightPremiereBanner{margin-top:4px; width:190px; text-align:center}
.rightPremiereText{font:10px "Trebuchet MS",Arial,Helvetica; text-align:left; background-image:url(../images/estrenos_vineta.gif); background-repeat:no-repeat; background-position:8px 8px; padding-left:12px; padding-right:2px; padding-top:4px; background-color:#E3E3F0; color:#52529A; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:11px;}
.rightPremiereText a:link,.rightPremiereText a:visited{color:#52529A; text-decoration:none;}
.rightPremiereText a:hover,.rightPremiereText a:active{color:#52529A; text-decoration:underline;}
.rightPremiereTitle{color:#52529A;}
.rightPremiereTitle a:link,.rightPremiereText a:visited{color:#52529A; text-decoration:none;}
.rightPremiereTitle a:hover,.rightPremiereText a:active{color:#52529A; text-decoration:underline;}

/*-- Login ----------------------------------*/
.instructions{font-size:13px; text-align:left; padding:3px; margin:3px;}
.loginContainer{padding-top:40px; width:880px; margin-left:auto; margin-right:auto;}
.mainLoginBox{background-color:#FFFFCC; border-left:solid 1px #546DC0; border-right:solid 1px #546DC0; padding:10px 6px 0; min-height:152px; font-size:13px; line-height:17px; text-align:center; vertical-align:top; margin-left:auto; margin-right:auto}
.loginTitle{font-size:13px; text-align:center; font-weight:bold; color:#0078E1;}
.paymentContainer{width:850px; margin-left:auto; margin-right:auto; height:200px;}
.pagocineco{border-left:1px solid #AAB6E1; border-bottom:1px solid #AAB6E1; border-right:1px dashed #AAB6E1; width:200px; text-align:left;  padding-left:6px; padding-bottom:6px;}
.pagocredito{border-right:1px solid #AAB6E1; border-left:1px dashed #AAB6E1; border-bottom:1px solid #AAB6E1; width:180px; padding-bottom:6px;}
.pagodebito{border-bottom:1px solid #AAB6E1; padding-bottom:6px;}

.button{color:#FFFFFF; text-align:center; height:24px; margin:3px; font-size:14px; font-weight:bold; color:#FFFFFF; padding-top:2px;}
.button a:link,.button a:visited,.button a:hover,.button a:active{color:#FFFFFF; text-decoration:none;}
.bigBlueButton{width:150px; background-image:url(../images/boton_big.gif); background-repeat:no-repeat;}
.medBlueButton{width:100px; background-image:url(../images/boton_med.gif); background-repeat:no-repeat;}
div.button{display:block; margin-left:auto; margin-right:auto}

.idiomas{
	clear:both;
	float:right;
	margin-top:4px;
	padding-bottom:10px;
	padding:0;
	width:308px;
	text-align:center;
}

.idiomas li{
	list-style:none outside;
	color:#FFFFFF;
	text-align:center;
	float:left;
	padding:0;
	height:20px;
	margin:2px;
	width:128px;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	background-image:url(../images/boton01.gif);
	background-repeat:no-repeat;
}
.idiomas a:link,.idiomas a:visited,.idiomas a:hover,.idiomas a:active{
	display:block;
	margin:auto;
	color:#FFFFFF;
	padding-top:2px;
	width:220px;
	text-align:center;
	text-decoration:none;
}


.termsContainer{padding-top:40px; padding-bottom:20px;}
.termsClubCineco{float:right; clear:right; margin-right:10px;}
.opcionclub{
	font:bold 11px "Trebuchet MS",Arial,Helvetica;
	color:#FFFFFF;
	background:url(../images/club_mn_boton.gif) no-repeat;
	padding:1px;
	height:24px;
	text-align:center;
}
.opcionclubactivo{
	font:bold 11px "Trebuchet MS",Arial,Helvetica;
	color:#FFFFFF;
	background:url(../images/club_mn_boton_activo.gif) no-repeat;
	padding:1px;
	height:24px;
	text-align:center;
}
.opcionclub a:link,.opcionclub a:visited,.opcionclub a:hover,.opcionclub a:active,.opcionclubactivo a:link,.opcionclubactivo a:visited,.opcionclubactivo a:hover,.opcionclubactivo a:active{
	color:#FFFFFF;
	text-decoration:none;
}
.menuclub{
	background-image:url(../images/club_mn_fondo.gif);
	background-repeat:repeat-y;
	padding:6px;
	vertical-align:top;
}

/* http://naradesign.net/open_content/reference/button/ */
.dnButton, .dnButton a, .dnButton button, .dnButton input {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../img/buttonWhite.gif) no-repeat scroll 0 0;
	border:0 none;
	color:#333333;
	display:inline-block;
	font-family:Tahoma,Sans-serif;
	font-size:12px;
	margin:0;
	overflow:visible;
	position:relative;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
}
.dnButton {
	background-position:left top;
	height:23px;
	margin-right:2px;
	padding:0;
}
.dnButton a, .dnButton button, .dnButton input {
	cursor:pointer;
	left:2px;
}
.dnButton.large {
	background-position:left -30px;
	height:29px;
}
.dnButton.xLarge {
	background-position:left -65px;
	height:35px;
}
.dnButton.small {
	background-position:left -107px;
	height:18px;
}
.dnButton a, .dnButton button, .dnButton input {
	background-position:right top;
	font-size:12px;
	height:23px;
	line-height:23px;
	padding:0 10px 0 8px;
}
.dnButton.large a, .dnButton.large button, .dnButton.large input {
	background-position:right -30px;
	font-size:16px;
	height:30px;
	line-height:29px;
	padding:0 10px 0 8px;
}
.dnButton.xLarge a, .dnButton.xLarge button, .dnButton.xLarge input {
	background-position:right -65px;
	font-size:20px;
	height:35px;
	line-height:35px;
	padding:0 10px 0 8px;
}
.dnButton.small a, .dnButton.small button, .dnButton.small input {
	background-position:right -107px;
	font-size:11px;
	height:18px;
	line-height:18px;
	padding:0 6px 0 4px;
}
.dnButton :hover, .dnButton :active, .dnButton :focus {
	color:#669900;
}
.dnButton.green, .dnButton.green a, .dnButton.green button, .dnButton.green input {
	background-image:url(../images/buttonGreen.gif);
	color:#FFFFFF;
}
.dnButton.green :hover, .dnButton.green :active, .dnButton.green :focus {
	color:#FFFFFF;
}
.dnButton.black, .dnButton.black a, .dnButton.black button, .dnButton.black input {
	background-image:url(../images/buttonBlack.gif);
	color:#FFFFFF;
}
.dnButton.black :hover, .dnButton.black :active, .dnButton.black :focus {
	color:#FFFFFF;
}
.dnButton.red, .dnButton.red a, .dnButton.red button, .dnButton.red input {
	background-image:url(../images/buttonRed.gif);
	color:#FFFFFF;
}
.dnButton.red :hover, .dnButton.red :active, .dnButton.red :focus {
	color:#FFFFFF;
}
.dnButton.blue, .dnButton.blue a, .dnButton.blue button, .dnButton.blue input {
	background-image:url(../images/buttonBlue.gif);
	color:#FFFFFF;
}
.dnButton.blue :hover, .dnButton.blue :active, .dnButton.blue :focus {
	color:#FFFFFF;
}
.dnButton.strong * {
	font-weight:bold !important;
}
a:link
{
    text-decoration: none !important;
}
a:visited
{
    text-decoration: none !important;
}