@charset "UTF-8";
/* CSS Document */

*{margin:0;padding:0;}
#body  {width:960px; margin: 0 auto; background: #fff; background-image:url(/images/site/generales/bg.jpg); background-repeat:no-repeat; background-position:top;}
#body_home  {width:960px; margin: 0 auto; background: #fff; background-image:url(/images/site/generales/bghome.jpg); background-repeat:no-repeat; background-position:top;}

#header { width:100%;}
#login { height:7em;}
#main-logo {display:block;height:80px;width:220px;text-indent:-5000px;}
#menu { width:100%;}
.menu_top {background-image: url(/images/site/generales/bg_content_top.png); height: 6px;}
.menu_middle {background-image: url(/images/site/generales/bg_content_middle.png); background-repeat: repeat; height: 24px;}
.menu_bottom {background-image: url(/images/site/generales/bg_content_bottom.png); background-position:bottom; height: 6px;}
#content { width: 100%; margin: 5px 0 5px 0;}
.content_top {background-image: url(/images/site/generales/bg_content_top.png); height: 6px;}
.content_middle {background-image: url(/images/site/generales/bg_content_middle.png); background-repeat: repeat;}
.content_bottom {background-image: url(/images/site/generales/bg_content_bottom.png); background-position:bottom; height: 6px;}
.contentleft_top {background-image: url(/images/site/generales/bg_contentleft_top.png); height: 6px;}
.contentleft_middle {background: #fff;}
.contentleft_bottom {background-image: url(/images/site/generales/bg_contentleft_bottom.png); background-position:bottom; height: 6px;}
.selections_top {background-image: url(/images/site/generales/bg_selections_top.jpg); background-repeat: no-repeat; background-position:top center; height:12px;}
.selections_middle {background-image: url(/images/site/generales/bg_selections_middle.jpg); background-repeat:repeat-y; background-position:center; height:40px}
.selections_bottom {background-image: url(/images/site/generales/bg_selections_bottom.jpg); background-repeat: no-repeat; background-position:bottom center; height:12px;}
#footer {width:100%; margin: 5px 0 5px 0;}
.footer_top {background-image: url(/images/site/generales/bg_footer_top.jpg); height:8px;}
.footer_middle {background-image: url(/images/site/generales/bg_footer_middle.jpg); background-repeat: repeat; height: 51px;}
.footer_bottom {background-image: url(/images/site/generales/bg_footer_bottom.jpg); background-position:bottom; height:8px;}
#box_right {width:300px; margin: 5px 0 5px 0; background: #fff; background-image:url(/images/site/generales/bg_boxright_to_p.png); background-repeat:no-repeat; background-position:top;}
#box_right2 {width:300px; margin: 5px 0 5px 0; background: #cc0001; background-image:url(/images/site/generales/bg_boxright_to_p.png); background-repeat:no-repeat; background-position:top;}
/*#box_right2 {* margin-top:2px;}*/

#box_home {width:49%; background: #fff; background-image:url(/images/site/generales/bg_boxright_top.png); background-repeat:no-repeat; background-position:top;}
#box_left {width:566px;}
.box_top {background-image: url(/images/site/generales/bg_boxleft_top.png); background-repeat: no-repeat; height:6px;}
.box_middle {background-image: url(/images/site/generales/bg_boxleft_middle.png); background-repeat: repeat-y;}
.box_bottom {background-image: url(/images/site/generales/bg_boxleft_bottom.png); background-repeat: no-repeat; background-position:bottom; height:6px;}
#box_middle {width:90%;}
#box_peliculas {width:93%;}
.box_pelicula {background: #ebebeb; margin:6px; padding:12px;}
#box_detalle {width:100%;}
.boxdetalle_top {background-image: url(/images/site/generales/bg_boxdetalle_top.png); background-repeat: no-repeat; background-position:top center; height:6px;}
.boxdetalle_middle {background-image: url(/images/site/generales/bg_boxdetalle_middle.png); background-repeat:repeat-y; background-position:center;}
.boxdetalle_bottom {background-image: url(/images/site/generales/bg_boxdetalle_bottom.png); background-repeat: no-repeat; background-position:bottom center; height:6px;}
#box_formulario {width:450px; padding:40px}
#lista_cines ul li {list-style:none; background: url(/images/site/generales/bg_flecha.png) no-repeat top left; padding: 0 0 0 18px;}
#banner_home { margin: 5px 0 5px 0;}
#selections_home { width:418px; background-image: url(/images/site/generales/bg_selections_home.png); background-repeat: no-repeat; height:65px; margin: 5px 0 5px 0;}
.campos {font: 13px arial, helvetica, clean, sans-serif; color:#4f4f4f; margin: 6px}


/* columnas */
.subcolumns{width:100%;overflow:hidden;}
.c20l,.c25l,.c27l,.c28l,.c30l,.c31l,.c33l,.c35l,.c37l,.c40l,c40r,.c45l,.c50l,.c52l,.c55l,.c60l,.c63l,.c66l,.c70l,.c73l,.c75l,.c62l,.c85l{float:left;}
.c20r,.c25r,.c27r,.c28r,.c30r,.c31r,.c33r,.c35r,.c37r,.c40r,c42r,.c45r,.c50r,.c52r,.c55r,.c60r,.c63r,.c66r,.c70r,.c73r,.c75r,.c62r,.c85r{float:right;}
.c20l,.c20r{width:20%; }
.c25l,.c25r{width:23%; }
.c27l,.c27r{width:27%; }
.c28l,.c28r{width:28%; }
.c30l,.c30r{width:30%; }
.c31l,.c31r{width:31%; }
.c33l,.c33r{width:33.333%;}
.c35l,.c35r{width:35%;}
.c37l,.c37r{width:37%;}
.c40l,.c40r{width:43.3%;}
.c42l,.c42r{width:42%;}
.c45l,.c45r{width:45%;}
.c50l,.c50r{width:50%;}
.c52l,.c52r{width:52%;}
.c55l,.c55r{width:55%;}
.c60l,.c60r{width:60%;}
.c63l,.c63r{width:63%;}
.c66l,.c66r{width:66.666%;}
.c70l,.c70r{width:70%; }
.c73l,.c73r{width:73%;}
.c75l,.c75r{width:75%;}
.c85l,.c85r{width:85%;}
.subc{padding:0 6px 0 6px;}
.subcl{padding:0 6px 0 0;}
.subcr{padding:0 0 0 6px;}


/* Text*/
.h9rojo {font: 9px arial, helvetica, clean, sans-serif; color:#cc0001;}
.h11rojo {font: 11px arial, helvetica, clean, sans-serif; color:#cc0001;}
.h12rojo {font: 12px arial, helvetica, clean, sans-serif; color:#cc0001;}
.h13rojo a, .h13rojo a:visited {font: 13px arial, helvetica, clean, sans-serif; color:#cc0001;}
.h18rojo {font: 18px arial, helvetica, clean, sans-serif; color:#cc0001;}
.h11 {font: 11px arial, helvetica, clean, sans-serif; color:#4f4f4f;}
.h12 {font: 12px arial, helvetica, clean, sans-serif; color:#4f4f4f;}
.h13 {font: 13px arial, helvetica, clean, sans-serif; color:#4f4f4f;}
.h14 {font: 14px arial, helvetica, clean, sans-serif; color:#4f4f4f;}
.h13blanco {font: 13px arial, helvetica, clean, sans-serif; color:#fff;}
.h16 {font: 16px arial, helvetica, clean, sans-serif; color:#4f4f4f;}
.h18 {font: 18px arial, helvetica, clean, sans-serif; color:#4f4f4f;}
.h20 {font: 20px arial, helvetica, clean, sans-serif; color:#4f4f4f;}
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.text-center-caption  { text-align:center; width: 128px; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid;}
.li{margin:0;}
.pad-content {padding:0 6px;}
.pad-title {padding:20px 30px 20px 30px;}
.pad-xy {padding:10px;}
.pad-x {padding:0 10px;}
.pad-y {padding:10px 0 15px;}
.image-center {display:block;margin:0 auto;}
 

/* menu */
#jsddm {margin-left: 6px; margin-right: 6px; text-align:center;}
#jsddm li {float: left;list-style: none; font: 13px arial, helvetica, clean, sans-serif; font-style:normal;}
#jsddm li a	{display: block; background: #cc0001; padding: 5px 8px; text-decoration: none; width: 88px; color: #fff; white-space: nowrap; border-right-style: dotted; border-right-width: 1px;}
#jsddm li a:hover {background: #960000;}	
#jsddm li ul {position: absolute; visibility: hidden;}	
#jsddm li ul li	{float: none; display: inline;}			
#jsddm li ul li a {background: #cc0001; padding: 8px; color: #fff; border-bottom-style: dotted; border-bottom-width: 1px; border-right-style:none;}
#jsddm li ul li a:hover	{background: #960000;}


/* gallery combo */
#jFlowSlide2 { padding-left: 0px}
.jFlowPrev2,.jFlowNext2 { cursor:pointer;}
.paginador { height:30px; width: 280px; margin-left: auto;}
#myController2 li {	padding:0px 2px; border-bottom-width: 0px; display: inline;	border-right-width: 0px;}
#myController2 ul {	margin: 0px;}	
#myController2 span { cursor:pointer; border-right-width: 0px; margin-right: 0px; padding:0px 4px;}
#myController2 span.jFlowSelected2 { background-color: #d97a24;	padding:3px 6px; color: #fff;}


text-right
a:active {  outline:none;}
:focus {  -moz-outline-style:none;}


/* the overlayed element */
div.overlay {	
/* growing background image */
background-image:url(/images/site/generales/white.png);	
/* dimensions after the growing animation finishes  */
width:620px;
height:500px;			
/* initially overlay is hidden */
display:none;

/* some padding to layout nested elements nicely  */
padding:55px;
}
/* default close button positioned on upper right corner */
div.overlay div.close {	background-image:url(/images/site/generales/close.png);	position:absolute;	right:15px;	top:18px;	cursor:pointer;	height:28px;	width:28px;}
/* black */
div.overlay.black {	background:url(/images/site/generales/transparent.png) no-repeat !important;	color:#fff;}
/* petrol */
div.overlay.petrol {	background:url(/images/site/generales/petrol.png) no-repeat !important;	color:#fff;}
div.black h2, div.petrol h2 {	color:#ddd;		}


a{color:#4f4f4f; text-decoration:none;}
a:hover { text-decoration:underline;}
a:visited{ color:#4f4f4f;}
/* the overlayed element */



/* -------->> =opening <<-------- */
ul.movie-list-wrap {
overflow:hidden;
}
ul.movie-list-wrap li.movie {
display:inline;
float:left;
height:30px;
margin-right:10px;
width:135px;
}
ul.movie-list-wrap h3 {
background:transparent none repeat scroll 0 0;
font-size:12px;
line-height:1.1em;
margin:0;
padding:0;
text-align:center;
}
.featured-movie-actions {
font-size:10px;
margin-left:12px;
}
.featured-movie-actions ul {
overflow:hidden;
padding-left:5px;
}
.icon-want-it, .icon-comments, .icon-views {
display:inline;
float:left;
}
.icon-want-it div, .icon-comments div, .icon-views div {
background-image:url(http://www.cinemark.cl/images/site/generales/btns.png);
background-repeat:no-repeat;
color:#FF9C00;
display:block;
font-weight:bold;
margin-right:4px;
padding:18px 0 7px;
text-align:center;
width:34px;
}
.icon-want-it div {background-position: 0 -129px;}
.icon-comments div {background-position: 0 -166px;}
.icon-views div {background-position: 0 -203px;width:36px;}
a.want-it:hover {
background-position:0 -669px;
}
a.want-it {
background:transparent url(http://www.cinemark.cl/images/site/generales/btns.png) no-repeat scroll 0 -639px;
display:block;
height:26px;
margin:0;
text-indent:-30000px;
width:107px;
}

.icon-want-it a, .icon-want-it a:visited {font: 10px arial, helvetica, clean, sans-serif; color:#FFFFFF;}
.icon-comments a, .comments a:visited {font: 10px arial, helvetica, clean, sans-serif; color:#FFFFFF;}
.icon-views a, .views a:visited {font: 10px arial, helvetica, clean, sans-serif; color:#FFFFFF;}

/* -------->> =opening <<-------- */


/* -------->> login-registro<<-------- */
#links {float: right;margin: 0;padding: 0;	list-style: none;}
#links {position: relative; margin: 0 0 6px 0; width: 220px; height: 216px; background: transparent;}
#links li {width: 110px; height: 216px; position: absolute; top: 0; background:  url(/images/site/generales/banner_home_cinemarkclub.jpg) 0 0 no-repeat; display: block; list-style: none;}
#links a {background:transparent; width: 110px; height: 216px; display: block; border: none;}
#links a:hover {border: none;}
#links #register {left: 0;}
#links #login {left: 110px; background-position: -110px 0;}
#links #register a:hover {background:  url(/images/site/generales/banner_home_cinemarkclub.jpg) 0 -216px no-repeat;}
#links #login a:hover {background:  url(/images/site/generales/banner_home_cinemarkclub.jpg) -110px -216px no-repeat;}
#links #register, #links #login {text-indent:-5000px;}
/* -------->> login-registro<<-------- */



/* -------->> login-registro interior<<-------- */
#links2 { width:220px; height:78px; float:left;}
#links2 h1{ margin:0px;}
/* hacemos invisible el contenido de la etiqueta span */
#links2 a span{ visibility:hidden;}
/* transformamos el enlace en un elemento de bloque */
#links2 a { width:220px; height:74px; display:block; padding:0px; margin:0px; text-decoration:none; background-image:url(/images/site/generales/banner_interior_cinemarkclub.jpg);}
#links2 a:hover {background-position: 0px 74px;}
/* -------->> login-registro interior<<-------- */