/* Maquetación by Totbits Solutions (www.totbits.com) */ /* DEFAULT ELEMENTS ---------------------------------------------------------- no tocar !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ * { margin: 0; padding: 0; } body { font-family: Tahoma, Arial; font-size: 11px; line-height: 14px; color: #464646; } img { border: 0; vertical-align: middle; } h1, h2, h3 { font-weight: normal; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } ul { list-style: none; } a { outline: 0; color:#333; } table { border-spacing: 0; border-collapse: collapse; border: none; } td, th { vertical-align: top; text-align: left; } select { padding: 0; } option { padding: 1px 5px; } textarea{font-family:Tahoma;} p label.error { color: #f00; } .banner iframe {border:1px solid #eee;;} hr{height:1px; border:none; border-top:1px solid #ccc; background:#ccc;} .resaltado { color: #000; } body, html { height: 99%; } body { background: #E7E3E4; } #mainTD { vertical-align: middle; /*padding-top:20px;*/ text-align: center; } #body { background: #FDFDFD; width: 901px; height: 601px; text-align: left; margin: 0 auto; overflow: hidden; } #body_box { /*top: 28px; left: 25px;*/ margin: 28px 0 0 25px; width: 849px; height: 560px; } #header { height: 42px; border-bottom: 1px solid #E7E3E4; } #contents { height: 405px; border-bottom: 1px solid #E7E3E4; overflow: hidden; } #contents_box { padding-top: 20px; color:#666; } #body_loading { color: #FFF; font-size: 16px; position:fixed; top:10px; right:0px; background:#000 url(loader.gif) no-repeat 10px 50%; padding:15px 40px 15px 60px; -moz-box-shadow:0px 0px 2px #000; -webkit-box-shadow:0px 0px 2px #000; box-shadow:0px 0px 2px #000; opacity:0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); } #powered {color: #999999; float: right; font-size: 10px; padding-top: 5px; } #powered a{ font-size:10px; color:#999; font-weight:bold; text-decoration:none;} #powered a:hover {color:#b00;} /* CONTACTO */ #contacto { } #contacto br { display: none !important; } #contacto .persona { margin: 20px 0; line-height: 18px; } #contacto #images { height: 364px; width: 426px; vertical-align: top !important; text-align: left; } /* PROYECTO */ #proyecto { } #proyecto .persona { margin: 0px 0; line-height: 18px; } #proyecto .descripcion { text-align: justify; font-size: 11px; font-family: verdana, tahoma, arial; } #proyecto .descripcion p { margin: 10px 0; } #proyecto .sep { width: 2px; } .jScrollPaneContainer {margin-top:10px;} #proyecto #scroll_pane { width: 338px; height: 310px; margin-top:0px; padding:0px 10px 10px 0; } /* IMAGENES GENERAL */ #images { height: 370px; width: 476px; vertical-align: bottom !important; } #images img { margin-bottom: 3px; } #images .numeros { font-size: 10px; color: #858585; width: 426px; } #images .numeros span { margin-right: 8px; cursor: pointer; } #images .numeros span.sel { color: #000; } /* PUBLICACIONES */ #publicaciones { } #publicaciones br { display: none !important; } #publicaciones ul { margin-top: 0px; margin-left: 13px; list-style-type: square; } #publicaciones ul li { margin-bottom: 7px; } #publicaciones .sep { width: 40px; } #publicaciones #images { height: 370px; width: 426px; vertical-align: top !important; } #publicaciones #images img { border: 1px solid #ceced0; } #publicaciones #scroll_pane { width: 338px; height: 310px; margin-top:7px; padding:0px 10px 10px 0; } /*publicaciones gallery*/ #out_gallery { width:430px; height:360px; position:relative; overflow:hidden; } #in_gallery { position:absolute; left:0px; top:0px; } #in_gallery img { display:none; position:absolute; top:0px; left:0px; } /* COLABORADORES */ #colaboradores { } #colaboradores br { display: none !important; } #colaboradores ul { /*margin-top: 28px;*/ } #colaboradores ul li { margin-bottom: 5px; } #colaboradores .sep { width: 40px; } #colaboradores #images { height: 370px; width: 426px; vertical-align: top !important; } #colaboradores #scroll_pane { width: 338px; height: 310px; margin-top:7px; padding:0px 10px 10px 0; } /* FILOSOFIA */ #filosofia { } #filosofia br { display: none !important; } #filosofia .descripcion { text-align: justify; margin-top: 20px; } #filosofia .descripcion p { margin: 16px 0; line-height: 16px; } #filosofia .sep { width: 40px; } #filosofia #images { height: 370px; width: 426px; vertical-align: top !important; } /* EQUIPO */ #equipo { } #equipo br { display: none !important; } #equipo #detalles h1 { margin-bottom: 6px; } #equipo #detalles td { padding-bottom: 11px; } #equipo .sep { width: 40px; } #equipo #images { height: 370px; width: 426px; vertical-align: top !important; } #equipo #images img { /* border: 1px solid #ceced0; */ } /* MENU LIST */ #menu_list { position: relative; color: #464648; font-size: 12px; margin-top:5px; } #menu_list .box p { padding-top: 10px; height: 15px; } #menu_list .box span { /* height: 15px; */ border: 1px solid #fff; } #menu_list .box span.sel { padding-right: 8px; /* background: url('/css/menu_arrow.gif') center right no-repeat; */ } #menu_list .box span.sel img { background: url('/css/menu_arrow.gif') right 2px no-repeat; padding-right: 4px; } #menu_list .box a { text-decoration: none; display: block; height: 17px; } #menu_list .box { float:left; position: relative; height: 120px; overflow: hidden; } #menu_list #box_00 { width: 80px; } #box_00 #menu_news { margin-top: -3px;} /*#box_00 #menu_projects { margin-bottom: -3px; margin-top: -1px;} #box_00 #menu_estudy { margin-top: -1px; } #box_00 #menu_contact { margin-top: -3px;} */ #menu_list #box_01 { display: none; width: 100px; } #menu_list #box_02 { display: none; width: 90px; } #menu_list #box_03 { display: none; width: 163px; } #menu_list #box_04 { display: none; width: 163px; } #menu_list #box_noticias { display: none; position: relative; height: 85px; padding-top: 15px; overflow: hidden; right: -49px; top: 10px; width: 720px; } #menu_list #box_proyectos { display: none; width: 666px; _width: 666px; margin-top:10px; } #menu_list #box_otro_proyecto_pablo { display: none; width: 410px; } #menu_list #box_otro_proyecto_pablo table { margin-top: 10px; } #menu_list #box_otro_proyecto_blanca { display: none; width: 410px; } #menu_list #box_otro_proyecto_blanca table { margin-top: 10px; } /* NOTICIAS */ #box_noticias div.box_noticias_content { position: absolute; width: 2000px; height: 100px;} #box_noticias div.noticia { float: left; overflow: hidden; margin-right: 10px; width: 110px; height: 100px;} #box_noticias .title{ position: absolute; top: 0px; left: 0px;} #box_noticias div.noticia .noticia_thumb { width: 115px; height: 85px;} #noticias { position: relative; width: 100%; height: 385px; } #noticias .title { overflow: hidden; } #noticias .title .title_part { overflow: hidden; height: 15px; float: left; } #noticias .title img { } #noticias div.texto { float: left; width: 318px; height: 385px;} #noticias div.texto div.new_content { position: relative; margin-top: 15px; height: 315px;} #noticias div.texto div.new_content div.share { position: absolute; bottom: 0px;} #noticias div.imagen { position: absolute; width: 480px; height: 360px; right: 0px; top: 0px; } #noticias div.imagen img { width: 480px; height: 360px;} /* PROYECTOS */ .mapa_spain_space { width: 127px; height: 97px; } .mapa_spain { width: 127px; height: 97px; float: right; overflow: hidden; background: url('/css/mapa_spain.gif') no-repeat; position: relative; } .mapa_spain.arabia { background: url('/css/mapa_arabia.gif') no-repeat; } .mapa_spain .dot { width: 6px; height: 6px; position: absolute; top: 50px; left: -50px; } .controllers { width: 41px; height: 97px; } .imagenes_proyectos_box { width: 504px; height: 77px; overflow: hidden; position: relative; } .imagenes_proyectos { width: 2000px; height: 61px; margin-top: 0px; position: absolute; } .imagenes_proyectos img { padding-right: 3px; } .imagenes_proyectos a { float: left; height: 61px !important; } .nombre_proyecto { height: 20px; } .nombre_proyecto span { position: absolute; } p.swiss { /* font-family: "Swis721 LtEx BT", Tahoma, Arial; */ } /* OTROS PROYECTOS */ .nombre_otros_proyectos { /* margin-top: 10px; */ height: 18px; } .imagenes_otros_proyectos { height: 61px; margin-top: 4px; } .imagenes_otros_proyectos table { margin-top: 10px; } .imagenes_otros_proyectos img { /* margin-right: 1px; */ float: left; height: 61px; width: 61px; padding-right: 3px; cursor: pointer; } /* ESTUDIO */ .imagen_estudio { height: 362px; margin: auto; } /* PORTADA */ #portada { position: relative; width: 849px; height: 405px; overflow: hidden; } #portada img { position: absolute; display: none; } #portada.loading { background: url('/css/loading_portada.gif') center center no-repeat; } #portada #flash_portada { height: 100px; margin-top: 150px; } /* */ .height_box_otro_proyecto { height: 120px; } /* */ #proyectos_anteriores_slide { height: 120px; width: 384px; overflow: hidden; position: relative; } #proyectos_anteriores_slide_images { height: 120px; width: 2000px; position: absolute; left: 0; } #pintura_slide { height: 120px; width: 384px; overflow: hidden; position: relative; } #pintura_slide_images { height: 120px; width: 2000px; position: absolute; left: 0; } #escultura_slide { height: 120px; width: 384px; overflow: hidden; position: relative; } #escultura_slide_images { height: 120px; width: 2000px; position: absolute; left: 0; } #fotografia_slide { height: 120px; width: 384px; overflow: hidden; position: relative; } #fotografia_slide_images { height: 120px; width: 2000px; position: absolute; left: 0; } #blanca_slide { height: 120px; width: 384px; overflow: hidden; position: relative; } #blanca_slide_images { height: 120px; width: 2000px; position: absolute; left: 0; } /* IDIOMAS LANGS*/ #box_langs { width:901px; margin:0px auto; _height: 30px; } #langs { text-align:right; margin:0px 10px 5px 0px;} #langs a {font-size:10px; color:#999; font-weight:normal; text-decoration:none; padding:0px 3px;} #langs a:hover {color:#000;} #centrador { margin:0px auto; text-align:center; height:610px;} /* SLIDER PARA ESTUDIOS */ #slider_study { padding: 20px 0px; } #show_info_study { width:300px; height: 403px; border: 0px solid red; float: left; padding-right: 10px; } #show_info_study p {margin: 16px 0px 16px 0px; line-height: 16px; text-align: justify; color: #666666; } #show_slider_study { position: relative; overflow: hidden; width:537px; height: 362px; border: 0px solid red; float: right; text-align: center; } #show_slider_study img { display: none; } /* BOTONES LIKE Y TWEET */ #like_tweet { float: left; color: #999999; margin-left: 4px; margin-top: 4px; }