h1, h2, dl, dt, dd, ul, ol, li, p{margin:0;padding:0;} ul, ol, li{list-style:none;} a{text-decoration:none;color:#c00;border-bottom:1px dashed #ccc;outline:none;} a img{border:0;} a:hover{color:#000;} #validation, #nav_main, #jump_to_content{display:none;} html{height:100%;} body{background-color:#e7e7e7; font:11px Arial, Helvetica, sans-serif; position:relative; margin:0; padding:0; height:100%; width:9200px;} p{margin:11px 0;} h2{margin:10px 0;} h3{margin:12px 0;} #container{background:#fff;position:absolute;bottom:0;width:100%;padding-bottom:35px;} /*#wrap{width:6000px;}*/ #header{width:125px;padding:0 15px;} #header, #about{height:150px;position:relative;/*top:-150px;*/} /*navigations*/ .nav{} .nav li{display:inline;line-height:18px;padding:0 5px;} .nav_content{clear:both;width:150px;border-top:1px solid #ccc;text-align:left;position:absolute;right:-165px;top:28px;padding-top:5px;} .nav_content li{padding:0;} /*about*/ #about{width:280px;overflow:visible;} #about p{padding-left:62px;width:215px;line-height:14px;} #about a{font-weight:bold;} #content{padding:0;position:relative;} h1{widht:125px;height:80px;background:url(../img/bg_h1.png) no-repeat top left; text-indent:-9999px;top:35px;position:relative;} h2, #intro{border-bottom:1px solid #bfbfbf;color:#999;font-size:11px;padding-bottom:5px;} #intro{position:absolute;top:0;left:15px;width:125px;} h3{position:absolute;top:-12px;color:#c00;left:0;width:52px;font-size:12px;text-align:left;} .module{padding-right:15px;float:left;background:#fff;} .module .module{padding-right:80px;position:relative;} #about p#tagline{ position: absolute; padding: 0; top: 35px; width: auto; left: -147px; } /*projects*/ .project{position:relative;left:62px;width:170px;float:left;margin:0 10px 0 0;padding:3px 0 0;height:100px;} .project dt{font-size:11px;color:#000;font-weight:bold;padding:10px 10px 7px;} .project_url{position:absolute;top:60px;left:167px;z-index:3;display:none;} .project_url a{background:#c00;color:#fff;display:block;padding:2px 5px; text-indent:-9999px;width:5px;} .project_url a:hover{text-indent:0;width:45px;} .project_preview{width:165px;height:80px;position:absolute;z-index:5;margin:0 0 10px;top:0;left:0;z-index:10;} .project_preview a{border:1px dashed #999;display:block;width:165px;height:80px;overflow:hidden;} .project_preview a span{display:none;} .project_description{color:#999;padding:0 10px 7px;} /*info*/ #info{position:absolute;bottom:0;border-bottom:5px solid #000;background:#595959;width:100%;} #info p{color:#ccc;width:140px;overflow:visible; text-align:right;position:relative;} #info p a{color:#fff;position:absolute;left:155px;border:0;} #info p a:hover{color:#ccc;} /*projects*/ #tvwidget .project_preview a.{background:url(../img/projects/elmundoynavegante.jpg) no-repeat-20px -130px;} #elmundo .project_preview a{background:url(../img/projects/elmundoynavegante.jpg) no-repeat -60px -19px;} #eltiempo .project_preview a{background:url(../img/projects/eltiempo.jpg) no-repeat -80px -118px;} #deportes .project_preview a{background:url(../img/projects/deportes.jpg) no-repeat -233px -216px;} #motor .project_preview a{background:url(../img/projects/motor.jpg) no-repeat -451px -231px;} #america .project_preview a{background:url(../img/projects/america.jpg) no-repeat -353px -115px;} #opinion .project_preview a{background:url(../img/projects/opinion.jpg) no-repeat -500px -219px;} #eurocopa .project_preview a{background:url(../img/projects/eurocopa.jpg) no-repeat -370px -131px;} #economia .project_preview a{background:url(../img/projects/elmundodinero.jpg) no-repeat -386px -72px;} #bobby .project_preview a{background:url(../img/projects/elmovildebobby.jpg) no-repeat -413px -211px;} #jjoo .project_preview a{background:url(../img/projects/jjoo2008.jpg) no-repeat 0 -21px;} #grantecan .project_preview a{background:url(../img/projects/grantecan.jpg) no-repeat-25px -60px;} #santimorilla .project_preview a{background:url(../img/projects/santimorilla.jpg) no-repeat -25px -11px;} #champions .project_preview a{background:url(../img/projects/champions.jpg) no-repeat -502px -102px;} #prodis .project_preview a{background:url(../img/projects/prodis.jpg) no-repeat -25px -60px;} #arc .project_preview a{background:url(../img/projects/arc.jpg) no-repeat -25px -60px;} #noxdies .project_preview a{background:url(../img/projects/noxdies.jpg) no-repeat -30px -27px;} #cajama .project_preview a{background:url(../img/projects/cajamadrid.jpg) no-repeat -25px -60px;} #liga .project_preview a{background:url(../img/projects/liga0708.jpg) no-repeat -17px -10px;} #manoamano .project_preview a{background:url(../img/projects/manoamano.jpg) no-repeat 0 0;} #fobia .project_preview a{background:url(../img/projects/fobia06.jpg) no-repeat 0 0;} #martires .project_preview a{background:url(../img/projects/martires.jpg) no-repeat -30px -100px;} #diana .project_preview a{background:url(../img/projects/diana.jpg) no-repeat 10% 44%;} #grantecan .project_preview a{background:url(../img/projects/grantecan.jpg) no-repeat 0 0;} #unionflorista .project_preview a{background:url(../img/projects/unionflorista07.jpg) no-repeat -82px -20px;} #opengolf .project_preview a{background:url(../img/projects/openespana07.jpg) no-repeat -46px -12px;} #golfspain .project_preview a{background:url(../img/projects/golfspain07.jpg) no-repeat -60px -6px;} #ctm .project_preview a{background:url(../img/projects/reservasctm06.jpg) no-repeat -74px -102px;} #rejaspadel .project_preview a{background:url(../img/projects/rejaspadel06.jpg) no-repeat -30px -14px;} #roma .project_preview a{background:url(../img/projects/roma07.jpg) no-repeat -30px -12px;} #dehesa .project_preview a{background:url(../img/projects/ladehesa07.jpg) no-repeat -56px -23px;} #torneos01 .project_preview a{background:url(../img/projects/torneospadel07.jpg) no-repeat -78px 0;} #torneos02 .project_preview a{background:url(../img/projects/torneosgolf06.jpg) no-repeat -35px -17px;} #areajugador .project_preview a{background:url(../img/projects/areadeljugador06.jpg) no-repeat -33px -1px;} #ad01 .project_preview a{background:url(../img/projects/adgolfspain06.jpg) no-repeat -76px -79px;} #orbyt .project_preview a{background:url(../img/projects/orbyt.jpg) no-repeat -660px -102px;} #orbyt_ipad .project_preview a{background:url(../img/projects/orbyt_ipad.jpg) no-repeat -40px -35px;} #orbyt_v2 .project_preview a{background:url(../img/projects/orbyt_v2.jpg) no-repeat -699px -236px;} #tvwidget .project_preview a{background:url(../img/projects/tvwidget.jpg) no-repeat -15px -260px;} #uesyndication .project_preview a{background:url(../img/projects/uesyndication.jpg) no-repeat -35px -15px;} #expansion_iphone .project_preview a{background:url(../img/projects/expansion_iphone.jpg) no-repeat -25px -120px;} #yodona_rediseno .project_preview a{background:url(../img/projects/yodona_rediseno.jpg) no-repeat -25px -11px;} #supercodigo_wf .project_preview a{background:url(../img/projects/supercodigo_wf.jpg) no-repeat -445px -59px;} #metropoli_wf .project_preview a{background:url(../img/projects/metropoli_wf.jpg) no-repeat -450px -60px;} #orbyt_v2_ipad .project_preview a{background:url(../img/projects/orbyt_v2_ipad.jpg) no-repeat -261px -44px;} .project .project_preview a.preview:hover {background:url(../img/projects/bg_transparent.gif) repeat 0 0!important;border-color: #c00;} .project_preview a.preview:hover span{display:block;position:absolute;bottom:130px;left:0;background:#ccc;} .project_preview a.preview:hover span img{border:5px solid #fff;position:relative;top:-5px!important;left:-5px!important;} .project_preview a.preview:hover img {color:#3C3C3C;text-align:center;background:none;display:block;} .noPreview a.preview:hover span, .noPreview a.preview span{display:none;} .no_preview .project_title{padding-top:0;} #cv{position:fixed;bottom:205px;left:155px;z-index:10;width:420px;height:auto;line-height:14px;padding-right:30px;background:none;} #cv h2{border-bottom:0;} #cv dl{height:auto;width:auto;left:0;margin:-5px 0 0 0;} #cv dt{position:relative;width:420px;margin:7px 0 -20px;padding:7px 0 0;border-top:1px solid #d4d4d4;color:#999;} #cv dd{margin:0 0 0 62px;color:#777;padding-top:7px;} #nav_scroll {position:fixed;left:640px;bottom:162px;} #nav_scroll li{float:left;margin:0 2px 0 0;} #nav_scroll li a{text-indent:-9999px;display:block;background:url(../img/bg_nav_scroll.gif) no-repeat 0 0;width:16px;height:16px;border:0;padding:2px 1px;} #nav_scroll li a:hover{background-position:left -20px;} #nav_scroll li#scrollright a{background-position:right 0;} #nav_scroll li#scrollright a:hover{background-position:right -20px;}