body { background: #222 url('./img/back-body.png') repeat fixed top left;color:#AAA; font-family:Helvetica,Arial,Sans-Serif; font-size:11px; line-height:13px;margin:0;}
span { color:#666972; }
a { color:#ABB02F; text-decoration:none; }
a:hover, a:hover h3, a:hover span  { color:#D2FF23; }
a:hover span  { color:#D2FF23; }
h1 { color:#CFD4D8; font-size:18px; font-weight:bold; line-height:18px; margin:10px 0 20px; }
h1 span { font-weight:normal; }
h2  { color:#CFD4D8; font-size:14px; font-weight:bold; line-height:14px; margin:10px 0; }
h3 { color:#CFD4D8; font-size:12px; font-weight:bold; line-height:14px; margin:8px 0;}
ul li {list-style-type:none; padding:5px 0;margin:0;}
.invisible {visibility:hidden !important;}
/*h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color:#DDDDDD; text-decoration:none; }
h2 a:hover, h3 a:hover { color:#FFFFFF; text-decoration:none; }*/
#wrapper {width:1000px;position:relative;}
#header { margin:10px 0 0 30px; }
#header #logo { opacity:.8; width:330px; float:left; position:relative; z-index:111; }
#header #logo a { display:block;}
#header #logo img {width:300px;}
#header #logo:hover { opacity:1;}
#header #nav { float:right; background-color:#2B2B2B; height:25px; width:640px; margin-top:15px; }
#header #nav li { float:left; list-style-image:none; list-style-type:none; margin:0; padding:0; }
#nav  li.spacer { border-left:1px solid #222222; height:25px; width:10px; }
#nav li a:link, #nav li a:active, #nav li a:visited {cursor:pointer; background-color:#333; border-left:1px solid #222; color:#C3C6C8; float:left; margin:0; padding:6px; }
#nav li.selected a:link, #nav li.selected  a:active, #nav li.selected a:visited { background-color:#ABB02F; color:#000; }
#header #nav li.secondary { float:right;} 
#header #nav li.secondary.selected a { color:#ABB02F; background-color:#333; text-decoration:underline; }
#nav li a:hover { background-color:#424242; color:#FFFFFF; }
#nav li.selected a:hover { background-color:#D2FF23; }
/*clientes*/
ul#nav { position:relative;}
ul#nav li { cursor:pointer; }
ul#nav li ul { cursor:default; width:100%; max-width:100%; position:absolute; height:auto; top:25px; background-position:0 0 !important; left:-9000px; }
ul#nav li ul li { padding:0; border:none; width:auto; max-width:none; }
ul#nav li ul li a { position:relative !important; cursor:pointer !important; white-space:nowrap; font-weight:normal; }
ul#nav li:hover ul {left:0;z-index:110}
ul#nav li { position:relative; top:0; left:0; }
ul#nav li ul li { float:left; }
ul#nav li ul li a { width:14em; text-align:left; }
ul#nav li ul li a:hover { color:#fff; background-color:#555; }
ul#nav li:hover ul li a {color:#fff;}
ul#nav li:hover ul li a:hover {color:#fff; background-color:#444;}

.inner { padding:20px 0 20px 33px; }
.inner .right {float:right; width:634px; }
.inner .left { float:left; width:280px; }

/*produciones*/
#subs {text-align:right;padding-right:28px;}
#film { background: url(./img/bg-player.png) no-repeat scroll top left; width:696px;float:left;}
#film #player { padding:23px 28px; position:relative;width:640px;height:380px;z-index:16;}
#film #player.center {z-index:16; position: absolute;	top: 46%; left: 50%; margin: -190px auto auto -320px;}
#film #player #no_flash { width:640px;height:380px; }
#film #player #no_flash p {margin:0 auto;text-align:center;}
#film #info { padding:0 28px 20px;}
#film h1 .small { font-size:70%; padding-left:1em;}
#info #wrap { border-top:1px solid #ABB02F;padding:10px; line-height:1.4em; font-size:105%; }
#info #wrap li {margin:0;padding:5px 0;list-style-type:none;}
#film #info span.lbl { float:left; width:70px; text-align:right;}
#film #info span.txt { float:right;  width:540px;color:#AAAAAA; }

#playlist { width:304px; float:left; margin:13px 0; }
#playlist .inner {margin:10px 0 0 20px; padding:0;}
#playlist .row { display:table-row;border:1px solid #222; display:block; padding:5px 0 5px 5px;margin-bottom:10px;}
#playlist .row.selected { border-color: #444; background-color:#2B2B2B; }
#playlist .row:hover {border-color: #ABB02F;}
#playlist .row:hover a span, #playlist .row:hover h3  { color:#D2FF23;  }
#playlist .col1, .col2 { display:table-cell; vertical-align:middle; }
#playlist .col1 { padding-right:10px; }
#playlist .col2 {width:285px;}
#playlist .col2 h3 {margin:0 0 8px 0;}

#subnav { float:left; background-color:#222; height:19px; width:100%; clear:both; margin:0; }
#subnav li { float:left; list-style-image:none; list-style-type:none; margin:0; padding:0; }
#subnav li.secondary { float:right; } 
#subnav  li.spacer { border-left:1px solid #222222; height:25px; width:4px; }
#subnav li a:link, #subnav li a:active, #subnav li a:visited { background-color:#333; border-left:1px solid #222; color:#C3C6C8; float:left; margin:0 4px 0 0; padding:3px; }
#subnav li.selected a:link, #subnav li.selected  a:active, #subnav li.selected a:visited { background-color:#ABB02F; color:#000; }
#subnav li a:hover { background-color:#424242; color:#FFFFFF; }
#subnav li.selected a:hover { background-color:#D2FF23; }
#subnav li.share a {width:100px;}
/*contacto*/
.text_area, .text_field { margin:0; width:280px; background-color:#222; border:1px solid #666; color:#AAA; font-family:Helvetica,Verdana,Arial,Sans-Serif; font-size:11px; padding:4px; }
.text_area { height:200px; }
.text_area.falta, .text_field.falta { border-color:#c00; }
.text_area:focus , .text_field:focus { border-color:#ABB02F; }
.button { color:#ABB02F; background-color:#222; border:none; margin-left:250px;}
.button:hover { color:#D2FF23; }
.nota.falta {background-color:#ABB02F; color:#000;}
#google_maps {opacity:.25;}
#google_maps:hover {opacity:1;}

/*servicios*/
dt { font-size:11px; line-height:14px; margin:0 0 4px; color:#CFD4D8; font-weight:bold;}
dd { margin:0 0 10px 10px; padding:0; }
#quien_somos p {font-size:150%;line-height:1.4em; color:#999;}
#quien_somos p strong { color:#EBEDB9; font-weight:normal;}

#footer { text-align:left; color:#666972; margin:10px 0 10px 23px;}
#content {	background: url(./img/logo-footer.png) no-repeat scroll bottom right; }
#footer .small { font-size:9px; font-family:verdana;}
.nota { border:1px dotted #ABB02F; padding:10px;}
.nota.grey {;border-color:#777;}
.divider { border-bottom:2px solid #ABB02F; height:0px; }
.hidden { display:none !important; }
.external:hover { background: url(./img/icon-external.png) no-repeat scroll 97% 50% ; }

/*Nota Legal*/
a.nota_legal{}
div#nota_legal{-moz-border-radius:10px;text-align:left;background:#222;border:10px solid #424242;color:#ccc;position: absolute;	top: 50%; left: 50%; height: 400px; width: 600px; margin: -200px auto auto -300px; z-index: 99 ;}
#fons_nota_legal, #fons_cine.on {position:fixed; z-index:90;top:0;right:0;bottom:0;left:0;background:#000;opacity:.7;}
#fons_cine.on {z-index:10;}
a#cine_on {position:absolute;bottom:3px;right:30px;}
div#nota_legal div {padding:20px 30px 40px;font-size:120%;}

#header #nav, #playlist .row.selected { background: url('./img/back-nav.png') repeat fixed top left; }
/*shadow*/
#shadow {background: url('./img/bg-body.png') repeat-x scroll top left; width:100%;height:20px;}
#header, #header #logo  {margin-top:0}
#header #nav {margin-top:5px}
#nav,#playlist .row.selected  {-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);}

/*bibtic*/
#bibFoot {bottom:2px;right:10px;margin:0;position:fixed;z-index:9999;font-size:.8em;color:#333;}
#bibFoot a {text-decoration:none;color:#444;padding:.1em .2em ;text-transform:uppercase;letter-spacing:.1em;font-family:"Lucida Console", Monaco,monospace;}
#bibFoot a:hover {background:#336666;color:#fff;}