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,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;} strong {font-style:normal;font-weight:bold;} html,body { width: 100%; height: 100%; } body { font-family: Georgia;} a { outline: 0;} #player { position: absolute; top: 0px; left: 0px;} #makingoff #player { position: relative;} #navigator, #transparent { background: #000; width: 199px;height:100%;position:absolute;top:0px;left: 35px; } #indexContent { display: none; } #navigator { z-index:100; background: #000; } #transparent { background: #000; z-index: 50; left: 234px; } #navigator h1 a { background: url(img/naulover.gif) 0px 0px no-repeat; width: 139px; height: 19px; position: absolute; left: 28px; bottom: 37px; text-indent: -10000em; } #navigator h2 a { display: none; position: absolute; top: 20px; left: 20px; width: 130px; height: 140px; text-indent: -10000em; } /* menu*/ body#fragancia ul#main-menu li#menu-fragancia a { color: #f5a000; } body#fragancia ul#main-menu li#menu-fragancia ul li a { color: #413e3d; } body#empresa ul#main-menu li#menu-empresa a { color: #f5a000; } body#empresa ul#main-menu li#menu-empresa ul li a { color: #413e3d; } body#actualidad ul#main-menu li#menu-actualidad a { color: #f5a000; } body#actualidad ul#main-menu li#menu-actualidad ul li a { color: #413e3d; } body#coleccion ul#main-menu li#menu-coleccion a { color: #f5a000; } body#coleccion ul#main-menu li#menu-coleccion ul li a { color: #413e3d; } body#prensa ul#main-menu li#menu-prensa a { color: #f5a000; } body#prensa ul#main-menu li#menu-prensa ul li a { color: #413e3d; } body#tools ul#main-menu li#menu-tools a { color: #f5a000; } ul#main-menu { height: 0px; overflow: hidden;;} #navigator #main-menu { position: absolute; bottom:91px; left:34px; } #navigator #main-menu li { margin-bottom: 13px;} #navigator #main-menu li a { color: #797878; font-size: 13px; letter-spacing: 2px; text-decoration: none; outline: 0;} #navigator #main-menu li ul li { padding-left: 13px; } #navigator #main-menu li ul li a { color: #f5a000 !important; font-size: 10px; outline: 0;} .ie #navigator #main-menu li ul li a { letter-spacing: 1px;} #navigator #main-menu li ul li.activo { background: url(img/lista_activa.gif) no-repeat; background-position: 6px 9px; } #navigator #main-menu li ul li.activo a { color: white !important; } #navigator #main-menu li ul li { margin-bottom: 0px; width: 152px; } #pageContent { z-index: 120; position: absolute; left: 234px; top: 0px; height: 100%; width: 390px; width: 0px; overflow: hidden; color: white;} #pageContent div.content { padding: 57px 20px 0px 40px; } #pageContent div#representantes.content { padding: 98px 20px 0px 40px; } #pageContent div#content_sit_graf.content { padding: 90px 20px 0px 18px; } #pageContent div#coleccions.content { padding: 0px 20px 0px 0px; } #pageContent div#fondos.content { padding: 96px 20px 0px 18px; } #pageContent div#makingoff.content { padding: 96px 20px 0px 50px; } #pageContent div#fotos_silueteadas.content { padding: 55px 20px 0px 37px; } body#fragancia .content { padding: 57px 20px 0px 20px; } .ie6 body#fragancia .content { padding-left: 20px; } body#fragancia div#lista { width: 370px; } body#coleccion #pageContent { left: 230px;} body#coleccion #pageContent.pageFondos { left: 234px;} body#prensa #pageContent div#noticies.content { padding: 55px 20px 0 41px;} #pageContent div.content h2 { width: 309px; text-align: center; color: #f5a000; font-size: 22px; font-weight: normal; letter-spacing: 1px; padding-bottom: 20px; } #pageContent div.content h2.prensa { text-align: left; font-size: 18px;} #pageContent div.content img { margin-bottom: 30px; } #pageContent div.content img.historia { margin-bottom: 20px; } #pageContent div.content div.texto { color: #fdfbfa; font-size: 11px; letter-spacing: 1px; width: 305px; line-height: 21px;} #pageContent div.content div.texto p { width: 305px; margin-bottom: 17px; } #pageContent div.content div.texto span.entradilla { text-transform: uppercase; display: block; } #pageContent div.content a { color: #f5a000; font-size: 11px; font-weight: bold; text-decoration: none; } body#fragancia #pageContent div.content h2 { text-align: left; margin-left: 20px;} body#fragancia div.texto { margin-left: 20px;} body#fragancia div#carrusel { margin-left: 20px; display: block; height: 194px; overflow: hidden; width: 305px; padding: 0px 0px 20px 0px;} body#fragancia div#carrusel ul { width: 2000px;} body#fragancia div#carrusel ul li { clear: none;} body#fragancia div#botones { margin-top: -120px; width: 345px; float: left; position: relative; } body#fragancia div#botones a { float: left; width: 10px; height: 10px; text-indent: -100000em; } body#fragancia div#botones a#anterior { background: url(img/gallery_left.gif) 0px 0px no-repeat;} body#fragancia div#botones a#siguiente { float: right; background: url(img/gallery_right.gif) 0px 0px no-repeat;} #pageContent div.content ul#showList { width: 540px; margin-bottom: 30px; float: left;} #pageContent div.content ul#showList li { float: left; width: 33%; } #pageContent div.content ul#showList li.last { text-align: right; } #pageContent div.content ul#showList li.middle { text-align: center; } #pageContent div.content ul#showList li a { color: #f5a000; font-weight: normal; } #pageContent div.content ul#showList li.activo a { color: white; } #pageContent div.content div.texto div#mapa { position: absolute; left: 15px; top: 129px; width: 544px; height: 348px;} #pageContent div.content div.texto div#text { padding-top: 370px; float: left;} #pageContent div.content div.texto div#text p { width: 541px; } #pageContent div#noticies.content { padding: 98px 20px 0px 41px;} #pageContent div#noticies.content div.texto { width: 544px; overflow: hidden;} #pageContent div#filtro { width: 400px; } #pageContent div#filtro select { background: black; color: white; font-size: 10px; font-family: Georgia; border: 1px solid #9b6832; position:relative; z-index: 5; float: left; width: 143px; margin-right: 20px;} #pageContent div#filtro a { float: left; font-size: 10px;} #pageContent div#filtro #selectDiv { z-index: 3; border: 1px solid #9b6832; width: 141px; background: black; height: 14px; position: absolute; left:38px; background: url(img/select.gif) 100% 0px no-repeat; color: white; padding: 0px 0px 2px 4px; margin: 0px; font-size: 10px; line-height: 16px;} #pageContent div#filtro #selectDivTema { z-index: 3; overflow: hidden; border: 1px solid #9b6832; width: 141px; background: black; height: 14px; position: absolute; left:200px; background: url(img/select.gif) 100% 0px no-repeat; color: white; padding: 0px 0px 2px 4px; margin: 0px; font-size: 10px; line-height: 16px;} #actualidad #selectDivTema, #actualidad #selectDiv { top:97px; } #prensa #selectDivTema, #prensa #selectDiv { top: 55px; } #pageContent div#lista { float: left; clear: left; overflow: hidden; position: relative; margin-top: 40px; width: 350px; } #pageContent div#listaFicha { float: left; clear: left; overflow: hidden; position: relative; margin-top: -6px; width: 544px; } body#prensa #pageContent div#listaFicha { padding-top: 0px;} #pageContent div#lista ul { float: left; clear: both; overflow: hidden; } #pageContent div#lista ul li { float: left; clear: both; padding-bottom: 30px; padding-right: 10px; width: 303px; } #pageContent div#noticies div#lista { width: 544px; } #pageContent div#imagen_corporativa div#lista { width: 544px; } #pageContent div#clipping div#lista { width: 544px; } #pageContent div#modelo div#lista { width: 372px; } #pageContent div#noticies div#lista ul li { width: 515px; } #pageContent div#lista ul li h3 { display: block; color: #f5a000; font-size: 18px; padding-bottom: 10px; padding-right: 10px; font-family: Georgia; } #pageContent div#lista ul li img { float: left; margin: 0px 15px 0px 0px;} #pageContent div#lista ul li a img { float: none; margin-left: 0px; border: 0px;} #pageContent div#modelo { padding: 39px 20px 0px 18px;} #pageContent div#modelo div.texto { width: 372px; display: block; } #pageContent div#modelo div.texto ul { width: 372px;} #pageContent div#modelo div.texto div#lista ul li h3 { font-size: 22px; margin-left: 23px;} #pageContent div#modelo div.texto div#carrusel { margin-left: 23px; display: block; height: 194px; overflow: hidden; width: 305px; padding: 0px 0px 0px 0px;} #pageContent div#modelo div.texto div#carrusel ul { width: 2000px;} #pageContent div#modelo div.texto div#texto { float: left; width: 300px; padding: 0px 47px 0px 0px; margin: 20px 0px 0px 25px; position: relative;} .ie6 #pageContent div#modelo div.texto div#texto { margin-left: 10px; } #pageContent div#modelo div#lista ul li { padding-bottom: 0px; clear: none !important;} #pageContent div#modelo div#botones { width: 350px; float: left; position: relative;} #pageContent div#modelo div#botones a { float: left;margin-top: -104px; width: 10px; height: 10px; text-indent: -100000em; } #pageContent div#modelo div#botones a#anterior { background: url(img/gallery_left.gif) 0px 0px no-repeat;} #pageContent div#modelo div#botones a#siguiente { float: right; background: url(img/gallery_right.gif) 0px 0px no-repeat;} div#imagen { width: 317px; position: static; } div#modelo div#ampliar { top: -202px; right: 14px; } .ie6 div#ampliar { right: -1px; } a#ampliar { width: 18px; height: 18px; background: url(img/ampliar_imagen.gif) 0px 0px no-repeat; z-index: 9999; text-indent: -10000em; float: right; margin-right: 30px; margin-bottom:-10px; } #pageContent div#ficha { padding-left: 0px; padding-right: 20px;} #pageContent div#ficha h3 { font-family: Georgia; color: #F5A000; font-size: 22px; margin: 30px 0px 10px 0px; } #pageContent div#ficha .fotos { display: block;} #pageContent div#ficha .fotos img { margin-right: 18px;} #pageContent div#ficha a.volver { } #pageContent div#ficha div.contenido { font-size: 11px; line-height: 23px; font-size:11px; letter-spacing:1px; padding-right: 72px;} #pageContent div#ficha div.contenido em { font-style: italic;} #pageContent div#ficha div.contenido span.intro { } #pageContent div#ficha div.herramientas { display: block; margin-top: 40px;} #pageContent div#ficha div.herramientas a { float: left; color: #F5A000; font-size: 11px; padding-left: 20px; margin-right: 40px; font-weight: normal; height: 20px;} #pageContent div#ficha div.herramientas a.descargar { background: url(img/download.gif) 0px 0px no-repeat;} #pageContent div#ficha div.herramientas a.enviaramigo { background: url(img/enviaramigo.gif) 0px 0px no-repeat;} #video {position:absolute;top:0px;left:0px;z-index:0;} #video img { position: absolute;} #video newImg { position: absolute; z-index: 10;} #pageContent div#coleccions div#vertical ul { : -40px; z-index: 999; } #pageContent div#coleccions div#vertical ul li { margin: 0px; padding: 0px; height: 43px; width: 50px; padding-left: 4px; } .ie #pageContent div#coleccions div#vertical ul li { margin-bottom: -3px;} #pageContent div#coleccions div#vertical ul li a { margin: 0px; padding: 0px; } #pageContent div#coleccions div#vertical ul li a img { margin: 0px; padding: 0px; } a#mes_info { background: url(img/mes_info.png) 0px 0px no-repeat; width: 37px; height: 37px; position: absolute; bottom: 30px; right: 20px; text-indent: -1000em;} #txt_mes_info { display: none; position: absolute; z-index: 99; bottom: 30px; right: 16px; padding: 10px 0px 0px 10px;} #txt_mes_info a#close { z-index: 120; background: url(img/close.png) 0px 0px no-repeat; width: 30px; height: 30px; position: absolute; top: 0px; left: 0px; cursor: pointer;} #txt_mes_info #info_box { height: 90px; padding: 10px 10px 0px 10px; border: 1px solid #F5A000; float: left; background: black;} #txt_mes_info #info_box p { color: #8b8887; font-size: 10px; line-height: 20px;} #txt_mes_info #info_box p strong { color: #F5A000; } #txt_mes_info #tienda { width: 111px; height: 100px; border: 1px solid #F5A000; float: left; background: black; font-size: 10px; margin-left: 7px; } #txt_mes_info #tienda a { color: #fdfdfc; margin: 44px 0px 0px 22px; float: left; text-decoration: none; } #pageContent div#fondos #lista { width: 567px; margin-top: 0px; padding-left: 0px; margin-left: 0px; } #pageContent div#fondos #lista ul { margin-left: 30px; width: 519px; float: left; clear: both; } .ie6 #pageContent div#fondos #lista ul { margin-left: 10px; width: 530px;} #pageContent div#fondos #lista ul li { clear: none; float: left; margin-right: 17px; width: 240px; width: 232px;} #pageContent div#fondos #lista ul li img { padding: 2px; } #pageContent div#fondos #lista ul li.seleccionado img { padding: 0px; border: 2px solid white; } #pageContent div#fondos #herramientas { padding: 20px 20px 0px 0px; width: 500px; float: left; } .ie #pageContent div#fondos #herramientas { margin-top: -90px;} #pageContent div#fondos #herramientas a { color: #8b8887; float: right; font-weight: normal; padding-left: 20px; height: 20px; margin-right: 20px;} #pageContent div#fondos #herramientas a.descargar { background: url(img/download.gif) 0px 0px no-repeat; } #pageContent div#fondos #herramientas a.enviaramigo { background: url(img/enviaramigo.gif) 0px 0px no-repeat;} #pageContent div#fondos #lista.mapaweb { width: 690px; } #pageContent div#fondos #lista.mapaweb ul { width: 690px; } #pageContent #datos_makingoff { margin-top: 0px; float: left; clear: both; } #pageContent #makingoff div#lista h2 { text-align: left; width: auto;} #pageContent #makingoff #lista { width: 535px; } #pageContent #makingoff #lista ul li { width: 520px; padding: 0px 10px 19px 0px !important; font-size: 11px; font-weight: normal; letter-spacing: 1px;} #pageContent #makingoff #lista ul li ul { width: 520px;} #pageContent #makingoff #lista ul li ul li { width: 250px; float: left; clear: none !important; padding: 0px 10px 19px 0px !important; font-size: 11px; font-weight: normal; letter-spacing: 1px;} #pageContent #datos_makingoff ul li h3 { color: #fdfbfa; font-size: 13px; font-weight: bold; } #pageContent #datos_makingoff ul li ul { margin-top: 20px; width: 500px;} #pageContent #datos_makingoff ul li ul li { float: left; width: 220px; } #pageContent div#lista div#datos_makingoff ul li ul li { width: 220px;} .ie #pageContent #datos_makingoff ul li ul li { width: 230px;} #pageContent #datos_makingoff ul li div { display: block; float: left; clear: both; font-size: 11px; font-weight: normal; letter-spacing: 1px; line-height: 22px; } #pageContent #makingoff #submenu { float: left; clear: both; width: 530px;} #pageContent #makingoff #submenu ul { width: 520px; margin-top: 5px; margin-bottom: 20px;} #pageContent #makingoff #submenu ul li { width: 230px; padding-right: 10px; padding-bottom: 10px !important; float: left; clear: none; } #pageContent div.content div#avisolegal h2 { text-align: left; } #pageContent div.content div#avisolegal h3 { font-size: 15px; font-weight: bold; margin-bottom: 10px; letter-spacing: 1px; } #pageContent div.content div#avisolegal p { font-size: 11px; font-weight: normal; letter-spacing: 1px; margin-bottom: 20px; line-height: 22px; padding-right: 18px; } #pageContent div.content div#mapaweb { padding-left: 25px;} #pageContent div.content div#mapaweb h2 { text-align: left; } #pageContent div.content div#mapaweb ul { margin: 0 !important; padding: 0 !important;} #pageContent div.content div#mapaweb ul li { margin: 0px 0px 10px 0px !important; padding: 0px 0px 10px 0px !important; width: 662px !important; float: left; clear: both; border-bottom: 1px solid #9b6832;} #pageContent div.content div#mapaweb ul li.header a { color: #fdfbfa; font-size: 15px; font-weight: bold;} #pageContent div.content div#mapaweb ul li a { color: #fdfbfa; font-size: 11px; font-weight: normal; letter-spacing: 1px; margin-right: 10px; float: left;} .ie #pageContent div.content div#mapaweb ul li a { letter-spacing: 0px; } .gecko.win #pageContent div.content div#mapaweb ul li a { font-size: 10.5px; letter-spacing: 0px;} #pageContent div.content div#mapaweb ul li a.doble { width: 90px; background: url(img/separador_doble.gif) 100% 0px no-repeat; margin-right: 25px;} #pageContent div.content div#mapaweb ul li a.simple { background: url(img/separador_simple.gif) 100% 3px no-repeat; padding-right: 14px;} #pageContent div#fotos_silueteadas div.texto { margin-left: -10px; height: 585px; width: 510px; padding-left: 14px; } #pageContent div#fotos_silueteadas #preview { width: 493px; height: 460px; background: white; text-align: center; } #pageContent div#fotos_silueteadas #preview #imagen { text-align: center; width: 493px; height: 460px; position:relative; } #pageContent div#fotos_silueteadas #preview #imagen img { position: absolute; top: 0px; left: 0px;} #pageContent div#fotos_silueteadas #preview #links { position: absolute; float: left; margin-top: -40px; margin-left: 47px; left: 0px;} #pageContent div#fotos_silueteadas #preview #links a { margin-right: 10px; color: #8b8887; font-size: 10px; background: url(img/download.gif) 0px 0px no-repeat; padding: 0px 0px 3px 20px; ; } #pageContent div#fotos_silueteadas #preview #links a.alta { margin-left: 40px; } #pageContent div#fotos_silueteadas #carrusel { float: left; width: 493px; overflow: hidden; clear: both; margin-top: 2px;} #pageContent div#fotos_silueteadas #carrusel ul { width: 20000px; } #pageContent div#fotos_silueteadas #carrusel ul li { float: left; margin-right: 3px;} #pageContent div#fotos_silueteadas #carrusel ul li img { width: 121px; } #pageContent div#fotos_silueteadas a#anterior { position: absolute; left: 19px; top: 570px; width: 10px; height: 10px; text-indent: -100000em; background: url(img/gallery_left.gif) 0px 0px no-repeat;} #pageContent div#fotos_silueteadas a#siguiente { position: absolute; right: 28px; top: 570px; width: 10px; height: 10px; text-indent: -100000em; background: url(img/gallery_right.gif) 0px 0px no-repeat;} #pageContent div#fotos_silueteadas #hiddenData { display: none; } #enviarAmigo { position: absolute; top: 0px; left: 0px; background: black; width: 100%; height: 100%;} #enviarAmigo form { padding: 100px 0px 0px 50px; } #enviarAmigo form legend { font-size: 15px; font-weight: bold; letter-spacing:1px; color: #F5A000; margin-bottom: 20px;} #enviarAmigo form p { float: left; clear: both; margin-bottom: 10px; width: 472px;} #enviarAmigo form p span.errors { float: right; font-size: 10px; color: #880000;} #enviarAmigo form label { float: left; width: 120px; font-size: 11px; color: #FCA000;} #enviarAmigo form input { padding: 3px 0px 1px 0px; font-weight: normal; float: left; width: 350px; background: black; font-size: 11px; color: #F5A000; border: 1px solid #F5A000;} #enviarAmigo form textarea { font-family: Georgia; font-weight: normal; float: left; width: 350px; height: 100px; background: black; font-size: 11px; color: #F5A000; border: 1px solid #F5A000;} #enviarAmigo form input#guardar { float: right; width: auto; padding: 1px 0px 1px 0px; color: white; cursor: pointer;} #enviarAmigo form button#cerrar { float: right; width: auto; padding: 1px 0px 1px 0px; color: white; background: black; font-size: 11px; color: #F5A000; border: 1px solid #F5A000; cursor: pointer;} .formulario form { padding-bottom: 20px;} .formulario form legend { font-size: 15px; font-weight: bold; letter-spacing:1px; color: #F5A000; margin-bottom: 20px;} .formulario form p { float: left; clear: both; margin-bottom: 10px; width: 340px;} .formulario form p span.errors { float: left; padding-top: 3px; font-size: 10px; color: #880000;} .formulario form label { display: block; width: 120px; font-size: 11px; color: #FCA000;} .formulario form input { padding: 3px 0px 1px 0px; font-weight: normal; display: block; width: 310px; background: black; font-size: 11px; color: #F5A000; border: 1px solid #F5A000;} .formulario form textarea { font-family: Georgia; font-weight: normal; display: block; width: 310px; height: 100px; background: black; font-size: 11px; color: #F5A000; border: 1px solid #F5A000;} .formulario form input#btnEnviar { float: left; clear: both; margin-left: 272px; width: auto; padding: 1px 0px 1px 0px; color: white; cursor: pointer;} #pageContent div#imagen_corporativa div.texto { width: 545px; } #pageContent div#imagen_corporativa h3 { font-size: 18px; letter-spacing: 1px; margin-bottom: 10px; } #pageContent div#imagen_corporativa ul li { width: 530px; margin-bottom: 20px; } #pageContent div#imagen_corporativa ul li div.fotos { width: 357px; float: left;} #pageContent div#imagen_corporativa ul li div.fotos img { float: left; margin-right: 20px;} #pageContent div#imagen_corporativa ul li div.herramientas { float: left; width: 160px; padding-top: 114px;} #pageContent div#imagen_corporativa ul li div.herramientas a { color: #8b8887; float: left; font-weight: normal; padding-left: 20px; height: 20px; margin-right: 20px; font-size: 10px;} #pageContent div#imagen_corporativa ul li div.herramientas a.descargar { background: url(img/download.gif) 0px 5px no-repeat; margin-bottom: 4px; } #pageContent div#imagen_corporativa ul li div.herramientas a.enviaramigo { background: url(img/enviaramigo.gif) 0px 5px no-repeat;} #pageContent div#clipping { padding-top: 60px;} #pageContent div#clipping div.texto { width: 545px; } #pageContent div#clipping h3 { font-size: 18px; letter-spacing: 1px; padding-bottom: 0px !important; } #pageContent div#clipping h4 { font-size: 14px; font-weight: normal; letter-spacing: 1px; margin-bottom: 10px; color: #f5a000 ; } #pageContent div#clipping ul { width: 520px;} #pageContent div#clipping ul li { width: 188px; float: left; clear: none; margin: 0px 104px 72px 0px; } .ie6 #pageContent div#clipping ul li { margin: 0px 40px 72px 0px; } #pageContent div#clipping ul li.col2 { margin-right: 0px;} #pageContent div#clipping ul li img { float: left; clear: both;} #pageContent div#clipping ul li div.herramientas { float: left; clear: both; padding-top: 4px; width: 188px;} #pageContent div#clipping ul li div.herramientas a { color: #8b8887; float: left; font-weight: normal; padding-left: 20px; height: 20px; margin-right: 20px; font-size: 10px; width: 188px;} #pageContent div#clipping ul li div.herramientas a.descargar { background: url(img/download.gif) 0px 5px no-repeat; margin-bottom: 4px; } #pageContent div#clipping ul li div.herramientas a.enviaramigo { background: url(img/enviaramigo.gif) 0px 5px no-repeat;} #pageContent div#representantes #filtro select#slPais { width: 80px; } #pageContent div#representantes #filtro select#slZona { width: 180px; margin-right: 10px; } #pageContent div#representantes #filtro a { font-size: 10px; color: white; font-weight: normal; color: #F5A000; font-weight: bold;} #pageContent div#representantes #lista { position: relative;width: 350px } #pageContent div#representantes #lista ul li a { display: block; font-weight: normal;} #pageContent div#representantes #lista span.nombre { text-transform: uppercase; } /* scrollbars */ .scrollControlsY{ display:block; position: absolute; top:0; right:0; height:100%; width:10px;} .upBtn{ display:block; position:absolute; top:0; right:0; width:10px; height:12px; background: url(img/verticalArrowTop.gif) no-repeat top left; cursor:pointer;} .upBtn:hover{ background: url(img/verticalArrowTop.gif) no-repeat 0 0px;} .upBtn-Active, .upBtn-Active:hover{ background: url(img/verticalArrowTop.gif) no-repeat 0 -48px;} .downBtn{ display:block; position:absolute; bottom:0; right:0; width:10px; height:12px; background: url(img/verticalArrowBottom.gif) no-repeat 0px 0px; cursor:pointer;} .downBtn:hover{ background: url(img/verticalArrowBottom.gif) no-repeat 0 0px;} .downBtn-Active, .downBtn-Active:hover{ background: url(img/verticalArrowBottom.gif) no-repeat 0 0;} .scrollBar{ display:block; position: absolute; top:12px; right:0; bottom:12px; width:10px; background: url(img/verticalTrackMiddle.gif) repeat-y center top;} .scrollHandle{ display:block; position:absolute; top:0px; right:0; width:10px; height:35px; min-height:13px; cursor: pointer; padding:0px 0;} .scrollHandleBG{ display:block; position: relative; height:100%; width:10px; background: url(img/verticalKnobMiddle.png) repeat-y 0 0 ;} .scrollHandle .scrollHandleBG:hover, .scrollHandle:hover .scrollHandleBG{ background: url(img/verticalKnobMiddle.png) repeat-y 0px 0;} .scrollHandle-Active .scrollHandleBG:hover, .scrollHandle-Active:hover .scrollHandleBG, .scrollHandle-Active .scrollHandleBG{ background: url(img/verticalKnobMiddle.png) repeat-y 0px 0px;} .scrollHandleMiddle{ display:block; position: absolute; width:10px; height:13px; top:50%; margin:-5px 0 0 0;} .scrollHandleTop{ display:block; position:absolute; width:10px; height:0px; top:0; margin:0 0 0 0;} .scrollHandle .scrollHandleTop:hover, .scrollHandle:hover .scrollHandleTop{ background: url(scroll/scrollHandleTop.gif) no-repeat -24px 0;} .scrollHandle-Active .scrollHandleTop:hover, .scrollHandle-Active:hover .scrollHandleTop, .scrollHandle-Active .scrollHandleTop{ background: url(scroll/scrollHandleTop.gif) no-repeat -48px 0;} .scrollHandleBottom{ display:block; position:absolute; width:10px; height:0px; bottom:0; margin:0 0 0 0;} .scroll{ overflow:hidden; /* fixes has-layout-bug in IE6*/ zoom:1; } #lista.error404 { padding-top: 00px; } #lista.error404 h2 { text-align: left !important;} /* tool tips */ .custom_tip { z-index: 9999;} .custom_tip .tip { z-index: 999 !important; border: 1px solid #F5A000; padding: 5px !important; background: black !important; font-size: 10px !important; color: #F5A000 !important;} .custom_tip .tip-title { color: #F5A000 !important; background-color: black !important; font-size: 11px !important; padding: 5px !important; line-height: 18px;} .custom_tip .tip-text { color: #fff !important; padding: 5px !important; display: none !important; } /* google maps */ div#bocata span.titulo { color: #F5A000; font-size: 11px; font-family: Georgia; font-weight: bold; margin-bottom: -10px;} div#bocata span.direccion { color: #333; font-size: 10px; font-family: Georgia: ;}