html,body{background:#F1F2F2 url(../images/top.jpg) no-repeat 650px 0;height:100%;
/*font-family:'Lucida Sans Unicode',Arial,sans-serif;font-size:.72em;*/
font: 100%/1.5 Verdana, Arial, Helvetica, sans-serif;
color:#333;text-align:left;padding:0;margin:0}

a{color:#6c0;text-decoration:none}
a:hover{text-decoration:underline}
a img{border:none}
p{margin:1em 0}
h1{font-size:130%;font-weight:bold}

#nav-b{position:absolute;top:68px;left:0}
#nav-b ul,#nav-b li{list-style:none;margin:0;padding:0}
#nav-b a{width:217px;height:42px;display:block;background:url(../images/_blank.gif)}
#nav-b .exposiciones a:hover,.exposiciones #nav-b .exposiciones a{background:url(../images/hover.jpg) no-repeat 0 -7px}
#nav-b .pabellones a:hover,.pabellones #nav-b .pabellones a{background:url(../images/hover.jpg) no-repeat 0 -49px}
#nav-b .efimeros a:hover,.efimeros #nav-b .efimeros a{background:url(../images/hover.jpg) no-repeat 0 -91px}
#nav-b .showrooms a:hover,.showrooms #nav-b .showrooms a{background:url(../images/hover.jpg) no-repeat 0 -133px}
#nav-b .publicos a:hover,.publicos #nav-b .publicos a{background:url(../images/hover.jpg) no-repeat 0 -175px}
#nav-b .grafico a:hover,.grafico #nav-b .grafico a{background:url(../images/hover.jpg) no-repeat 0 -217px}
#nav-b .audiovisuales a:hover,.audiovisuales #nav-b .audiovisuales a{background:url(../images/hover.jpg) no-repeat 0 -259px}
#nav-b .en-marcha a:hover,.en-marcha #nav-b .en-marcha a{background:url(../images/hover.jpg) no-repeat 0 -301px}

#nav ul{list-style:none;margin:0;padding:0}
#nav li{display:inline;margin:0;padding:0}
#nav a{background-image:url(../images/menu.gif);background-repeat:no-repeat;display:block;height:18px;float:left}
#nav .estudio a{width:70px;background-position:0 0}
#nav .estudio a:hover{background-position:0 -18px}
.estudio #nav .estudio a{background-position:0 -36px}
#nav .equipo a{width:60px;background-position:-70px 0}
#nav .equipo a:hover{background-position:-70px -18px}
.equipo #nav .equipo a{background-position:-70px -36px}
#nav .proyectos a{width:89px;background-position:-130px 0}
#nav .proyectos a:hover{background-position:-130px -18px}
.proyectos #nav .proyectos a{background-position:-130px -36px}
#nav .servidor a{width:136px;background-position:-219px 0}
#nav .servidor a:hover{background-position:-219px -18px}
.servidor #nav .servidor a{background-position:-219px -36px}

#contact-info{list-style:none;margin:0;padding:0;position:absolute;bottom:0}
#contact-info li{margin:0;padding:0;display:inline}
#contact-info a{height:17px;display:block;float:left}
#contact-info .aviso-legal a{width:217px;background-image:url(../images/sl.gif);background-position:0 0}
#contact-info .aviso-legal a:hover,#contact-info .contacto a:hover{background-position:0 -17px}
.aviso-legal #contact-info .aviso-legal a,.contacto #contact-info .contacto a{background-position:0 -34px}
#contact-info .contacto a{width:64px;margin-left:40px;background-image:url(../images/info.gif);background-position:0 0}
#contact-info .adr{display:block;background:url(../images/address.gif) no-repeat;height:17px;float:left;width:624px;margin-left:17px}

.slideShow *{margin:0;padding:0;font-size:12px;text-align:left}
.image-description p{margin:.5em 0 !important}
.buttons{margin:5px}
.buttons span{color:#0080FF;padding:1px 4px 2px 4px;cursor:pointer;font:.85em Verdana;margin-right:.8em}
.buttons span.active,.buttons span:hover,.images a{background:#0080FF;color:#fff;text-decoration:none}
.images a{font:.85em Verdana;padding:1px 4px 2px 4px}
.images a:hover{background:#000;text-decoration:none}
.images,.images li{list-style:none;margin:0;padding:0}
.images{margin:1em 0 1.5em 0}
.service-description{padding-left:7px;display:block}

.equipo{color:#666}
.equipo .introduction{width:300px;height:399px;border-bottom:2px solid #ACD265;float:left;position:relative;padding-top:18px}
.equipo h1{margin:0 0 0 40px;display:block;width:117px;height:15px;background:url(../images/equipo/title.gif) no-repeat}
.equipo .description{padding-left:40px}
.equipo .description p{margin:0}
.equipo .cv{margin-left:300px;width:400px;padding-left:40px;padding-top:18px}
.equipo .introduction img{position:absolute;bottom:0;left:30px}
.members ul{list-style:none;margin:0;padding:0;position:absolute;top:555px;left:250px;font-size:1.1em}
.members li{margin-bottom:.5em}

.main-image{position:absolute;top:18px;left:217px}
.estudio #content,.logout #content{padding:300px 0 0 300px;width:580px}
.aviso-legal #content{padding-left:300px;width:580px}
.casahueca,#logout{position:absolute;top:345px;left:52px}
.casahueca a,#logout a{display:block;width:113px;height:18px}
.estudio h1,.logout h1{display:block;width:117px;height:15px;background:url(../images/estudio/title.gif) no-repeat;margin-bottom:2em}
.estudio embed,.estudio object{margin:38px 0}

.members ul{cursor:pointer}
.members ul{width:300px}
.members a{display:block;float:left;margin:0 12px 10px 0}
.members li{display:inline}
.members a img{border:2px solid #ccc;padding:6px 2px 0 2px}
.members a:hover img{border:2px solid #6F6F71}
.members a img{opacity:.5}
.members .current img,.members a:hover img{opacity:1}
.members .current img{border:2px solid #ACD265}

.tip {z-index:1000;width:150px;color:#333;font-size:.7em}
.tip-title {padding:3px 8px 1px 8px;background:#929397;color:#fff;margin:0;font-variant:small-caps}
.tip-text {background:#F1F2F2;padding:1px 8px 4px 8px;font-size:.85em}

.jsEnabled #images{position:absolute;width:600px;top:200px;left:0}
.jsEnabled #images li{display:block}
.jsEnabled #imageInfo{top:0;left:0}
.portada .info{height:90px}
.portada .info p{margin:1em 0 1em -.3em}

.thumbs{margin:0 0 12px 0;padding:0}
.thumbs img{opacity:.3}
.currentHandler img{opacity:1}
.thumbs li{list-style:none;display:inline;margin:0;padding:0 5px;cursor:pointer}
/*.thumbs img{width:50px}*/
/*#details{width:100%;height:250px;background:#000;opacity:.7 !important;filter:alpha(opacity=50) !important;position:absolute;bottom:0;left:0;padding:20px;color:#fff;text-align:left}*/
#works-list{width:200px;float:left}
#works-list a {color:#999}
#works-list a:hover {color:#000;text-decoration:none}
#works-list ul{list-style:none;margin:1em 0 0;padding:0}
#works-list li{margin:0 0 .5em 0;padding:2px 5px;width:170px}
#works-list .current a{color:#000;font-weight:bold}
#details{width:400px;margin-left:200px;padding:.5em 0 3em 0}

.info{width:600px;height:50px;background:#000;position:absolute;color:#fff;font-family:Arial}
.info p{padding-left:8px}
.info h4{margin-top:1px;padding:3px 0 0 8px}
.info h4 span{font-size:16px}
.info h4 a{float:right;position:absolute;top:16px;right:17px}
.jsEnabled .slideShow{position:relative;width:600px;height:450px;overflow:hidden;margin-left:5px}
.jsEnabled #images img{display:block;border:none}
/*
.images,.images li{margin:0 .5em 0 0;padding:0;list-style:none;display:inline;font-size:1.2em;font-weight:bold}
.images a{color:#000}
.images a:hover{text-decoration:none;color:#929397}
*/
/* Lightbox */
#lbOverlay{position:absolute;z-index:9999;left:0;width:100%;cursor:crosshair}
#lbCenter,#lbBottomContainer{margin-top:17px;position:absolute;z-index:9999;left:605px;overflow:hidden;background-color:#000}
.lbLoading{background:#000 url(../images/box/loading.gif) no-repeat center}
#lbImage{position:absolute;left:0;top:0;border-bottom:none;background-repeat:no-repeat}
#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none}
#lbPrevLink{left:0}
#lbPrevLink{background:transparent url(../images/box/prevlabel.gif) no-repeat 0% 355px}
#lbNextLink{right:0}
#lbNextLink{background:transparent url(../images/box/nextlabel.gif) no-repeat 100% 355px}
#lbBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;font-size:10px;color:#fff;line-height:1.4em;text-align:left;border-bottom:9px solid #000}
#lbCloseLink{display:block;float:right;width:18px;height:22px;background:transparent url(../images/box/closelabel.gif) no-repeat center;margin:15px 10px 5px 0;outline:none}
#lbCaption,#lbNumber{margin:0 71px 0 10px}
#lbCaption{padding-top:10px}

#header a span, hr, .accesibility-link, .index h1, h1 span,
#breadcrumb,
#nav a span,
#nav-b a span,
#contact-info .tel,
#contact-info address,
#contact-info a span,
#nav span,#nav-b span,.jsEnabled .sr-av, .jsEnabled #images h2, .jsEnabled .show-case, #lbNumber, .jsEnabled .images span,.equipo h4,.casahueca span,.casahueca img,.estudio h1 span,.portada #buttons,.portada #displayDetails,.portada .info h4 span,.ok #header span,caption{
	position: absolute;
	overflow: hidden;
	clip: rect(0,0,0,0);
	height: 0;
}

.autoclear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.autoclear {display: block;}
/* Hides from IE-mac \*/
* html .autoclear {height: 1%;}
.autoclear {display: block;}
/* End hide from IE-mac */
#content{padding:56px 0 0 300px;font-size:.70em}
.equipo #content{padding-left:217px}
/*.projects #content{text-align:center}*/
#nav{height:18px;background:#6F6F71 url(../images/top.gif) no-repeat 0 0;width:100%;position:absolute;top:0;left:0;display:block}
#container{background:url(../images/left.jpg) no-repeat 0 0;height:80em}
.estudio #container{background:url(../images/estudio/left.jpg) no-repeat 0 0}
.ok #container{background:url(../images/estudio/left.jpg) no-repeat 0 0}
#footer{height:18px;background:#6F6F71;width:100%;position:fixed;bottom:0;z-index:99;left:0}
#login{position:relative;display:block;clear:both;padding-top:3em}
.jsEnabled #login{width:207px;height:379px;position:absolute;top:18px;left:0;background:url(../images/login_bg.jpg) no-repeat 0 0;padding-left:10px}

#server{text-align:right}
#server label{display:block;padding-right:100px;color:#fff;font-weight:bold}
#server input{font-size:1em;width:95px;background:#9ECE67;color:#000;padding:3px;border:none}
#log input{background:#000;color:#fff;width:auto;margin-top:1.5em;padding:2px 5px}
#closeLogin{margin-right:10px}
#serverLoginError strong{color:#900}
form,fieldset{margin:0;padding:0;border:none}
legend{display:none}
#logout{background:#000;text-align:center;padding:1px 0}
#logout a:hover{color:#fff;text-decoration:none}

table{margin:1.5em 0}
th,td{padding:.2em 1.5em}
