*{font: 11px Arial, sans-serif; color: #58585a;} span.sombras{position: absolute; top: 0; left: -9px; z-index: -1; text-indent: -99999px; width: 186px; height: 100%; background: url(/imagenes/comunes/fnd-sombras.png) repeat-y;} #todo{position: relative; margin: 0 auto; width: 985px; background: #adb8be url(/imagenes/comunes/fnd-pagina.gif) repeat-x top;} #todo h1{position: absolute; top: 29px; left: 14px; z-index: 10;} #todo h1 a{display: block; width: 139px; height: 118px; text-indent: -99999px; background: url(/imagenes/comunes/fnd-grupo-motor-mallorca.jpg) no-repeat;} #todo h1 a.ford{background: url(/imagenes/comunes/fnd-grupo-motor-mallorca-ford.jpg) no-repeat;} #todo h1 a.mazda{background: url(/imagenes/comunes/fnd-grupo-motor-mallorca-mazda.jpg) no-repeat;} #todo h1 a.jaguar{background: url(/imagenes/comunes/fnd-grupo-motor-mallorca-jaguar.jpg) no-repeat;} #pagina{float: right; width: 817px;} p.mon {position: absolute; left: -9999px;} /*** Cabecera ***/ #cabecera{position: relative; /*padding-top: 154px; height: 53px; background: url(/imagenes/comunes/fnd-cmax.jpg) no-repeat;*/} #navUtil{position: absolute; top: 0; right: 0; width: 817px; height: 45px; background: url(/imagenes/comunes/fnd-navegador-utilidades.png) repeat-x;} #navUtil div{float: right;} #navUtil div a{float: left; height: 45px;} #navUtil div a:hover, #navUtil div a.fordON{background: url(/imagenes/comunes/fnd-navegador-utilidades-enlaces.png);} #navUtil div a.mazda:hover, #navUtil div a.mazdaON{background: url(/imagenes/comunes/fnd-navegador-utilidades-enlaces-mazda.png);} #navUtil div a.jaguar:hover, #navUtil div a.jaguarON{background: url(/imagenes/comunes/fnd-navegador-utilidades-enlaces-jaguar.png);} #navUtil div a.accesoProfesionales{padding: 0 15px;} #navUtil div a.ford, #navUtil div a.fordON, #navUtil div a.mazda, #navUtil div a.mazdaON, #navUtil div a.jaguar, #navUtil div a.jaguarON{width: 62px; border-left: 1px solid #dbdada;} #navUtil div a span{display: block; text-indent: -99999px; background: url(/imagenes/comunes/spt-navegador-utilidades.png) no-repeat;} #navUtil div a.accesoProfesionales span{margin-top: 17px; width: 113px; height: 11px;} #navUtil div a.ford span, #navUtil div a.fordON span{margin: 10px 0 0 10px; width: 40px; height: 26px; background-position: 0 -12px;} #navUtil div a.ford:hover span, #navUtil div a.fordON span{background-position: -41px -12px;} #navUtil div a.mazda span, #navUtil div a.mazdaON span{margin: 9px 0 0 18px; width: 25px; height: 26px; background-position: -82px -12px;} #navUtil div a.mazda:hover span, #navUtil div a.mazdaON span{background-position: -108px -12px;} #navUtil div a.jaguar span, #navUtil div a.jaguarON span{margin: 12px 0 0 12px; width: 40px; height: 22px; background-position: -134px -12px;} #navUtil div a.jaguar:hover span, #navUtil div a.jaguarON span{background-position: -175px -12px;} #navUtil div a.facebook span, #navUtil div a.facebook:hover{width: 96px; height: 45px; background: url(/imagenes/comunes/fb2.gif) no-repeat center;} /* html #navUtil div a.facebook span{width: 94px;}*/ #cmax{width: 817px; height: 154px; background: url(/imagenes/comunes/fnd-cmax2.jpg) no-repeat; text-indent: -9999px;} #cmax strong{display: block;} #menu{width: 817px; height: 53px; background: url(/imagenes/comunes/fnd-menu.gif) repeat-x;} #menu li{float: left; width: 136px; height: 53px;} #menu li a{display: block; margin-left: 1px; width: 135px; height: 53px; text-indent: -99999px; background: url(/imagenes/comunes/spt-menu.jpg) no-repeat;} #menu li a:hover, #menu li a.inicioON{background-position: 0 -54px;} #menu li a.vehiculoNuevo{background-position: -136px 0;} #menu li a.vehiculoNuevo:hover, #menu li a.vehiculoNuevoON, #menu li a.vehiculoNuevoON:hover{background-position: -136px -54px;} #menu li a.vehiculoOcasion{background-position: -272px 0;} #menu li a.vehiculoOcasion:hover, #menu li a.vehiculoOcasionON{background-position: -272px -54px !important;} #menu li a.taller{background-position: -408px 0;} #menu li a.taller:hover, #menu li a.tallerON{background-position: -408px -54px !important;} #menu li a.recambios{background-position: -544px 0;} #menu li a.recambios:hover, #menu li a.recambiosON{background-position: -544px -54px !important;} #menu li a.contacto{background-position: -680px 0;} #menu li a.contacto:hover, #menu li a.contactoON{background-position: -680px -54px !important;} #menu li ul{display: none; position: relative; z-index: 5;} #menu li ul li{height: 45px;} #menu li ul li a{margin-top: 1px; height: 44px; background: url(/imagenes/comunes/spt-menu.png) no-repeat;} #menu li ul li a.ford:hover{background-position: -136px 0;} #menu li ul li a.mazda{background-position: -272px 0;} #menu li ul li a.mazda:hover{background-position: -408px 0;} #menu li ul li a.jaguar{background-position: -544px 0;} #menu li ul li a.jaguar:hover{background-position: -680px 0;} /*** Contenido ***/ #contenido{position: relative; padding-top: 35px; background: #fff;} /* mrgin puesto cuando se quitan las migas*/ #contenido a.pastilla, #contenido button.pastilla{display: block; height: 23px; text-indent: -99999px; background: url(/imagenes/comunes/spt-pastillas.gif) no-repeat;} #contenido button.pastilla{cursor: pointer; border: 0;} /*** Migas ***/ #migas, #migas a{color: #b1b3b4;} #migas strong{color: #7c7c7e;} #migas{display: none;padding: 10px 22px;} /*** Focus Web ***/ .focusForm{background: #ddd !important;} /*** Submenu ***/ #submenu{position: absolute; top: 36px; left: -168px; z-index: 10; width: 168px; height: 139px; border-top: 2px solid #ededed;} #submenu li{height: 35px;} #submenu li a{display: block; width: 168px; height: 35px; text-indent: -99999px; background: url(/imagenes/comunes/spt-submenu.png) no-repeat;} #submenu li a.solicitarPrueba:hover{background-position: -169px 0;} #submenu li a.solicitarCita{background-position: 0 -35px;} #submenu li a.solicitarCita:hover{background-position: -169px -35px;} #submenu li a.solicitarCatalogo{background-position: 0 -70px;} #submenu li a.solicitarCatalogo:hover{background-position: -169px -70px;} #submenu li a.suscripcionBoletin{background-position: 0 -105px;} #submenu li a.suscripcionBoletin:hover{background-position: -169px -105px;} /*** Inferior ***/ #contenido #inferior{margin: 22px 0; background: url(/imagenes/comunes/fnd-inferior.gif) repeat-y;} #contenido #inferior div.inferiorRecambios, #contenido #inferior div.inferiorVoDestacado, #contenido #inferior div.inferiorTaller, #contenido #inferior div.inferiorElGrupo, #contenido #inferior div.inferiorCompromiso, #contenido #inferior div.inferiorNoticias{float: left; width: 272px; /*height: 210px;*/} #contenido #inferior h3, #contenido #inferior div.inferiorElGrupo p.elGrupo, #contenido #inferior div.inferiorCompromiso h4{display: block; text-indent: -99999px; background: url(/imagenes/comunes/spt-inferior.gif) no-repeat;} #contenido #inferior h3{width: 272px; height: 35px;} #contenido #inferior div.detalle{margin-top: 22px; padding: 0 22px 15px 22px; width: 227px; height: 89px;} #contenido #inferior div.izquierda, #contenido #inferior div.derecha{display: inline; float: left;} #contenido #inferior div.derecha{margin-left: 15px;} #contenido #inferior p.pastilla{background: #fff;} #contenido #inferior p.pastilla a.pastilla{display: inline; float: right; margin: 11px 22px 0 0;} #contenido #inferior div.detalle h4, #contenido #inferior div.detalle h4 a{color: #005a7b;} #contenido #inferior div.detalle h4{text-align: justify;} #contenido #inferior div.detalle h4 a{font-weight: bold; text-align: justify;} #contenido #inferior div.inferiorRecambios p.pastilla a.pastilla, #contenido #inferior div.inferiorTaller p.pastilla a.pastilla{width: 105px; background-position: 0 -72px;} #contenido #inferior div.inferiorElGrupo p.elGrupo, #contenido #inferior div.inferiorCompromiso h4{width: 272px; height: 149px;} /*** Recambios ***/ #contenido #inferior div.inferiorRecambios{} #contenido #inferior div.inferiorRecambios div.detalle{} #contenido #inferior div.inferiorRecambios div.detalle div.izquierda{width: 71px;} #contenido #inferior div.inferiorRecambios div.detalle div.izquierda a{display: block; width: 69px; height: 49px; border: 1px solid #7eabbc;} #contenido #inferior div.inferiorRecambios div.detalle div.izquierda a imf{float: left;} #contenido #inferior div.inferiorRecambios div.detalle div.derecha{width: 141px;} #contenido #inferior div.inferiorRecambios div.detalle div.derecha p{margin-top: 3px; text-align: justify;} /*** voDestacado ***/ #contenido #inferior div.inferiorVoDestacado{} #contenido #inferior div.inferiorVoDestacado h3{background-position: -272px 0;} #contenido #inferior div.inferiorVoDestacado div.detalle{} #contenido #inferior div.inferiorVoDestacado div.detalle div.izquierda{width: 115px;} #contenido #inferior div.inferiorVoDestacado div.detalle div.izquierda a.imagen{display: block; margin-top: 3px; width: 115px; height: 72px;} #contenido #inferior div.inferiorVoDestacado div.detalle div.izquierda a.imagen img{float: left;} #contenido #inferior div.inferiorVoDestacado div.detalle div.derecha{width: 97px; height: 89px;} #contenido #inferior div.inferiorVoDestacado div.detalle div.derecha p{margin-bottom: 3px; color: #1a171b;} #contenido #inferior div.inferiorVoDestacado div.detalle div.derecha p strong{color: #005a7b;} #contenido #inferior div.inferiorVoDestacado p.pastilla a.pastilla{width: 176px; background-position: 0 -96px;} /*** Taller ***/ #contenido #inferior div.inferiorTaller{} #contenido #inferior div.inferiorTaller h3{background-position: -544px 0;} #contenido #inferior div.inferiorTaller div.detalle{} #contenido #inferior div.inferiorTaller div.detalle div.izquierda{width: 74px;} #contenido #inferior div.inferiorTaller div.detalle div.izquierda a{display: block; width: 72px; height: 51px; border: 1px solid #5e615f;} #contenido #inferior div.inferiorTaller div.detalle div.izquierda a img{float: left;} #contenido #inferior div.inferiorTaller div.detalle div.derecha{width: 138px;} #contenido #inferior div.inferiorTaller div.detalle div.derecha a.verServicio{display: block; margin-top: 12px;} /*** El grupo ***/ #contenido #inferior div.inferiorElGrupo{} #contenido #inferior div.inferiorElGrupo h3{background-position: 0 -36px;} #contenido #inferior div.inferiorElGrupo p.elGrupo{background-position: 0 -72px;} #contenido #inferior div.inferiorElGrupo p.pastilla a{width: 105px;} /*** Compromiso ***/ #contenido #inferior div.inferiorCompromiso{} #contenido #inferior div.inferiorCompromiso h3{background-position: -272px -36px;} #contenido #inferior div.inferiorCompromiso h4{background-position: -273px -72px;} #contenido #inferior div.inferiorCompromiso ul{display: none;} #contenido #inferior div.inferiorCompromiso p.pastilla a{width: 129px; background-position: 0 -24px;} /*** Noticias ***/ #contenido #inferior div.inferiorNoticias{} #contenido #inferior div.inferiorNoticias h3{background-position: -544px -36px;} #contenido #inferior div.inferiorNoticias div.listado{height: 149px; background: url(/imagenes/index/fnd-noticias.gif) repeat-x;} #contenido #inferior div.inferiorNoticias div.listado div.noticia{padding-top: 11px; height: 63px;} #contenido #inferior div.inferiorNoticias div.listado div.noticia div.izquierda, #contenido #inferior div.inferiorNoticias div.listado div.noticia div.derecha{display: inline; float: left;} #contenido #inferior div.inferiorNoticias div.listado div.noticia div.izquierda{margin-left: 27px; width: 71px; height: 51px;} #contenido #inferior div.inferiorNoticias div.listado div.noticia div.izquierda a{display: block; width: 71px; height: 51px;} #contenido #inferior div.inferiorNoticias div.listado div.noticia div.izquierda a img{float: left;} #contenido #inferior div.inferiorNoticias div.listado div.noticia div.derecha{margin-left: 14px;} #contenido #inferior div.inferiorNoticias div.listado div.noticia div.derecha p, #contenido #inferior div.inferiorNoticias div.listado div.noticia div.derecha a.leerNoticia{margin-top: 4px;} #contenido #inferior div.inferiorNoticias div.listado div.noticia div.derecha a{color: #005a7b;} #contenido #inferior div.inferiorNoticias div.listado div.noticia div.derecha a.fecha strong{color: #005a7b;} #contenido #inferior div.inferiorNoticias div.listado div.noticia div.derecha a.leerNoticia{display: block;} #contenido #inferior div.inferiorNoticias p.pastilla a{width: 105px; background-position: 0 -48px;} /*** Destacados ***/ #contenido #destacados{margin-top: 6px;} #contenido #destacados.otrosVehiculos{margin-bottom: 30px;} #contenido #destacados.otrosVehiculos h3{display: block; height: 42px; text-indent: -99999px; background: url(/imagenes/comunes/fnd-otros-vehiculos.gif) no-repeat;} #contenido #destacados div.destacado{position: relative; float: left; padding: 12px; width: 248px; height: 125px; background: url(/imagenes/comunes/fnd-destacados.gif) repeat-x;} #contenido #destacados div.mes{background: url(/imagenes/vehiculoOcasion/fnd-vehiculo-del-mes.gif) repeat-x;} #contenido #destacados div.destacado div.izquierda, #contenido #destacados div.destacado div.derecha{display: inline; float: left;} #contenido #destacados div.destacado div.izquierda{position: relative; width: 145px;} #contenido #destacados div.destacado div.izquierda a{margin-top: 15px; display: block; width: 143px; height: 110px; border: 1px solid #7eabbc;} #contenido #destacados div.mes div.izquierda a.imagen{border-color: #988a5a;} #contenido #destacados div.destacado div.izquierda a.imagen img{float: left;} #contenido #destacados div div.izquierda a.flota{position: absolute; top: -25px; left: -35px; z-index: 5; width: 70px; height: 71px; text-indent: -99999px; background: url(/imagenes/flota/fnd-flota.png) no-repeat; border: 0;} #contenido #destacados div.destacado div.derecha{margin-left: 10px; width: 93px;} #contenido #destacados div.destacado div.derecha h4 a span, #contenido #destacados div.destacado div.derecha div p strong{color: #005a7b;} #contenido #destacados div.mes div.derecha h4 a span, #contenido #destacados div.mes div.derecha div p strong{color: #000;} #contenido #destacados div.destacado div.derecha h4{} #contenido #destacados div.destacado div.derecha h4 a{position: absolute; top: 7px; left: 12px; font-weight: bold; display: block; width: 245px;} #contenido #destacados div.flota div.derecha h4 a {left: 45px;} #contenido #destacados div.destacado div.derecha h4 a span{font-weight: bold;} #contenido #destacados div.destacado div.derecha div{position: relative; margin: 4px 0; padding-top: 10px;} #contenido #destacados div.destacado div.derecha div p.precio{color: #1a171b;} #contenido #destacados div.destacado div.derecha div p.precio strong {font-size: 12px;} #contenido #destacados div.destacado div.derecha div p{margin-top: 3px; color: #1a171b; max-height: 28px; overflow: hidden;} #contenido #destacados div.destacado div.derecha p.enlace{} #contenido #destacados div.destacado div.derecha p.enlace a{color: #1a171b;} /*** Pie ***/ #pie, #pie div.pie div.texto{background: #fff url(/imagenes/comunes/fnd-pie.gif) repeat-x top;} #pie{height: 25px;} #pie div.pie{position: relative; margin: 0 auto; width: 985px; min-height: 28px; background: #adb8be;} #pie div.pie div.texto{float: right; padding: 8px 0 6px; width: 817px;} #pie div.pie div.texto div.izquierda p, #pie div.pie div.texto div.derecha a{font-size: 10px;} #pie div.pie div.texto div.izquierda{float: left; margin-top: 1px;} #pie div.pie div.texto div.izquierda p{margin-left: 10px;} #pie div.pie div.texto div.derecha{float: right;} #pie div.pie div.texto div.derecha a{margin-right: 10px;}