/*------------------------------------------------ author: Emenia email: info@emenia.es ----------------------------------------------------*/ /* R E S E T B Y E R I C M E Y E R */ 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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 0.8; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* M A I N S T Y L E S */ html, body { color: #575048; font-family: garamond, verdana, arial, sans-serif; font-size: 100.01%; margin: 0; padding: 0; text-align: left; width: 100%; } body { font-size: 1em; min-width: 800px; } .clear { clear: both; } a { color: #575048;} /* G A L E R I A Y S C R O L L B A R */ #galeria { height: 442px;} /* hide from incapable browsers */ div#scrollbar { display:none; } /* below in external file */ div#wn { position:relative; width:100%; height:400px; overflow:hidden; } div#scrollbar { position:absolute; top:410px; left: 0; width:100%; height:11px; display:block; /* display:none initially */} div#track { position:absolute; left:30px; top:0; width:95%; height:12px; background: transparent url(../images/track_bar.gif) repeat-x top left; } div#dragBar { position:absolute; left:1px; top:1px; width:85px!important; height:12px; background:#FFF url(../images/drag_bar.gif) no-repeat top left; } div#dragBar:hover { background:#FFF url(../images/drag_bar.gif) no-repeat bottom left; cursor: pointer;} div#left { display:none;} div#right { display: none;} /* for safari, to prevent selection problem */ div#scrollbar, div#track, div#dragBar, div#left, div#right { -moz-user-select: none; -khtml-user-select: none; } /* so no gap or misplacement due to image vertical alignment font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */ div#scrollbar img { display:block;} /* C O N T E N E D O R Q U E R E C O J E E L L O G O Y L O S M E N U S */ #contenedor { clear: both; margin: 0 0 0 30px; position: relative; width: 95%; min-width: 800px;} h1#logo { background: url(../images/logo.jpg) no-repeat top left; height: 37px; text-indent: -9000px; width: 151px; } a.link_logo { width: 153px; height: 44px; position: absolute; top: 0; left: 0; text-indent: -9000px; } #trabajos #navegador_main ul#nav_trabajos li a#dis2, #trabajos #navegador_main ul#nav_trabajos li a#ide2, #trabajos #navegador_main ul#nav_trabajos li a#pac2, #trabajos #navegador_main ul#nav_trabajos li a#web2{ display: none;} #navegador_main { float: left; width: 355px; } #navegador_main ul#nav_trabajos { float: left; width: 355px; margin: 22px 0 8px; padding: 0;} #navegador_main ul#nav_trabajos li { display: inline; } #navegador_main ul#nav_trabajos li a { display: block; float:left; height:14px; margin:0; padding: 0; background: url(../images/navegador.jpg); text-indent: -9000px; } #navegador_main ul#nav_trabajos a#trabajos { width: 50px;} #navegador_main ul#nav_trabajos a#trabajos:link, #navegador_main ul#nav_trabajos a#trabajos:active, #navegador_main ul#nav_trabajos a#trabajos:visited { background-position: 0 0; } #navegador_main ul#nav_trabajos a#trabajos:hover { background-position: 0 71px;} #navegador_main ul#nav_trabajos a#current_trabajos { background-position: 0 71px !important; width: 60px !important;} #navegador_main ul#nav_trabajos a#current_trabajos2 { background-position: 0 0 !important; width: 60px !important;} #navegador_main ul#nav_trabajos a#dis { width: 101px;} #navegador_main ul#nav_trabajos a#dis:link, #navegador_main ul#nav_trabajos a#dis:active, #navegador_main ul#nav_trabajos a#dis:visited { background-position: -60px 0; } #navegador_main ul#nav_trabajos a#dis:hover { background-position: -60px 71px;} #navegador_main ul#nav_trabajos a#dis2 { width: 101px;} #navegador_main ul#nav_trabajos a#dis2:link, #navegador_main ul#nav_trabajos a#dis2:active, #navegador_main ul#nav_trabajos a#dis2:visited { background-position: -60px 0; } #navegador_main ul#nav_trabajos a#dis2:hover { background-position: -60px 71px;} #navegador_main ul#nav_trabajos a#current_dis { background-position: -60px 71px !important; width: 101px ;} #navegador_main ul#nav_trabajos a#ide { width: 70px;} #navegador_main ul#nav_trabajos a#ide:link, #navegador_main ul#nav_trabajos a#ide:active, #navegador_main ul#nav_trabajos a#ide:visited { background-position: -161px 0; } #navegador_main ul#nav_trabajos a#ide:hover { background-position: -161px 71px;} #navegador_main ul#nav_trabajos a#ide2 { width: 70px;} #navegador_main ul#nav_trabajos a#ide2:link, #navegador_main ul#nav_trabajos a#ide2:active, #navegador_main ul#nav_trabajos a#ide2:visited { background-position: -161px 0; } #navegador_main ul#nav_trabajos a#ide2:hover { background-position: -161px 71px;} #navegador_main ul#nav_trabajos a#current_ide { background-position: -161px 71px !important; width: 70px;} #navegador_main ul#nav_trabajos a#pac { width: 79px;} #navegador_main ul#nav_trabajos a#pac:link, #navegador_main ul#nav_trabajos a#pac:active, #navegador_main ul#nav_trabajos a#pac:visited { background-position: -231px 0; } #navegador_main ul#nav_trabajos a#pac:hover { background-position: -231px 71px;} #navegador_main ul#nav_trabajos a#pac2 { width: 79px;} #navegador_main ul#nav_trabajos a#pac2:link, #navegador_main ul#nav_trabajos a#pac2:active, #navegador_main ul#nav_trabajos a#pac2:visited { background-position: -231px 0; } #navegador_main ul#nav_trabajos a#pac2:hover { background-position: -231px 71px;} #navegador_main ul#nav_trabajos a#current_pac { background-position: -231px 71px !important; width: 79px;} #navegador_main ul#nav_trabajos a#web { width: 27px;} #navegador_main ul#nav_trabajos a#web:link, #navegador_main ul#nav_trabajos a#web:active, #navegador_main ul#nav_trabajos a#web:visited { background-position: -310px 0; } #navegador_main ul#nav_trabajos a#web:hover { background-position: -310px 71px;} #navegador_main ul#nav_trabajos a#web2 { width: 27px;} #navegador_main ul#nav_trabajos a#web2:link, #navegador_main ul#nav_trabajos a#web2:active, #navegador_main ul#nav_trabajos a#web2:visited { background-position: -310px 0; } #navegador_main ul#nav_trabajos a#web2:hover { background-position: -310px 71px;} #navegador_main ul#nav_trabajos a#current_web { background-position: -310px 71px !important; width: 27px;} #navegador_main ul#nav_resto { width: 59px; } #navegador_main ul#nav_resto li { margin:0 0 6px 0; padding: 0; height: 12px; } #navegador_main ul#nav_resto li a { display: block; height: 12px; margin:0; padding: 0; background: url(../images/navegador.jpg); text-indent: -9000px; width: 59px;} #navegador_main ul#nav_resto li#nav_proyectos a:link, #navegador_main ul#nav_resto li#nav_proyectos a:active, #navegador_main ul#nav_resto li#nav_proyectos a:visited { background-position: 0 -22px; } #navegador_main ul#nav_resto li#nav_proyectos a:hover { background-position: 0 -102px; } #navegador_main ul#nav_resto li#nav_proyectos a.current { background-position: 0 -102px; } #navegador_main ul#nav_resto li#nav_clientes a:link, #navegador_main ul#nav_resto li#nav_clientes a:active, #navegador_main ul#nav_resto li#nav_clientes a:visited { background-position: 0 -40px; } #navegador_main ul#nav_resto li#nav_clientes a:hover { background-position: 0 -120px; } #navegador_main ul#nav_resto li#nav_clientes a.current { background-position: 0 -120px; } #navegador_main ul#nav_resto li#nav_contacto a:link, #navegador_main ul#nav_resto li#nav_contacto a:active, #navegador_main ul#nav_resto li#nav_contacto a:visited { background-position: 0 -59px; } #navegador_main ul#nav_resto li#nav_contacto a:hover { background-position: 0 -139px; } #navegador_main ul#nav_resto li#nav_contacto a.current { background-position: 0 -139px; } #navegador_sec { margin-top: 20px;width: 500px; float: right;} #navegador_sec ul { clear: right; float: right; text-align: right; width: 500px; margin-bottom: 6px; } #navegador_sec ul li { display: inline; padding: 0; } #navegador_sec ul li a { font-style: italic; font-size: 12px; text-decoration: none; } #navegador_sec ul a:link, #navegador_sec ul a:visited { color: #6a6967; } #navegador_sec ul li a:hover { color: #403e3c;} #navegador_sec ul li a:active { color: #6a6967; } #navegador_sec ul li a.current { color: #403e3c;} /* P A G I N A D E C L I E N T E S */ p.clientes { position: absolute; top: 553px; right: 60px;} /* P A G I N A D E C O N T A C T O */ #contacto img.contacto { float: right; margin-top: 22px;} #contacto ul.contacto a { float: right; clear: right; display: block; height: 12px; padding: 0; background: url(../images/email.jpg); width: 178px; text-indent: -9000px; margin:7px 0 0 0;} #contacto ul.contacto a:link, #contacto ul.contacto a:visited { background-position: 0 0; } #contacto ul.contacto a:hover { background-position: 0 12px; } #contacto ul.contacto a:active { background-position: 0 0; }