/* reseteando estilos */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,ins, kbd, q, s, samp, small, strike,strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font-family: inherit;vertical-align: baseline}
body{line-height: 1}
:focus{outline: 0}
ol, ul{list-style: none}
table{border-collapse: collapse;border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after{content: ""}
blockquote, q{quotes: "" ""}
input, textarea{margin: 0;padding: 0}
hr{margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}
/* fin reset */
/* estilos comunes */
html,body{height:100%;width:100%;}
body .fondo{float:left; display:inline; width:100%;}
body h1{display:inline;float:left;height:112px;left:10px;position:absolute;text-indent:-9999px;top:71px;width:360px;}
div.principal{height:600px;margin:0 0 0 -490px;position:relative;top:0;width:980px; float:left; display:inline; left:50%;}
div.principal ul.menu_superior{font-family:arial;font-size:15px;position:absolute;right:0;top:11px;width:558px;}
div.principal ul.menu_superior li{ float:left; display:inline;margin-right:14px;}
div.principal ul.menu_superior li a{display:inline;float:left;height:18px;text-indent:-9999px;}
div#reproductor{/*background-color:#000000;*/height:410px;left:452px;position:absolute;top:72px;width:510px;}
div.principal ul.menu_superior li.videos{margin:0;}
div.principal ul.menu_superior li.videos a{left:-402px;position:absolute;top:0;width:45px;}
div.principal ul.menu_superior li.directores a{width:115px;}
div.principal ul.menu_superior li.portfolio a{width:84px;}
div.principal ul.menu_superior li.como_se_hizo a{width:67px;}
div.principal ul.menu_superior li.inscribete a{width:57px;}
div.principal ul.menu_superior li.contacto a{width:50px;}
div.principal ul.menu_superior li.compartelo a{width:64px;}
div.principal ul.menu_superior li.compartelo,
div.principal ul.menu_superior li.boton_facebook,
div.principal ul.menu_superior li.boton_twitter{margin-right:0;}
div.principal ul.menu_superior li.boton_facebook a,
div.principal ul.menu_superior li.boton_twitter a{width:18px; height:18px; background: transparent url(../images/redes_sociales.gif) no-repeat 0 0; margin:0 1px;}
div.principal ul.menu_superior li.boton_twitter a{ background-position:0 bottom;}
div.footer{display:inline;float:left;left:11px;position:absolute;top:516px;}
div.footer ul.derechos li{position:absolute;}
div.footer ul.derechos li.leoburnett a{background:url(../images/logo_leoburnett.png) no-repeat 0 0;display:inline;float:left;height:20px;left:-2px;position:absolute;text-indent:-9999px;top:-54px;width:105px; cursor:pointer;}
div.footer ul.derechos li.corbis a{background:url(../images/logo_corbis.png) no-repeat 0 0;display:inline;float:left;height:20px;left:113px;position:absolute;text-indent:-9999px;top:-54px;width:160px; cursor:pointer;}
div.footer ul.derechos li.arena a{background: transparent url(../images/arena.png) no-repeat 0 0;cursor:pointer;display:inline;float:left;height:23px;left:282px;position:absolute;text-indent:-9999px;top:-56px;width:65px;}
div.menu_directores{display:inline;float:left;height:68px;position:relative;width:950px;}
div.menu_directores h2{background: url(../images/pillamos_a.png) no-repeat 0 0;float:left;height:20px;left:27px;position:absolute;top:24px;width:66px; text-indent:-9999px;}
div.menu_directores ul{height:69px;left:118px;overflow:hidden;position:absolute;top:0;width:819px;}
div.menu_directores ul li{ float:left; display:inline;}
div.menu_directores li a{display:inline;float:left;height:69px;text-indent:-9999px; cursor:pointer;}
ul.nav_secundaria{display:inline;float:left;height:80px;left:213px;position:absolute;top:366px;width:150px;}
ul.nav_secundaria li{ float:left; display:inline;}
ul.nav_secundaria li a{display:inline;float:left;height:37px;text-indent:-9999px;width:156px; cursor:pointer;}
ul.nav_secundaria li.facebook{ width:1px; height:1px;}
ul.nav_secundaria li.facebook a,
ul.nav_secundaria li.comparte_pf8 a{display:none;}
ul.nav_secundaria li.inscribete a{left:0;position:absolute;top:46px;}
ul.nav_secundaria li.videos a{background:url("../images/logotipo.png") no-repeat scroll 0 0 transparent;border:medium none;cursor:pointer;height:102px;left:-202px;position:absolute;text-indent:-9999px;top:-18px;width:181px;}
/* FIN estilos comunes */
/* botones directores de arte */
div.menu_directores .video_1 a{background:url(../images/menu1.png) no-repeat 0 0;width:110px;}
div.menu_directores .video_2 a{background:url(../images/menu3.png) no-repeat 0 0;width:98px;}
div.menu_directores .video_3 a{background:url(../images/menu6.png) no-repeat 0 0;width:100px;}
div.menu_directores .video_4 a{background:url(../images/menu8.png) no-repeat 0 0;width:86px;}
div.menu_directores .video_5 a{background:url(../images/menu5.png) no-repeat 0 0;width:100px;}
div.menu_directores .video_6 a{background:url(../images/menu7.png) no-repeat 0 0;width:110px;}
div.menu_directores .video_7 a{background:url(../images/menu4.png) no-repeat 0 0;width:115px;}
div.menu_directores .video_8 a{background:url(../images/menu2.png) no-repeat 0 0;width:100px;}
div.menu_directores .item_video a{background:url(../images/menu_video.png) no-repeat 0 0;width:100px;}
body.juan-nonzlioli li.video_1,/*body.rafa-anton li.video_2,*/
body.ivan-de-dios li.video_2,body.antonio-montero li.video_7,
body.german-silva li.video_5,body.tute-ostiglia li.video_3,
body.rafa-hernandez li.video_6,body.paco-conde li.video_4{background:url(../images/menu_activo.png) no-repeat 0 0;}
/* fin directores */
/* Página inicio */
body#inicio{background:#42431f url("../images/fondo_intro.jpg") no-repeat scroll center top;overflow-x:hidden; overflow-y:hidden;}
body#inicio .footer, body#inicio li.videos, body#inicio ul.nav_secundaria{display:none;}
body#inicio table.intro{width:100%; height:100%;display:table; float:left; border-spacing:22px; border-collapse:separate;}
body#inicio #reproductor_intro{width:80%; height:95%; position:static;}
/* FIN página inicio */
/* Página de videos */
body#videos{background:#a5a74d url("../images/fondo_videos.jpg") no-repeat scroll center top;}
div.texto_intro{display:inline;float:left;font-family:arial;font-size:12px;left:12px;line-height:13px;position:absolute;top:191px;width:394px;}
div.texto_intro p{color:#FFFFFF;font-family:verdana;font-size:11px;letter-spacing:-0.6px;line-height:14px;margin-bottom:6px;text-transform:uppercase;}
body#videos h1{background: transparent url(../images/titulo_intro.png) no-repeat 0 0;}
body#videos ul.nav_secundaria li.facebook a{ display:none;}
body#videos .pf8 a{ background:url(../images/pf8_videos.png) no-repeat 0 0;}
body#videos .nav_secundaria .inscribete a{ background:url(../images/inscribete_videos.png) no-repeat 0 0;}
body#videos div.principal ul.menu_superior li.videos a{display:none;}
/* FIN página de videos */
/* Página directores */
body#directores-creativos{background:#c7b244 url("../images/fondo_directores.jpg") no-repeat scroll center top;}
body#directores-creativos h1{background: transparent url("../images/titulo_directores.png") no-repeat 0 0;}
.listado_directores{height:410px;left:442px;position:absolute;top:73px;width:540px; z-index:100}
.listado_directores li{background:url("../images/directores.jpg") no-repeat scroll 0 0 transparent;display:inline;float:left;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:normal;height:30px;margin:6px 10px;padding-left:35px;position:relative;width:125px;}
.listado_directores li h2{font-size:14px;letter-spacing:-1px; color:#fff;}
.listado_directores li a{ color:#000; text-decoration:none;}
.listado_directores li a:hover{text-decoration:underline;}
body#directores-creativos div.texto_intro{top:155px;}
.listado_directores li img{ position:absolute; left:0; top:0; cursor:pointer;z-index:1;}
.listado_directores li div.describe{background:url("../images/alto_tooltip.gif") no-repeat scroll 0 0 transparent;color:#000000;display:none;float:left;left:-30px;padding:23px 0 6px;position:absolute;top:32px;width:206px;z-index:2;}
.listado_directores li div.describe p{background:url("../images/bajo_tooltip.gif") no-repeat scroll 0 bottom transparent;line-height:15px;padding:0 15px 15px;}
body#directores-creativos .pf8 a{ background:url(../images/pf8_directores.png) no-repeat 0 0;}
body#directores-creativos .nav_secundaria .inscribete a{ background:url(../images/inscribete_directores.png) no-repeat 0 0;}
/* fotos */
li.persona_1{background-position:left 0;}
li.persona_2{background-position:left -30px;}
li.persona_3{background-position:left -60px;}
li.persona_4{background-position:left -90px;}
li.persona_5{background-position:left -120px;}
li.persona_6{background-position:left -150px;}
li.persona_7{background-position:left -180px;}
li.persona_8{background-position:left -210px;}
li.persona_9{background-position:left -240px;}
li.persona_10{background-position:left -270px;}
li.persona_11{background-position:left -300px;}
li.persona_12{background-position:left -330px;}
li.persona_13{background-position:left -360px;}
li.persona_14{background-position:left -390px;}
li.persona_15{background-position:left -420px;}
li.persona_16{background-position:left -450px;}
li.persona_17{background-position:left -480px;}
li.persona_18{background-position:left -510px;}
li.persona_19{background-position:left -540px;}
li.persona_20{background-position:left -570px;}
li.persona_21{background-position:left -600px;}
/* FIN fotos */
/* FIN página directores */
/* Página inscribete */
body#inscribete{background:#d59f45 url("../images/fondo_inscribete.jpg") no-repeat scroll center top;}
body#inscribete .contenido_inscribete{display:inline;float:left;height:470px;left:0;position:absolute;top:40px;width:980px;}
body#inscribete .contenido_inscribete iframe{overflow-x: hidden;}
body#inscribete ul.nav_secundaria,body#inscribete ul.derechos,body#inscribete h1{display:none;}
/* FIN página inscribete */
/* Página comosehizo */
body#como-se-hizo{background:#cda1c4 url("../images/fondo_comosehizo.jpg") no-repeat scroll center top;}
body#como-se-hizo h1{background:url("../images/titulo_comosehizo.png") no-repeat scroll 0 0 transparent;height:118px;}
body#como-se-hizo div.texto_intro{top:205px;}
body#como-se-hizo .pf8 a{ background:url(../images/pf8_comosehizo.png) no-repeat 0 0;}
body#como-se-hizo .nav_secundaria .inscribete a{ background:url(../images/inscribete_comosehizo.png) no-repeat 0 0;}
body#como-se-hizo div.texto_intro img{left:390px;position:absolute;top:-130px;}
/* FIN página comosehizo */
/* Página portfolio-night */
body#portfolio-night{background:#74a5ba url("../images/fondo_portfolio.jpg") no-repeat scroll center top;}
body#portfolio-night h1{background: transparent url("../images/titulo_portfolio.png") no-repeat 0 0; width:402px;}
body#portfolio-night .pf8 a{display:none;}
body#portfolio-night .nav_secundaria .inscribete a{ background:url(../images/inscribete_portfolio.png) no-repeat 0 0;}
body#portfolio-night .nav_secundaria .mas_info a{ background:url(../images/info_portfolio.png) no-repeat 0 0;}
/* FIN página portfolio-night */
/* Página contactar */
body#contacto{background:#a9815e url("../images/fondo_contacto.jpg") no-repeat scroll center top;}
body#contacto h1{background: transparent url("../images/titulo_contactar.png") no-repeat 0 0;}
body#contacto div.texto_intro{top:128px;}
body#contacto .pf8 a{background:url(../images/pf8_contacto.png) no-repeat 0 0;}
body#contacto .nav_secundaria .inscribete a{ background:url(../images/inscribete_contacto.png) no-repeat 0 0;}
body#contacto .contenido_contacto{background:url("../images/text_contacto.png") no-repeat scroll 0 0 transparent;height:410px;padding-left:33px;position:absolute;right:15px;top:72px;width:477px;}
body#contacto .contenido_contacto li{display:inline;float:left;margin:0 0 22px;width:477px;}
body#contacto .contenido_contacto li a{height:31px; float:left; display:inline; width:190px; background-color:#9C0; text-indent:-9999px; cursor:pointer;}
body#contacto .contenido_contacto li.faqs a{background: transparent url(../images/boton_faq.png) no-repeat 0 0;width:152px;}
body#contacto .contenido_contacto li.ask_facebook a{background: transparent url(../images/boton_facebook.png) no-repeat 0 0;}
body#contacto .contenido_contacto li.formulario{padding:38px 0 26px;}
body#contacto fieldset.acciones input{background-color:#832316;}
body#contacto fieldset.acciones p{background-color:#CFD50D;bottom:0;color:#73170F;font-family:arial;font-size:11px;height:13px;opacity:0.8;padding:5px 6px 4px;position:absolute;width:341px;}
body#contacto legend{display:none;}
body#contacto fieldset#datos_contacto input,
body#contacto fieldset#datos_contacto textarea{background-color:#FFFFFF;border:1px solid #6A352F;color:#85150e;height:17px;margin:0 0 4px;opacity:0.8;padding:2px 5px;width:442px;filter: alpha(opacity=80)}
body#contacto fieldset#datos_contacto textarea{height:120px;}
body#contacto fieldset#datos_contacto input.captcha{padding-left:75px;width:372px;}
/* FIN página contactar */
/* Página compartelo */
body#compartelo{background:#9886a9 url("../images/fondo_compartelo.jpg") no-repeat scroll center top;}
body#compartelo h1{background: transparent url("../images/titulo_compartelo.png") no-repeat 0 0;}
body#compartelo div.texto_intro{top:152px;}
body#compartelo .pf8 a{ background:url(../images/pf8_compartelo.png) no-repeat 0 0;}
body#compartelo .nav_secundaria .inscribete a{ background:url(../images/inscribete_compartelo.png) no-repeat 0 0;}
body#compartelo ul.listado_videos{height:410px;left:450px;position:absolute;top:71px;width:510px;}
body#compartelo ul.listado_videos img{opacity:0.8; filter:alpha(opacity:80);margin:4px;}
body#compartelo ul.listado_videos li{float:left; margin:3px; display:inline; position:relative;}
body#compartelo ul.listado_videos li a{margin:0; float:left; display:inline; position:absolute; top:0; left:0; width:248px; height:198px; z-index:2;text-indent:-9999px; background:#34336c url(../images/videos.gif) no-repeat 0 0; cursor:pointer; opacity:0.2; filter:alpha(opacity:20);}
body#compartelo ul.listado_videos li a:hover{margin:0; opacity:1; filter:alpha(opacity:100); background: transparent url(../images/videos.gif) no-repeat right 0; background-color:transparent;}
body#compartelo ul.nav_secundaria li.facebook a,
body#compartelo ul.nav_secundaria li.comparte_pf8 a{background:url("../images/bot_cont_01.png") no-repeat scroll 0 0 transparent;display:inline;height:32px;left:-204px;position:absolute;top:-122px; cursor:pointer;}
body#compartelo ul.nav_secundaria li.comparte_pf8 a{left:-40px; background: transparent url(../images/bot_cont_02.png) no-repeat 0 0;width:114px;}
fieldset.acciones input{background-color:#2F2E67;border:0 none;bottom:0;color:#FFFFFF;font-weight:bold;height:22px;overflow:hidden;padding:2px 0;position:absolute;right:24px;width:100px;}
body#compartelo .content_video{ display:none; position:relative;}
body#compartelo .content_video div.reproductor{height:390px;left:3px;position:absolute;top:2px;width:640px;}
div#videos{ position:relative;}
a.jqmClose{position:absolute;right:0;top:0; cursor:pointer; z-index:0; float:left; width:24px; height:24px; overflow:hidden; background: transparent url(../images/boton_close.gif) no-repeat 0 0; text-indent:-9999px;}
/*
.botones_redes{left:468px;position:absolute;top:282px;width:140px;z-index:2;}
.botones_redes .twitter, .botones_redes .facebook{display:inline;float:left;height:63px;position:relative;}
.botones_redes .facebook a{ position:absolute; bottom:0;}
.botones_redes .twitter{margin-right:6px;}
.formulario_compartir legend{display:none;}
fieldset.elige_videos{background:url("../images/sub_tit_comparte1.png") no-repeat scroll 0 0 transparent;height:120px;padding:35px 0 0 31px;}
fieldset#datos_compartelo{background:url("../images/sub_tit_comparte2.png") no-repeat scroll 0 0 transparent;padding:52px 0 0 195px;}
.formulario_compartir{height:410px;left:435px;position:absolute;top:72px;width:510px;z-index:1;}
.video_label{display:inline;float:left;margin:15px 21px 2px 10px;position:relative;width:88px;}
.video_label a{background:url("../images/play_over_video.png") no-repeat scroll 0 0 transparent;display:inline;float:left;height:83px;left:0;position:absolute;text-indent:-9999px;top:0;width:83px;z-index:2;cursor:pointer;}
.video_label a:hover{background-position: 0 bottom;}
.video_label input{top:85px;left:0px;position:absolute; margin:0; padding:0;_top:81px;_left:-4px;}
.video_label strong{color:#FFFFFF;font-family:arial;font-size:11px;font-weight:normal;left:20px;position:absolute;text-transform:uppercase;top:86px;}
body#compartelo ul.nav_secundaria li.facebook a, body#compartelo ul.nav_secundaria li.comparte_pf8 a{display:inline;}
*/
/* FIN página compartelo */