* { margin: 0; padding: 0; } body { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 11px; } h1 { font-size: 25px; margin-bottom: 15px; } h2 { font-size: 22px; margin-bottom: 10px; color: #F65F0E; font-style: italic; } h3 { font-size: 18px; color: #F65F0E; font-style: italic; } h4 { font-size: 12px; } hr { height:1px; border:none; border-top:1px solid #ccc; background:#ccc; } img { border: 0; vertical-align: middle; } a, a:visited { text-decoration: none; color: #00E; } a:hover { color: #009; } p { margin: 5px 0; text-align:justify; } table { border-spacing: 0; border-collapse: collapse; border: none; } caption { text-align: left; font-size: 1.4em; font-weight: bold; border-bottom: 1px dashed #CCC; margin-bottom: 5px; text-transform: capitalize; } td, th { vertical-align: top; } th { text-align: right; } input.text, textarea, select { border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; border-bottom:1px solid #DDD; padding: 3px 4px; background: #F0F0F0; } select { padding: 0; } input.required, textarea.requierd, select.required { border-width: 1px; } option { padding: 2px 5px; background: #FFF; } fieldset { border: 0; border-top: 1px dotted #000; padding: 10px 0 20px 0; } fieldset legend { font-size: 1.2em; padding-right: 5px; font-weight: bold; } .sIFR-flash { visibility: visible !important; margin: 0; position: relative; } .sIFR-flash span.sIFR-alternate { position: absolute; left: 0;top: 0; width: 0;height: 0;display: block;overflow: hidden; } .tachado {text-decoration:line-through; color: #666 !important; font-size: 12px;} .tachado *{text-decoration:line-through; color:#999; } .tachado .no-tachado{text-decoration:normal !important; } .tachado2 {text-decoration:line-through; color: #999 !important; font-size: 16px;} .tachado3 {text-decoration:line-through; color: #999 !important; font-size: 12px;} b.sdc{font-style:italic !important; color:#f60 !important;} b.verde{color:#0af20a !important; font-size:14px;} .super_oferta { color: #e01411 !important; font-weight: bold; } .super_oferta_info { color: #e01411 !important; } .super_oferta_sqr{border:2px solid #e01411; margin:20px 0; padding:15px 25px; background:#fff0f0 url('/images/ofertas/logo_superoferta_bkg.jpg') right bottom no-repeat;} .super_oferta_sqr p{font-size:11px;} .super_oferta_sqr h3{font-size:16px; font-style:normal; color:#e01411;} .super_oferta_sqr b{font-style:normal; color:#444;} .super_oferta_sqr b.sdc{font-size:11px; } .super_oferta_caducada td, .super_oferta_caducada td span, .super_oferta_caducada a{color:#aaa !important; text-decoration:line-through;} /* CLASES COMUNES -------------------------------------------------------------*/ label.error { color: #900; font-weight: bold; } table.form td,table.form th { padding: 2px 5px; vertical-align: top; } table.standard { margin: 10px 0 15px 0; width: 100%; } table.standard td, table.standard th { padding: 4px 5px; vertical-align: top; } table.standard th { width: 20%; color: #666; } ul.standard { padding: 10px 0 10px 20px; list-style: square; } p.important { font-weight: bold; } b, strong { color: #F65F0E; font-style: italic; font-weight: bold; } em {font-weight:bold; color:#444;} b.gray, strong.gray, span.gray {font-style:normal; color:#555;} b.big, strong.big { font-size: 1.5em; } h3.good { color: green; margin: 15px 0 5px 0; } h3.good img { margin-right: 5px; } div.text_content { padding: 25px 0px 10px 15px; } div.text_content p.intro {width:510px; color:#000000; font-size:11px;} div.text_content img.atencion_contacto {margin-top:10px; margin-bottom:15px;} div.text_content hr.my_line {margin-bottom:20px;} div.text_content table.atencion {width:100%;} div.text_content table.atencion tr td.puntos_atencion { width:150px; padding-left:2px;} div.text_content table.atencion tr td.puntos_atencion p {color:#000000; line-height:10px; font-size:11px; text-align:normal;} div.text_content table.atencion tr td.puntos_atencion p.bold {font-weight:bold; } div.text_content table.atencion tr td.puntos_atencion img {margin-top:15px;} div.text_content table.atencion tr td.separator { width:40px;} div.text_content hr.my_line2 {margin-top:20px; margin-bottom:20px;} div.text_content table.defensor {} div.text_content table.defensor tr td {} div.text_content table.defensor tr td.fto {width:220px;} div.text_content table.defensor tr td.sep {width:27px;} div.text_content table.defensor tr td.text {width:400px; line-height:17px;} div.text_content table.defensor tr td.text p {color:#000000; font-size:11px;} div.text_content table.defensor tr td.text p.fir {margin-bottom:14px;} span.small {font-size:11px; color:#666;} /*div.text_content p { line-height: 1.5em; margin:15px 0px; } div.text_content b, div.text_content strong { color:#444; font-style:normal; }*/ .clear { clear: both; } /* FORMULARIS */ #submitform input.error, #submitform textarea.error { border: 2px solid #900 !important; } /* PAGINACIÓN */ .paginacion { float: rigth; padding: 3px; margin:10px; text-align: right; } .paginacion a { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #2C2C2C; text-decoration: none; color: #fff; background: #2C2C2C url('/css/btn_paginacion_off.gif'); } .paginacion a:hover, .paginacion a:active { border: 1px solid #ff7d01; color: #FFF; background: #AAD83E url('/css/btn_paginacion_on.gif'); } .paginacion span.current { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #ff7d01; font-weight: bold; background: #AAD83E url('/css/btn_paginacion_on.gif'); color: #FFF; } .paginacion span.disabled { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #f3f3f3; color: #ccc; } table thead tr .sortable { background-image: url('/css/sort_asc_desc.gif'); background-repeat: no-repeat; background-position: center right; cursor: pointer; } table thead tr .headerSortUp { background-image: url('/css/sort_asc.gif') !important; } table thead tr .headerSortDown { background-image: url('/css/sort_desc.gif') !important; } table.listado { width: 100%; } table.listado thead tr { background: #FD8D03; color: #FFF; } table.listado thead th { text-align: left; padding: 2px 5px; } table.listado tbody tr.vh { cursor: pointer; } table.listado tbody tr.vh:hover { background: #FFE3BC; } table.listado tbody td { text-align: left; padding: 3px 5px; } /*** LISTADO DE VEHICULOS ***/ td.coche_link { text-align: right !important; } td.coche_link a:hover{ color:#f60; } #car_list { margin-bottom:30px; } #car_list tbody td.coche_link { width:100px; } #car_list span.icons { padding-left: 10px;} /*** FICHA VEHICULO ***/ #ficha{width:100%;} #ficha td.imagenes{width:230px; text-align:right;} #ficha td.imagenes a{ height:125px; width:250px; display:block; overflow:hidden; margin:10px 0 10px 30px; border:1px solid #ccc;} #ficha td.imagenes a img{ margin-top:0px;} #ficha td.contenido{padding-top:15px;} #ficha td.contenido h1{ color:#666; font-style:normal; margin-bottom:0px; font-size:20px;} #ficha td.contenido h2{ color:#333; font-style:normal; font-size:20px;} #ficha .main_info{width:100%; margin-top:20px;} #ficha .main_info td, #ficha .main_info th{padding:0 0px;} #ficha .main_info th{font-size:16px;} #ficha .main_info td.icons{ text-align: right; } #ficha .main_info th.precio{font-size:20px; width: 180px; } #ficha .main_info th.gray{ color:#999; font-size:18px; } #ficha .main_info th.precio img{ vertical-align:top; margin:3px 5px 0 0; } #ficha .main_info td.legal{width:180px; font-size:10px; color:#666; text-align:right; } #ficha .main_info a{color:#333;} #ficha_btns{ text-align:right; margin:13px 5px 10px 5px; border-top:1px solid #ddd; border-bottom:1px solid #ccc; padding:5px 0 8px 0; } #ficha_btns span{ width:90px; margin: 0 5px 0 5px; } #ficha_btns img{ margin:0px 5px -2px 5px; } #ficha_btns a{ text-align:right; color:#0000ee; font-size:12px; text-decoration:underline; } #letrapeq{ line-height:18px; margin-top:15px; } #letrapeq p{ margin:2px 2px 2px 2px; font-size:11px; line-height:14px; color:#666666; } #letrapeq p.title{ background:#fb7d00; background:#e3e7ea; padding:4px 10px 3px 10px; margin-top:8px; } #letrapeq p.title a{ margin-left:20px; color:#0000ee; font-size:11px;} #letrapeq p.title a:hover{ text-decoration:underline; } #letrapeq p.title img{ margin-bottom:-2px;} #letrapeq strong,em{ font-size:12px; color:#f65f0e; font-style:normal; } #letrapeq strong{font-size:12px; } #letrapeq em{font-weight:bold; font-style:normal; color:#666; } #letrapeq ul{ margin:0px; font-size:11px; margin-left:20px; padding-left:15px;} #ficha #equipamientos .equipamiento{ margin:5px; clear:both; } #ficha #equipamientos .equipamiento h2{font-size:16px; margin:0px; text-transform:uppercase; color:#c00; } #ficha #equipamientos .equipamiento b{ font-style:normal; color:#555; } #ficha #equipamientos .equipamiento em{ font-size:11px; text-align:right; display:block; font-weight:normal; margin:1px 0 5px 0; color:#444; background:#eee; padding:2px 10px 2px 0; font-style:normal; } #ficha #equipamientos .equipamiento .alert_rojo{border:2px solid #d30000; background:#ffd7d7; padding:5px 12px 15px 12px; margin:8px 0; } #ficha #equipamientos .equipamiento .alert_rojo ul{margin-top:10px; } #ficha #equipamientos .equipamiento .alert_verde{border:2px solid #006914; background:#e3ffe8; padding:5px 12px 15px 12px; margin:8px 0; } #ficha #equipamientos .equipamiento .alert_verde ul{margin-top:10px; } #ficha .equipamiento ul li{ list-style: none; list-style-position: outside; background:url('/css/li_bullet.gif') 2px 4px no-repeat;; border-bottom:1px solid #ccc; padding:2px 0px 2px 10px; } #ficha .equipamiento .accordion_toggler{line-height:30px; display:block; float:right; margin-bottom:15px;} #equipamientos .fotos_print a{margin:8px 15px; float:left;} #motivacion{ margin-top:15px; padding:10px 15px; border-top:2px solid #aaa; border-bottom:2px solid #aaa; } #motivacion h3{font-size:20px;} #motivacion h4{font-size:18px; color:#999 !important;} #motivacion p{font-size:16px; font-weight:bold; color:#666 !important;} #ficha_legal{ margin-top:25px; clear:both;} #ficha_legal ul{ list-style-type:none; font-size:9px; color:#777; padding-left:0px; margin-left:0px; } #ficha_legal li{ margin:5px; } #ficha_legal strong{ font-size:10px; } #ficha_legal a{ float:right; color:#000099; font-size:11px; margin:-20px 30px 0px 0px;} #ficha_legal a:hover{ text-decoration:underline; } /** CODIGO VIEJO **/ #ficha_fotos{ width:265px; float:right; text-align:left; margin-top:30px; _margin-top:15px; } #ficha_fotos .fichabig{ width:260px; overflow:hidden; } #ficha_fotos .photo_container .fichathumb{ margin:6px 0px 4px 0px; width:126px; overflow:hidden; float:left; } #ficha_fotos .photo_container .odd{ margin-right:8px;} #ficha_fotos .photo_container{ cursor:pointer; } #ficha_main{ width:430px; margin-top:10px; _margin-top:-15px;} #ficha_main th{width:150px; font-size:18px;} #ficha_frase{ margin:10px 0px 0px 0px; color:#000066; font-weight:bold; font-size:14px; font-style:italic;} .suspensivos{margin-left:10px;} .readmore{ color:#000099; float:right; margin:0px 10px 30px 0px; cursor:pointer; text-decoration:underline; } /* BTON CALL ME BACK DE PORTADA */ #call_me_now_final { height:63px; margin:20px 0; border:0px solid #E5E5E5; width:219px; } #call_me_now_final a {display:block; height:63px; overflow:hidden; } /* ############################################################################# LAYOUT ############################################################################# */ body { text-align: center; } #body { width: 980px; margin: auto; text-align: left; } /* HEADER ------------------------------------------------------------------*/ #header { padding: 20px 10px; } #header table { width: 100%; } #header td { height: 41px; } #header td h1, #header td span { display: none; } #header td.logo { width: 304px; background: url('/css/main.jpg') no-repeat; } #header td.support { width: 200px; } #header td.support a { margin-left: 24px; } #header td.free_phone { width: 163px; background: url('/css/main.jpg') no-repeat -643px -238px; } #header td.phone { width: 193px; background: url('/css/main.jpg') no-repeat -803px -236px; } /* TOOLBAR ------------------------------------------------------------------*/ #toolbar{ background: #FFA000 url('/css/main.jpg') no-repeat 0 -200px; height: 32px; } #toolbar ul { list-style: none; z-index: 1000; } #toolbar ul.main { margin-left: 10px; } #toolbar li { float: left; } #toolbar a { text-decoration: none; color:#333; } #toolbar li.separator { color: #FFF; display: block; width: 1px; height: 17px; background: #FFF; margin: 8px 5px; } #toolbar a.main { display: block; margin: 6px 0 0 0; line-height: 21px; font-weight:bold; padding: 0 5px; font-size: 12px; color: #FFF; } #toolbar a.main:hover, #toolbar li.main:hover a.main { background: #333 url('/css/menu_bg_hover.jpg') repeat-x; color: #FFF; } #toolbar li.sel a.main { background: #333 url('/css/menu_bg_hover.jpg') repeat-x; } #toolbar li ul { position: absolute; z-index: 100; left: -999em; height: auto; width: 190px; margin: 0 0 0 2px; background: #FFFFF7; padding: 2px 0; border: 1px solid #333; } #toolbar li ul li, #toolbar li.sel ul li { width: 100%; background: none; } #toolbar li ul li.split { line-height: 4px; display: block; } #toolbar li ul li.split span { background: #CCC; height: 1px; line-height: 1px; overflow: hidden; display: block; width: 98%; _width: 100%; margin: 0 2px; } #toolbar li ul a { padding: 2px 4px; display: block; margin: 2px; } #toolbar li ul a:hover { background: #E2E2E2; } #toolbar li:hover ul, #toolbar li.sfhover ul { left: auto; } #toolbar li ul ul { margin: -26px 0 0 150px; } #toolbar li:hover ul ul, #toolbar li.sfhover ul ul { left: -999em; } #toolbar li ul li:hover ul, #toolbar li ul li.sfhover ul { left: auto; } #toolbar ul.marcas a.marca span { display: block; float: left; width: 20px; height: 20px; background: url('/css/main.jpg'); margin: -2px 5px 0 0; } #toolbar ul.marcas a.audi span { background-position: -590px -178px; } #toolbar ul.marcas a.audi:hover span { background-position: -590px -159px; } #toolbar ul.marcas a.bmw span { background-position: -609px -178px; } #toolbar ul.marcas a.bmw:hover span { background-position: -609px -159px; } #toolbar ul.marcas a.chrysler span { background-position: -628px -178px; } #toolbar ul.marcas a.chrysler:hover span { background-position: -628px -159px; } #toolbar ul.marcas a.landrover span { background-position: -647px -178px; } #toolbar ul.marcas a.landrover:hover span { background-position: -647px -159px; } #toolbar ul.marcas a.mercedes span { background-position: -666px -178px; } #toolbar ul.marcas a.mercedes:hover span { background-position: -666px -159px; } #toolbar ul.marcas a.volkswagen span { background-position: -685px -178px; } #toolbar ul.marcas a.volkswagen:hover span { background-position: -685px -159px; } #toolbar ul.marcas a.volvo span { background-position: -704px -178px; } #toolbar ul.marcas a.volvo:hover span { background-position: -704px -159px; } #toolbar iframe {position:absolute;top:0;left:0;z-index:-1;filter:mask();width: 200px;height: 200px;} /* IE hack */ #toolbar ul.marcas a.marca_mini span {display: block; float: left; width: 20px; height: 20px; background: url('/css/mini.jpg'); margin: -2px 5px 0 0;} #toolbar ul.marcas a.mini span {background-position: -124px -131px;} #toolbar ul.marcas a.marca_mini:hover span {background-position: -124px -113px;} /* MENU ------------------------------------------------------------------*/ #menu { width: 219px; padding-bottom: 20px; } #menu h4.menu_search_h { display: block; height: 25px; } #menu h4.menu_search_h span { display: none; } #menu h4.menu_search_title { background: url('/css/main.jpg') -590px 0px; } #menu h4.menu_ofertas_title { background: url('/css/main.jpg') -792px 0px; } #menu h4.menu_basic_title { background: url('/css/main.jpg') -792px -27px; } #menu h4.menu_entrega_title { background: url('/css/main.jpg') -792px -55px; } #menu h4.menu_ocasion_title { background: url('/css/main.jpg') -792px -83px; } #menu h3 { font-size: 10px; } #menu_search { margin-bottom: 10px; } #menu_search div { overflow: hidden; } #menu_search table { width: 100%; margin-top: 5px; } #menu_search th { color: #FF6D00; text-align: left; font-weight: bold; vertical-align: middle; } #menu_search td { padding: 3px 0 0 10px; text-align: right; } #menu_search select { font-size: 11px; color: #333; background: #FFF; border: 1px solid #ccc; width: 105px; } #menu_search option { padding: 2px 2px 1px 2px; } #menu_search td.submit { padding-top:10px; } #btn_salon a{ display:block; margin:15px 0; width:219px; height:186px; background:url('/images/btn_salon.jpg') no-repeat;} #btn_salon a:hover{ background:url('/images/btn_salon_h.jpg') no-repeat;} div.menu_search_body { padding: 6px 15px; background: #F9F9F9; border: 1px solid #DDD; border-top:0; border-bottom: 0; } div.menu_search_top { height: 7px; background: url('/css/main.jpg') 0 -45px; } div.menu_search_bottom { height: 7px; background: url('/css/main.jpg') 0 -52px; _background: url('/css/main.jpg') 2px -52px; } div.menu_ofertas_body { padding: 6px 15px; background: #DAEBCB; border: 1px solid #4FCC25; border-top:0; border-bottom: 0;} div.menu_ofertas_body th{ color:#308600 !important;} div.menu_ofertas_top { height: 7px; background: url('/css/main.jpg') -750px -115px; } div.menu_ofertas_bottom { height: 7px; background: url('/css/main.jpg') -750px -127px; } div.menu_basic_body { padding: 6px 15px; background: #e8cccb; border: 1px solid #ae5654; border-top:0; border-bottom: 0; } div.menu_basic_body th{ color:#9c0816 !important;} div.menu_basic_top { height: 7px; background: url('/css/main.jpg') -750px -135px; } div.menu_basic_bottom { height: 7px; background: url('/css/main.jpg') -750px -147px; } div.menu_entrega_body { padding: 6px 15px; background: #cdd3e5; border: 1px solid #5869a6; border-top:0; border-bottom: 0; } div.menu_entrega_body th{ color:#2b6698 !important;} div.menu_entrega_top { height: 7px; background: url('/css/main.jpg') -750px -155px; } div.menu_entrega_bottom { height: 7px; background: url('/css/main.jpg') -750px -167px; } div.menu_ocasion_body { padding: 6px 15px; background: #FFF0B3; border: 1px solid #FFCC01; border-top:0; border-bottom: 0; } div.menu_ocasion_body th{ color:#f18e00 !important;} div.menu_ocasion_top { height: 7px; background: url('/css/main.jpg') -750px -175px; } div.menu_ocasion_bottom { height: 7px; background: url('/css/main.jpg') -750px -187px; } #menu_options { background: #F0F0F0; } #menu_options div { overflow: hidden; } #menu_options a { color: #000; } div.menu_options_top { height: 7px; background: url('/css/main.jpg') -270px -45px; } div.menu_options_bottom { height: 7px; background: url('/css/main.jpg') -270px -52px; } #menu_options a.menu_option { display: block; padding: 5px 10px; line-height: 20px; font-weight: bold; } #menu_options a.menu_option:hover { background: #FFF; } #menu_options a span { float: left; display: block; width: 25px; height: 25px; background: url('/css/main.jpg'); margin-top: -3px; margin-right: 5px; } #menu_options a.ofertas_especiales span { background-position: -590px -109px; } #menu_options a.ofertas_especiales:hover span { background-position: -590px -134px; } #menu_options a.lineas_basic span { background-position: -614px -109px; } #menu_options a.lineas_basic:hover span { background-position: -614px -134px; } #menu_options a.llevatelo_ahora span { background-position: -638px -109px; } #menu_options a.llevatelo_ahora:hover span { background-position: -638px -134px; } #menu_options a.vehiculos_ocasion span { background-position: -662px -109px; } #menu_options a.vehiculos_ocasion:hover span { background-position: -662px -134px; } #menu_options p.split { margin: 5px 0; padding: 0; height: 0px; overflow: hidden; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #FFF; } #menu_options ul { list-style: none; padding: 0 0 0 10px; } #menu_options li { background: url('/css/tick_orange.gif') no-repeat left center; padding: 0 10px 0 15px ; _border-bottom: 1px solid #F0F0F0; } #menu_options li a { display: block; padding: 4px 0; } #menu div.call_me_now a { display: block; height: 70px; width: 200px; background: url('/css/main.jpg') -590px -38px; margin-top: 8px; } /*CALL ME BACK 2*/ /* #menu div.call_me_now2 a { display: block; height: 59px; width: 219px; background: url('/css/call_me_2.jpg') top left no-repeat; margin-top:8px; } */ #menu div.call_me_now2 a { display: block; height: 59px; width: 219px; background: url('/css/call_me_hover.jpg') -1px 0px no-repeat; margin-top:8px; } #menu div.call_me_now2 a:hover {background: url('/css/call_me_hover.jpg') -221px 0px no-repeat;} /* CONTENTS ------------------------------------------------------------------*/ #contents { padding: 10px 0 5px 0; } #contents_box { width: 100%; } #contents_box_separator { width: 13px; } #contents_box_right { font-size: 12px; color: #444; } div.content_box { border: 1px solid #DDD; margin-top: 10px; position: relative; padding: 10px 0; } div.content_box div.tl, div.content_box div.bl, div.content_box div.tr, div.content_box div.br { position: absolute; height: 8px; width: 8px; overflow:hidden; background: url('/css/main.jpg'); } div.content_box div.tl { background-position: -250px -45px; top: -1px; left: -1px; _top:0px;} div.content_box div.bl { background-position: -250px -53px; bottom: -1px; left: -1px; } div.content_box div.tr { background-position: -258px -45px; top: -1px; right: -1px; _top:0px; _right:0px;} div.content_box div.br { background-position: -258px -53px; bottom: -1px; right: -1px; } /* FOOTER ------------------------------------------------------------------*/ #footer { padding: 20px 0; text-align: center; } #footer_contents { font-size: 10px; padding: 8px 0; width: 100%; border: 1px solid #DDD; position: relative; } #footer_contents * { color: #B3B3B3; } #footer_contents div { overflow: hidden; } #footer_contents div.tl, #footer_contents div.bl, #footer_contents div.tr, #footer_contents div.br { position: absolute; height: 7px; width: 7px; background: url('/css/main.jpg'); } #footer_contents div.tl { background-position: -230px -45px; top: -1px; left: -1px; } #footer_contents div.bl { background-position: -230px -52px; bottom: -1px; left: -1px; } #footer_contents div.tr { background-position: -237px -45px; top: -1px; right: -1px; } #footer_contents div.br { background-position: -237px -52px; bottom: -1px; right: -1px; } /* ############################################################################# INTRO ############################################################################# */ p.intro_split { margin: 10px 0; padding: 0; height: 0px; overflow: hidden; border-top: 1px solid #F0F0F0; } #intro_promo { height: 248px; width:746px; position: relative; background-repeat:none !important;} #intro_promo .info { display: none; } #intro_promo_flash { position: absolute; margin: -30px 0 0 265px; } #intro_marcas { padding: 0 10px; } #intro_marcas table { width: 100%; margin-top: 5px; } #intro_marcas td { text-align: center; } #intro_marcas a { display: block; width: 85px; height: 65px; background: url('/css/main.jpg'); } #intro_marcas a span { display: none; } #intro_marcas a.audi { background-position: 0px -133px; } #intro_marcas a.audi:hover { background-position: 0px -69px; } #intro_marcas a.bmw { background-position: -84px -133px; } #intro_marcas a.bmw:hover { background-position: -84px -69px; } #intro_marcas a.chrysler { background-position: -168px -133px; } #intro_marcas a.chrysler:hover { background-position: -168px -69px; } #intro_marcas a.landrover { background-position: -252px -133px; } #intro_marcas a.landrover:hover { background-position: -252px -69px; } #intro_marcas a.mercedes { background-position: -336px -133px; } #intro_marcas a.mercedes:hover { background-position: -336px -69px; } #intro_marcas a.volkswagen { background-position: -420px -133px; } #intro_marcas a.volkswagen:hover { background-position: -420px -69px; } #intro_marcas a.volvo { background-position: -504px -133px; } #intro_marcas a.volvo:hover { background-position: -504px -69px; } #intro_marcas a.intro_mini {background: url('/css/mini.jpg'); } #intro_marcas a.mini {background-position: 0px -51px;} #intro_marcas a.mini:hover { background-position: 0px 0px; } #intro_configurador { margin-top: 10px; background: url('/css/config_bkg.png'); width: 752px; overflow: hidden; } #intro_configurador a { position:relative; outline:none; left:400px; display: block; width: 331px; height: 106px; background: url('/css/config_bigbtn.png') no-repeat 0 0; } #intro_configurador a:hover { background-position:0px -106px; } #intro_configurador span { display: none; } #intro_salon {margin-top:10px;} #intro_coches_promo a { display: block; width: 360px; height: 100px; /*background: url('/css/promos.jpg');*/ } #intro_coches_promo a span { display: none; } #intro_coches_promo td { padding: 11px 0px; } #intro_coches_promo td.promo1 { border-right: 0px solid #F0F0F0; margin-right:12px; } #intro_coches_promo a.promo1 { background:url('/css/promos/01_3.png') no-repeat; width:374px; height:160px; } #intro_coches_promo a.promo2 {background:url('/css/promos/02_3.png') no-repeat; width:374px; height:152px; position: absolute; } #intro_festival a { display: block; width: 100%; height: 100px; background: url('/css/promos/promo_portada_scirocco.jpg') no-repeat; } #intro_festival a span { display: none; } #intro_ofertas_flash { position: absolute; margin: -25px 0 0 508px; } /* OPERACIÓN STOCK */ #operacion_stock { overflow: visible; padding-left: 6px; } #stock_moreinfo { position: absolute; margin: 148px 0 0 8px; } /* NOTICIAS */ #news_title { width: 100%; } div.new_box{ border-bottom:2px dotted #aaa; margin-bottom:20px;} div.new_box strong, div.new_box b{color:#444; font-style:normal;} div.new_box div.new_date { margin: 0 20px 10px 0; float: left; } div.new_box div.new_content { padding-bottom: 20px; } div.new_box table.calendar_day { background: url('/css/calendar.png') no-repeat; width: 80px; } div.new_box table.calendar_day td { text-align: center; vertical-align: center; font-weight: bold; } div.new_box table.calendar_day td.calendar_day_title { line-height: 25px; color: #FFF; } div.new_box table.calendar_day td.calendar_day_number { line-height: 55px; font-size: 24px; } div.new_box div.new_image { text-align: center; padding: 10px; } label.title { font-weight: bold; color: #333; font-size: 120%; } div.news_box_body { padding: 0 5px; background: #F9F9F9; border: 1px solid #DDD; border-top:0; border-bottom: 0; } table.news_box_top, table.news_box_bottom { width: 100%; } table.news_box_top td, table.news_box_bottom td { background: url('/css/main.jpg'); height: 7px; line-height: 1px; } table.news_box_top td.tl { background-position: 0 -45px; } table.news_box_top td.tr { background-position: -209px -45px; width: 10px; } table.news_box_bottom td.bl { background-position: 0 -52px; } table.news_box_bottom td.br { background-position: -209px -52px; width: 10px; } div.news_box a, div.news_box span { color: #000; font-size: 11px; } div.news_box ul { list-style: none; padding: 0 0 0 10px; } div.news_box li { background: url('/css/tick_orange.gif') no-repeat left center; padding: 0 10px 0 15px ; _border-bottom: 1px solid #F7F7F7; } div.news_box li a { display: block; padding: 4px 0; } div.news_box ul.split { border-bottom: 1px solid #CCC; margin-bottom: 5px; padding-bottom: 5px; } div.news_box li span.sel { color: #F60; } div.unsubscribe { padding: 0px 50px; } div.unsubscribe p { margin: 10px 0px; text-align: left; } div.unsubscribe p.error { margin-bottom: 30px; color: #BF2F2F; font-weight: bold; font-size: 0.9em; } div.unsubscribe p.error a { color: #FF6D00; } form.callmeback select {font-size:12px; margin:0px 3px !important;} /* LINKS FACEBOOK/TWITER*/ #social { width: 218px; height: 51px; background:url('/css/faceTwi.jpg') no-repeat; margin-top:15px; position:relative; } #social a.face { background:url('/css/face.jpg') no-repeat; border:0px solid green; width:32px; height:32px; display:block; position: absolute; top:9px; left:11px; } #social a.face:hover { background:url('/css/face_hover.jpg') no-repeat; } #social a.twit { background:url('/css/twit.jpg') no-repeat; border:0px solid blue; width:32px; height:32px; display:block; position:absolute; top:9px; left:45px; } #social a.twit:hover { background:url('/css/twit_hover.jpg') no-repeat; } #social span.text {position:absolute; top:28px; left:89px; color:#0762a2; } #social span.text a { color:#0762a2; } #social span.text a:hover {text-decoration: underline;} /*política de privacidad*/ #privacidad { margin: 5px 0px; } #privacidad input { margin-right:5px; } #privacidad input.error { border: 1px solid red;} #privacidad a { color: #000; font-size:10px;} #privacidad p { display:none !important; } /* ############################################################################# THICKBOX ############################################################################# */ #TB_window{ font:12px Arial,Helvetica,sans-serif; color:#333 } #TB_secondLine{ font:10px Arial,Helvetica,sans-serif; color:#666 } #TB_window a:link{color:#666} #TB_window a:visited{color:#666} #TB_window a:hover{color:#000} #TB_window a:active{color:#666} #TB_window a:focus{color:#666} #TB_closeWindowButton{ background:url('/css/close.gif') center left no-repeat; padding-left:18px; font-weight:bold; color:#FFF !important} #TB_inlineContent{display:none} #TB_overlay{position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%} .TB_overlayMacFFBGHack{background:url('/css/macFFBgHack.png') repeat} .TB_overlayBG{background-color:#eee; background: #FFA300; filter:alpha(opacity=85); -moz-opacity:0.75; opacity:0.85} * html #TB_overlay{ position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')} #TB_window{position:fixed; z-index:102; color:#000; display:none; text-align:left; top:50%; left:50%} * html #TB_window{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')} #TB_window img#TB_Image{display:block; margin:15px 0 0 15px; } #TB_window #TB_Image_box { background: #FFF; padding: 5px 0; height: 100%; } #TB_caption{height:25px; padding:7px 30px 10px 25px; float:left} #TB_Image_box #TB_caption { font-weight: bold; } #TB_closeWindow{height:25px; padding:11px 25px 10px 0; float:right} #TB_closeAjaxWindow{padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right} #TB_ajaxWindowTitle{float:left; padding-left: 25px; color:#FFF; font-weight: bold; font-size: 26px; } #TB_ajaxWindowTitle h1{font-size:16px; width:270px} #TB_title{ height:35px; overflow:hidden} #TB_ajaxContent{clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; background:url('/imgs/gray_deg4.gif') repeat-x} #TB_ajaxContent.TB_modal{padding:15px} #TB_ajaxContent h2{font-size:15px; line-height:16px} #TB_ajaxContent table{border:1px solid #ccc; margin-bottom:10px; background-color:#fff} #TB_ajaxContent table th{border-bottom:2px solid #aaa; line-height:15px; font-size:11px} #TB_ajaxContent table td{line-height:15px; padding:0px !important} #TB_ajaxContent strong{font-size:12px; margin:0px; color:#595; text-transform:uppercase} #TB_ajaxContent p{padding:0px; font-size:10px; margin:5px 0px 5px 0px; line-height:11px; color:#444} #TB_load{position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px} * html #TB_load{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')} #TB_HideSelect{z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%} * html #TB_HideSelect{ position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')} #TB_iframeContent{clear:both; border:none; margin: 0 0 -3px 0;} #TB_window_border { } #TB_window_header, #TB_window_footer { padding-right: 1px; } #TB_window_header table, #TB_window_footer table { width: 100%; } #TB_window_header td, #TB_window_footer td { height: 10px; overflow: hidden; line-height: 5px; } #TB_window_header td.middle, #TB_window_footer td.middle { background: #FFF; } #TB_window_header td.left, #TB_window_footer td.left, #TB_window_header td.right, #TB_window_footer td.right { background: url('/css/popup_borders.png') no-repeat; width: 20px; } #TB_window_header td.right { background-position: -30px 0; background: #FFF; } #TB_window_footer td.left { background-position: 0 -30px; background: #FFF; } #TB_window_footer td.right { background-position: -30px -30px; }h4{font-size:20px; font-weight:bold; font-style:italic;} .text_content ul{margin-left:30px;} b.sdc{font-style:italic !important; color:#f60 !important;} /* PROCEDIMIENTO COMERCIL Y FAQ */ .big_numbers{padding-left:25px;} .big_numbers th{ background:#f3f3f3 url('/css/li2.png') 15px 10px no-repeat; width:40px; padding:12px 0 0 10px; color:#fff; font-weight:bold; font-size:22px; text-align:center; } .big_numbers td{ background:#f3f3f3; padding:10px 20px 10px 10px; } .big_numbers td h4{ margin-top:5px; } .big_numbers td ul{margin-left:30px;} .big_numbers tr.no_bkg td{ background:none; height:20px;} .faq th{ background:#f3f3f3 url('/css/li.png') 32px 18px no-repeat;} ol{margin-left:35px;} /* PRESENTACION */ .cuadro_pres{ background:#f0f0f0 url('/css/bkg_presentacion.jpg') bottom right no-repeat; font-size:11px; line-height:12px; padding:3px 10px; } /* CLIENTES CONTENTOS */ /*#contents_box_right{width:590px;}*/ #caja_clientes {float:right; width:710px;} .box_happy { float:left; width: 140px; height:130px; background: #f9f9f9; border: 1px solid #e3e3e3; padding: 6px 8px 8px 8px; margin: 0 10px 15px 7px; /*_margin: 0 10px 15px 10px;*/ } .box_happy:hover { background: #ffb537 url('/css/bkg_cliente.jpg'); cursor: pointer; border: 1px solid #ccc; } .box_happy .nombre { font-weight:bold; font-size:14px; } .box_happy .foto { height: 70px; margin: 8px 0 10px 0; padding:5px; border:1px solid #bbb; background:#fff;} .box_happy .foto a { height: 70px; width: 128px; overflow: hidden; display:block; } .box_happy .foto a img { width: 128px; } .box_happy .datos_coche { font-weight:bold; } .box_happy .donde { font-size:11px; height:17px; overflow:hidden;} .paginacion{ margin-top:40px; } #lateral_clientes{padding:20px 0px 0 0; margin-right:10px; background:url('/css/bkg_clientes.jpg') right 190px no-repeat; height:700px;} #lateral_clientes p{font-size:12px; line-height:18px; margin:10px 0px;} /*** GARANTIA ***/ #garantia #logo{ float:right; width:64px; height:64px; background:url('/images/corporativa/coches_nuevos_marcas.jpg') top right no-repeat; } #garantia #logo.audi{background-position:0px 0px;} #garantia #logo.bmw{background-position:-62px 0px;} #garantia #logo.chrysler{background-position:-124px 0px;} #garantia #logo.landrover{background-position:-186px 0px;} #garantia #logo.mercedes{background-position:-248px 0px;} #garantia #logo.volkswagen{background-position:-310px 0px;} #garantia #logo.volvo{background-position:-372px 0px;} #garantia h2{margin-bottom:20px;} /*** CALCULADORA ***/ #calculadora{ padding:0px 20px 0px 20px; } #calculadora p{ text-align:justify; width:550px; margin:auto; margin-top:15px; margin-bottom:15px;} #calculadora strong{ color:#555;} #calculadora .cajamadrid{ color:#00FF00; font-weight:bold;} #calculadora em{ color:#f65f0e; } #calculadora table{ margin:auto; width:430px; } #calculadora thead{ font-size:14px; color:#666666; padding-left:5px;} #calculadora input, span{ font-size:14px; text-align:right; width:75px;} #calculadora input{ width:75px; background:url('/css/input_back.png') bottom repeat-x; font-weight:bold; color:#666666; letter-spacing:1px; border:1px solid #999;} #calculadora .resultados span{ display:block; float:left; margin-right:8px; } #calculadora .resultados{ padding:5px 15px 15px 15px; width:430px; margin:auto; margin-top:5px; background:url("/images/corporativa/calc_bkg.jpg") no-repeat;} #calculadora .resultados table{ width:420px;} #calculadora tr{ font-size:11px;} #calculadora tr td{ padding:2px; } #calculadora tr.cuota{ font-size:13px; color:#f65f0e; font-weight:bold; height:25px;} #calculadora tr.cuota td{ border-bottom:1px solid #CCCCCC;} #calculadora thead tr{ font-size:13px;} #calculadora #letrapeq{ font-size:11px; color:#666666; margin-top:10px; line-height:15px; background:none; } #calculadora #respaldado{ text-align:right; margin:25px 40px 0px 0px; font-weight:bold; color:#888; font-style:italic; } #calculadora #respaldado img{ margin-left:10px;} #calculadora #link, #link2{ text-align:right;} #link input, #link2 input{ border:none; background:none; color:#f65f0e; font-weight:bold; font-size:14px; font-style:italic; margin-right:75px; width:auto; cursor:pointer; } #calculadora #link a, #link2 a{ color:#f65f0e; font-weight:bold; font-size:14px; font-style:italic; margin-right:75px;} #calculadora .linknar{ color:#FF9900; font-weight:bold;} /*** OCASION ***/ #ocasion ul li {list-style:url('/css/li2.gif');} #ocasion #link_ver_listado{border-top:1px solid #ccc; } #ocasion #link_ver_listado a{font-weight:bold; font-size:12px; } #ocasion #link_ver_listado a img{margin-right:5px;} #ocasion ul.more_pad li {padding:3px 0;} /*** SALON 08 ***/ img.salon{border:1px solid #aaa; padding:2px;} /*** SALON 09 ***/ #salon09 {margin-left:10px; width:748px;} #salon09 .banner { margin-bottom:20px; } #salon09 .content{ padding:0px 0px 0 20px; width:350px; /*background:url('/images/corporativa/salones/plano_09.png') top right no-repeat;*/ } #salon09 .content p{padding-right:40px; text-align:left; margin:15px 0; font-size:12px;} #salon09 table img {border:1px solid #ccc; padding:3px; margin-bottom:12px; } #salon09 .content2{ margin-top:20px; padding:0px 130px 0 20px; } #salon09 a.foto_stand {width:210px; height:105px; display:block; float:right; position:relative; top:80px; right:20px; background:url('/css/pixel.gif');} /*** INFO Planes 2000E ***/ #plan2000E {} #plan2000E h2.title {margin:0 0 20px 10px;} #plan2000E #tabs-nav {margin:10px 0 0 5px;} #plan2000E #tabs-nav li a span{font-size:12px; padding-left:20px; padding-right:15px;} #plan2000E ul.big_list {margin:20px 0 0 10px; } #plan2000E ul.big_list li{ background:url('/css/li_big.png') no-repeat; list-style:none; padding:0 0 10px 45px; margin:0 0 5px 0px;} #plan2000E ul.big_list li b{font-size:18px; color:#666;} #plan2000E .listado a.coche_link {font-size:11px;} #plan2000E h3 {font-size:18px; font-style:normal;} /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .tabs-nav { display: none; } } /* Skin */ .tabs-nav { list-style: none; margin: 0; padding: 0 0 0 4px; } .tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } .tabs-nav li { float: left; margin: 0 0 0 1px; min-width: 84px; /* be nice to Opera */ } .tabs-nav a, .tabs-nav a span { display: block; padding: 0 10px; background: url('/css/tab.png') no-repeat; } .tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; color: #27537a !important; font-size: 12px; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ } .tabs-nav .tabs-selected a { color: #000 !important; } .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { background-position: 100% -150px; outline: 0; /* prevent dotted border in Firefox */ } .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active { background-position: 100% -100px; } .tabs-nav a span { width: 64px; /* IE 6 treats width as min-width */ min-width: 64px; height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding-top: 6px; padding-right: 0; } *>.tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; } .tabs-nav .tabs-selected a span { padding-top: 7px; } .tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span { background-position: 0 -50px; } .tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { background-position: 0 0; } .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .tabs-nav .tabs-disabled { opacity: .4; } .tabs-container { border-top: 1px solid #97a5b0; padding: 1em 8px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ } .tabs-loading em { padding: 0 0 0 20px; background: url('/css/loading.gif') no-repeat 0 50%; } * html .tabs-nav { display: inline-block; } * html .tabs-nav .tabs-disabled { position: relative; filter: alpha(opacity=40); } * html .tabs-nav .tabs-disabled a span { _height: 19px; min-height: 19px; } *:first-child+html .tabs-nav { display: inline-block; } *:first-child+html .tabs-nav .tabs-disabled { position: relative; filter: alpha(opacity=40); } *:first-child+html .tabs-nav .tabs-disabled a span { _height: 19px; min-height: 19px; }