@charset "utf-8";
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{border:0;outline:0;font-style:inherit;font-size:100%;font-family:Arial, Helvetica, sans-serif;vertical-align:baseline;margin:0;padding:0;color:#474747;}
.estirar:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.estirar{display:block;}
* html .estirar{height:1%;}

@font-face {font-family: Narziss;src: url('../fonts/Narziss-Regular.otf');}
/*@font-face {
 font-family: 'Narziss';
 src: url('../fonts/NarzissRegular.eot');
 src: local('Narziss'),
 local('Narziss'),
 url('../fonts/NarzissRegular.ttf') format('truetype');
}*/
body{font-size:62.5%; margin:0; padding:0; background:#0d0d0d; position:relative;}

/*#fnd-body2{width:100%; height:100%;}*/
/*#contenedor{width:940px; margin:0 -470px; top:0; left:50%; position:absolute; z-index:50;}*/
#contenedor{width:940px; margin:0 auto; position:relative; z-index:50; padding: 0 0 300px 0; /*border:1px solid red;*/}
#cab-logo{padding: 80px 0 0 0; width:366px;}
#cab-logo h1 a{text-indent:-9999px; background:url(../img/logo-theepode.png) no-repeat 0 0; width:494px; height:220px; display:block;}

/*--- MENU ---*/
#menu{ position:absolute; right:0; top:80px;}
#menu ul{ margin:0; padding:0; list-style:none; }
#menu li{ width:220px;}
#menu li a.menu01{ background:url(../img/menu.png) no-repeat 0 0; display:block; text-indent:-9999px; height:36px;}
#menu li a.menu02{ background:url(../img/menu.png) no-repeat 0 -36px; display:block; text-indent:-9999px; height:36px;}
#menu li a.menu03{ background:url(../img/menu.png) no-repeat 0 -72px; display:block; text-indent:-9999px; height:36px;}
#menu li a.menu04{ background:url(../img/menu.png) no-repeat 0 -108px; display:block; text-indent:-9999px; height:36px;}
#menu li a.menu01:hover {background:url(../img/menu.png) no-repeat -220px 0;}
#menu li a.menu02:hover {background:url(../img/menu.png) no-repeat -220px -36px;}
#menu li a.menu03:hover {background:url(../img/menu.png) no-repeat -220px -72px;}
#menu li a.menu04:hover {background:url(../img/menu.png) no-repeat -220px -108px;}


/*--- SLIDING BOXES ---*/
.boxgrid{ width: 260px; height: 260px; background:#161613; overflow: hidden; position: relative; }
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; }
.ico-ver-trabajo{position: absolute !important; z-index:7; top: 50% !important; left: 50% !important; margin-left:-130px; margin-top:-130px; border: 0;}
.boxcaption{ position: absolute; z-index:5; /*background: #000;*/ height: 260px; width: 100%; /*opacity: 1;*/ 
/* For IE 5-7 */
/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);*/
/* For IE 8 */
/*-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
}
.fnd-div{ position: absolute; z-index:6; background: #000; height: 260px; width: 100%; opacity: .9; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.captionfull .boxcaption {top: 0px;left: 0;}
.caption .boxcaption {top: 0px;left: 0;}
.cover a{ background:url(../img/ico-ver-trabajo2.png) no-repeat 0 0; width:113px; height:113px; display:block; position: absolute !important; z-index:7; top: 50% !important; left: 50% !important; margin-left:-57px; margin-top:-57px; border:0;}
/*.cover a:hover{ background:url(../img/ico-ver-trabajo.gif) no-repeat 0 -136px;}
*/
/*--- SLIDING BOXES TRABAJOS ANTIGUOS ---*/
#mod-trabajos-antiguos .boxgrid{ width: 200px; height: 120px; background:#161613; overflow: hidden; position: relative; }
#mod-trabajos-antiguos .boxgrid img{ position: absolute; top: 0; left: 0; border: 0; }
#mod-trabajos-antiguos .ico-ver-trabajo{position: absolute !important; z-index:7; top: 50% !important; left: 50% !important; margin-left:-100px; margin-top:-60px; border: 0;}
#mod-trabajos-antiguos .boxcaption{ position: absolute; z-index:5; /*background: #000;*/ height: 120px; width: 100%; }
#mod-trabajos-antiguos .fnd-div{ position: absolute; z-index:6; background: #000; height: 120px; width: 100%; opacity: .9; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
#mod-trabajos-antiguos .captionfull .boxcaption {top: 120px;left: 0;}
#mod-trabajos-antiguos .caption .boxcaption {top: 120px;left: 0;}
#mod-trabajos-antiguos .cover a{ background:url(../img/ico-ver-trabajos-pasados.gif) no-repeat 0 0; width:98px; height:77px; display:block; position: absolute !important; z-index:7; top: 50% !important; left: 50% !important; margin-left:-49px; margin-top:-38px; border:0;}
#mod-trabajos-antiguos .cover a:hover{ background:url(../img/ico-ver-trabajos-pasados.gif) no-repeat 0 -77px;}

/*--- MODULO TEXTOS SUPERIOR ---*/
#contenedor .textos{width:940px;}
#contenedor .textos h2{font-family:"Narziss", Georgia, Times; font-weight:normal; color:#FFFFFF; font-size:2.4em; width:940px; float:left; margin-top:20px; margin-bottom:40px;;}

#contenedor .textos p{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#444; width:620px; float:left; line-height:18px; clear:left; padding-bottom:10px;}
#contenedor .textos h3{background:url(../img/disenador-grafico-ultimos-trabajos.png) no-repeat 0 0; height:160px; width:940px; float:left; margin:0 0; text-indent:-9999px; clear:both; margin-top:50px;}

/*--- MODULO TITULAR PORTFOLIO ON OFF ---*/
#contenedor .textos h4{background:url(../img/disenador-grafico-portfolio.png) no-repeat 0 0; height:160px; width:940px; float:left; margin:0 0; text-indent:-9999px; clear:both;}

/*--- MODULO PORTFOLIO ---*/
#mod-portfolio{ width:940px; margin:0 auto;}
.mod-trabajo{width:auto; height:auto; float:left; margin-bottom:50px; position:relative;}
.mod-trabajo .estado01{background:url(../img/en-desarrollo.png) no-repeat 0 0; width:167px; height:144px; position:absolute; top:33px; right:0; z-index:99;}
.mod-trabajo img{border:1px solid #38302b;}
.mod-trabajo h3.tituloTrabajo{ font-family:"Narziss", Georgia, Times; font-size:2.4em; margin:0 0 5px 0; color:#999; font-weight: normal;}
.mod-trabajo .pie-desc-trabajo { width:auto;}
.mod-trabajo h4{font-family:"Lucida Sans", Arial, Helvetica, sans-serif; font-size:1.2em;font-weight:normal; color:#898989; margin:10px 0 10px 0; border-bottom:1px dotted #1d1d1d; padding-bottom:4px;}
.mod-trabajo .fnd-centro{ background:url(../img/fnd-last-works.jpg) no-repeat 0 0; border:1px solid #141414; padding:19px;}
.mod-trabajo dt{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; float:left;clear:left; margin-right:3px; color:#a3907c;}
.mod-trabajo dd{font-family:"Lucida Sans", Arial, Helvetica, sans-serif; font-size:1.1em; clear:right; margin-left:0px; /*float:left;*/ color:#434343;}

/*--- MODULO MOD TRABAJOS ANTIGUOS ---*/
#mod-trabajos-antiguos{ width:940px; margin:0 auto;}
#mod-trabajos-antiguos .mod-trabajo{width:auto; height:auto; float:left; margin-bottom:35px; position:relative;}
#mod-trabajos-antiguos .mod-trabajo img{border:none;}
#mod-trabajos-antiguos .mod-trabajo h5 {font-family:Times, Georgia, Helvetica, sans-serif; font-size:1.6em; margin:0 0 5px 10px; color:#e0e0e0; font-weight:normal;}
#mod-trabajos-antiguos .mod-trabajo .pie-desc-trabajo {}
#mod-trabajos-antiguos .mod-trabajo h6{font-family:"Lucida Sans", Arial, Helvetica, sans-serif; font-size:1.1em;font-weight:normal; margin:10px 0 0 0; float:left; clear:left;}
#mod-trabajos-antiguos .mod-trabajo .fnd-centro{ border:1px solid #141414; padding:9px; float:left;}
#mod-trabajos-antiguos .mod-trabajo dt{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; float:left;clear:left; margin-right:3px;}
#mod-trabajos-antiguos .mod-trabajo dd{font-family:"Lucida Sans", Arial, Helvetica, sans-serif; font-size:1.1em; clear:right; margin-left:5px; float:left; width:156px;}

/*--- TRABAJO EN DETALLE ---*/
#mod-trabajo-int{width:940px; margin:0 auto 70px auto; float:left; position:relative;}
#mod-trabajo-int h2.tituloTrabajoInt01{ background:url(../img/disenador/grafico/titulares/identidad-corporativa-lorris-elbaz.png) no-repeat right 0; width:940px; margin:0 auto; height:50px; text-indent:-9999px; overflow:hidden;}
.fnd-sup-int{width:940px; height:15px; background:url(../img/fnd-borde-sup-int.png) no-repeat 0 0;}
#mod-trabajo-int .fnd-centro-int{background-color:#191919;padding:0 15px; width:940px;}
.fnd-inf-int{width:940px; height:15px; background:url(../img/fnd-borde-inf-int.png) no-repeat 0 0;}

/*--- MOD DESCRIPCION TRABAJO ESPECIFICO ---*/
.descripcion-trabajo-especifico { width:100%; margin: 0 0 40px 0; border-bottom:1px dotted #1d1d1d; padding-bottom:13px;}
.descripcion-trabajo-especifico h2{font-family:"Narziss","Lucida Sans", Arial, Helvetica, sans-serif; font-size:2.4em;font-weight:normal; color:#a3907c; margin:10px 0 20px 0; border-bottom:1px dotted #1d1d1d; padding-bottom:2px;}
.descripcion-trabajo-especifico dt{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; float:left; clear:left; margin-right:5px; color:#a3907c; line-height:16px; width:80px; /*border-bottom:1px dotted #1d1d1d;*/}
.descripcion-trabajo-especifico dd{font-family:"Lucida Sans", Arial, Helvetica, sans-serif; font-size:1.1em; margin-left:0px; width:auto; color:#434343; padding-left:86px; line-height:16px; margin-bottom:5px;}

#mod-trabajo-especifico{}
#mod-trabajo-especifico .mod-sup{ background:url(../img/mod-sup.png) no-repeat 0 0; width:940px; height:30px;}
#mod-trabajo-especifico .mod-inf{ background:url(../img/mod-inf.png) no-repeat 0 0; width:940px; height:30px;}
#mod-trabajo-especifico .btn-volver { margin: 0 0 15px 0;}
#mod-trabajo-especifico .btn-volver a{ background:url(../img/btn-volver.png) no-repeat 0 0; width:108px; height:41px; display:block; text-indent:-9999px;}
#mod-trabajo-especifico .btn-volver a:hover{ background-position: 0 -41px;}

/*--- MOD PIE ---*/
#pie { width:100%; height:200px; background-color:#0d0d0d; position:absolute; bottom:0; left:0; z-index:5;}

/*--- ICO VOLVER ---*/
#ico-volver{position:absolute; top:150px; left:0px; width:130px; height:64px; z-index:90;}
#ico-volver a{background:url(../img/ico-volver.png) no-repeat 0 0; width:130px; height:64px; display:block; text-indent:-9999px; overflow:hidden;}

/*--- COMODINES ---*/
.margenDer20{margin-right:20px;}
.aUrl{font-family:"Lucida Sans", Arial, Helvetica, sans-serif; margin-left:0px; width:auto; color:#e03a3a;}
.sinBorde{border:none;}
.aSeo {text-decoration:none; color:#444;}
.aSeo:hover {text-decoration:underline;}