/* Nombre:SVArquitectura URI:http://www.indianwebs.com/ Descripcion:Pagina de Arquitectura Version:1.0 Autor:Pol Alegria */ /************************************************************\ * CSS \************************************************************/ /* CSS Tweaks */ * {padding:0;margin:0;} a img {border:0;} .clear {clear:both;} a {text-decoration:none;color:#CC0000;} a.gris { color:#999;} a.gris:hover { color:#000; text-decoration:none;} a:hover {text-decoration:underline;} p {padding-bottom:10px;} .hidden {display:none;} hr {background:#363636 repeat-x;height:2px;border-top:1px #000000 solid;border-bottom:1px #363636 solid;margin-bottom:5px;} ul {list-style-type:none;} li { line-height:17px; text-align:justify; } /* Body */ body {background:#ffffff;font-family:arial,helvetica,sans-serif;font-size:12px;} /* Wrap */ .wrap {position:relative;width:990px;margin:50px auto;z-index:2;} .content_text{ height:100%; padding-right:10px;} #contenido,contenido{ position:relative; min-height:380px;} #contenido_over{ position:absolute; top:79px; left:0; width:990px; height:375px; z-index:99999; display:none;} .loading{ background:#FFF url(img/loading.gif) no-repeat 20px 20px;} .loaded{ background:#FFF;} #image_mosaico{ display:none;} /************************************************************\ * Header \************************************************************/ header {position:relative;margin: 0 0 20px;} header left {position:relative;float:left;width:50%;} header right {position:relative;float:right;} header right .idiomas {margin:20px 0 0;padding:0;text-align:right;} header right .idiomas li {display:inline;} header right .idiomas li a {padding:0 5px;color:#8E8E91;} header right .idiomas li a:hover {color:#666;} header right .idiomas li a.sel {padding:0 5px;color:#000;} header right .idiomas li a.sel:hover {text-decoration: none;} header right .catalogo {margin:5px 0 0;padding:0;text-align:right;} header right .catalogo li {display:inline;} header right .catalogo li a {color:#8e8e91;} header right .catalogo li a:hover {text-decoration:none;} /************************************************************\ * Slideshow \************************************************************/ .ftop {padding:10px;} /************************************************************\ * Menu V2 \************************************************************/ nav {margin:10px 0;} #menu_ppal {position:relative; width:990px; height:230px; background:#FFF; padding:10px 0;} /*#menu_ppal .bg_menu {position:absolute; width:100%; height:100%; background:#; z-index:-1;}*/ #menu_ppal ul {padding:0; margin:0; list-style:none; position:absolute; height:210px; width:990px; overflow:hidden; border:1px dotted #FFF; } #menu_ppal ul li{padding:0; margin:0; list-style:none;} #menu_ppal ul li a{/*display:block; */color:#8C8C8C;color:#666; text-decoration:none; min-height:20px; line-height:14px; margin-bottom:1px; } #menu_ppal a:active,#menu_ppal a.active, #menu a:focus {outline:0;color:#000;} #menu_ppal a.active{ font-weight:bold; color:#333;} #menu_ppal a:hover, #menu_ppal li.clicked a {color:#000; } #menu_ppal a.arrow:hover, #menu_ppal li.clicked a.arrow {color:#000;} #menu_ppal ul.ul_lvl1{ width:100%; margin-bottom:40px;} #menu_ppal ul.ul_lvl2{ width:100%; left:180px; top:0; display:none;} #menu_ppal ul.ul_lvl3{ width:100%; left:180px; top:0; display:none;} #menu_ppal ul.ul_lvl4{ width:100%; left:300px; top:0; display:none;} #menu_ppal ul.active{ display:block;} #menu_ppal a.viendo {color:#000 !important;} #menu_ppal ul.ul_lvl3 ul.ul_lvl4{ width:358px; overflow:auto;} /*proyectos */ #menu_ppal ul.ul_lvl2.projectes { left:180px; } /*proyectos - cronologia*/ #menu_ppal ul.ul_lvl3.cronologia, #menu_ppal ul.ul_lvl3.chronology{ left:200px; } #menu_ppal ul.ul_lvl3.cronologia ul.ul_lvl4, #menu_ppal ul.ul_lvl3.chronology ul.ul_lvl4{ left:254px; width:354px !important; } #menu_ppal ul.ul_lvl3.cronologia li.fin a.fin, #menu_ppal ul.ul_lvl3.chronology li.fin a.fin{ text-indent:28px;} /*proyectos - tipologia*/ #menu_ppal ul.ul_lvl3.tipologia, #menu_ppal ul.ul_lvl3.typology{ left:180px; height:160px !important; } #menu_ppal ul.ul_lvl3.tipologia ul.ul_lvl4, #menu_ppal ul.ul_lvl3.typology ul.ul_lvl4{ left:274px; width:354px;} #menu_ppal ul.ul_lvl2.concursos, #menu_ppal ul.ul_lvl2.competitions{ left:180px; } #menu_ppal ul.ul_lvl2.concursos ul.ul_lvl3, #menu_ppal ul.ul_lvl2.competitions ul.ul_lvl3{ left:188px; width:620px !important; } #menu_ppal ul.ul_lvl2.concursos li.fin a.fin, #menu_ppal ul.ul_lvl2.competitions li.fin a.fin{ text-indent:28px;} #menu_ppal a{ width:auto !important; display:inline-block; padding:0 5px 0 0; } *.flexcroll_int{ height:154px !important;} #menu_ppal a.no_cont{ color:#B7B9B9; } /************************************************************\ * Menu \************************************************************/ nav {margin:10px 0;} #menu {position:relative; width:990px; height:130px;} #menu ul {padding:0; margin:0; list-style:none;} #menu a {display:block; color:#8C8C8C; text-decoration:none; height:25px; line-height:25px; text-indent:10px; margin-bottom:1px;} #menu a:active, #menu a:focus {outline:0;color:#000;} #sub0 {position:absolute; left:0; width:125px;} #sub1 {position:absolute; left:125px; width:125px;} #sub2 {position:absolute; left:250px; width:205px;} #sub3 {position:absolute; left:500px; width:405px;} #sub4 {position:absolute; left:500px;} /*BORRAR*/ #sub5 {position:absolute; left:625px;} /*Borrar*/ #sub_0 {position:absolute; top:0px;} #sub_0 li a {text-indent: 0px;} #sub_1 {position:absolute; top:0px;} #sub_2 {position:absolute; top:0px;} #sub_12 {position:absolute; top:0px;} #sub_21 {position:absolute; top:0px;} #sub_3, #sub_22 {position:absolute; top:0px;} #sub_4, #sub_23, #sub_231 {position:absolute; top:0px;} #sub_232 {position:absolute; top:130px;} #sub_233, #sub_2322, #sub_23221 {position:absolute; top:0px;} .none {display:none;} .yes {display:block;} #menu a:hover, #menu li.clicked a {color:#000;} #menu a.arrow:hover, #menu li.clicked a.arrow {color:#000;} /************************************************************\ * Director \************************************************************/ .ed-l {float: left; position: relative; width: 300px; height: 375px;} .ed-r {float: right;height: 375px;position: relative;width: 670px;} /* iScroll*/ #wrapper { position:absolute; z-index:1; top:0px; bottom:0px; left:0; width:100%; background:#fff; overflow:auto; } /************************************************************\ * Colaboradores \************************************************************/ .col-l {float: left; position: relative; width: 300px; height: 375px;} .col-r {float: right;height: 375px;position: relative;width: 670px;color:#8C8C8C;} .col-r ul {float: left;height: 375px;list-style: none;margin-right: 15px;position: relative;width: 150px; text-align:left; } .col-r ul li {margin-bottom: 0.40em;color:#8C8C8C;text-align:left; } .col-r ul li.black {color:#000;} /************************************************************\ * filosofia \************************************************************/ .col-l {float: left; position: relative; width: 300px; height: 375px;} .col-filosofia {float: right;height: 375px;position: relative;width: 570px;color:#8C8C8C;} .col-filosofia ul {float: left;height: 375px;list-style: none;margin-right: 15px;position: relative;width: 150px;} .col-filosofia ul li {margin-bottom: 0.55em;color:#8C8C8C;} .col-filosofia ul li.black {color:#000;} /************************************************************\ * Proyectos \************************************************************/ .slide-pro {float: left; position: relative; width: 615px; height: 375px; overflow: hidden;} ul#nav { position: absolute;bottom:0;margin-right: 10px;left:636px;z-index: 99999;} ul#nav li {display: inline; margin-right:5px;} .proyectos {float: right; position: relative; margin-left: 20px; width: 355px; height: 375px;} .proyectos h2.titulo {font-size: 16px; margin-bottom: 15px;} .proyectos span.subtitulo {color: #8C8C8C;font-size: 12px;margin-bottom: 1em;} .proyectos ul.informacion {bottom: 65px;color: #8C8C8C;font-size: 12px;left: 0;list-style: none outside none;margin: 20px 0 0;padding: 0;position: absolute;} .proyectos ul.informacion li {margin-bottom:5px;} .proyectos span.foto {bottom: 45px;color: #8C8C8C;font-size: 10px;left: 0;margin: 20px 0 0;padding: 0;position: absolute;} /************************************************************\ * Contacto \************************************************************/ .cmapa {position: relative; float: left; height: 375px; width: 300px; margin-right:20px;} .ccon {position: relative; float: left; height: 375px; width: 360px;overflow: hidden; margin-right: 20px} .ccon-l {float: left;line-height: 25px;position: relative;text-align: left;width: 150px; color:#8C8C8C;} .ccon-r {float: right;text-align: right;width: 125px; color:#8C8C8C;} .ccon .maps {position: relative;top: 0px;} .cas {float: right;height: 375px;position: relative;width: 290px;} .cas h2 {background: none repeat scroll 0 0 #CCCCCC;color: #FFFFFF;display: block;font-size: 15px;font-weight: normal;padding: 5px;text-align: left;text-indent: 5px;} .cas .cas-f {line-height: 25px;list-style: none;margin: 20px 0;padding: 0;} .cas .cas-f li {color:#8C8C8C;} .cas .cas-f li a {} .cas .cas-s {line-height: 25px;color:#8C8C8C;} /************************************************************\ * Footer \************************************************************/ .footer {height:238px;background:url(img/footer_bg.gif) repeat-x top;padding:15px;padding-top:13px;color:#666;font-size:11px;margin-top:30px;}