/*MM_Cliente Hoja de Estilos del sitio*/
/*Edwin Vargas Cortes - 2009*/

/*--------------------------------------------resets and Aux Styles---------------------------------------*/
html,body,div,img,a,p,h1,h2,h3,h4,*{margin:0px; padding:0px; border:none;}

.noborder {border: none!important;}
.t_right {text-align: right;}
.t_left {text-align: left;}
.t_center {text-align: center;}
.f_left {float: left;}
.f_right {float: right;}
.m_boton{ margin-bottom:10px;}
.overflow-hidden{ overflow:hidden;}
.overflow-visible{ overflow:visible;}
.margin-10{ margin:10px}
.border_bottom{ border-bottom:1px #aaa solid;}
.clear{ clear:both;}
a{ color:#fff; text-decoration:none; outline:none;}
a:hover{ color:#2AD9DE; text-decoration:none; border-bottom:1px solid}

.relative{ position:relative;}

/*----- LAYER -----*/
#TB_overlay { position: absolute; z-index:210; top: 0px; left: 0px; background-color:#000000; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;  .position:fixed;width:100%; height:100%;  .height:1000px;}
#window2 { position:fixed; top:20%; left:30%; z-index:320; color:#333333; padding:10px; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

/* new clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*--------------------------------------------reset---------------------------------------*/

body{ background-color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
body.home{ background:url('../img/layout/bg-home.jpg') no-repeat center top #000 ;}
body.romance{ background:url('../img/layout/bg-romance.jpg') no-repeat center top #000 ;}
body.scifi{ background:url('../img/layout/bg-sci-fi.jpg') no-repeat center top #000 ;}
body.western{ background:url('../img/layout/bg-western.jpg') no-repeat center top #000 ;}
.wrapper{ width:990px; margin:0px auto;}

.header h1{width:213px; height:109px; display:block; padding:58px 0px 0px 148px;}
.logo{ width:213px; height:109px; display:block; background:url('../img/header/logo-cinevision.png') no-repeat 0 0; text-indent:-123456789px; line-height:0px;}
.logo:hover{ border-bottom:0px;}

/*NAVEGACION*/
.primary-nav{ width:366px; height:21px; display:block; margin-left:310px; margin-top:193px;}
.primary-nav li{float:left; margin:0px; list-style:none;}

.btn-medium{ width:62px; height:21px; display:block; background:url('../img/header/nav/btn-el-medio.png') no-repeat 0 0; text-indent:-123456789px; line-height:0px; border-bottom:none;}
.btn-medium:hover{ background-position:-62px; border-bottom:0px;}

.btn-advertise{ width:84px; height:21px; display:block; background:url('../img/header/nav/btn-paute-cine.png') no-repeat 0 0; text-indent:-123456789px; line-height:0px; border-bottom:none;}
.btn-advertise:hover{ background-position:-84px; border-bottom:0px;}

.btn-where{ width:107px; height:21px; display:block; background:url('../img/header/nav/btn-donde-estamos.png') no-repeat 0 0; text-indent:-123456789px; line-height:0px; border-bottom:none;}
.btn-where:hover{ background-position:-107px; border-bottom:0px;}

.btn-next-releases{ width:113px; height:21px; display:block; background:url('../img/header/nav/btn-proximos-estrenos.png') no-repeat 0 0; text-indent:-123456789px; line-height:0px; border-bottom:none;}
.btn-next-releases:hover{ background-position:-113px; border-bottom:0px;}

.secondary-nav{ width:400px; float:right; margin-right:30px;}
.secondary-nav li{float:left; margin:5px; list-style:none;}
.secondary-nav li.languaje { border-left:1px #ccc solid; display:block;}
.secondary-nav li.languaje ul li{ margin:0px 5px;}
.secondary-nav li a{ color:#CCCCCC; font-size:10px;}
.secondary-nav li a:hover{ color:#2AD9DE; text-decoration:none; border-bottom:1px solid}

/*stage*/
.stage{ width:720px; margin:0px auto;}
.wrapper-flash-stage-home{ width:517px; height:228px; float:left; background:url('../img/stage/bg-flash-stage-home.png') no-repeat 0 0; padding:3px 0px 0px 3px; margin:10px 0px;}

.btn-destacado-upper{ width:199px; height:112px; display:block; background:url('../img/stage/mask-upper-banner.png') no-repeat 0 0; text-indent:-123456789px; line-height:0px; position:absolute; right:1px; top: 10px;  z-index:1}
.link-destacado-upper{width:199px; height:112px; display:block; text-indent:-123456789px; line-height:0px; position:absolute; right:1px; top: 10px; z-index:2}
.img-upper-banner{display:block; margin-right:1px; padding-top: 22px; z-index:0}
.link-destacado-upper:hover{ border-bottom:none!important; text-decoration:none!important;}

.btn-destacado-lower{ width:199px; height:116px; display:block; background:url('../img/stage/mask-lower-banner.png') no-repeat 0 0; text-indent:-123456789px; line-height:0px; position:absolute; right:1px; top: 9px; z-index:1}
.link-destacado-lower{width:199px; height:116px; display:block;text-indent:-123456789px; line-height:0px; position:absolute; right:1px; top: 9px; z-index:2	}
.img-lower-banner{display:block; margin-right:1px; padding-top: 14px; z-index:0}
.link-destacado-lower:hover{ border-bottom:none!important; text-decoration:none!important;}

.formatos-home { margin:0 auto; padding:0 0 5px; width:720px;}
.formatos-home h3 { border-bottom:1px dotted #FFFFFF; color:#2AD9DE; font-size:14px; padding:5px 0;}
.formatos-home ul { margin:0px; padding:10px 0 0; list-style-type:none;}
.formatos-home ul li { background:url(../img/content/item-pauta.gif) bottom center no-repeat; display:inline; display:block; float:left; height:80px; margin-right:20px; text-align:center; width:100px;}
.formatos-home ul li a { border:1px solid #000000; font-size:13px; display:block; height:80px; padding:5px 0 0 0; width:100px;}
.formatos-home ul li a:hover { border:1px solid #333333;}

/*CONTENIDO*/
.wrapper-content{ width:720px; margin:10px auto;}
.col-523{ width:523px; margin-bottom:20px}
.col-420{ width:420px; margin-bottom:20px}
.col-420 p { font-size:11px;}
.col-177{ width:177px; margin-bottom:20px; padding:40px 0 0 0;}
.col-197{ width:197px; margin-bottom:20px}
.col-300{ width:300px; margin-bottom:20px}
.col-315{ width:315px; margin-bottom:20px; margin-left:20px;}

.video-player{  width: 269px; height:203px; display:block; background:url('../img/content/bg-video-player.png') no-repeat 0 0; float:left; padding-top: 6px; padding-left: 6px;}

.proximos-estrenos{ width:248px; height:180px; display:block; background:url('../img/content/bg-estrenos-home.png') no-repeat 0 0; float:right; margin-top: 8px;}
.proximos-estrenos h2{ font-size:14px; margin-left: 7px; margin-top: 3px;}

.proximos-estrenos .lista-estrenos{width: 240px; height: 150px; margin-left: 4px; margin-top: 4px; overflow:auto;}
.item-estreno{ clear:both; margin-bottom:20px;}
.item-estreno .img-estreno{ width:54px; float:left;}
.datos-estreno{ color:#000; float:right; width: 160px;}
.datos-estreno h3 a{ color:#2389BD}
.datos-estreno h4{ color:#006600; font-size:11px; }
.datos-estreno p{ color:#05273B; font-size:10px;}
.datos-estreno a.ver-trailer{ color:#006600; font-size:11px; font-weight:bold;}
.datos-estreno a.ver-trailer:hover{ border-bottom:1px solid;}

.contenedor-noticias, .contenedor-documentos{ padding-top:10px; border-top:1px solid #fff; margin-bottom:5px;}
.contenedor-noticias ul li{ list-style:none; margin-bottom:3px;}
.contenedor-noticias ul li a{ border-bottom:1px solid;}
.contenedor-noticias ul li ul li{ margin:3px 3px 3px 10px;}
.contenedor-noticias ul li ul li a{ font-size:10px;}

.small-link{ font-size:10px; margin-left:10px; display:block;}
.small-link:hover{ border-bottom:none;}
.contenedor-noticias img{ margin:5px 5px 0px 0px;}
.contenedor-noticias h2, .contenedor-documentos h2{ font-size:14px; margin-bottom:5px;}
.contenedor-noticias h3{ font-size:12px; margin-bottom:5px; float:right; width:110px;}
.contenedor-noticias p{ font-size:10px; }
.contenedor-noticias p.fecha{ background:#004C54; font-size:10px; color:#fff; width:100px; float:right; padding:0px 5px;}
.contenedor-noticias a.ver-mas{ float:right; width:50px; border-top:1px #2389BD solid;}


/*páginas internas*/
.location-bar{ position:absolute; top:-30px; right:0; display:block; font-size:10px;}

.fecha{ font-size:12px; margin-bottom:0px!important;}
.fecha em{ font-style:normal; font-weight:bold;}

.top-contenido{ padding-bottom:10px; background:url('../img/content/bg-top-content.png') repeat-x 0 0;}
.top-contenido h2{ font-size:16px; padding-top:10px; margin-left:10px;}
.content-nav{ margin-left:10px;}
.content-nav li{ list-style:none; float:left; margin-right:10px;}
.content-nav li a{ color:#00A4BC; font-size:11px; border-bottom:1px solid; }
.content-nav li a:hover{ color:#fff;}

.body-contenido{ background-color:#fff; color:#333; padding:10px;}
.body-contenido a{ color:#2288BD; border-bottom:1px solid;}
.body-contenido a:hover{ color:#666;}
.body-contenido p{ margin-bottom:18px;}
.body-contenido h3{ margin-bottom:18px; font-size:12px; color: #2288BD}

.bottom-contenido-up{ height:49px; background:url('../img/content/bg-bottom-content-up.jpg') repeat-x 0 0;}
.bottom-contenido-up h3{ font-size:13px; margin-left:10px; padding-top:10px;}
.bottom-contenido-up a{ margin-left:10px; font-size:11px; color:#D3F6FB; border-bottom:1px solid;}
.bottom-contenido-up a:hover{ color:#114466}
.bottom-contenido-down{ height:6px; background:url('../img/content/bg-bottom-content-down.png') no-repeat 0 0;}
.bottom-contenido-down-wide{ height:6px; background:url('../img/content/bg-bottom-content-down-wide.png') no-repeat 0 0;}

.contenedor-imagenes{ margin-bottom:20px; padding:37px 0 0 0;}
.contenedor-imagenes img{ border:1px #fff solid; margin:3px 1px 0px 0px }
.contenedor-imagenes a:hover{ border-bottom:none;}
.secondary-img{border:1px #fff solid !important; margin:3px 0px 0px 2px !important;  }

.contenedor-documentos ul{ margin-top:10px;}
.contenedor-documentos ul li{ list-style:none;}
.contenedor-documentos ul li a{ display:block; float:right;margin-right: 80px; margin-top: 3px;}

.idea-but { background:url(../img/content/idea-box.jpg) 0 0 no-repeat; border:none!important; color:#FFFFFF!important; display:block; font-size:18px; font-weight:bold; height:40px; line-height:40px; margin:10px auto; text-align:center; width:680px;}
.idea-but2 { background:url(../img/content/idea-box2.jpg) 0 0 no-repeat; border:none!important; color:#FFFFFF!important; display:block; font-size:13px; font-weight:bold; height:40px; line-height:44px; margin:10px auto; padding:0 0 0 20px; text-align:center; width:473px;}
.idea-but:hover, .idea-but2:hover { background-position:0 -40px;}

/*noticias*/

.item-noticias{ width:230px; float:left;border-bottom:1px #999 solid; margin:10px 20px 0px 0px;}
.item-noticias h3{ margin-bottom:5px;}
.item-noticias img{ margin:0px 10px 10px 0px;}
.item-noticias p{ font-size:10px;}
.item-noticias .fecha{ color:#666666; font-size:10px; font-weight:bold; margin-bottom:0px; }
.item-noticias .fecha em{ font-style:normal; display:block; color:#007586; font-size:10px;}

/*estrenos*/

.ver-listado-alfabetico{ float:right; font-size:11px; font-weight:bold; color:#2389BD; margin-right: 10px;}
.year-estreno{ font-size:18px !important; color:#000 !important; margin-bottom:10px !important;}
.month-estreno{ color:#2389BD; font-size:12px; font-weight:bold; border-bottom:1px #999999 solid; margin-bottom:10px; clear:both;}
.item-movie{ width:60px; margin:0px 11px 10px 11px; float:left; text-align:center;}
.item-movie a{ font-size:10px; color:#000; text-align:center;}


.contenedor-contacto{ width:350px; float:left; border-right:1px #999 solid;}

.contenedor-estrenos{ width:150px; float:left; border-right:1px #999 solid;}

.contenedor-estrenos h3{ color:#000; margin-bottom:5px;}
.contenedor-estrenos h4{ font-size:11px;}
.contenedor-estrenos p{ font-size:10px; padding:0 10px 0 0}
.lista-formatos{color:#000; margin-bottom:5px; font-size:12px !important;}
.lista-estrenos{ margin:0 10px;}
.lista-estrenos li{ list-style:none; color:#2389BD; font-size:10px; margin-bottom:5px; font-weight:bold;}

.info-estreno{ width:315px; float:right; margin-right:10px;}
.info-estreno h3{ font-size:16px; font-weight:bold; color:#000; margin-bottom:7px;}
.fecha-estreno{ font-size:10px; font-weight:bold; color:#333; margin-bottom:5px !important;}
.ficha-estreno b{ color:#2288BD; font-size:11px; font-weight:bold;}
.ficha-estreno em{ font-style:normal; font-weight:bold;}
.ficha-estreno p{ font-size:10px; color:#666666;}


/*pauta*/

.item-pauta{ width:325px; float:left; margin:10px;}
.title-item-pauta{ clear:both;}
.left-item-pauta{ width:5px; height:20px; background:url('../img/content/bg-left-item-pauta.jpg') no-repeat 0 0; float:left}
.middle-item-pauta{height:20px; background:url('../img/content/bg-middle-item-pauta.jpg') repeat-x 0 0;float:left}
.middle-item-pauta h3{margin-top: 5px;}
.right-item-pauta{width:5px; height:20px; background:url('../img/content/bg-right-item-pauta.jpg') no-repeat 0 0;float:left}

.top-body-item-pauta{ height:7px; background:url('../img/content/bg-top-body-item-pauta.jpg') no-repeat 0 0;}
.content-body-item-pauta{ background:url('../img/content/bg-middle-body-item-pauta.jpg') repeat-y 0 0;}
.content-body-item-pauta p{ color:#F2F2F2; margin-bottom:0px; float:left; width:235px; margin-left:5px}
.content-body-item-pauta img{ float:right;}
.bottom-body-item-pauta{height:7px; background:url('../img/content/bg-bottom-body-item-pauta.jpg') no-repeat 0 0;}
.lista-ciudades li{ font-size:13px; font-weight:bold; list-style:none; padding:2px 0;}
.lista-ciudades li a{ border-bottom:none;}
.lista-ciudades li ul{ margin-left:10px;}
.lista-ciudades li ul li{ font-size:11px; font-weight:normal; list-style:none; padding:2px 0;}
.lista-ciudades li ul li a{ border-bottom:1px solid;}
.lista-ciudades li ul li em{ font-weight:bold;}

/*contacto*/

.form-contacto{ width:140px; position:relative;}

.form-contacto .body-form-contacto form{ width:140px;}
.form-contacto .body-form-contacto form label{ display:block; height:15px;color:#2288BD; font-size:10px; margin:0px;}
.form-contacto .body-form-contacto form input, .form-contacto .body-form-contacto form select{ background-color:#000000; height:20px; width:140px; font-size:12px; margin:0px 0px 5px 0px; color:#fff;}
.form-contacto .body-form-contacto form textarea{ background-color:#000; height:100px; width:140px; font-size:12px; margin:0px 0px 5px 0px; color:#fff;}
.form-contacto .body-form-contacto form input.enviar{ width:60px; height:20px; cursor:pointer; background:url('../img/content/btn-enviar.jpg') no-repeat center center; float:right; margin:0px; padding:0px; border:none; text-indent:-1234546789px; line-height:0px; font-size:0px;}

.form-contacto2{ width:340px; position:relative;}

.form-contacto2 .body-form-contacto2 form{ width:340px;}
.form-contacto2 .body-form-contacto2 form label{ display:block; width:100%; height:15px;color:#2288BD; font-size:10px; margin:0px;}
.form-contacto2 .body-form-contacto2 form input, .form-contacto .body-form-contacto form select{ background-color:#000000; height:20px; width:340px; font-size:12px; margin:0px 0px 5px 0px; color:#fff;}
.form-contacto2 .body-form-contacto2 form textarea{ background-color:#000; height:100px; width:340px; font-size:12px; margin:0px 0px 5px 0px; color:#fff;}
.form-contacto2 .body-form-contacto2 form input.enviar{ width:60px; height:20px; cursor:pointer; background:url('../img/content/btn-enviar.jpg') no-repeat center center; float:right; margin:0px; padding:0px; border:none; text-indent:-1234546789px; line-height:0px; font-size:0px;}


.contacto-msg{ position:absolute; width:365px; left:150px; top:0px;}
.contacto-msg .top-contacto-msg{ height:19px; background: #000;}
.contacto-msg .top-contacto-msg a{ margin:2px 5px; color:#fff;}
.contacto-msg .body-contacto-msg{ background:#000; padding:10px;}
.contacto-msg .body-contacto-msg p{ padding-left:15px; margin:0px 15px; color:#fff;}
.contact-select { color:#FFFFFF; width:138px!important;}
.contact-select2 { background:#000000; color:#FFFFFF; width:338px!important;}
/*foooter*/

.footer{ clear: both; margin-top:30px; padding-top:20px; position:relative; border-top:1px #fff solid;}
.footer a:hover{ border-bottom:0px;}
.footer img{ margin:0px 5px;}
.comercializa{color:#2288BD; margin-top: 15px; margin-bottom: 5px;}
a.logo_mgmd { background:url('../img/footer/magdalenamedio.gif') no-repeat 0 0; height:11px; width:9px; line-height:999px; overflow:hidden; position:absolute; top:20px; right:0px; }