/* CSS Reset */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, 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, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100% } q:before, q:after { content:''} a { text-decoration:none } /* The below restores some sensible defaults */ strong { font-family: 'FordAntennaBold', Arial, Verdana, sans-serif; font-weight: normal; } em { font-style:italic } * a { position:relative } /* Gets links displaying over a PNG background */ a img { border:none } /* Gets rid of IE's blue borders */ a { outline: 0; color: white; } a:hover { text-decoration: underline; } textarea { overflow: auto; } /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* ***********************************************************/ /* Estructura */ body { background: #e0e0e0 url(../images/body-bg.png) repeat-x top left; color: #444; font: normal normal 12px/1.5 Helvetica, Arial, Verdana, sans-serif; } #pagewrap { position: relative; margin: 0 auto; } #header { height: 155px; position: relative; background: #003479 url(../images/header-bg.jpg) no-repeat bottom right; margin-bottom: 3px; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; } #main { height:470px; margin-bottom: 3px; } #footer { } /* Elementos */ #header h1 a { display: block; position: absolute; bottom: 0; left: 0;} #header h1 a img { display: block; } #sidebar { background: transparent url(../images/menu-bg.jpg) no-repeat top left; height: 470px; width: 180px; margin-right: 0; position: relative; } img#pie-sidebar { position: absolute; bottom: 0; left: 0; display: block; } #contenido { margin-left: 0; height: 470px;} /* menu */ ul#menu { margin: 12px 0 0 24px; } ul#menu li { font-family: 'FordAntennaMedium', Arial, Verdana, sans-serif; text-transform: uppercase; font-size: 11px; line-height: 17px; } ul#menu li.separador { height: 17px; background: url(../images/separador.png) no-repeat left 10px; margin:0 0 0 -24px;} ul#menu li a { display: block; color: #a8ccdd; } ul#menu li a:hover { color: #e81; text-decoration: none; } ul#menu li.sel a, ul#menu li.sel a:hover { color: white; cursor: default;} /* PIE */ #footer p { font-family: 'FordAntennaLight', Arial, Verdana, sans-serif; clear: both; font-size: 10px; } #footer p strong { font-family: 'FordAntennaBold', Arial, Verdana, sans-serif; font-weight: normal;} #botones { height: 79px; background: url(../images/botones-bg.png) no-repeat top left; margin-bottom: 3px; } #botones li { display: inline; } #botones li a { float: left; display: block; height: 79px; text-indent: -9999px; width: 150px; } #botones li#b-usados a { width: 181px; } #botones li#b-ovalo a { width: 183px; } #botones li#b-posventa a { width: 195px; } #botones li#b-repuestos a { width: 182px; } #botones li#b-volvo a { width: 199px; } #menu-pie { height: 36px; background: url(../images/menu-pie-bg.png) no-repeat top left; margin-bottom: 3px; } #menu-pie ul { padding-left: 157px; } #menu-pie li { display: inline; } #menu-pie li a { float: left; display: block; height: 36px; text-indent: -9999px; width: 150px; } #menu-pie li#c-0km a { width: 105px; } #menu-pie li#c-usados a { width: 114px; } #menu-pie li#c-plan-ovalo a { width: 115px; } #menu-pie li#c-servicios a { width: 114px; } #menu-pie li#c-repuestos a { width: 115px; } #menu-pie li#c-newsletter a { width: 220px; } #iconos-sociales { position: absolute; top:125px; right: 0px; } #iconos-sociales a { display: block; text-indent: -9999px; width: 31px; height: 32px; float: left; } #iconos-sociales a.facebook { background: url(../images/facebook.png); margin-right: 2px; } #iconos-sociales a.twitter { background: url(../images/twitter.png); } /* MODELOS */ .modelo { width: 100%; height: 100%; } .modelo .info { width: 164px; color: white; padding: 15px 10px; position: relative; height: 440px; font-family: 'FordAntennaMedium', Arial, Verdana, sans-serif; font-size: 11px; line-height: 16px;} .modelo .accesorios { position: absolute; bottom: 0; left: 0px; padding: 0px 10px; width: 164px; } .modelo .info h2 { font-family: 'FordAntennaBold', Arial, Verdana, sans-serif; text-transform: uppercase; font-size: 20px; font-weight: normal; margin-bottom: 30px; line-height: 1;} .modelo .info h2 span { font-family: 'FordAntennaLight', Arial, Verdana, sans-serif; } .modelo .info ul li { background: url(../images/bullet1.png) no-repeat 0px 7px; padding-left: 6px; } .modelo ul.pdf-icon { background: url(../images/pdf-icon.png) no-repeat top left; padding: 0px 0 5px 35px; min-height: 30px; height: auto!important; height: 30px; font-size: 10px; line-height: 15px; } .modelo .separador { height: 2px; background: url(../images/separador2.png) no-repeat left top; margin:0 -10px 0 -10px; overflow: hidden;} .modelo .wallpapers { padding: 13px 0; margin: 0 -10px; } .modelo .wallpapers img { display: block; float: left; } .modelo .wallpapers p { clear: both; margin: 0px 10px; font-size: 10px; line-height: 2;} .modelo .tambien-plan-ovalo { height: 27px; padding: 8px 0 7px; } .modelo .tambien-plan-ovalo a { display: block; text-indent: -9999px; height: 27px; background: url(../images/tambien-plan-ovalo.png) no-repeat top left; } .modelo .consulta-online { display: block; font-size: 11px; text-transform: uppercase; line-height: 30px; } .m-ka { background: url(../images/fondo-ka.jpg) no-repeat top left; } .m-fiesta-one { background: url(../images/fondo-fiesta-one.jpg) no-repeat top left; } .m-fiesta-max-one { background: url(../images/fondo-max-one.jpg) no-repeat top left; } .m-fiesta-kinetic { background: url(../images/fondo-fiesta-kinetic.jpg) no-repeat top left; } .m-kinetic-4p { background: url(../images/fondo-kinetic-4p.jpg) no-repeat top left; } .m-focus { background: url(../images/fondo-focus.jpg) no-repeat top left; } .m-focus-exe { background: url(../images/fondo-focus-exe.jpg) no-repeat top left; } .m-ecosport { background: url(../images/fondo-ecosport.jpg) no-repeat top left; } .m-mondeo { background: url(../images/fondo-mondeo.jpg) no-repeat top left; } .m-kuga { background: url(../images/fondo-kuga.jpg) no-repeat top left; } .m-s-max { background: url(../images/fondo-s-max.jpg) no-repeat top left; } .m-transit { background: url(../images/fondo-transit.jpg) no-repeat top left; } .m-ranger { background: url(../images/fondo-ranger.jpg) no-repeat top left; } .m-f100 { background: url(../images/fondo-f100.jpg) no-repeat top left; } .m-f4000 { background: url(../images/fondo-f4000.jpg) no-repeat top left; } /* INTERNAS */ .interna { font: normal normal 10px/1.3 'FordAntennaLight', Arial, Verdana, sans-serif; color: #222; } .interna .texto { background: url(../images/fondo-interna.jpg); overflow: hidden; width: 561px; display: inline; float: left; height: 470px; } .interna .box { padding: 20px 25px 20px 10px; } .interna .col-derecha { width: 196px; height: 470px; float: right; display: inline; overflow: hidden; border-left: 3px solid white;} .interna .col-derecha img { display: block; } .interna .texto p { margin-bottom: 1em; } .interna .texto h3 { font: normal normal 12px/1.2 'FordAntennaBold', Arial, Verdana, sans-serif; margin-bottom: 1em;} .plan_ovalo .info { width: 377px; color: #222; padding: 0px; position: relative; height: 470px; font-family: 'FordAntennaMedium', Arial, Verdana, sans-serif; background: url(../images/fondo-completo.jpg) no-repeat top left; float: left; font-size: 11px; line-height: 16px;} .plan_ovalo .accesorios { position: absolute; bottom: 0; left: 0px; padding: 0px 10px; width: 357px; } .plan_ovalo .info .box { font-family: 'FordAntennaLight', Arial, Verdana, sans-serif; font-size: 12px; background: url(../images/separador4.png) no-repeat left bottom; padding: 6px 10px 6px; } .plan_ovalo .info .box h2 { text-transform: uppercase; font-size: 16px; font-weight: normal; line-height: 1;} .plan_ovalo .info .box p strong { font-family: 'FordAntennaBold', Arial, Verdana, sans-serif; font-weight: normal;} .plan_ovalo .accesorios ul { margin: 5px 0 7px; } .plan_ovalo .accesorios ul li{ font: normal normal 11px/14px 'FordAntennaMedium', Arial, Verdana, sans-serif; background: url(../images/bullet2.png) no-repeat 0px 7px; padding-left: 6px; } .plan_ovalo .accesorios p.nota { font: normal normal 9px/10px 'FordAntennaLight', Arial, Verdana, sans-serif; padding-bottom: 7px; } .plan_ovalo .consulta-online{ color: #222; display: block; font-size: 11px; line-height: 25px; text-transform: uppercase; } .plan_ovalo .popup-link { color: #222; display: block; font-size: 11px; text-transform: uppercase; line-height: 25px; } .plan_ovalo .separador { height: 2px; background: url(../images/separador4.png) no-repeat left top; margin:0 -10px 0 -10px; overflow: hidden; } .plan_ovalo .area-principal { width: 383px; float: right; } .plan_ovalo .area-principal img { display: block; } .posventa .info { width: 377px; color: #222; padding: 0px; position: relative; height: 470px; font-family: 'FordAntennaMedium', Arial, Verdana, sans-serif; background: url(../images/fondo-completo.jpg) no-repeat top left; float: left; font-size: 10px; line-height: 1.2;} .posventa .info .box { font-family: 'FordAntennaLight', Arial, Verdana, sans-serif; padding: 15px 20px 0; } .posventa .info .box h2 { text-transform: uppercase; font-size: 17px; font-weight: normal; line-height: 1;} .posventa .info .box h2.t0800 { text-indent: -9999px; width: 331px; height: 77px; background: url(../images/0800.png); margin-bottom: 20px;} .posventa .info .box p { margin-bottom: 1em; } .posventa .info .box p strong{ font-family: 'FordAntennaBold', Arial, Verdana, sans-serif; font-weight: normal;} .posventa ul { margin: 40px 0 7px; } .posventa ul li { font: normal normal 10px/1.2 'FordAntennaMedium', Arial, Verdana, sans-serif; margin-bottom: 1em; } .posventa ul li a { color: #222; } .posventa ul li a:hover { color: #666; text-decoration: none; } .posventa .area-principal { width: 383px; float: right; } .posventa .area-principal img { display: block; } .posventa .menu-pv { position: absolute; width: 100%; height: 51px; bottom: 0; left: 0; background: url(../images/fondo-menu-posventa.png) repeat-x top left;} .posventa .menu-pv ul li { background: url(../images/bullet1.png) no-repeat 0px 7px; padding-left: 6px; font-size: 11px; line-height: 17px; margin: 0; } .posventa .menu-pv ul li a { color: white; } .posventa .menu-pv ul li a:hover { text-decoration: underline; } .posventa ul.pdf-icon { background: url(../images/pdf-icon.png) no-repeat 0 1px; padding: 0px 0 5px 35px; margin: 5px 20px; min-height: 30px; height: auto!important; height: 30px; font-size: 10px; line-height: 15px; } .repuestos { width: 100%; height: 100%; background: url(../images/fondo-repuestos.jpg) no-repeat top left; } .repuestos .info { width: 164px; color: white; padding: 15px 10px; position: relative; height: 440px; font-family: 'FordAntennaLight', Arial, Verdana, sans-serif; font-size: 10px; line-height: 16px; color: #222;} .repuestos .info h2 { font-family: 'FordAntennaLight', Arial, Verdana, sans-serif; text-transform: uppercase; font-size: 18px; font-weight: normal; margin-bottom: 3px; line-height: 1;} .repuestos .info h3 { font-family: 'FordAntennaBold', Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; margin-bottom: 30px; line-height: 1.2;} .repuestos .info p { margin-bottom: 1em; } .repuestos .info p strong { font-family: 'FordAntennaBold', Arial, Verdana, sans-serif; font-weight: normal; } .repuestos .info .botones { position: absolute; bottom: 0px; width: 184px; left: 0; } .repuestos .info .botones #boton-lista-de-precios { display: block; height: 44px; text-indent: -9999px; background: url(../images/boton-lista-de-precios.png) no-repeat top left; } .repuestos .info .botones #boton-reserva { padding: 0; display: block; height: 42px; text-indent: -9999px; background: url(../images/boton-reserva-online.png) no-repeat top left; } /* -------------- */ #ventas-especiales { background: url(../images/fondo-completo.jpg); overflow: hidden; display: inline; float: left; height: 470px; width: 100%; } #ventas-especiales h2 { text-indent: -9999px; background: url(../images/ventas-especiales.jpg); height:270px; } #ventas-especiales #ve-contenido { background: url(../images/fondo-ve.jpg); height:170px; position: relative; padding-bottom: 30px; } #ventas-especiales #ve-menu { background: url(../images/menu-ve.png); width: 100%; height:30px; position: absolute; bottom: 0; left: 0; } #ventas-especiales #ve-menu ul { position: relative;} #ventas-especiales #ve-menu ul li { display: inline; } #ventas-especiales #ve-menu ul li a { float: left; display: block; height: 30px; text-indent: -9999px; width: 150px; } #ventas-especiales #ve-menu ul li a:hover { background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; } #ventas-especiales #ve-menu a#mve0 { position: absolute; top: -440px; left: 0; width: 760px; height: 270px; } #ventas-especiales #ve-menu a#mve1 { width: 255px; } #ventas-especiales #ve-menu a#mve2 { width: 253px; } #ventas-especiales #ve-menu a#mve3 { width: 252px; } #ventas-especiales .paneles .tab { font: normal normal 10px/1.2 'FordAntennaLight', Arial, Verdana, sans-serif; height: 150px; padding: 10px 15px; overflow: hidden;} #ventas-especiales .paneles .ve-col1, #ventas-especiales .paneles .ve-col2 { width: 350px; float: left; margin-right: 30px; } #ventas-especiales .paneles .ve-col2 { margin-right: 0px; } #ventas-especiales .paneles h3 { font: normal normal 14px/1.2 'FordAntennaMedium', Arial, Verdana, sans-serif; margin-bottom: 1em; text-transform: uppercase; } #ventas-especiales .paneles p { margin-bottom: 1em; } #solicitar-entrevista { padding: 10px; } #solicitar-entrevista h2 { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 18px; font-weight: bold; margin-bottom: 30px; line-height: 1; color: #eee;} #solicitar-entrevista label { font-size:12px; } #solicitar-entrevista #error{ color: red; padding: 5px 0px; margin-top: -2em; } .listado-noticias, .detalle-noticia { background: url(../images/fondo-pleno.jpg) no-repeat top left; height: 470px; overflow: hidden; } .listado-noticias .noticia { font: normal normal 10px/1.3 'FordAntennaLight', Arial, Verdana, sans-serif; background: url(../images/separador5.png) no-repeat bottom left; position: relative; } .listado-noticias .last { background: transparent; } .listado-noticias .noticia .col { width: 500px; float: left; padding: 10px; } .listado-noticias .noticia h3 { font: normal normal 11px/1.3 'FordAntennaBold', Arial, Verdana, sans-serif; margin-bottom: 1em; } .listado-noticias .noticia p { margin-bottom: 1em; } .listado-noticias .noticia a.leer-mas { width: 65px; height: 18px; display: block; text-indent: -9999px; position: absolute; right: 220px; bottom: 6px; background: url(../images/leer-mas.png) no-repeat top left;} .noticia a.volver { width: 65px; height: 18px; display: block; text-indent: -9999px; background: url(../images/volver.png) no-repeat top left;} .listado-noticias .thumbnail_box { position: relative; margin: 6px 6px 7px; width: 188px; height: 144px; overflow: hidden; text-align: center; float: right;} .listado-noticias .noticia img { display: block; position: relative; } .detalle-noticia { overflow-y: auto;} .detalle-noticia .noticia { font: normal normal 11px/1.3 'FordAntennaLight', Arial, Verdana, sans-serif; padding: 20px 20px; } .detalle-noticia h3 { font: normal normal 20px/1.3 'FordAntennaBold', Arial, Verdana, sans-serif; margin-bottom: 1em; } .detalle-noticia p { margin-bottom: 1em; } .detalle-noticia .bajada { font: normal normal 14px/1.3 'FordAntennaMedium', Arial, Verdana, sans-serif; } .usados { width: 760px; background: #e6e6e6; height: 470px; overflow: hidden;} .usados .destacados { height: 194px; background: url(../images/fondo-destacados.jpg) no-repeat top left; overflow: hidden; color: white; position: relative; padding: 55px 0 0 40px; font: normal normal 9px/1.2 'FordAntennaBold', Arial, Verdana, sans-serif;} .usados .destacados .destacado { width: 150px; margin-right: 30px; float: left;} .usados .destacados h3 { position: absolute; text-transform: uppercase; top: 0; left: 40px; font: normal normal 15px/50px 'FordAntennaMedium', Arial, Verdana, sans-serif; } .usados .destacados .destacado h4 { font-size: 10px; font-weight: normal; margin-bottom: 1em; } .usados .listado { font: normal normal 11px/16px Arial, sans-serif;} .usados .listado h2 { font: normal normal 12px/15px 'FordAntennaBold', Arial, sans-serif; color: white; text-transform: uppercase; padding: 0 10px 0 40px; margin-bottom: 3px; background: red;position: relative;} .usados .listado h2 a { display: block; position: absolute; right: 10px; top: 0; font-size: 10px; text-transform: none; } .usados .listado .col1 { width: 320px; padding-left: 40px; float: left; margin-bottom: 8px; } .usados .listado .col2 { width: 320px; padding-left: 40px; float: left; margin-bottom: 8px; } .estilo-base { padding: 10px; background: white; color: #444; } .estilo-base h2 { font-family: 'FordAntennaBold', Arial, Verdana, sans-serif; font-size: 18px; margin-bottom: 1em; font-weight: normal; } .estilo-base h5 { font-size: 14px; font-weight: bold; } .estilo-base p { font-size: 13px; margin-bottom: 1em; } .lista-usados { padding: 10px; background: transparent; color: #444; } .lista-usados h2 { font-family: 'FordAntennaBold', Arial, Verdana, sans-serif; font-size: 18px; margin-bottom: 1em; font-weight: normal; } .lista-usados li { padding: 5px; border-top: 1px solid #ccc; } .lista-usados li:hover { background: #bdf; color: #379; } .pag-consulta { background: url(../images/fondo-completo.jpg); overflow: hidden; display: inline; float: left; height: 400px; width: 660px; padding: 50px 50px 20px; } .pag-consulta h2 { font-family: 'FordAntennaLight', Arial, Verdana, sans-serif; text-transform: uppercase; font-size: 18px; font-weight: normal; margin-bottom: 30px; line-height: 1; } .pag-consulta label { color: #222; } /* the overlayed element */ .apple_overlay { display:none; background-image:url(../images/white.png); width:312px; padding:35px; font-size:11px; } .apple_overlay .close { background-image:url(../images/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; } #overlay { background-image:url(../images/transparent2.png); color:#efefef; height:450px; } div.contentWrap { height:500px; overflow:hidden; } .apple_overlay2 { display:none; background-image:url(../images/white.png); width:640px; padding:35px 35px 35px 35px; font-size:11px; } .apple_overlay2 .close { background-image:url(../images/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; } #overlay2 { font: normal normal 14px/1.5 'FordAntennaLight', Arial, sans-serif; } #overlay2 div.contentWrap { overflow:auto; padding-right: 10px; } #overlay2 h2 { color: #444; margin-bottom: 1em; } #overlay2 p { margin-bottom: 1em; } #overlay2 a { color: #22a; } .apple_overlay .close { background-image:url(../images/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; } #overlay { background-image:url(../images/transparent2.png); color:#efefef; height:450px; } div.contentWrap { height:500px; overflow:hidden; } #consulta-online, #reserva, #presupuestos, #consultas-tecnicas, #newsletter, #lista-de-precios { padding: 10px; } #consulta-online h2, #reserva h2, #presupuestos h2, #consultas-tecnicas h2, #newsletter h2, #lista-de-precios h2 { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 18px; font-weight: bold; margin-bottom: 30px; line-height: 1; color: #eee;} #consulta-online label { font-size:12px; } #consulta-online #error { color: red; padding: 5px 0px; margin-top: -2em; } .wallpaper-display a.down { background: url(../images/down.png) no-repeat 0 0px; padding: 0 15px; } /* form style */ #consulta {} div.contentWrap h2 { color:#eee; margin-top:0px; margin-bottom: 40px; font-size: 18px ; } div.contentWrap p { font-size:11px; } .rowElem { margin-bottom: 10px; } #consulta input, #consultaf input, .form-consulta input { border:1px solid #888; background-color:#666; padding:5px; color:#ddd; font-size:12px; width: 300px; text-shadow:1px 1px 1px #000; -moz-border-radius:4px; -webkit-border-radius:4px;} #consulta input:focus, #consultaf input:focus, .form-consulta input:focus { color:#fff; background-color:#777; } #consulta input:active, #consultaf input:active, .form-consulta input:active { background-color:#888; } #consulta textarea, #consultaf textarea, .form-consulta textarea { border:1px solid #888; background-color:#666; padding:5px; color:#ddd; font-size:12px; width: 300px; height: 150px; text-shadow:1px 1px 1px #000; -moz-border-radius:4px; -webkit-border-radius:4px; } #consulta button, #consultaf button, .form-consulta button { outline:0; border:0px solid #456; color: white; cursor: pointer; font-size: 12px; text-transform: uppercase; letter-spacing:1px; background: #05c; padding: 4px 20px; text-shadow:1px 1px 0px #038; -moz-border-radius:5px; -webkit-border-radius:5px; } #consulta button:hover, #consultaf button:hover, .form-consulta button:hover { background: #27d; } .form-consulta #error, .form-consulta #errorf { color: red; padding: 5px 0px; margin-top: -2em; } .error { height:15px; background-color:#FFFE36; font-size:11px; border:1px solid #E1E16D; padding:0px 6px 10px; margin:0 0 2px 0px; color:#000; display:none; z-index: 12000; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:0 0 6px #000; -webkit-box-shadow:0 0 6px #000; } .error p { margin:0; padding: 4px 10px; } .error em { border:10px solid; border-color:#FFFE36 transparent transparent; bottom:-17px; display:block; height:0; left:10px; position:absolute; width:0; } label { display:block; font-size:11px; color:#ccc; } #terms label { float:left; } #terms input { margin:0 5px; } .enviado { background: #aaa; color: #888; border: 1px solid #aaa; padding: 10px; width: 70%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0px 0px 34px #ffffff; -webkit-box-shadow: 0px 0px 34px #ffffff; box-shadow: 0px 0px 34px #ffffff; text-shadow: 0px -1px 0px #EEE; background-color: #AAAAAA; background-image: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#EEEEEE)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #CCCCCC, #EEEEEE); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #CCCCCC, #EEEEEE); /* FF3.6 */ background-image: -ms-linear-gradient(top, #CCCCCC, #EEEEEE); /* IE10 */ background-image: -o-linear-gradient(top, #CCCCCC, #EEEEEE); /* Opera 11.10+ */ background-image: linear-gradient(top, #CCCCCC, #EEEEEE); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#CCCCCC', EndColorStr='#EEEEEE'); /* IE6–IE9 */ } .enviado h2 { background: url(../images/ok.png) no-repeat 0px 10px; padding-left: 40px; font: normal normal 18px/34px 'FordAntennaBold', Arial, sans-serif; text-transform: none; margin-bottom: 0; } .enviado p { font: normal normal 12px/1 'FordAntennaMedium', Arial, sans-serif; text-transform: none; margin-bottom: 8px; padding-left: 41px; color: #666; text-shadow: none; margin-top: -5px; } body.volvo .enviado { margin-top: 100px; } body.volvo .enviado h2 { line-height: 34px; } /* VOLVO */ body.volvo #header { background: #828a8f url(../images/header-volvo-bg.jpg) no-repeat bottom left; } body.volvo #header h1 { position: absolute; top: 12px; right: 0; width: 220px; height: 143px;} body.volvo #header h1 a { display: block; } body.volvo #header h1 a img { display: block; } #menu-volvo { height: 50px; background: url(../images/menu-volvo-bg.jpg) no-repeat top left; } #menu-volvo li { display: inline; font-family: 'VolvoBroadRegular', Arial, sans-serif; text-transform: uppercase; font-size: 26px; } #menu-volvo li a { float: left; display: block; height: 50px; width: 150px; text-align: center; line-height: 50px;} #menu-volvo li#v-c30 a { width: 210px; } #menu-volvo li#v-s40 a { width: 182px; } #menu-volvo li#v-s60 a { width: 181px; } #menu-volvo li#v-xc60 a { width: 182px; } #menu-volvo li#v-xc90 a { width: 185px; } #menu-volvo li a:hover { text-decoration: none; color: #e81; } #menu-volvo li.sel a { color: #743813; background: #eee; cursor: default; } body.volvo #botones { height: 79px; background: white; margin-bottom: 3px; } body.volvo #botones li { display: inline; } body.volvo #botones li a { float: left; display: block; margin: 6px 0; height: 67px; width: 150px; text-transform: uppercase; color: #743813; font-family: 'VolvoBroadRegular', Arial, sans-serif; font-size: 28px; text-align: center; text-indent: 0; line-height: 67px; } body.volvo #botones li#bv-seguridad a { width: 254px; border-right: 1px solid #ccc;} body.volvo #botones li#bv-diseno a { width: 248px; border-right: 1px solid #ccc; } body.volvo #botones li#bv-sobre a { width: 256px; } body.volvo #botones li#bv-ford a { width: 180px; text-indent: -9999px; background: url(../images/ford-giorgi.png) no-repeat top left; margin: 0; height: 79px; } body.volvo #botones li a:hover { color: #888; text-decoration: none; } body.volvo #botones li.sel a{ color: #222; cursor: default; } body.volvo #menu-pie { height: 36px; background: url(../images/menu-pie-volvo-bg.png) no-repeat top left; margin-bottom: 3px; } body.volvo #menu-pie ul { padding-left: 157px; } body.volvo #menu-pie li { display: inline; } body.volvo #menu-pie li a { float: left; display: block; height: 36px; text-indent: -9999px; width: 150px; } body.volvo #menu-pie li#cv-0km a { width: 260px; } body.volvo #menu-pie li#cv-servicios a { width: 262px; } body.volvo #menu-pie li#cv-newsletter a { width: 261px; } body.volvo #main { height:420px; margin-bottom: 3px; } #slideshow-volvo { height: 421px; overflow: hidden; } #slideshow-volvo img { display: block; } .volvo-interna { width: 100%; height: 420px; position: relative; font: normal normal 10px/1.4 'FordAntennaLight', Arial, sans-serif; background: url(../images/fondo-volvo.jpg) no-repeat top left; } .volvo-interna h2 { color: #ad6739; font: normal normal 24px/1.2 'VolvoBroadRegular', Arial, sans-serif; text-transform: uppercase; margin: 36px 10px 15px;} .volvo-interna h4 { color: #ad6739; font: normal normal 10px/1.4 'FordAntennaBold', Arial, sans-serif; margin: 0px 10px 15px; font-weight: normal;} .volvo-interna p { margin-bottom: 1em; } .volvo-interna p strong { font-family: 'FordAntennaBold', Arial, sans-serif; font-weight: normal; } .volvo-interna li { margin-bottom: 1em; text-indent: 5px; background: url(../images/bullet3.png) no-repeat left 5px; } .volvo-interna .vicol1 { width: 265px; display: inline; float: left; margin-right: 60px; padding-left: 10px;} .volvo-interna .vicol2 { width: 265px; display: inline; float: left; margin-right: 60px; } .volvo-interna .vicol3 { width: 265px; display: inline; float: left; margin-right: 0px; } .volvo-interna .vtcol1 { width: 206px; display: inline; float: left; margin-right: 25px; padding-left: 10px;} .volvo-interna .vtcol2 { width: 206px; display: inline; float: left; margin-right: 25px; } .volvo-interna .vtcol3 { width: 215px; display: inline; float: left; margin-right: 25px; } .volvo-interna .vtcol4 { width: 206px; display: inline; float: left; margin-right: 0px; } .volvo-interna .vtcol1 h4, .volvo-interna .vtcol2 h4, .volvo-interna .vtcol3 h4, .volvo-interna .vtcol4 h4 { margin: 0px 0px 15px; } .volvo-interna .vdcol1 { width: 340px; display: inline; float: left; margin-right: 30px; padding-left: 10px;} .volvo-interna .vdcol2 { width: 340px; display: inline; float: left; margin-right: 0px; } .volvo-interna .fotos-diseno{ width: 179px; height: 351px; background: url(../images/fotos-diseno-volvo.jpg); position: absolute; bottom:0; right: 0; } .volvo-interna .fotos-seguridad { height: 96px; width: 100%; position: absolute; bottom: 0px; left: 0px; background: url(../images/seguridad.jpg);} /* MODELOS VOLVO */ body.volvo .modelo { width: 100%; height: 420px; position: relative; } body.volvo .modelo .info { height: 86px; color: white; padding: 5px 0px; position: absolute; font-family: 'VolvoSansLightRegular', Arial, Verdana, sans-serif; font-size: 11px; line-height: 16px; bottom: 0; left: 0; width: 100%;} body.volvo .modelo .accesorios { font-family: 'VolvoSansRegular', Arial, Verdana, sans-serif; font-size: 12px; position: absolute; top: 0; left: 505px; padding: 0px 10px; width: 415px; } body.volvo .modelo .info h2 { position: absolute; top: 4px; left: 0; margin: 0; width: 160px; text-align: right; text-transform: uppercase; font-family: 'VolvoBroadRegular', Arial, sans-serif; font-size: 48px; font-weight: normal; line-height: 1;} body.volvo .modelo .info h2 span { font-family: 'VolvoSansLightRegular', Arial, Verdana, sans-serif; } body.volvo .modelo .info ul.vcol1 { position: absolute; top: 7px; left: 180px; width: 150px; } body.volvo .modelo .info ul.vcol2 { position: absolute; top: 7px; left: 340px; width: 150px; } body.volvo .modelo .info ul li { background: url(../images/bullet1.png) no-repeat 0px 6px; padding-left: 6px; } body.volvo .modelo ul.pdf-icon { position: absolute; top: 7px; left: 240px; background: url(../images/pdf-icon.png) no-repeat top left; padding: 0px 0 5px 35px; min-height: 30px; height: auto!important; height: 30px; font-size: 12px; line-height: 15px; } body.volvo .modelo .wallpapers { padding: 7px; margin: 0px; } body.volvo .modelo .wallpapers img { display: block; float: left; } body.volvo .modelo .wallpapers p { clear: both; margin: 0px; font-size: 12px; line-height: 2;} .v-c30 { background: url(../images/c30.jpg) no-repeat top left; } .v-s40 { background: url(../images/s40.jpg) no-repeat top left; } .v-s60 { background: url(../images/s60.jpg) no-repeat top left; } .v-xc60 { background: url(../images/xc60.jpg) no-repeat top left; } .v-xc90 { background: url(../images/xc90.jpg) no-repeat top left; } .consultas-volvo { padding: 0 50px; } .consultas-volvo h2 { margin-left: 0; } body.volvo #consulta label { color: #743813; font-size: 12px; } body.volvo #newsletter label{ color: #eee; } body.volvo #consulta input, body.volvo #consulta textarea { background: white; color: #222; text-shadow: 0px 0px 0px #fff; } body.volvo #consulta button { background: #AD6739; text-shadow: 1px 1px 0px #743813; } body.volvo #consulta button:hover { background: #b86; }