/* genericos */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;} q:before,q:after { content:'';} abbr,acronym { border:0;} A { outline: 0px; } BODY{ font-family: Verdana, Arial, sans; font-size:12px; background:#d9dfe0; } #pagina { overflow: hidden; height: 610px; width: 1000px; position: relative; margin-left: auto; margin-right: auto;} #pagina H1#logo { z-index: 20; display: block; position: absolute; width: 239px; height: 108px; left: 157px; top: -12px;} #pagina #idiomas { z-index: 50; display: block; height: 30px; position: absolute; right: 50px; } #pagina #idiomas H2 { display: none; } #pagina #idiomas UL { float: left; } #pagina #idiomas UL LI { float:left; } #pagina #idiomas UL LI#castellano A { width: 82px; height: 30px; background: url(img/txt_castellano.gif) top left no-repeat; text-indent: -10000em; display: block; } #pagina #idiomas UL LI#ingles A { width: 73px; height: 30px; background: url(img/txt_ingles.gif) top left no-repeat; text-indent: -10000em; display: block; } #pagina A#volver_home { width: 63px; height: 30px; margin-right: 20px; display: block; text-indent: -10000em; float: left; background: url(img/txt_home.gif) top left no-repeat; } #pagina #contenidos { z-index: 10; position: absolute; width: 1000px; top: 70px; height: 483px; background: #78797b url(img/bg_borde_pagina.gif) top left repeat-y; border-bottom: 3px solid white; } #pagina #contenidos UL { padding-left: 50px; height: 483px; width: 950px; overflow: hidden;} #pagina #contenidos UL LI { height: 483px; float: left; } #pagina #contenidos UL LI H1 { width: 30px; float: left; overflow: hidden; } #pagina #contenidos UL LI H1.activo IMG { display: none; } #pagina #contenidos UL LI DIV.pageContent { float: left; } #pagina #contenidos UL LI#home { } #pagina #contenidos UL LI#home H1 { width: 4px; background: #df6a2e; border-left: 1px dashed white; height: 483px; } #pagina #contenidos UL LI#home H1 A { display: none;} #pagina #contenidos UL LI#home DIV.pageContent DIV.foto_texto { z-index: 10; overflow: hidden; position: absolute; margin-top: -70px; left: 55px; background: white; width: 444px; height: 555px; float: left; } #pagina #contenidos UL LI#home DIV.pageContent DIV.foto_texto IMG { margin-left: 4px; } #pagina #contenidos UL LI#home DIV.pageContent DIV.foto_texto P { text-align: center; padding-top: 10px; color: #5a5836; font-weight: bold; width: 430px; font-size: 14px; line-height: 20px; font-family: Verdana; margin-left: 6px; } #pagina #contenidos UL LI#home DIV.pageContent DIV.foto_texto H3 { background: url(img/es/txt_presentacion.png) top left no-repeat; position: absolute; margin-left: 4px; top: 257px; width: 435px; height: 17px; display: none; text-indent: -10000em; width: 0px; overflow: hidden; } #pagina #contenidos UL LI#home DIV.pageContent DIV#destacados { overflow: hidden; height: 463px; padding: 20px 0px 0px 440px; margin: 0px; float: left; width: 375px; position: relative; } #pagina #contenidos UL LI#home DIV.pageContent DIV#destacados H2 { display: block; z-index: 99999; text-indent: -10000em; height: 484px; width: 8px; background: url(img/marcador_contenido.gif) top left; position: relative; top: 0px; left: 440px; margin: 0px 0px 0px 4px; position: absolute; } #pagina #contenidos UL LI#home DIV.pageContent DIV#destacados UL { float: left; width: 355px; height: auto; padding-left: 20px; margin: 20px 0px 0px 0px; } #pagina #contenidos UL LI#home DIV.pageContent DIV#destacados UL LI { width: 355px; height: auto; overflow: hidden; clear: both; margin: 0px 0px 30px 0px; } #pagina #contenidos UL LI#home DIV.pageContent DIV#destacados UL LI IMG { float: left; margin: 0px 10px 0px 0px; } #pagina #contenidos UL LI#home DIV.pageContent DIV#destacados UL LI P { color: white; font-size: 11px; } #pagina #contenidos UL LI#home DIV.pageContent DIV#destacados UL LI P STRONG { font-weight: bold; } #pagina #contenidos UL LI#presentacion { } #pagina #contenidos UL LI#presentacion H1 { background: #5f5c40; border-left: 1px dashed white; height: 483px;} #pagina #contenidos UL LI#presentacion H1 A { outline: 0px; margin: 80px 0px 0px 3px; display: block; width: 17px; height: 120px; float: left; } #pagina #contenidos UL LI#presentacion DIV.pageContent DIV#pres_mas_info { position: relative; color: white; font-family: Verdana; line-height: 20px; font-size: 12px; margin-left: 3px; padding-top: 0px; } #pagina #contenidos UL LI#presentacion DIV.pageContent DIV#pres_mas_info H2 { height: 80px; width: 150px; background: #626157; float: left; text-indent: -10000em; } #pagina #contenidos UL LI#presentacion DIV.pageContent DIV#pres_mas_info DIV { left: 0px; float: left; top: 60px; width: 780px; position: absolute; } #pagina #contenidos UL LI#presentacion DIV.pageContent DIV#pres_mas_info DIV#pres_mas_presentacion { } #pagina #contenidos UL LI#presentacion DIV.pageContent DIV#pres_mas_info DIV#pres_mas_presentacion IMG { float: right; margin: 40px -20px 10px 20px; } #pagina #contenidos UL LI#presentacion DIV.pageContent DIV#pres_mas_info DIV#pres_mas_presentacion P { margin-top: 30px; margin-left: 30px; } #pagina #contenidos UL LI#presentacion DIV.pageContent DIV#pres_mas_info DIV#pres_mas_presentacion H3 { display: block; height: 17px; width: 854px; position: absolute; left: -3px; top: 0px; text-indent: -10000em; } } #pagina #contenidos UL LI#presentacion DIV.pageContent DIV#pres_mas_info DIV#pres_mas_equipo { display: none;} #pagina #contenidos UL LI#noticias { float: left; } #pagina #contenidos UL LI#noticias H1 { width: 11px; height: 483px; background: #cf6b39; border-left: 1px dashed white; } #pagina #contenidos UL LI#noticias H1 A { display: none; } #pagina #contenidos UL LI#instalaciones { safari_width: 30px; height: 483px; background: #656667; } #pagina #contenidos UL LI#instalaciones H1 { height: 483px; background: #e09531; border-left: 1px dashed white; } #pagina #contenidos UL LI#instalaciones H1 A { outline: 0px; margin: 239px 0px 0px 3px; display: block; width: 17px; height: 192px; float: left; } #pagina #contenidos UL LI#instalaciones DIV.pageContent { margin-left: 0px; padding-top: 59px !important; background: #656667 url(img/top_pagina.gif) top left repeat-x; } #pagina #contenidos UL LI#instalaciones DIV.pageContent H2 { width: 150px; background: #626157; float: left; text-indent: -10000em; } #pagina #contenidos UL LI#instalaciones DIV.pageContent UL { margin-bottom: 20px; width: 450px; height: 20px; } #pagina #contenidos UL LI#instalaciones DIV.pageContent UL LI { height: 20px; margin-right: 5px; padding-right: 10px; background: url(img/separador_menu.gif) 100% 2px no-repeat; } #pagina #contenidos UL LI#instalaciones DIV.pageContent UL LI.ultimo { background: none; } #pagina #contenidos UL LI#instalaciones DIV.pageContent UL LI A { color: white; font-size: 11px; font-style: italic; text-decoration: none; } #pagina #contenidos UL LI#instalaciones DIV.pageContent UL LI A:HOVER { color: #e09531; } #pagina #contenidos UL LI#instalaciones DIV.pageContent DIV#inst_intro { top: 100px; width: 820px; float: left; margin-left: 20px !important; margin-left: 10px; color: white; font-family: Verdana; font-size: 12px; line-height: 20px;} #pagina #contenidos UL LI#instalaciones DIV.pageContent DIV#inst_intro IMG { margin-left: 60px; margin-top: 0px !important; margin-top: 0px; } #pagina #contenidos UL LI#instalaciones DIV.pageContent DIV#inst_intro P { width: 280px; margin: 0px 10px 0px 0px; float: left; } #pagina #contenidos UL LI#instalaciones DIV.pageContent DIV#inst_intro P STRONG { font-weight: bold; font-size: 14px; } #pagina #contenidos UL LI#instalaciones DIV.pageContent DIV#inst_intro P IMG { margin-left: 0px; margin-right: 10px; } #pagina #contenidos UL LI#instalaciones DIV.pageContent DIV.instalacion { width: 790px; margin-left: 20px; top: 100px; position: absolute; float: left; } #pagina #contenidos UL LI#instalaciones DIV.pageContent DIV.instalacion h3 { font-family: Verdana; font-weight: bold; font-style: italic; font-size: 14px; color: white; background: url(img/flecha_mas_blanca.gif) 0px 4px no-repeat; padding-left: 20px; } #pagina #contenidos UL LI#instalaciones DIV.pageContent DIV.instalacion IMG { float: right; margin: -10px 0px 0px 20px; } #pagina #contenidos UL LI#instalaciones DIV.pageContent DIV.instalacion P { width: 500px; font-size: 12px; line-height: 20px; font-family: Verdana; margin: 20px 10px 0px 0px; color: white; } #pagina #contenidos UL LI#instalaciones DIV.pageContent DIV.instalacion DIV.mapa { height: 15px; padding-top: 2px; width: 411px; padding-left: 12px; background: #868687 url(img/bullet_blanco.gif) 0px 4px no-repeat; margin-top: 20px; } #pagina #contenidos UL LI#instalaciones DIV.pageContent DIV.instalacion DIV.mapa A { font-size: 10px; color: white; font-family: Verdana; text-decoration: none; } #pagina #contenidos UL LI#instalaciones DIV.pageContent DIV.instalacion DIV.mapa A.mapa { margin: 6px 0px 0px 0px; margin-left: -12px; display: none;} #pagina #contenidos UL LI#instalaciones DIV.pageContent DIV.instalacion DIV.mapa A.mapa IMG { float: left; padding: 0px; margin:0px; } #pagina #contenidos UL LI#nuestro_trabajo {safari_width: 30px; height: 483px; background: #656667; border-right: 1px dashed #b0b0b1;} #pagina #contenidos UL LI#nuestro_trabajo H1 { height: 483px; background: #905a13; border-left: 1px dashed white; border-right: 1px dashed white; } #pagina #contenidos UL LI#nuestro_trabajo H1.activo { border-right: none; } #pagina #contenidos UL LI#nuestro_trabajo H1 A { outline: 0px; margin: 32px 0px 0px 3px; width: 18px; height: 145px; float: left;} #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent { margin-left: 0px; padding-top: 59px !important; background: #656667 url(img/top_pagina.gif) top left repeat-x; } #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent H2 { width: 170px; background: #626157; float: left; text-indent: -10000em; } #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent UL { margin-bottom: 20px; width: 350px; height: 20px; } #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent UL LI { height: 20px; margin-right: 5px; padding-right: 10px; background: url(img/separador_menu.gif) 100% 2px no-repeat; } #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent UL LI.ultimo { background: none; } #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent UL LI A { color: white; font-size: 11px; font-style: italic; text-decoration: none; } #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent UL LI A:HOVER { color: #e09531; } #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent DIV { margin: 0px 20px 0px 20px; } #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent DIV h3 { font-family: Verdana; font-weight: bold; font-style: italic; font-size: 14px; color: white; background: url(img/flecha_mas_blanca.gif) 0px 4px no-repeat; padding-left: 20px; } #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent DIV#nues_servicios IMG { float: right; margin: 20px 20px 0px 20px; } #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent DIV P { font-size: 12px; line-height: 20px; font-family: Verdana; margin: 20px 10px 0px 0px; color: white; } #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent DIV UL { height: auto; margin-top: 20px; padding-left: 0px; width: 400px; } #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent DIV UL LI { height: auto; float: none; background: none; color: white; font-size: 12px; } #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent DIV UL LI UL { margin: 0px 0px 0px 20px; width: 440px;} #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent DIV UL.dos_columnas { width: 800px; } #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent DIV UL.dos_columnas LI { float: left; width: 350px; } DIV.aguja { background: url(img/aguja_menu.gif) 0px 0px no-repeat; width: 4px; height: 8px; position: absolute; top: 64px; left: 99px; } DIV#aguja_presentacion { background: url(img/marcador_contenido.gif) 0px 44px repeat-y; width: 8px; height: 483px; position: absolute; top: 0px; left: 81px; } DIV#aguja_nuestro { background: url(img/aguja_nuestra.gif) 0px 0px no-repeat; left: 134px; } DIV#aguja_insta { left: 104px; } #pie { position: absolute; top: 557px; width: 100%; height: 40px; background: #bfbfbf; } #pie H2 { display: none; } #pie UL { float: right; margin: 7px 5px 0px 0px; } #pie UL LI { float: left; padding-right: 6px; background: url(img/separador_pie.gif) top right no-repeat; } #pie UL LI.ultimo { background: none; } #pie UL LI A { display: block; text-indent: -10000em; height: 13px; } #pag_aviso_legal { background: #656667 url(img/logo.png) 157px -82px no-repeat; overflow: hidden; height: 484px; width: 1000px; position: relative; margin-top: -540px; margin-left: auto; margin-right: auto;} #pag_aviso_legal .contenido { padding-top: 60px; border-left: 1px dashed #b0b0b1; border-right: 1px dashed #b0b0b1; margin-left: 80px; width: 853px; background: url(img/mapaweb.gif) 0px 0px no-repeat; } #pag_aviso_legal h3 { margin: 0px 0px 10px 4px; font-family: Verdana; font-weight: bold; font-style: italic; font-size: 14px; color: white; background: url(img/fdlecha_mas_blanca.gif) 0px 4px no-repeat; padding-left: 0px; } #pag_aviso_legal P { font-size: 10px; line-height: 13px; font-family: Verdana; margin: 0px 10px 0px 20px; color: white; } #pag_aviso_legal P A { color: white; } #pag_aviso_legal P STRONG { font-weight: bold; } #pag_mapa_web { background: #656667 url(img/logo.png) 157px -82px no-repeat; overflow: hidden; height: 484px; width: 1000px; position: relative; margin-top: -485px; margin-left: auto; margin-right: auto;} #pag_mapa_web .contenido { padding-top: 60px; border-left: 1px dashed #b0b0b1; border-right: 1px dashed #b0b0b1; margin-left: 80px; width: 853px; height: 422px; background: url(img/mapaweb.gif) 0px 0px no-repeat; } #pag_mapa_web .contenido H3 { width: 846px; height: 17px; display: block; text-indent: -100000em; margin-left: 5px; } #pag_mapa_web .contenido DIV.mapaweb { height: 20px; width: 508px; margin: 50px 0px 0px 146px; padding: 14px 0px 14px; } #pag_mapa_web .contenido DIV.mapaweb A#inicio { height: 20px; text-decoration: none; color: white; font-size: 15px; background: #909194; border: 1px dashed #b0b0b0; padding: 0px 238px 0px 236px; } #pag_mapa_web .contenido UL { margin-top: 5px; margin-left: 146px;} #pag_mapa_web .contenido UL LI { border: 1px dashed #b0b0b1; border-right: 0px; text-align: center; padding: 10px 0px 10px 0px; font-size: 14px; float: left; width: 170px; } #pag_mapa_web .contenido UL LI.multi { padding-bottom: 0px; border-bottom: 1px dashed #b0b0b1; } #pag_mapa_web .contenido UL LI.ultimo { border-right: 1px dashed #b0b0b1; } #pag_mapa_web .contenido UL LI A { color: #f29b24; text-decoration: none; } #pag_mapa_web .contenido UL LI UL { margin: 0px; margin-top: 10px; } #pag_mapa_web .contenido UL LI UL LI { float: none; border-right: 0px; border-bottom: 0px; border-left: 0px; } #pag_mapa_web .contenido UL LI UL LI A { color: white; } #pag_mapa_web .contenido UL LI#mp_nuestro UL LI{ border-left: 0px; padding-top: 20px; height: 29px; } /* castellano */ BODY.es #pie UL LI#aviso_legal A { background: url(img/es/txt_aviso_legal.gif) top left no-repeat; width: 56px; } BODY.es #pie UL LI#mapa_web A { background: url(img/es/txt_mapa_web.gif) top left no-repeat; width: 43px; } BODY.es #pie UL LI#contactar A { margin-left: 2px; background: url(img/es/txt_contactar.gif) top left no-repeat; width: 47px; } BODY.es #pagina #contenidos UL LI#presentacion H1 A { } BODY.es #pagina #contenidos UL LI#instalaciones H1 A { } BODY.es #pagina #contenidos UL LI#nuestro_trabajo H1 A { background: url() top left no-repeat; } BODY.es #pagina #contenidos UL LI#presentacion DIV.pageContent DIV#pres_mas_info DIV#pres_mas_presentacion H3 { background: url(img/es/txt_presentacion.gif) top right no-repeat; height: 17px; } BODY.es #pagina #contenidos UL LI#instalaciones DIV.pageContent H2 { background: url(img/es/txt_instalaciones.gif) top right no-repeat; height: 17px; } BODY.es #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent H2 { background: url(img/es/txt_nuestro_trabajo.gif) top right no-repeat; height: 17px; } BODY.es #pag_mapa_web .contenido h3 { background: url(img/es/txt_mapa_web_in.gif) 0px 0px no-repeat;} /* english */ BODY.en #pie UL LI#aviso_legal A { background: url(img/en/txt_aviso_legal.gif) top left no-repeat; width: 56px; } BODY.en #pie UL LI#mapa_web A { background: url(img/en/txt_mapa_web.gif) top left no-repeat; width: 43px; } BODY.en #pie UL LI#contactar A { margin-left: 2px; background: url(img/en/txt_contactar.gif) top left no-repeat; width: 47px; } BODY.en #pagina #contenidos UL LI#presentacion H1 A { } BODY.en #pagina #contenidos UL LI#instalaciones H1 A { } BODY.en #pagina #contenidos UL LI#nuestro_trabajo H1 A { background: url() top left no-repeat; } BODY.en #pagina #contenidos UL LI#presentacion DIV.pageContent DIV#pres_mas_info DIV#pres_mas_presentacion H3 { background: url(img/en/txt_presentacion.gif) top right no-repeat; height: 17px; } BODY.en #pagina #contenidos UL LI#instalaciones DIV.pageContent H2 { background: url(img/en/txt_instalaciones.gif) top right no-repeat; height: 17px; } BODY.en #pagina #contenidos UL LI#nuestro_trabajo DIV.pageContent H2 { background: url(img/en/txt_nuestro_trabajo.gif) top right no-repeat; height: 17px; } BODY.en #pag_mapa_web .contenido h3 { background: url(img/en/txt_mapa_web_in.gif) 0px 0px no-repeat;} /* más estilos */ BODY #pagina #contenidos UL LI#presentacion H1.off A { background: none; } A.activo { color: #e09531 !important; } .tool-tip { color: #fff; font-size: 11px; background: #656667; padding: 4px; } .tool-title { font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; padding: 8px 8px 4px; background: #656667; } #pagina #contenidos ul li#nuestro_trabajo div.pageContent #nues_trabajos { width: 830px; padding-left: 0px; } #pagina #contenidos ul li#nuestro_trabajo div.pageContent #peliculas { clear: left; float: left; margin-left: 0px !important;} #pagina #contenidos ul li#nuestro_trabajo div.pageContent #peliculas H4 { color:#fff;font-weight:bold;margin:15px 0px 0px 0px !important;font-size:14px;} #pagina #contenidos ul li#nuestro_trabajo div.pageContent #peliculas UL { width: 250px; margin: 5px 0px 0px 0px !important;} #pagina #contenidos ul li#nuestro_trabajo div.pageContent #peliculas UL LI{ width: 250px;} #pagina #contenidos ul li#nuestro_trabajo div.pageContent #series {float: left; width: 250px !important; } #pagina #contenidos ul li#nuestro_trabajo div.pageContent #series H4 {color:#fff;font-weight:bold;margin:15px 0px 0px 0px !important;font-size:14px;} #pagina #contenidos ul li#nuestro_trabajo div.pageContent #series UL { width: 250px; margin:5px 0px 0px 0px !important;} #pagina #contenidos ul li#nuestro_trabajo div.pageContent #series UL LI { width:250px;}