@charset "utf-8";
/* SUDOR FRIO by qkstudio.com */ 

/* RESET-------------------------------------------------------------------------*/
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 {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	font-family:Arial,Helvetica,sans-serif
}
/* remember to define focus styles! */
:focus{outline:0}
body{line-height:1;color:black;background:#07080A}
ol,ul{list-style:none}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes: "" ""}
a{text-decoration:none}
table,fieldset,form,input,textarea,select,option{border:0}

/* GRAL--------------------------------------------------------------------------*/
p,li{font-size:12px;color:#cacaca;line-height:22px}
strong{color:#fff;font-weight:bold}
em{font-style:italic}
a:link,a:visited{font-size:12px;color:#86a4b1}
a:hover{color:#fff}
h1{font-size:14px;color:#67747c;font-weight:bold;line-height:22px;padding-top:22px}
h2{font-size:11px;color:#86a4b1;font-weight:bold;line-height:18px;padding:11px 0}
ul{list-style:url(../img/red-circle.gif)}

/* SITIO-------------------------------------------------------------------------*/
#banner_sd{width:960px;height:135px;background:#000; margin:0 auto; padding:0px;}


#fondo{width:100%;height:715px;background:url(../img/html_background.jpg) top center no-repeat #07080A}
#fondo-int{width:100%;height:715px;background:url(../img/bground2.jpg) top center no-repeat #07080A}
.bg-galeria{background:url(../img/bground_galeria.jpg) top center no-repeat #07090A!important}
.bg-descargas{background:url(../img/bground_descarga.jpg) top center no-repeat #07090A!important}
.bg-contacto{background:url(../img/bground_contacto.jpg) top center no-repeat #07080A!important}
/*.bg-creditos{background:url(../img/bground_creditos.jpg) top center no-repeat #07080A!important}*/
.bg-creditos{background:url(../img/bground4.jpg) top center no-repeat #07080A!important}
.bg-trailer{background:url(../img/bground_trailer.jpg) top center no-repeat #07080A!important}
.bg-sinopsis{background:url(../img/bground_sinopsis.jpg) top center no-repeat #07080A!important}
#cont{width:960px;height:620px;margin:0 auto}

/* TOP---------------------------------------------------------------------------*/
#top{width:960px}
#sf{width:265px;height:130px;display:block}

#nabvar-izq,#sf,#nabvar-der{float:left}
#nabvar-izq a,#nabvar-der a{height:28px;background-image:url(../img/navbar.png);display:block;float:left;margin-top:53px}
#m-ini{width:64px;background-position:703px 0}
#m-sin{width:94px;background-position:639px 0}
#m-trai{width:84px;background-position:545px 0}
#m-gal{width:83px;background-position:461px 0}
#m-des{width:102px;background-position:374px 0}
#m-nov{width:97px;background-position:271px 0}
#m-cred{width:85px;background-position:174px 0}
#m-cont{width:85px;background-position:89px 0}

#m-ini:hover{background-position:703px 28px}
#m-sin:hover{background-position:639px 84px}
#m-trai:hover{background-position:545px 84px}
#m-gal:hover{background-position:461px 84px}
#m-des:hover{background-position:374px 84px}
#m-nov:hover{background-position:271px 84px}
#m-cred:hover{background-position:174px 84px}
#m-cont:hover{background-position:89px 84px}

#m-ini.act{background-position:703px 56px}
#m-sin.act{background-position:639px 56px}
#m-trai.act{background-position:545px 56px}
#m-gal.act{background-position:461px 56px}
#m-des.act{background-position:374px 56px}
#m-nov.act{background-position:271px 56px}
#m-cred.act{background-position:174px 56px}
#m-cont.act{background-position:89px 56px}

#m-ini.act:hover{background-position:703px 28px}
#m-sin.act:hover{background-position:639px 28px}
#m-trai.act:hover{background-position:545px 28px}
#m-gal.act:hover{background-position:461px 28px}
#m-des.act:hover{background-position:374px 28px}
#m-nov.act:hover{background-position:271px 28px}
#m-cred.act:hover{background-position:174px 28px}
#m-cont.act:hover{background-position:89px 28px}

/* IZQ---------------------------------------------------------------------------*/
#izq,#der{float:left;height:auto}

#izq{width:405px;padding-top:306px}
#no-corras,#protagonistas{float:right;margin-right:27px}
#protagonistas{margin-top:3px}
#protagonistas div{height:19px;float:left;background-image:url(../img/protagonistas.png)}
#facundoespinosa{width:124px;background-position:342px 0}
#marinaglezer{width:104px;background-position:218px 0}
#camilavelasco{width:114px;background-position:114px 0}

/* DER---------------------------------------------------------------------------*/
#der{width:555px;padding-top:20px}
#novedades,#twitcam,#social,#trailer{float:left}

/*#novedades{width:390px;height:214px}
#t-novedades{width:112px;height:30px;background-image:url(../img/tit-nov.png);margin:10px 0 0 40px;display:block}
#t-novedades:hover{background-position:0 30px}
#novedades img{margin:10px 10px 0 33px;border:3px solid #35211c;float:left}
#nov-nota{width:200px;margin-top:10px;float:left}
#nov-nota small{font-size:10px;color:#67747c}
#nov-nota h1{font-size:16px;font-weight:bold;color:#6697a9;line-height:18px;letter-spacing:-1px;margin:9px 0 11px 0}
#nov-nota h1:hover{color:#cacaca}
#nov-nota p{font-size:11px;color:#67747c;line-height:17px;letter-spacing:-0.3px}
#nov-nota #leermas{width:94px;height:23px;margin-top:10px;padding:9px 0 0 25px;font-size:12px;color:#6697a9;background:url(../img/bg-leermas.jpg);display:block}
#nov-nota #leermas:hover{color:#fff}*/

#novedades{width:390px;height:214px}
#t-novedades{width:112px;height:30px;background-image:url(../img/tit-nov.png);margin:10px 0 0 40px;display:block}
#t-novedades:hover{background-position:0 30px}
#novedades img{margin:10px 10px 0 33px;border:3px solid #35211c;float:left; width:115px; height:115px;}
#nov-nota{width:200px;margin-top:10px;float:left}
#nov-nota small{font-size:10px;color:#67747c;line-height:18px}

#nov-nota h1{font-size:16px;font-weight:bold;color:#6697a9;line-height:20px;letter-spacing:-1px;margin:9px 0 11px 0}
#nov-nota h1 a:link, #nov-nota h1 a:visited{font-size:16px;font-weight:bold;color:#6697a9;line-height:20px;letter-spacing:-1px;margin:9px 0 11px 0}
#nov-nota h1 a:hover{color:#cacaca}

#nov-nota a:link, #nov-nota a:visited{font-size:16px;font-weight:bold;color:#6697a9;line-height:18px;letter-spacing:-1px;margin:9px 0 11px 0}
#nov-nota a:hover{color:#cacaca}

#nov-nota p{font-size:11px;color:#67747c;line-height:17px;letter-spacing:-0.3px}
#nov-nota #leermas{width:94px;height:23px;margin-top:10px;padding:9px 0 0 25px;font-size:12px;color:#6697a9;background:url(../img/bg-leermas.jpg);display:block;line-height:normal;font-weight:normal}
#nov-nota #leermas:hover{color:#fff}

/*#twitcam{width:165px;height:145px;background:url(../img/img-cam.png) bottom right no-repeat}
#t-twitcam{width:70px;height:18px;background-image:url(../img/tit-cam.png);margin:21px 0 0 9px;display:block}
#t-twitcam:hover{background-position:0 18px}
#twitcam p{width:75px;margin:8px 0 0 11px;font-size:11px;color:#cacaca;text-align:right}
#twitcam big{font-size:14px;font-weight:bold}
#twitcam big:hover{color:#fff}
#camara{width:126px;height:110px;margin:-45px 0 0 40px;background-image:url(../img/img-cam.png);display:block}
#twitcam #camara:hover{background-position:0 110px}*/

#twitcam{width:165px;height:145px;background:url(../img/img-par.png) bottom right no-repeat}
/*#t-twitcam{width:70px;height:18px;background-image:url(../img/tit-cam.png);margin:21px 0 0 9px;display:block}*/
#t-twitcam{width:70px;height:18px;background-image:url(../img/tit-desc.jpg);margin:21px 0 0 16px;display:block}
#t-twitcam:hover{background-position:0 18px}
#twitcam a{cursor:pointer}
#twitcam p{width:75px;margin:8px 0 0 11px;font-size:11px;color:#cacaca;text-align:right;/*background:url(../img/red-circle.gif) no-repeat 8px 20px;*/line-height:normal}
#twitcam big{font-size:14px;font-weight:bold}
#camara{width:126px;height:110px;margin:-45px 0 0 40px;background-image:url(../img/img-cam.png);display:block}

#social{width:290px;/*height:195px*/}
#tab-twitter,#tab-fbook{height:50px;margin-top:21px;float:right;display:block;background-position:0 50px}
#tab-twitter:hover,#tab-fbook:hover{background-position:0 0}
#tab-twitter{width:132px;background-image:url(../img/twitter.jpg)}
#tab-fbook{width:151px;background-image:url(../img/fbook.jpg)}
#social p{font-size:12px;color:#6697a9;line-height:18px;clear:both;padding:0 10px 5px 30px}
#social small{font-size:10px;color:#67747c;padding:0 10px 0 30px}
#social img{margin:42px 0 0 28px}

#contdown {margin:0px 0 0 28px}

#comic_down {margin:0px 0 0 10px; float:left;}

#dossier 
{width:250px;padding:5px 0 5px 15px;font-size:13px;color:#400E0D;border:1px solid #B13535;margin:3px 0 10px 20px; background:#B13535;}
#dossier a:link, #dossier a:visited {color:#fff; text-decoration:underline;}
#dossier a:hover {color:#400E0D; text-decoration:none;}


/*TWITTER estilos*/
#twitter_div{}
#twitter_update_list{width:280px;padding:0;margin:75px 0 0 0;list-style:none!important;list-style-image:none!important}
ul#twitter_update_list li{width:250px;padding:5px 0 5px 15px;list-style:none!important;list-style-image:none!important;font-size:13px;border:1px solid #3A332D;margin:3px 0 3px 20px}
ul#twitter_update_list li span{color:#67747c}
ul#twitter_update_list li a{color:#85b2c3;text-decoration:none}
ul#twitter_update_list li a:hover{color:#fff}

#trailer{width:260px;height:185px}

#t-trailer{width:89px;height:20px;background-image:url(../img/tit-trai.png);margin:10px 0 5px 105px;display:block}
#t-trailer:hover{background-position:0 20px}
#trailer-thumb{width:191px;height:125px;background-image:url(../img/img-trailer.jpg);display:block;margin-left:20px}
#trailer-thumb:hover{background-position:0 125px}

#concurso-thumb{width:191px;height:76px;background-image:url(../img/img-concurso.jpg);display:block;margin:18px 0 0 20px;}
#concurso-thumb:hover{background-position:0 76px}

#comic-thumb{width:191px;height:76px;background-image:url(../img/img-comic.jpg);display:block;margin:18px 0 0 20px;}
#comic-thumb:hover{background-position:0 76px}

#comic_es{width:130px;height:110px;background-image:url(../img/descarga_comic_es.jpg);display:block;margin:0px; float:left}
#comic_es:hover{background-position:0 110px}

#comic_en{width:130px;height:110px;background-image:url(../img/descarga_comic_en.jpg);display:block;margin:0px; float:left; margin-left:15px;}
#comic_en:hover{background-position:0 110px}

/* INTERIORES---------------------------------------------------------------------*/
#titulo{height:32px;background-image:url(../img/tits-interior.png);margin:10px 0 3px 10px}

.t-sinopsis{width:102px;background-position:top left}
.t-sinopsis:hover{background-position:bottom left}

.t-trailer{width:77px;background-position:663px 0}
.t-trailer:hover{background-position:663px 32px}

.t-galeria{width:90px;background-position:586px 0;margin:10px 0 3px 45px!important}
.t-galeria:hover{background-position:586px 32px}

.t-descargas{width:134px;background-position:496px 0;margin:10px 0 3px 0!important}
.t-descargas:hover{background-position:496px 32px}

.t-novedades{width:139px;background-position:362px 0}
.t-novedades:hover{background-position:362px 32px}

.t-creditos{width:106px;background-position:223px 0;margin:10px 0 15px 10px!important}
.t-creditos:hover{background-position:223px 32px}
.t-creditos-int{float:left}

.t-contacto{width:117px;background-position:117px 0}
.t-contacto:hover{background-position:117px 32px}

#estreno{float:right;margin:80px 45px 0 0}

/* SINOPSIS-DER------------------------------------------------------------------*/
#sinopsis{width:365px;padding:0 145px 0 45px}

/* TRAILER-DER-------------------------------------------------------------------*/
#trailer_der{width:365px;padding:0 145px 0 45px}
#trailer_der #video{width:388px;height:261px;background:url(../img/img-trailer-inner.jpg);margin:25px 0 0 -10px;border:3px solid #400f0f}

/* NOVEDADES-DER-----------------------------------------------------------------*/
#novedades2{width:365px;padding:0 145px 0 45px}
.novs{margin:7px 0}
.nov_content .date{font-size:10px;color:#67747c;line-height:18px;margin-bottom:5px;text-align:right}
.nov_content h1{padding:0}
.nov_content p{padding:5px 0px 0px 0px;}
.nov_content h1 a:link,.nov_content h1 a:visited{font-size:18px;font-weight:normal;color:#6697a9;line-height:18px;letter-spacing:-1px;}
.nov_content h1 a:hover{color:#cacaca}
.nov_content .leermas{width:94px;height:23px;margin:20px 0px 0px 0px;padding:4px 25px 5px;font-size:12px;color:#6697a9;background:url(../img/bg-leermas.jpg)}
.nov_content .leermas:hover{color:#fff; }
.nov_content img  {float: left; padding: 5px 10px 0px 0px; width:370px; height:180px; }
#mas-noticias{width:117px;height:46px;background-image:url(../img/masnoticias.png);display:block;float:right;margin-right:120px}
#mas-noticias:hover{background-position:bottom left}
#nov_sololink{background-color:#0C1013;padding:3px 20px 20px 15px;margin-top:30px}
#nov_sololink h1{font-size:18px;font-weight:normal;line-height:18px;margin:9px 0 11px 0;padding:0}
#nov_sololink h2{padding:2px 0; border-bottom: 1px solid #151b20; margin: 0px 0px 5px 0px; }

/* GALERÍA-DER-------------------------------------------------------------------*/
#galeria{width:555px;padding:0}

/* DESCARGAS-DER-----------------------------------------------------------------*/
#descargas{width:365px;padding:0 145px 0 45px}
#wallpapers{width:555px;margin-left:-20px}
#wallpapers div{float:left;margin:15px 5px 15px 0}
#wallpapers img{border:3px solid #400f0f}
#wallpapers p{text-align:center}
#wallpapers a:link,#wallpapers a:visited{color:#86a4b1;font-size:11px;line-height:normal}
#wallpapers a:hover{color:#fff}
#audio{width:101px;height:146px;display:block;background-image:url(../img/audio.png);background-position:bottom left;margin-left:37px}
#audio:hover{background-position:top left}
#audio-link{margin-top:-35px}
#audio-link a:link,#audio-link a:visited{color:#FFFFFF}
#audio-link a:hover{color:#cacaca}

#avatars,#avatars2{width:500px;margin-left:-20px}
#avatars div,#avatars2 div{float:left;margin:15px 5px 15px 0}
#avatars img,#avatars2 img{border:3px solid #400f0f; height:100px; width:100px;}
#avatars p,#avatars2 p{text-align:center}
#avatars a:link,#avatars2 a:link,#avatars a:visited,#avatars2 a:visited{color:#86a4b1;font-size:11px;line-height:normal}
#avatars a:hover,#avatars2 a:hover{color:#fff}

/* CRÉDITOS-DER------------------------------------------------------------------*/
#creditos{width:365px;padding:0 145px 0 45px}
#creditos #volver{width:141px;height:48px;background-image:url(../img/volver-creditos.png);font-size:10px;color:#990000;display:block;text-align:right;float:right;margin-top:10px}
#creditos #volver:hover{background-position:bottom left;color:#85b2c3}
#creditos h1{padding:0;clear:both}
#creditos p{padding:5px 0}
#paura-flics-big,#pampa-films-big{height:74px;background-image:url(../img/logos-creditos.png);display:block;float:left;margin-top:25px}
#paura-flics-big{width:139px;background-position:left top;margin-right:25px;margin-left:-5px}
#paura-flics-big:hover{background-position:left bottom}
#pampa-films-big{width:201px;background-position:right top}
#pampa-films-big:hover{background-position:right bottom}

/* CONTACTO-DER------------------------------------------------------------------*/
#contacto{width:365px;padding:0 145px 0 45px}

label{font-size:11px;text-align:right;display:block;color:#cacaca}
input,textarea,select{background-image:url(../img/formulario.jpg);margin:2px;font-size:10px;line-height:normal;color:#cacaca}
input{width:125px;height:23px;padding:0 15px 5px 17px}
textarea{width:125px;height:95px;padding:10px 15px 5px 17px;overflow:auto}
select{width:135px;height:19px;border:1px solid #000;margin-left:18px;border:0;background:url(../img/formulario.jpg) -10px 0}
option{background-color:#000}

form #nombre{background-position:0 0;margin-top:15px}
form #apellido{background-position:0 198px}
form #telefono{background-position:0 170px}
form #email{background-position:0 141px}
form #comentarios{background-position:0 335px}
form #enviar{width:84px;height:66px;background:url(../img/bot-enviar.png) transparent;padding:0;margin:0 0 0 35px;overflow:hidden}
form #enviar:hover{background-position:bottom left}
form span{font-size:10px;color:#86a4b1}

/* FOOT---------------------------------------------------------------------------*/
#footer{margin:0 auto;padding:70px 0;clear:both;}
#footer div{float:left}
#sf-peq,#qk{font-size:10px;color:#2a3438}

#sf-peq,#paura-flics,#pampa-films,#qk{display:block;float:left;height:36px}

#sf-peq{width:345px;height:21px;background-image:url(../img/logo-sudor-peq.png);background-repeat:no-repeat;padding-left:85px;padding-top:12px; cursor:pointer;}
#sf-peq:hover{background-position:left bottom;color:#58707a}

#footer a:link, #footer a:visited{color:#2a3438}
#footer a:hover{color:#58707a}

#productoras{width:340px}
#paura-flics{width:82px;background-image:url(../img/logo-paura.png)}
#paura-flics:hover{background-position:left bottom}
#pampa-films{width:103px;background-image:url(../img/logo-pampa.png);margin-left:10px}
#pampa-films:hover{background-position:left bottom}

#qk{width:135px;height:24px;background-image:url(../img/logo-qkstudio.png);background-position:right top;background-repeat:no-repeat;padding-top:12px;cursor:pointer;}
#qk:hover{background-position:right bottom;color:#58707a}