@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: helvetika;src: url('/fonts/helvetika.otf');}
@font-face {
 font-family: 'helvetika';
 src: url('/fonts/helvetika.eot');
 src: local('helvetika'),
 local('helvetika'),
 url('/fonts/helvetika.ttf') format('truetype');
}
body{font-size:62.5%; margin:0; padding:0; background:#0E0E0E; position:relative;}
#fondo2{width:100%; height:100%; position:absolute; z-index:2; background:url(../img/fondo.jpg) no-repeat center 0;}

/*#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{left:-124px;margin:0;position:relative;width:342px; margin-bottom:20px;}
#cab-logo h1 a{text-indent:-9999px; background:url(/img/logo-theepode3.png) no-repeat 0 0; width:422px; height:220px; display:block;}

/*--- MENU ---*/
#menu{ position:absolute; right:-24px; top:105px;}
#menu ul{ margin:0; padding:0; list-style:none; }
#menu li{ height:69px; display:inline; float:left;}
#menu li a img { border:0;}
#menu li a.menu01{ background:url(/img/menu-es.png) no-repeat 0 -6px; display:block; width:88px; height:69px; float:left;}
#menu li a.menu02{ background:url(/img/menu-es.png) no-repeat -88px -6px; display:block; width:100px; height:69px;}
#menu li a.menu03{ background:url(/img/menu-es.png) no-repeat -188px -6px; display:block; width:91px; height:69px;}
#menu li a.menu04{ background:url(/img/menu-es.png) no-repeat -279px -6px; display:block; width:109px; height:69px;}
#menu li a.menu05{ background:url(/img/menu-es.png) no-repeat -388px -6px; display:block; width:73px; height:69px;}
#menu li a.menu06{ background:url(/img/menu-es.png) no-repeat -461px -6px; display:block; width:107px; height:69px;}
/*#menu li a.menu01:hover {background:url(../img/menu-es.png) no-repeat 0 -6px;}
#menu li a.menu02:hover {background:url(../img/menu-es.png) no-repeat -88px -6px;}
#menu li a.menu03:hover {background:url(../img/menu-es.png) no-repeat -188px -6px;}
#menu li a.menu04:hover {background:url(../img/menu-es.png) no-repeat -279px -6px;}
#menu li a.menu05:hover {background:url(../img/menu-es.png) no-repeat -388px -6px;}
#menu li a.menu06:hover {background:url(../img/menu-es.png) no-repeat -461px -6px;}*/
.item01 #menu li a.menu01 img,
.item02 #menu li a.menu02 img,
.item03 #menu li a.menu03 img,
.item04 #menu li a.menu04 img,
.item05 #menu li a.menu05 img,
.item06 #menu li a.menu06 img
{ display:none;}

/*--- MODULO TEXTOS SUPERIOR ---*/
#contenedor .textos{width:940px;}
#contenedor .textos .mod-titulares{width:300px; float:left;}
#contenedor .textos .mod-titulares h2.titular-01,
#contenedor .textos .mod-titulares h2.titular-02,
#contenedor .textos .mod-titulares h2.titular-03
{ color:#FFFFFF; float:left; margin-top:0px; margin-bottom:25px; width:300px; height:60px; text-indent:-9999px;}
#contenedor .textos .mod-titulares h2.titular-01 a,
#contenedor .textos .mod-titulares h2.titular-02 a,
#contenedor .textos .mod-titulares h2.titular-03 a
{ display: block; width:300px; height:60px;}
#contenedor .textos .mod-titulares h2.titular-01{background:url(/img/titulares3.png) no-repeat 0 0;}
#contenedor .textos .mod-titulares h2.titular-02{background:url(/img/titulares3.png) no-repeat -320px 0;}
#contenedor .textos .mod-titulares h2.titular-03{background:url(/img/titulares3.png) no-repeat -640px 0;}

#contenedor .textos p{font-family:Helvetica, "Lucida Sans", Arial, sans-serif; font-size:1.2em; color:#bcbcbc; float:left; line-height:21px; clear:left; padding-bottom:20px;}
#contenedor .textos .mod-titulares ul.ulAzul,
#contenedor .textos .mod-titulares ul.ulFucsia,
#contenedor .textos .mod-titulares ul.ulAmarillo
{ list-style:none; margin:0; padding:0;}
#contenedor .textos .mod-titulares ul.ulAzul li,
#contenedor .textos .mod-titulares ul.ulFucsia li,
#contenedor .textos .mod-titulares ul.ulAmarillo li
{background:url(../img/flechitas.png) no-repeat; font-family:Helvetica, "Lucida Sans", Arial, sans-serif; font-size:1.2em; color:#bcbcbc; line-height:21px; padding-left:15px; float:left; clear:both;}
#contenedor .textos .mod-titulares ul.ulAzul li { background-position: 0 8px;}
#contenedor .textos .mod-titulares ul.ulFucsia li { background-position: 0 -239px;}
#contenedor .textos .mod-titulares ul.ulAmarillo li { background-position: 0 -487px;}

#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; padding-top: 50px;}
#contenedor .titular-h3 { background:url("/img/titular-ultimos-trabajos-2.png") no-repeat scroll 0 0 transparent;height:200px;left:-49px;position:relative;text-indent:-9999px;width:995px; z-index:20; }
.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:"helvetika","KannadaSangamMN",Arial; text-transform:uppercase; font-size:2em; margin:0 0 5px 0; color:#fff; font-weight: normal;}
.mod-trabajo .pie-desc-trabajo { width:auto;}
.mod-trabajo h4{font-family:Arial, Helvetica, sans-serif; font-size:1.1em;font-weight:normal; color:#fff; margin:10px 0 0px 0; /*border-bottom:1px dotted #1d1d1d; padding-bottom:4px;*/}
.mod-trabajo .fnd-centro{ background:url(/img/fnd-last-works2.png) no-repeat 0 0; /*border:1px solid #141414;*/ padding:19px;}
.mod-trabajo dl{ line-height:16px;}
.mod-trabajo dt{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; float:left;clear:left; margin-right:3px; color:#fff;}
.mod-trabajo dd{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; clear:right; margin-left:0px; /*float:left;*/ color:#777;}

/*--- SLIDING BOXES MODULO PORTFOLIO ---*/
.boxgrid{ width: 260px; height: 260px; background:#161613; overflow: hidden; position: relative; }
.sombra-interior { /*background:url(../img/fnd-sombra-interior.png) no-repeat 0 0;*/ width: 260px; height: 260px; display:block; position:absolute; top:0; left:0; z-index:21;}
.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-tolay01,
.fnd-tolay02,
.fnd-tolay03,
.fnd-tolay04,
.fnd-tolay05,
.fnd-tolay06,
.fnd-tolay07,
.fnd-tolay08,
.fnd-tolay09,
.fnd-tolay10,
.fnd-tolay11,
.fnd-tolay12,
.fnd-tolay13,
.fnd-tolay14,
.fnd-tolay15,
.fnd-tolay16,
.fnd-tolay17,
.fnd-tolay18,
.fnd-tolay19,
.fnd-tolay20
{ background: no-repeat 0 0; position: absolute; top:0; left:0; z-index:6; height: 260px; width: 260px; 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-tolay01{ background:url(/img/slide01.jpg);}
.fnd-tolay02{ background:url(/img/slide02.jpg);}
.fnd-tolay03{ background:url(/img/slide03.jpg);}
.fnd-tolay04{ background:url(/img/slide04.jpg);}
.fnd-tolay05{ background:url(/img/slide05.jpg);}
.fnd-tolay06{ background:url(/img/slide06.jpg);}
.fnd-tolay07{ background:url(/img/slide07.jpg);}
.fnd-tolay08{ background:url(/img/slide08.jpg);}
.fnd-tolay09{ background:url(/img/slide09.jpg);}
.fnd-tolay10{ background:url(/img/slide10.jpg);}
.fnd-tolay11{ background:url(/img/slide11.jpg);}
.fnd-tolay12{ background:url(/img/slide12.jpg);}
.fnd-tolay13{ background:url(/img/slide13.jpg);}
.fnd-tolay14{ background:url(/img/slide14.jpg);}
.fnd-tolay15{ background:url(/img/slide15.jpg);}
.fnd-tolay16{ background:url(/img/slide16.jpg);}
.fnd-tolay17{ background:url(/img/slide17.jpg);}
.fnd-tolay18{ background:url(/img/slide18.jpg);}
.fnd-tolay19{ background:url(/img/slide19.jpg);}
.fnd-tolay20{ background:url(/img/slide20.jpg);}

.captionfull .boxcaption {top: 0px;left: 0;}
.caption .boxcaption {top: 0px;left: 0;}
.cover a{ background:url(/img/ico-ver-trabajo3.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;}*/

/*--- MODULO MOD PORTFOLIO BANNERS ---*/
#mod-portfolio-banners{ width:940px; margin:0 auto;}
#mod-portfolio-banners .mod-trabajo{width:auto; height:auto; float:left; margin-bottom:35px; position:relative;}
#mod-portfolio-banners .img-fade{margin-bottom:10px; float:left;}
#mod-portfolio-banners .mod-trabajo h3 {font-family:"helvetika", Helvetica, arial, sans-serif; font-size:1.6em; text-transform:uppercase; margin:0 0 5px 0; color:#e0e0e0; font-weight:normal;}
#mod-portfolio-banners .mod-trabajo img{border:none;}
#mod-portfolio-banners .mod-trabajo .pie-desc-trabajo {}
#mod-portfolio-banners .mod-trabajo h6{font-family:"Lucida Sans", Arial, Helvetica, sans-serif; font-size:1.1em;font-weight:normal; text-transform:uppercase; margin:10px 0 0 0; float:left; clear:left;}
#mod-portfolio-banners .mod-trabajo .fnd-centro{ border:1px solid #141414; padding:9px; float:left;}
#mod-portfolio-banners .mod-trabajo dt{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; float:left;clear:left; margin-right:3px;}
#mod-portfolio-banners .mod-trabajo dd{font-family:"Lucida Sans", Arial, Helvetica, sans-serif; font-size:1.1em; clear:right; margin-left:5px; float:left; width:156px;}

#mod-portfolio-banners .mod-trabajo .img-fade a.banner13{ background:url(/img/disenador/flash/banners/diseno-banners-motos-suzuki-02.jpg) no-repeat 0 0; display:block; width:220px; height:140px; float:left;}
#mod-portfolio-banners .mod-trabajo .img-fade a.banner12{ background:url(/img/disenador/flash/banners/diseno-banners-concurso-paisajes-de-cine-elviajero-02.jpg) no-repeat 0 0; display:block; width:220px; height:140px; float:left;}
#mod-portfolio-banners .mod-trabajo .img-fade a.banner11{ background:url(/img/disenador/flash/banners/diseno-banners-concurso-carnaval-parasaber-02.jpg) no-repeat 0 0; display:block; width:220px; height:140px; float:left;}
#mod-portfolio-banners .mod-trabajo .img-fade a.banner10{ background:url(/img/disenador/flash/banners/diseno-banners-lanzamiento-planeo-02.jpg) no-repeat 0 0; display:block; width:220px; height:140px; float:left;}
#mod-portfolio-banners .mod-trabajo .img-fade a.banner09{ background:url(/img/disenador/flash/banners/diseno-banners-concurso-libros-kalipedia-02.jpg) no-repeat 0 0; display:block; width:220px; height:140px; float:left;}
#mod-portfolio-banners .mod-trabajo .img-fade a.banner08{ background:url(/img/disenador/flash/banners/diseno-banners-cincodias-02.jpg) no-repeat 0 0; display:block; width:220px; height:140px; float:left;}
#mod-portfolio-banners .mod-trabajo .img-fade a.banner07{ background:url(/img/disenador/flash/banners/diseno-banners-aplicacion-as-iphone-02.jpg) no-repeat 0 0; display:block; width:220px; height:140px; float:left;}
#mod-portfolio-banners .mod-trabajo .img-fade a.banner06{ background:url(/img/disenador/flash/banners/diseno-banners-hyperspot-elviajero-02.jpg) no-repeat 0 0; display:block; width:220px; height:140px; float:left;}
#mod-portfolio-banners .mod-trabajo .img-fade a.banner05{ background:url(/img/disenador/flash/banners/diseno-banners-meristation-GT5-02.jpg) no-repeat 0 0; display:block; width:220px; height:140px; float:left;}
#mod-portfolio-banners .mod-trabajo .img-fade a.banner04{ background:url(/img/disenador/flash/banners/diseno-banners-striker-manager-02.jpg) no-repeat 0 0; display:block; width:220px; height:140px; float:left;}
#mod-portfolio-banners .mod-trabajo .img-fade a.banner03{ background:url(/img/disenador/flash/banners/diseno-banners-infometeo-primavera-02.jpg) no-repeat 0 0; display:block; width:220px; height:140px; float:left;}
#mod-portfolio-banners .mod-trabajo .img-fade a.banner02{ background:url(/img/disenador/flash/banners/diseno-banners-kalipedia-dixio-02.jpg) no-repeat 0 0; display:block; width:220px; height:140px; float:left;}
#mod-portfolio-banners .mod-trabajo .img-fade a.banner01{ background:url(/img/disenador/flash/banners/diseno-banners-parasaber-blogs-02.jpg) no-repeat 0 0; display:block; width:220px; height:140px; float:left;}


#mod-portfolio-banners h2.titular-01 { background:url(/img/titular-banners-flash.png) no-repeat scroll 0 0 transparent;height:76px; text-indent:-9999px;width:995px; margin-bottom:60px; }
#mod-portfolio h2.titular-02 { background:url(/img/titular-trendy-works.png) no-repeat scroll 0 0 transparent;height:76px; text-indent:-9999px;width:995px; margin-bottom:60px; }

/*--- 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;}

/*--- 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;}

/*--- 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:"helvetika","KannadaSangamMN",Arial; font-size:2.4em;font-weight:normal; color:#fff; 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:#444; line-height:16px; width:80px; /*border-bottom:1px dotted #1d1d1d;*/}
.descripcion-trabajo-especifico dd{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; margin-left:0px; width:auto; color:#999; 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; 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; text-decoration:none;}
.sinBorde{border:none;}
.aSeo {text-decoration:none; color:#444;}
.aSeo:hover {text-decoration:underline;}
.separador-x { width:100%; background:url(/img/separador-x.png) no-repeat center 0; height:25px; margin:60px 0 0;}
#enlaces-dixenia {position:absolute; left:-9999px; top:-9999px;}