/** * estilos.css * * estilos generales para MAutomoción 2010 * * Inicio : 2010.04.15 * **/ /* Reset de estilos */ * { margin: 0; padding: 0; border: none; } a:focus { outline: none; } h1 {font-family: Impact, Arial ,sans-serif; font-size: 30px; margin: 15px 0 10px 0; text-transform:uppercase; } /* Estilos generales */ .noText { text-indent: -9999px; } .floatLeft { float: left; } .floatRight { float: right; } .clear {clear: both !important; height: 0;} .negrita { font-weight: bold; } .noDisplay { display: none; } .marginTop { margin-top: 20px !important; } .marginLeft { margin-left: 20px !important; } .noMarginTop { margin-top: 0 !important; } .noMarginRight { margin-right: 0 !important; } .error { background-color: #ffcccc;} .separadorGris{ height: 12px; background: url(/img/fondo-gris.gif) repeat-x left top;} a, a:hover, a:link, a:visited { text-decoration: none; color: #ffffff; cursor: pointer; } a.gris { color: #2f353f; } a.boton span { padding-top: 6px; height: 22px; display: block; float: left; } a.boton span.botonRight { width: 9px; background: url("/img/btn-buscar-right.gif") no-repeat top left; } a.boton span.botonLeft { width: 9px; background: url("/img/btn-buscar-left.gif") no-repeat top left; } a.boton span.botonCenter { background: url("/img/btn-buscar-center.gif") repeat-x top left; } a.boton2 { margin-right: 20px; } a.boton2 span { padding-top: 6px; height: 22px; display: block; float: left; } a.boton2 span.botonRight { width: 9px; background: url("/img/btn-2-right.gif") no-repeat top left; } a.boton2 span.botonLeft { width: 9px; background: url("/img/btn-2-left.gif") no-repeat top left; } a.boton2 span.botonCenter { background: url("/img/btn-2-center.gif") repeat-x top left; } #flashcontent_1 { width: 585px; height: 291px; } /* Estilos particulares */ html { background: #ffffff url("/img/fondo-html.gif") left top repeat-x; font-family: arial, verdana, sans-serif; font-size: 10px; color: #2f353f; } body { height: auto; } #wrapper { width: 980px; margin: 0 auto; } /** * header */ #header { width: 940px; height: 110px; margin: 0 auto; } .logoMAutomocion { display: block; background: url("/img/logo-mautomocion.gif") top left no-repeat; height: 110px; width: 94px; margin-top: 10px; margin-right: 15px; } .headerRight1 { text-align: right; color: #ffffff; margin-top: 3px; visibility: hidden;} .headerRight2 { margin: 20px 0 0 0; } .headerRight2 div { display: block; float: left; } .headerRight2 .pastilla { display: block; float: left; } .headerRight2 ul { position: relative;} .headerRight2 ul li { float: left; display: block; height: 65px; list-style-type: none; } .headerRight2 ul li a { display: block; height: 65px; } .headerRight2 .Left { background-image: url("/img/menu-marcas-izquierda.jpg"); width: 11px; } .headerRight2 .Centro { background-image: url("/img/menu-marcas-centro.jpg"); background-position: center top; width: 13px; } .headerRight2 .Right { background-image: url("/img/menu-marcas-derecha.jpg"); width: 11px; } .headerRight2 .VW { background-image: url("/img/menu-marcas-vw.jpg"); width: 49px; } .headerRight2 .Audi { background-image: url("/img/menu-marcas-audi.jpg"); width: 73px; } .headerRight2 .Skoda { background-image: url("/img/menu-marcas-skoda.jpg"); width: 51px; } .headerRight2 .Seat { background-image: url("/img/menu-marcas-seat.jpg"); width: 51px; } .headerRight2 .Opel { background-image: url("/img/menu-marcas-opel.jpg"); width: 62px;} .headerRight2 .Honda { background-image: url("/img/menu-marcas-honda.jpg"); width: 56px; } .headerRight2 .Toyota { background-image: url("/img/menu-marcas-toyota.jpg"); width: 61px; } .headerRight2 .Saab { background-image: url("/img/menu-marcas-saab.jpg"); width: 59px; } .headerRight2 .Mazda { background-image: url("/img/menu-marcas-mazda.jpg"); width: 53px; } .headerRight2 .Hyundai { background-image: url("/img/menu-marcas-hyundai.jpg"); width: 61px; } .headerRight2 .TaxiLondon { background-image: url("/img/menu-marcas-taxi.jpg"); width: 52px; } .headerRight2 .submenu {position: absolute; left: 216px; top: 62px; border-right: 1px solid #83859a; border-left: 1px solid #83859a; padding-top: 1px; background: #c9ced1; display: none;} .headerRight2 .submenu li{width: 74px; height: auto; float: none; text-indent: 1px; background: #c9ced1; text-align: center; border-bottom: 1px solid #83859a; line-height: 20px; font-size: 12px; padding-bottom: 0 !important; margin-bottom: 0 !important;} *:first-child+html .headerRight2 .submenu li{margin-bottom: -3px !important;} .headerRight2 .submenu li a{height: auto; color: #333; padding-bottom: 0 !important; margin-bottom: 0 !important;} .headerRight2 .submenu li a:hover{height: auto; color: #FEBE10; background: black;} .pastilla { display: block; } .pastilla span.titulo { display: block; font-family: impact; line-height: 110%;} .pastilla span.pastilla1 { font-size: 14px; color: #5ec8ff; } .pastilla span.pastilla2 { font-size: 24px; color: #ffffff; } .pastilla span.pastilla3 { font-size: 30px; color: #ffffff; } .pastilla span.pastilla4 { font-size: 20px; color: #4d94e7; } .pastilla span.pastilla5 { font-size: 14px; color: #aac6e7; } .pastilla span.pastilla6 { font-size: 20px; color: #ffffff; } .pastilla span.pastilla7 { font-size: 13px; color: #94dbe7; } .pastilla span.pastilla8 { font-size: 18px; color: #ffffff; } .pastilla span.pastilla9 { font-size: 18px; color: #ffffff; } .pastilla span.pastilla10 { font-size: 30px; color: #ffffff; } .pastilla span.pastilla11 { font-size: 20px; color: #aac6e7; } .pastilla12 { font-size: 18px; color: #ffffff; font-family: impact; line-height: 110%; } .pastilla13 { font-size: 14px; color: #5ec8ff; font-family: impact; line-height: 110%; } .pastilla14 { font-size: 24px; color: #ffffff; font-family: impact; line-height: 110%; } .pastilla15 { font-size: 43px; color: #9aa1ac; font-family: impact; line-height: 110%; } .pastilla16 { font-size: 14px; color: #5ec8ff; font-family: impact; line-height: 110%; } .pastilla17 { font-size: 24px; color: #2f353f; font-family: impact; line-height: 110%; } .pastilla18 { font-size: 20px; color: #9aa1ac; font-family: impact; line-height: 100%; } .pastilla19 { font-size: 30px; color: #2f353f; font-family: impact; line-height: 100%; } .pastilla20 { font-size: 15px !important; color: #94dbe7; } .pastilla21 { font-size: 12px !important; color: #94dbe7 !important; padding-top: 2px; } .pastillaRenting {font-size:12px; padding-top:2px;} .logoOcasion { background-image: url("/img/logo-coches-ocasion.jpg"); width: /*112px*/ 100px; height: /*64px*/ 52px; margin-left: 4px; padding: 12px 0 0 12px; } .headerRight3 { background: url("/img/menu-principal-fondo.gif") left top repeat-x; margin: 5px 0 0 0; height: 28px; } .headerRight3 ul li { float: left; display: block; height: 24px; list-style-type: none; } .headerRight3 ul li a { display: block; height: 24px; padding: 7px;} /* .headerRight3 .Separa { background-image: url("/img/menu-principal-separador.gif"); width: 3px; height: 11px; margin-top: 8px; } */ .menu1 {font-size: 12px; text-align: left; /*margin-right: 50px;*/ } .menu1 .Separa { color: #9abde7; padding-top: 7px; } .menu1 a, .menu2 a{color: #fff; } .menu1 a:hover, .menu2 a:hover{color: #9abde7; } .menu2 {font-size: 13px; font-weight: bold; text-align: right; } .menu2 ul li a { padding: 7px /*4px; margin: 0 3px*/; } /** * banners */ #banners { width: 940px; height: 291px; margin: 20px auto; } #banners a { display: block; } /** * cuerpo */ #cuerpo { width: 940px; height: auto; margin: 0 auto 40px auto; padding-top: 30px; position: relative; /*left: 0*/; top: 0; } #homeColIzq { width: 460px; margin-bottom: 30px; } #homeColDer { width: 480px; margin-bottom: 30px; } #homeColDer div.pastillaDerecha { margin: 0 0 20px 20px; } #homeColIzq div.pastillaDerecha { margin: 0 0 20px 20px; } .columna1 {width: 460px; height: auto; float: left; margin-bottom: 30px;} .columna2 {width: /*220*/460px; height: auto; float: left; margin-left: 20px; margin-bottom: 10px; } .columna3 {width: 220px; height: auto; float: left; margin-left: 20px; margin-bottom: 10px; } .cuerpo1 {width: 460px; height: auto; font-size: 12px; } .columna3 div {margin-bottom: 20px; } .columna2 div {margin-bottom: 20px; } .cuerpo .columna700 { width: 700px; } .moduloDerecha { width: 460px; font-size: 1.2em; color: #2f353f; margin-bottom: 25px; } /*.cuerpo2 { width: 460px; height: 525px; } .cuerpo3 { width: 460px; height: 152px; } .cuerpo4 { width: 460px; height: 355px; margin-top: 20px; }*/ .asegura { background: url("/img/pastilla-asegura.jpg") top left no-repeat; width: 190px; height: 130px; padding: 10px 15px; } .localizador { background-image: url("/img/pastilla-localizador.jpg"); height: 45px; width: 205px; padding: 10px 0 0 15px; } .renting { background-image: url("/img/pastilla-renting.jpg");width: 190px; height: 293px; padding: 15px; } .rentingCorto { background: transparent url("/img/pastilla-renting-corto.png") top left no-repeat;width: 190px; height: 195px; padding: 15px; } .cuota { background-color: #2f353f; width: 180px; /*height: 24px;*/ padding: 10px 0 10px 10px; margin-bottom: 10px; } .cuota .vehiculo{ font-size: 16px; margin-bottom: 5px; color: white;} .cuotamens { color: #ffffff; font-size: 11px; } .iva { color: #4d94e7; font-size: 10px; } .preu { font-size: 14px; } .marcaVehiculoModSeleccion { font-size: 14px; font-weight: bold;} .versionVehiculoModSeleccion { font-size: 12px; color:#2F353F } .contVehiculoModSeleccion { width: 219px; } .masInfoRenting {background: url("/img/icono-mas-blanco.png") top left no-repeat; padding-left: 15px; color: #ffffff; margin-top: 10px; } .atencionCliente { background-image: url("/img/pastilla-atencion-cliente.jpg"); width: 205px; height: 31px; padding: 2px 0 0 15px; /*margin-bottom: 10px;*/ } .telf { margin-right: 10px; padding-top: 5px;} .citaprevia { background-image: url("/img/pastilla-cita-previa.jpg"); width: 205px; height: 26px; padding: 7px 0 0 15px; } a.boton-citaprevia {background-image: url("/img/boton-citaprevia.png"); width: 220px; height: 108px; padding: 0; display: block; text-indent: -10000px;} a:hover.boton-citaprevia {background-image: url("/img/boton-citaprevia-over.png");} a.boton-configurador {background-image: url("/img/vn/boton-configurador.jpg"); width: 220px; height: 108px; padding: 0; display: block; text-indent: -10000px;} a:hover.boton-configurador {background-image: url("/img/vn/boton-configurador.jpg");} a.boton-seguro {background-image: url("/img/pastilla_seguro.jpg"); width: 220px; height: 108px; padding: 0; display: block; text-indent: -10000px;} .buscador { background-image: url("/img/pastilla-buscador-vo.jpg"); width: 190px; height: 283px; padding: 15px 15px 25px 15px; } .buscador p { margin-top: 20px; } .buscador p label { font-size: 1.2em; color: white; } .buscador p select { width: 190px; margin-top: 3px; } .buscador p.botones { margin-top: 30px; } .buscador p.botones a.floatLeft { display: block; color: #d0dff7; font-size: 1.1em; padding-top: 7px; } .buscador p.botones a.floatRight { display: block; color: #2f353f; font-size: 1.2em; font-weight: bold; cursor: pointer; } .cuerpo5 { width: 460px; height: auto; } .headerNoticias { width: 444px; height: 19px; font-size: 14px; background: url("/img/cabecera-noticias.gif") left top repeat-x; color: #ffffff; padding: 3px 10px 0 6px; } .verMas { background: url("/img/icono-mas-blanco.png") left /*top*/ 1px no-repeat; font-size: 11px; padding-left: 15px; margin-top: 1px; color:#ffffff; } .Noticia { width: /*460*/445px; /*height: 106px;*/ font-size: 12px; margin: 15px 0; } .Noticia img {height: auto; } .tituloNoticia { font-size: 18px; /*margin-top: -5px;*/ color:#2F353F;} a.tituloNoticia { font-size: 18px; /*margin-top: -5px;*/ color:#2F353F;} a:hover.tituloNoticia { font-size: 18px; /*margin-top: -5px;*/ color:#2F353F;} .fechaNoticia { font-size: 11px; color: #4d94e7; margin-bottom: 5px;} .pieNoticia { width: 455px; height: 19px; font-size: 11px; background: url("/img/pie-noticia.gif") left top repeat-x; padding: 3px 0 0 5px; color: #4f555e; margin-bottom: 30px; } a.ampliar { background: url("/img/icono-mas-oscuro.png") left /*top*/ 5px no-repeat; color: #4f555e; font-size: 11px; padding-left: 15px; padding-top: 4px; } .textoNoticia { width: 305px; margin-left: 15px; /*overflow: hidden;*/} .textoNoticia p.floatLeft a{color: #4D94E7 !important;} .textoNoticia p.floatLeft a:hover{color: #4D94E7 !important; text-decoration: underline !important;} .cuerpo6 { width: 460px; height: 303px; float: left; margin-left: 20px; } .headerSeleccion { width: 460px; height: /*34px*/ auto; } .headerSeleccion2 { margin-top: 3px; margin-left: 5px; } .cuerpoSeleccion { width: 460px; /* height: 244px;*/ /* background: url("/img/fondo-seleccion.gif");*/ padding-top: 10px; line-height: 135%; } .cuerpoSeleccion div { margin-bottom: 10px;} .cuerpoSeleccion p { padding-bottom: 5px; } .cuerpoSeleccion .floatLeft { position: relative; } .cuerpoSeleccion .floatLeft img.etiqueta { position: absolute; left: 140px; top: 10px; } .cuerpoSeleccion .seleccion2>img { margin-bottom: 0 !important;} .seleccion2 { margin-left: 20px; width: 220px; } .seleccion2>img { margin-bottom: 10px; } .pvp {background-color: #2f353f; width: 205px; height: 10px; padding: 7px; } a.masInfoSeleccion {background: url("/img/icono-mas-claro.png") left 2px no-repeat; padding-left: 15px; color: #9aa1ac; } .ofertasPartners { width: 460px; height: 102px; margin-top: 23px; } .colectivos { background-image: url("/img/pastilla-colectivos.jpg"); width: 340px; height: 102px; float: left; } .titulos { width: 319px; height: 45px; padding: 15px 10px 0 10px; color: #2f353f; } .titulos .floatRight { width: 130px;} .barraColectivos { margin-left: 5px; margin-top: 11px; } .barraColectivos ul li { float: left; display: block; height: 17px; list-style-type: none; margin-left: 3px; } .barraColectivos ul li a { display: block; height: 65px; } .barraColectivos .logoVW {background-image: url("/img/logo-colectivos-vw.gif"); width: 17px; } .barraColectivos .logoAudi {background-image: url("/img/logo-colectivos-audi.gif"); width: 25px; } .barraColectivos .logoSkoda {background-image: url("/img/logo-colectivos-skoda.gif"); width: 17px; } .barraColectivos .logoOpel {background-image: url("/img/logo-colectivos-opel.gif") ; width: 22px; } .barraColectivos .logoHonda {background-image: url("/img/logo-colectivos-honda.gif"); width: 19px; } .barraColectivos .logoToyota {background-image: url("/img/logo-colectivos-toyota.gif"); width: 21px; } .barraColectivos .logoSaab {background-image: url("/img/logo-colectivos-saab.gif"); width: 17px; } .barraColectivos .logoMazda {background-image: url("/img/logo-colectivos-mazda.gif"); width: 18px; } .barraColectivos .logoTaxi {background-image: url("/img/logo.jpg"); width: 17px; } .barraColectivos .logoHyundai {background-image: url("/img/logo-colectivos-hyundai.gif"); width: 24px; } .barraColectivos .logoSeat {background-image: url("/img/colectivos-seat.gif"); width: 17px; } a.masInfo {background: url("/img/icono-mas-claro.png") top left no-repeat; padding-left: 15px; margin: 15px 5px; color: #9aa1ac; } .partners {background-image: url("/img/pastilla-partners.jpg"); width: 100px; height:102px; float: left; /*margin-left: 18px;*/ color: #9AA1AC; } .textoPartners { width: auto; height: auto; color: #9AA1AC; padding: 5px 0 0 8px; font-size: 10px; } .logos { width: 86px; height: 36px; margin: 5px 0 14px 6px; padding-right: 6px } /** * footer.inc.php * */ #wrapper_pie { background: url("/img/pie-pagina.jpg") top left repeat-x; margin-bottom: 2px; } #pie { width: 940px; height: 278px; color: #ffffff; margin: 0 auto; font-size: 1.2em !important/*12px*/; } .separador { background: url("/img/separador-pie.jpg") center top no-repeat; width: 20px; height: 278px; } .pie1 { margin: 20px 0 0 20px; line-height: 130%; float:left; } .logoMAutomocionPie { background: url("/img/logo-mautomocion-pie.png") left top no-repeat; width: 49px; height: 57px; display: block; } .pie2 { margin: 15px 0 0 10px; width:210px; float:left; } .pie2 ul li { list-style-type: none; display:inline; padding: 5px 10px 0px 0px; float: left;} .pie2 ul li.menor { } .pie3 { margin: 15px 0 0 10px; width: 170px; float:left; } .pie3 ul li { list-style-type: none; padding: 4px 0; } .pie3 ul li.menor { padding: 1px 0;} .pie4 { margin: 15px 0 0 10px; width: auto; float:left; } .pie4 ul li { list-style-type: none; padding: 4px 0; } .pie4 ul li.menor { padding: 1px 0;} #pie a{color: #fff; } #pie a:hover{color: #9abde7; } .menor { font-size: 0.92em /*11px*/; } .azul, .azul a, .azul a:hover { color: #9abde7 !important; } .destacado { font-size: 1.25em /*15px*/; font-weight: bold;} .noWidth { } .ultimo { padding-bottom: 6px !important;} .ocasion { padding-top:5px;} /** * localizador de concesionarios * */ #localizadorBody { position: absolute; left: -20px; top: 30px; background: url(/img/fondo-localizador.png) no-repeat left top; z-index: 9999; width: 940px; height: 380px; padding: 0 20px; } #localizadorBody .columna { float: left; width: 195px; padding: 10px 0; } #localizadorBody .columna h3 { color: #16181d; font-size: 1.6em; font-weight: bold; padding-left: 20px;} #localizadorBody .columna h4 { color: #16181d; font-size: 1.2em; font-weight: normal; padding-left: 20px;} #localizadorBody .columna ul { list-style-type: none; margin: 10px 0 20px 0; } #localizadorBody .columna ul li { padding-top: 2px; } #localizadorBody .columna ul li a { color: white; font-size: 1.3em; padding-left: 20px;} #localizadorBody .columna ul li a:hover { background: url(/img/pincho-mini.png) no-repeat 3px 3px; } #localizadorBody .columna ul li a span { font-size: .85em; } #localizadorBody .mapa { width: 205px; height: 50px; padding: 320px 0 0 345px; position: relative; left: 0; top: 0; } #localizadorBody .mapa h3 { font-family: impact; font-size: 2.0em; font-weight: normal; color: #ffffff; padding: 0; } #localizadorBody .mapa h4 { font-family: impact; font-size: 1.4em; font-weight: normal; color: #aac6e7; padding: 0; } #localizadorBody .mapa img { position: absolute; top: 0; left: 0; } #localizadorBody .mapa img#pincho_1 { left: 168px; top: 193px; } #localizadorBody .mapa img#pincho_2 { left: 80px; top: 290px; } #localizadorBody .mapa img#pincho_3 { left: 133px; top: 230px; } #localizadorBody .mapa img#pincho_4 { left: 26px; top: 295px; } #localizadorBody .mapa img#pincho_5 { left: 110px; top: 275px; } #localizadorBody .mapa img#pincho_6 { left: 340px; top: 22px; } #localizadorBody .mapa img#pincho_7 { left: 178px; top: 115px; } #localizadorBody .mapa img#pincho_8 { left: 425px; top: 185px; } #localizadorBody .mapa img#pincho_9 { left: 20px; top: 300px; } #localizadorBody .mapa img#pincho_10 { left: 5px; top: 270px; } /** * visor de 4 fotos * */ .ver4fotos { width: 339px; height: /*322px*/ auto; } .ver4fotos a { float: left; } .ver4fotos img.foto0 { width: 339px; height: 256px; } .ver4fotos img.fotoN { width: 84px; height: 64px; margin: 1px 1px 1px 0; } .ver4fotos img.fotoU { margin-right: 0px; } .opaco50 { filter:alpha(opacity=50); opacity: .5; -moz-opacity: .5 } /** * coches ocasión * */ #voHomeColIzq { width: 460px; margin-bottom: 30px; } #voHomeColIzq .modulo { margin-bottom: 20px; } #voHomeColIzq .modulo h1 { background: url(/img/logo-ok-home.jpg) no-repeat left top; padding-top:110px; } #voHomeColIzq .modulo h2 { background: url(/img/fondo-gris.gif) repeat-x left 40px; font-family: impact; font-size: 2.4em; color: #2f353f; padding-bottom: 30px; } #voHomeColIzq .modulo p { line-height: 150%; margin-bottom: 30px; font-size: 1.2em; color: #2f353f; } #voHomeColIzq .modulo .gris { color: #9aa1ac; } #voHomeColIzq .modulo .textoEtiqueta { font-size: 1.2em; } #voHomeColIzq .modulo .textoEtiqueta + .floatLeft { width: 110px; } #voHomeColIzq .modulo .textoEtiqueta + .floatRight { width:350px; margin-bottom: 20px; } #buscadorVO { width: 430px; height: 341px; background: url(/img/fondo-buscador-vo.jpg) no-repeat left top; padding: 15px; margin-bottom: 35px; } #buscadorVO h3 { font-weight: normal; margin-bottom: 20px; } #formBuscadorVO div.floatLeft { width: 215px; } #formBuscadorVO p { margin-bottom: 15px; } #formBuscadorVO label { font-size: 1.2em; color: #ffffff; } #formBuscadorVO select { width: 190px; margin-top: 5px; } #formBuscadorVO a.boton { display: block; color: #2f353f; font-size: 1.2em; font-weight: bold; cursor: pointer; } #formBuscadorVO p.boton { margin-top: 88px; } #formBuscadorVO div.tipo { margin-bottom: 23px; } #formBuscadorVO div.tipo * { vertical-align: top; } #formBuscadorVO div.tipo input { margin-top: 5px; } #formBuscadorVO div.tipo input.etiqueta { display: block; float: left; } #formBuscadorVO div.tipo label.todos { margin-left: 5px; position: relative; top: 5px;} span.etiqueta { display: block; float: left; } span.etiqueta img { vertical-align: top; } span.etiqueta img.info { margin-top: 5px; margin-left: 10px; } div.concesionario { margin-bottom: 30px; } div.concesionario div { width: 220px; } div.concesionario h4 { font-size: 1.4em; font-weight: bold; margin-bottom: 7px; } div.concesionario p { margin-bottom: 7px !important; line-height: 130% !important; } div.concesionario a { color: #2f353f; } div.concesionario img { margin-top: 3px; } div.horario { width: 208px !important; padding: 3px 6px; height: 14px; border-bottom: 1px solid white; font-size: 1.1em; font-weight: bold; } div.fila0 { background: #2f353f url(/img/icono-coche.gif) no-repeat right top; color: #ffffff; } div.fila1 { background-color: #9aa1ac; color: #ffffff; } div.fila2 { background-color: #ccd0d5; color: #2f353f; } #bocataTipo { position: fixed; width: 120px; background-color: #2f353f; border: 1px solid black; filter: alpha(opacity=90); opacity: .90; -moz-opacity: .75; padding: 5px; color: #fff;} #bocataTipo h5 { font-size: 1.2em; font-weight: bold;} a.linVOsel { display: block; width: 460px; height: 30px; border-bottom: 1px dotted black; font-size: 1.2em; font-weight: bold; color: #2f353f; } a.linVOsel:hover { background-color: #ebecee; } a.linVOsel div.marca { width: 400px; } a.linVOsel div.precio { width: 60px; text-align: right; padding-top: 7px;} a.linVOsel span.marca { padding-top: 7px; } a.linVOsel span.etiqueta { padding-top: 4px; padding-left: 10px; } div.masVOsel { width: 460px; font-size: 1.1em; } div.masVOsel a { display: block; float: right; color: #9aa1ac; background: url(/img/icono-mas-claro.png) no-repeat left 2px; padding-left: 16px; margin-top: 5px;} p.contractual { font-size: .75em; width: 200px; margin-top: 30px; color: #2f353f; } /* *********** SERVICIOS ************** */ .servicios h2 {font-family: Impact, Arial ,sans-serif; font-size: 30px; margin: 15px 0 10px 0;} .servicios .subtitulo {font-family: Arial ,sans-serif; font-size: 16px !important; margin-top: 15px; color: #4d94e7;} .servicios p {margin-bottom: 20px;} /** * Miniaturas eventos */ .contentGaleria a.miniatura { margin: 0 10px 10px 0; } .contentGaleria a.miniatura > img { border: 5px solid #dcdee2; margin-bottom: 10px; } .contentGaleria a.miniatura > img:hover { border-color: #2f353f; } .contentGaleria a.pagAnt, .contentGaleria a.pagSig { color: #333333; } .contentGaleria a.pagAnt { background: transparent url(../img/flecha_left_trans.png) left 2px no-repeat; padding-left: 20px; } .contentGaleria a.pagSig { background: transparent url(../img/flecha_right_trans.png) right 2px no-repeat; padding-right: 20px; } /** * Revistas */ .visorRevista { width: 343px; margin-top: 40px; margin-right: 14px; } .visorRevista a { color: #333333; } .visorRevista .fotoGrande { width: 256px; } .visorRevista .fotoGrande .anyos { height: 20px; font-size: 1.2em; } .visorRevista .fotoGrande .anyos a { margin-right: 10px; font-weight: bold; } .visorRevista .fotoGrande .anyos a:hover, .visorRevista .fotoGrande .anyos a.actual { color: #0B3C8D; } .visorRevista .fotoGrande img { margin-bottom: 5px; } .visorRevista .fotoGrande a.descarga { background: url(../img/icono-pdf.jpg) left top no-repeat; padding-left: 20px; } .visorRevista .lateral { width: 81px; margin-left: 6px;} .visorRevista .lateral .flecha { height: 20px; text-align: center; } .visorRevista .lateral .flecha img { cursor: pointer; margin-top: 5px; } .visorRevista .lateral .slider { height: 327px; overflow: hidden; } .visorRevista .lateral .slider a { display: block; float: left; margin-top: 6px; } .visorRevista .lateral .slider .sliderContent { position: relative; top: 0px; height: auto; } /** * Login */ #login { height: 26px; margin: 0px 25px; color: #fff; text-align: right;} #login .loginForm form * { margin-top: 3px; /*margin-top: 0px;*/} #login .loginForm label { margin-right: 5px; } #login .loginForm label.error { color: red; } #login .loginForm input { margin-right: 15px; border: 1px solid #000; background-color: #4f555e; color: #fff; width:80px; } #login .loginForm input.submit { cursor: pointer; background-color: #1d3756; /*padding: 2px 3px;*/ width:auto; font-size: 9px !important;} #login .loginForm {margin-left:200px; float: left;} /*#login .loginIdiomas {float: right; margin-left: 15px; padding: 8px 5px 0 0px; display: none;}*/ #login .loginLinkHome { float:left; width:230px; text-align:left; padding: 8px 5px 0 0px; } /** * Login intranet */ #loginIntranet {float: right; width: 100px; padding: 8px 5px 0 0px;} #loginIntranet a {padding: 1px 3px; background: white; border: 1px solid #000; color: #4f555e;} #loginIntranet a:hover {padding: 1px 3px; background: #4f555e; border: 1px solid #000; color:white ;} /** * Paginador */ .ListPaginacion { color: #2f353f; } .ListPaginacion img { vertical-align: middle;} /** * Formulario Cita Previa */ form#formCita select#marca { width: 145px; text-align: left; } form#formCita select#concesionario { text-align: left; } /** * Banner Revistas */ #banner_revistas { width: 675px; height: 80px; padding: 220px 0 0 25px; background: url(../img/banner_revistas.jpg) left top no-repeat; margin-bottom: 20px; font-size: 20px; font-weight: bold; } #banner_revistas a, #banner_revistas a:visited{ color: #4d94e7; text-decoration: none; } #banner_revistas a:hover{ color: #ffffff; text-decoration: none; } /* footer partners */ .wrapper-partners-2 {width:100%; border-top: 1px solid #ced0d3; background-color: #f2f2f2;} .partners-2 {width: 940px; margin: 0 auto; padding: 10px 0; font-size: 1.2em; text-align: right;} .partners-2 a{margin-left: 10px;} .verisign{width:30%} /*compartir*/ .compartir{width: 100%; padding-bottom: 1em;} .compartir span.gplus{vertical-align: sub; padding-left: .3em;} /*Página 404*/ .mensaje-404 h2{font-size: 2em; line-height: normal;} .mensaje-404 h2 span{display: block; font-size: .6em; font-weight: normal;} #header {position: relative;} .xmas {position: absolute; top: -35px; left: 8px;} /* Follow us */ .followus {/*width: 460px;*/ width: 205px; margin-left: 240px; font-size: 16px; font-weight: bold;} .followus a{margin-left: 5px;} .followus a.first{margin-left: 0;} .followus p{text-align: left; padding-bottom: .5em;}