body { margin:0px; background:#fff; color:#555; font-family: arial, sanserif; font-size:10px; overflow-y:scroll;} h1 { padding:0px; margin:0px; font-size:1.20em; } h2 { padding:0px; margin:0px; font-size:1.20em; } h3 { padding:0px; margin:0px; font-size:1.20em; } img { border:none; } a { border:none; text-decoration:none; color:#fff; cursor:hand;} a:hover { color:#555; } p {padding:0px; margin:0px 0px 15px 0px; font-size:1.20em; } ul {margin:0px; padding:0px; border:none;list-style-type: none; z-index:2; } li {margin-top: 1.0em; } table {margin:0px; padding:00px; border:none;} /* clases*/ a h1.titulo{ font-size:3.5em; color:#B8AA9C;} a b.asoma{ font-size:3.8em; color:#222} a h2 { color:#555; } a h3.idioma { color:#B0B0B0; font-size:0.9em;} a h3.visualizador { color:#B0B0B0; font-size:1.2em; padding:0px 0px 3px 0px; } a:hover h3 { color:#555; } b.lista { color:#999; font-size:1.2em; padding:0px 30px 0px 30px; } a:hover b.lista { color:#555; } li.sublista { color:#555; font-size:1.10em; padding:0px 0px 0px 100px; } b.aext {color:#555; font-size:1.2em; padding:0px 0px 0px 100px; } /* index */ #index { position:relative; width:100%; height:100%; border:none; margin:30px auto; padding:0px; background:url(../images/index.jpg) ; width:825px; height:825px; z-index:0;} #asoma {position:absolute; left: 549px; top: 84px; width:162px; height:48px; border:none; margin:0px; padding:140px 7px 0px 7px ; color:#909090; font-size:1.20em; } /* div contenedor de navegador */ #navegador { position:relative; width:825px; height:190px; border:none; margin:30px auto; padding:0px; background:#fff; z-index:0;} /* div de navegacion por contenidos */ #proyectos {position:absolute; left: 0px; top: 30px; width:80px; height:80px; border:none; margin:0px; padding:0px; color:#FFF; text-align:center; z-index:2;} #proyectos a { width:100%; height:100%; display:block; background:url(../images/vacio/proyectos.jpg) no-repeat; width:80px; height:80px;} #proyectos a h1{ position:absolute; top:87px; left:12px} #proyectos a:hover{background:url(../images/blancos/proyectos.jpg) no-repeat; width:80px; height:80px; } #blog {position:absolute; left: 98px; top: 105px; width:48px; height:48px; border:none; margin:0px; padding:0px; color:#FFF; text-align:center; z-index:2; } #blog a { width:100%; height:100%; display:block; background:url(../images/vacio/blog.jpg) no-repeat; width:48px; height:48px; } #blog a h1{ position:absolute ;left:12px; top:-22px; } #blog a:hover{background:url(../images/blancos/blog.jpg) no-repeat; width:48px; height:48px; } #publicaciones {position:absolute; left: 167px; top: 75px; width:64px; height:64px; border:none; margin:0px; padding:0px; color:#FFF; text-align:center; z-index:2; } #publicaciones a { width:100%; height:100%; display:block; background:url(../images/vacio/publicaciones.jpg) no-repeat; width:64px; height:64px; } #publicaciones a h1{ position:absolute; left:-7px;top:-24px;} #publicaciones a:hover{background:url(../images/blancos/publicaciones.jpg) no-repeat; width:64px; height:64px; } #competiciones {position:absolute; left: 264px; top: 50px; width:80px; height:80px; border:none; margin:0px; padding:0px; color:#FFF; text-align:center; z-index:2; } #competiciones a { width:100%; height:100%; display:block; background:url(../images/vacio/competiciones.jpg) no-repeat; width:80px; height:80px; } #competiciones a h1{ position:absolute; left: -1px; top:89px } #competiciones a:hover{background:url(../images/blancos/competiciones.jpg) no-repeat; width:80px; height:80px;} #contacto {position:absolute; left: 378px; top: 85px; width:64px; height:64px; border:none; margin:0px; padding:0px; color:#FFF; text-align:center; z-index:2; } #contacto a { width:100%; height:100%; display:block; background:url(../images/vacio/contacto.jpg) no-repeat; width:64px; height:64px; } #contacto a h1{ position:absolute; left: 7px; top:-23px; } #contacto a:hover{background:url(../images/blancos/contacto.jpg) no-repeat; width:64px; height:64px; } #investigacion {position:absolute; left: 470px; top: 30px; width:80px; height:80px; border:none; margin:0px; padding:0px; color:#FFF; text-align:center; z-index:2; } #investigacion a { width:100%; height:100%; display:block; background:url(../images/vacio/investigacion.jpg) no-repeat; width:80px; height:80px; } #investigacion a h1{ position:absolute; left: 2px; top:88px; } #investigacion a:hover{background:url(../images/blancos/investigacion.jpg) no-repeat; width:80px; height:80px; } #enlaces {position:absolute; left: 573px; top: 90px; width:48px; height:48px; border:none; margin:0px; padding:0px; color:#FFF; text-align:center; z-index:2;} #enlaces a { width:100%; height:100%; display:block; background:url(../images/vacio/links.jpg) no-repeat; width:48px; height:48px; } #enlaces a h1{position:absolute;left:2px;top:-22px;height: 14px; } #enlaces a:hover{background:url(../images/blancos/links.jpg) no-repeat; width:48px; height:48px; } #arquitecto {position:absolute; left: 642px; top: 8px; width:70px; height:180px; border:none; margin:0px; padding:0px; color:#FFF; text-align: left; z-index:2; } #arquitecto a { width:100%; height:100%; display:block; background:url(../images/vacio/silueta-vacio.jpg) no-repeat; width:70px; height:180px; } #arquitecto a h1{position:absolute;left:28px;top:180px; width: 157px; } #arquitecto a:hover{background:url(../images/blancos/silueta-blanco.jpg) no-repeat; width:70px; height:180px; } #somaa {position:absolute; left: 736px; top:-12px; width:auto; height:47px; border:none; margin:0px; padding:0px; text-align:right;} #idioma {position:absolute; left: 0px; top: 0px; width:auto; height:auto; border:none; margin:0px; padding:0px;} /* fin div de navegacion por contenidos */ /* propiedades div contenidos*/ #contenido { position:relative; width:825px; height:auto; border:none; margin:30px auto; padding:0px; background:#fff; z-index:0; } #servicios {position:relative; right: 0px; top:500px; width:auto; height:auto; border:none; margin:0px; padding:0px; text-align:right;} #texto {position:relative; left: 0px; top: auto; width:550px; height:auto; border:none; margin:0px; padding:0px; color:#555; text-align:justify;} #texto-servicios{position:relative; left: 0px; top: auto; width:450px; height:auto; border:none; margin:0px; padding:0px; color:#555; text-align:justify;} #fotos{position:absolute; right: 0px; top: 90px; width:auto; height:auto; border:none; margin:0px; padding:0px; color:#555; text-align:right; z-index:0; } #fotos-top{position:absolute; left: 625px; top: 0px; width:200px; height:auto; border:none; margin:0px; padding:0px; color:#555; text-align:right;} #fotos-bottom {position:absolute; left: 625px; bottom: 0px; width:200px; height:auto; border:none; margin:0px; padding:0px ; color:#555; text-align:right;} #colaboradores {position:absolute; left: 10px; top: 10px; width:auto; height:auto; border:none; margin:0px; padding:0px;} /* #silueta {position:absolute; right: 10px; bottom: 10px; width:auto; height:auto; border:none; margin:0px; padding:0px;} */ #visualizador {position:relative; width:550px; height:550px; border:none; margin:25px auto; padding:0px; text-align:left;} #imgvisualizador {position:absolute; right:0px; top: 0px; width:450px; height:450px; border:none; margin:0px; padding:0px; text-align:right; } #textovisualizador {position:absolute; right: 0px; top: 0px; width:450px; height: 450px; border:none; margin:none; padding: 0px 20px 0px 0px; color:#555; ; text-align:justify; overflow-y:scroll;} #masmenos {position:absolute; left: 0px; top: 520px; width:25px; height:25px; border:none; margin:0px; padding:0px; text-align:center; font-size:1.7em;} #titulo {position:absolute; right: 0px; bottom: 0px; width:500px; height:auto; border:none; margin:0px; padding:0px; text-align:right;} /* fin propiedades div contenidos*/