/* CSS Document */ * {margin:0; padding:0;} html, body {background: #FFF; font-family: Arial, Helvetica, Sans Serif; font-size:11px;} table, img {border:0;} table { border-collapse:collapse; } ul,ol { list-style-position:inside;} #back {position: absolute; top:100px; background: #e6e6eb; width:100%; height: 355px; z-index:0;} #inner #back {height: 350px;} #inner.news #back {height: 230px;} #header {position:relative;font-family: Tahoma, Arial, sans-serif;width:780px; height:100px; z-index:5; background:url(../img/logo.gif) no-repeat 80px 20px;} p.logo {float:left;} p.logo a {display:block; width: 65px; height: 50px; margin: 20px 0 0 80px;} /**узкая полоска в шапке*/ #inner.tight #back {height: 160px;} #inner.tight #flash {height: 70px;} #inner.tight #main_menu {height: 20px;} /**блок с телефоном*/ .right_block {float:right; width:360px; height:80px;} .right_block ul { list-style:none;float:left;font-size:10px; padding: 10px 0 0 0;} .right_block ul li {float:left; border-right: 1px solid #878791; padding: 0 3px 0 3px;} .right_block ul li.right {border: none;} .right_block a {color:#878791; text-decoration: none;} .right_block a:hover {text-decoration: underline;} /**logo*/ #header h1 {position: relative;font-size:22px;width: 167px; height: 26px; float:right; padding:0 0 2px 0; z-index:1px;} #header2 h1 {position:relative;} #header2 h1 span {position: absolute; top:5px; left: 1px;display: block; width: 167px; height: 26px; background: url(../img/major_logo.gif) no-repeat; float:left;z-index:1px;} #header a.major_logo {position:absolute; top:100px; left: 580px; z-index:3; display:block; width:200px;height:75px;} .majorlogos {float:right; width:190px; } #tel {float:right; position: relative; font-size:19px; width: 147px; margin-left: 215px;z-index:1px;} #tel span {position: absolute; top:5px; left: 0px;display: block; width: 147px; height: 19px; background: url(../img/major_tel.gif) no-repeat;} #header h1.print {margin-top: 20px;} /**форма поиска*/ #form {float: left;padding: 7px 0 0 0; margin: 0;} /**верхнее меню */ #top_menu {width: 560px; z-index:5; list-style: none; clear:right; float:right; margin-top: 2px; font-size:9px;} #top_menu li {position: relative; float: left; padding: 0 0 3px 20px; z-index:5;} #top_menu li a {display: block; height:10px; padding: 0 0 10px 0; text-decoration:none; color:#8C8C8C; font-weight: bold;} #top_menu .item_1 {background:url(/img/top-menu/auto.gif) center no-repeat; width:69px;} #top_menu .item_2 {background:url(/img/top-menu/premier.gif) center no-repeat; width:111px;} #top_menu .item_3 {background:url(/img/top-menu/used.gif) center no-repeat; width:136px;} #top_menu .item_4 {background:url(/img/top-menu/service_zap.gif) center no-repeat;width:103px;} #top_menu .item_5 {background:url(/img/top-menu/service.gif) center no-repeat;width:37px;} #top_menu .item_1:hover, #top_menu .item_1.active {background:url(/img/top-menu/auto_on.gif) center no-repeat;} #top_menu .item_2:hover, #top_menu .item_2.active {background:url(/img/top-menu/premier_on.gif) center no-repeat;} #top_menu .item_3:hover, #top_menu .item_3.active {background:url(/img/top-menu/used_on.gif) center no-repeat;} #top_menu .item_4:hover, #top_menu .item_4.active {background:url(/img/top-menu/service_zap_on.gif) center no-repeat;} #top_menu .item_5:hover, #top_menu .item_5.active {background:url(/img/top-menu/service_on.gif) center no-repeat;} #top_menu li ul { list-style:none; float:left; padding: 0 3px 0 0;} #top_menu li ul li {float:none;} #top_menu li ul a {font-weight: normal; margin-bottom:1px; height:auto; padding:0px!important;} #sub_menu1, #sub_menu3, #sub_menu4, #sub_menu5 {display:none;position:absolute; left:0px; top:16px; background:#E6E6EB; border-top: 2px solid #fff; padding:0; width: 400px;z-index: 5; font-size:10px;} #sub_menu2 {display:none;position:absolute; left:0px; top:14px; border-top: 2px solid #fff; padding:0; width: 450px;z-index: 5; font-size:10px;} #sub_menu3 {left:-110px;} #sub_menu4, #sub_menu5 {left:-140px;} #top_menu a:hover {color: #000;} #top_menu li a.active {color: #000;} /**окончание верхнего меню*/ /**header*/ #header2 {position:relative; z-index:2; height:70px; width:780px; border-right: #FFF solid 1px;} #header2 h2 {float:left; font-size:18px; padding:40px 0 0 15px;} #header2 h2 span {display: block; font-size:15px; padding-top: 3px;} /**флешка или фотка*/ #flash {position:relative; z-index:2;background:#bbbbbf; height:260px;width:780px; border-right: #FFF solid 1px;} #inner.news #flash {height:140px;} /**основное меню для главной*/ #main_menu { list-style:none; font-family: Tahoma, Arial, sans-serif; font-size:11px; letter-spacing:0.01em; position: relative;z-index:2; width:780px; height:25px; background:#9999a3; border-right: #FFF solid 1px; line-height: 22px; } #main_menu .left {float:left; width: 210px;} #main_menu li {float: left; padding:3px 7px 0;margin:0px; font-weight: bold;} #main_menu li a {text-decoration: none; color: #f8f8f9; height:19px; display:block;} #main_menu .item_1 { background:url(/img/main-menu/polo_on.gif) no-repeat; width:22px; } #main_menu .item_2 { background:url(/img/main-menu/polosed_n.gif) no-repeat; width:96px; } #main_menu .item_3 { background:url(/img/main-menu/golf_on.gif) no-repeat; width:22px; } #main_menu .item_4 { background:url(/img/main-menu/scirocco_on.gif) no-repeat; width:40px; } #main_menu .item_5 { background:url(/img/main-menu/jetta_on.gif) no-repeat; width:24px; } #main_menu .item_6 { background:url(/img/main-menu/touran_on.gif) no-repeat; width:35px; } /*#main_menu .item_6 { background:url(/img/main-menu/eos_on.gif) no-repeat; width:17px; }*/ #main_menu .item_7 { background:url(/img/main-menu/passat_on.gif) no-repeat; width:33px; } #main_menu .item_8 { background:url(/img/main-menu/passatcc_on.gif) no-repeat; width:48px; } #main_menu .item_9 { background:url(/img/main-menu/touareg_on.gif) no-repeat; width:42px; } #main_menu .item_10 { background:url(/img/main-menu/phaeton_on.gif) no-repeat; width:41px; } #main_menu .item_11 { background:url(/img/main-menu/tiguan_on.gif) no-repeat; width:34px; } #main_menu .item_12 { background:url(/img/main-menu/commerc_on.gif) no-repeat; width:78px; } #main_menu .item_13 { background:url(/img/main-menu/spec_n.gif) no-repeat; width:78px; } #main_menu .item_1:hover { background:url(/img/main-menu/polo.gif) no-repeat; } #main_menu .item_2:hover { background:url(/img/main-menu/polosed_h.gif) no-repeat; } #main_menu .item_3:hover { background:url(/img/main-menu/golf.gif) no-repeat; } #main_menu .item_4:hover { background:url(/img/main-menu/scirocco.gif) no-repeat; } #main_menu .item_5:hover { background:url(/img/main-menu/jetta.gif) no-repeat; } #main_menu .item_6:hover { background:url(/img/main-menu/touran.gif) no-repeat; } /* #main_menu .item_6:hover { background:url(/img/main-menu/eos.gif) no-repeat; } */ #main_menu .item_7:hover { background:url(/img/main-menu/passat.gif) no-repeat; } #main_menu .item_8:hover { background:url(/img/main-menu/passatcc.gif) no-repeat; } #main_menu .item_9:hover { background:url(/img/main-menu/touareg.gif) no-repeat; } #main_menu .item_10:hover { background:url(/img/main-menu/phaeton.gif) no-repeat; } #main_menu .item_11:hover { background:url(/img/main-menu/tiguan.gif) no-repeat; } #main_menu .item_12:hover { background:url(/img/main-menu/commerc.gif) no-repeat; } #main_menu .item_13:hover { background:url(/img/main-menu/spec_h.gif) no-repeat; } #main_menu .comItem_1 { background:url(/img/main-menu/caddy.gif) no-repeat; width:32px; } #main_menu .comItem_2 { background:url(/img/main-menu/caddylife.gif) no-repeat; width:53px; } #main_menu .comItem_3 { background:url(/img/main-menu/transporter.gif) no-repeat; width:59px; } #main_menu .comItem_4 { background:url(/img/main-menu/caravelle.gif) no-repeat; width:48px; } #main_menu .comItem_5 { background:url(/img/main-menu/crafter.gif) no-repeat; width:35px; } #main_menu .comItem_6 { background:url(/img/main-menu/multivan.gif) no-repeat; width:49px; } #main_menu .comItem_7 { background:url(/img/main-menu/california.gif) no-repeat; width:49px; } #main_menu .comItem_8 { background:url(/img/main-menu/amarok.gif) no-repeat; width:41px; } #main_menu .comItem_9 { background:url(/img/main-menu/history.gif) no-repeat; width:42px; } #main_menu .comItem_10 { background:url(/img/main-menu/careport.gif) no-repeat; width:44px; } #main_menu .comItem_1:hover { background:url(/img/main-menu/caddy_on.gif) no-repeat;} #main_menu .comItem_2:hover { background:url(/img/main-menu/caddylife_on.gif) no-repeat;} #main_menu .comItem_3:hover { background:url(/img/main-menu/transporter_on.gif) no-repeat;} #main_menu .comItem_4:hover { background:url(/img/main-menu/caravelle_on.gif) no-repeat;} #main_menu .comItem_5:hover { background:url(/img/main-menu/crafter_on.gif) no-repeat;} #main_menu .comItem_6:hover { background:url(/img/main-menu/multivan_on.gif) no-repeat;} #main_menu .comItem_7:hover { background:url(/img/main-menu/california_on.gif) no-repeat;} #main_menu .comItem_8:hover { background:url(/img/main-menu/amarok_on.gif) no-repeat;} #main_menu .comItem_9:hover { background:url(/img/main-menu/history_on.gif) no-repeat;} #main_menu .comItem_10:hover { background:url(/img/main-menu/careport_on.gif) no-repeat;} #main_menu li a:hover {color: #DEDEE1;} #main_menu .left h3 {color: #fff; font-size:11px; padding: 2px 10px 0 15px; float:left; background:url(../img/arrow.gif) no-repeat 100% 60%;} /**основное меню для остальных*/ #inner #main_menu {background:#a0a0a4; height:20px; font-size:10px; border-right: #FFF solid 1px; line-height: 16px;} #inner #main_menu ul li {position: relative; float: left;;margin:0px; font-weight: bold; } #inner #main_menu h3 {color: #fff; font-size:11px; padding: 2px 10px 0 15px; float:left; background:url(../img/arrow.gif) no-repeat 100% 60%;} #inner #main_menu ul { list-style:none; float:left; border-right: #868686 solid 1px;} #main_menu ul a {float:left; text-decoration: none; color: #fff; display:block; border-left: #868686 solid 1px; height: 20px; line-height: 16px; padding:0 5px 0 8px;} #main_menu ul li a:hover, #main_menu ul li a.active, #drop .element a:hover {background:#868686; } #main_menu ul li ul {border: none;} #inner #main_menu li {padding:0;} #main_menu #drop .element a {font-weight:normal; font-size:11px; width:190px; border-left:none;padding:0 5px 0 5px; border-bottom: #868686 solid 1px; height: 20px; line-height: 16px;} .element {position: absolute; display:none; left: 0; top:20px;background: #a0a0a4; color: #fff; border-top: #868686 solid 1px;width:200px;} #inner #main_menu h3 {background:url(../img/arrow_right.gif) no-repeat 100% 70%;} /**содержание для главной*/ #main #content div.actions {float: left; width:180px; padding-right: 15px; margin-top:25px;} .actions h4 { height:20px; } #content {position:relative; float: left;width:585px; padding: 10px 0 0 15px;} #content h1 {font-size:16px; padding: 0 0 5px 0;} #content h2, #content h3 {color: #000; font-size: 15px; padding: 0 0 5px 0;} #content h4, #right_menu h4 {color: #74747b; font-size: 11px; padding-bottom: 7px;} #content p {padding-bottom: 10px;} #content a {color:#3e6da7; text-decoration:none;} #content .redC {color:red;} #right_menu {float:right;width:180px;margin: 10px 0 0 0; } #content a.next, .left a, .first a, #right_menu a {padding: 0 0 0 10px; color:#3e6da7; text-decoration:none; background:url(../img/bul01.gif) left center no-repeat;} .left a:hover, #right_menu a:hover {text-decoration:underline;} #content img {float:left;} .first { list-style:none;border-top: #ccccd1 solid 1px;} .col1 {margin: 0 0 0 15px;} .float {float:left; text-align:center;} .borderBot {border-bottom: 1px solid #CCCCD1; overflow: hidden;} /**содержание для внутренней*/ table.inr001, table.inr001 td {border-collapse: collapse; border: 1px solid #b0b0b0; padding: 5px;} .td_inr001_Head { list-style: background: #CCCCD1;} .td_inr001_001 { background: #F0F0F5;} #all {width:780px; float:left;} #main {width:780px;} #inner #main #content p {margin-bottom:3px;} #inner #main #content {float:right; width:570px;padding: 10px 0 0 0;} #inner #main #content img {margin: 0 10px 5px 0;} #inner #main #content img.right {float:right; padding:0 0 0 5px;margin:0px!important;} #main #content div.right {float:right;margin:0px;padding: 0px; width: 150px;} #inner #main #content h4 {color:#000;} p.left {float:left;} #content #bord {border-right:#9a999f solid 1px; width: 360px;} #content #photo {width: 450px;} #main #content #photo img {padding: 0; margin: 0 3px 3px 0;} #main #content a.pdf {padding: 0 15px 0 15px; background:url(../img/icon_pdf.gif) right center no-repeat;} #wallpapers {width:320px;float:left;} #wallpapers img {margin:0 10px 0 0!important;} #wallpapers p {float:left;padding:0!important;margin:0!important;} ul.photo {list-style:disc; margin-left: 15px;} ul.photo li {margin-bottom: 15px;} /**EOS.Цвета и декор салона**/ .table_eos_color { border: 1px solid #D7D7DD; border-collapse: collapse;} .table_eos_color th { color: black; padding: 7px 11px; text-align: left; background: #D7D7DD;} .table_eos_color .td_seraya { background: #F0F0F5; padding-left: 8px;} .table_eos_color .td_seraya img { padding: 9px 0;} .table_eos_color div.p { padding-left: 11px; padding-top: 5px; padding-bottom: 5px;} /*.table_eos_color table { padding-left: 11px!important;}*/ .table_eos_color table img { margin: 0!important; border: 1px solid #FFF;} /**весия для печати*/ #inner.print #main #content {width:600px;} #inner.print #main {width:600px;padding-left:15px;} #inner.print #header {width:600px;} #inner.print #footer {width:600px;} p.print {clear: both; margin-top: 20px;} /**содержание новостной ленты*/ .right_col {float:right;} #content h3.news, #content .date {color: #74747b; font-size: 11px;margin:0; padding: 0;} .date {color:#a0a0a4; font-family:Arial, Helvetica, sans-serif;} #content p a.right {float:right; padding: 0 0 0 10px; background:url(../img/bul02.gif) left center no-repeat!important;} #content a.right:hover {float:right;} #none {background:none!important;} .clear img {margin: 0 10px 0 0!important;} .clear {float:left; margin-bottom:10px; clear:both; width:570px;} .clear p {padding:0; margin:0 0 0 120px;} #content p.bottom {} /**отдельная новость*/ #content.news p.date {margin: 15px 0 0 0;padding: 0; } #content.news h4 {font-weight:normal; margin-top:0;} #content.news p {padding:0 0 15 0;} #content.news div {margin-top: 40px;} #content.news a {color: #3e6da7; text-decoration:none;} #content.news a:hover {text-decoration:underline;} #content.news h2 {margin-top: 70px;} #inner.news #main_menu {height:20px;} /**карта сайта*/ #siteMap {margin-top:10px; list-style:none;} #siteMap li {margin-bottom:8px} #siteMap li.lev1 {margin-left:10px;} #siteMap li.lev2 {margin-left:20px;} #siteMap li.lev3 {margin-left:30px;} #siteMap li.lev4 {margin-left:40px;} #siteMap li.lev5 {margin-left:55px;} #siteMap li.lev6 {margin-left:70px;} #siteMap a {padding: 0 0 0 10px;background:url(../img/bul01.gif) left center no-repeat;} /**faq*/ p.button {text-align:center; border: 1px solid #D2DBE7; padding: 3px 0 3px 0; margin-bottom: 20px!important; width: 100px; height: 10px;} h2.rubrics {margin-bottom: 40px} /**поиск*/ ol.search {margin:30px;} /**форма вопрос-ответ */ #form_question {margin-top: 10px;} #form_question label {float:left;width:65px;} #form_question input,#form_question select{width:200px; border: 1px solid #aeaeb0;margin-left: 5px;} #form_question textarea {width:200px; height: 11em;border: 1px solid #aeaeb0;margin-left: 5px;} #form_question em {color:red; font-weight: bold;} #form_question #submit {width: 110px; height: 25px;font-size: 13px;margin-left: 70px;} /**форма обратной связи */ #form #form_message {margin:0 0 20px 0;} #form #form_message input {width: 150px;float:left;} #form #form_message input.s {width:59px;float:left; border:none;margin:2px;} #form_message {margin: 30px 0 0 40px;} #form_message label {float:left;width:65px;margin-left: 30px; text-align: right;} #form_message input {width:400px; border: 1px solid #aeaeb0;margin-left: 5px;} #form_message textarea {width:400px; height: 11em;border: 1px solid #aeaeb0;margin-left: 5px;} #form_message em {color:red; font-weight: bold;} span.textarea {display: block;margin:10px 0 10px 100px; font-size: 10px;} #form_message #submit {width: 100px; height: 25px;font-size: 13px;} #submit_r {text-align: right; width: 500px;} #submit_r input {border:0; width:74px; height: 15px;} .red {color:red;} #sub {width: 110px; height: 25px;font-size: 13px;margin-left: 70px;} #test #but {width:200px; height:25px; font-size: 13px;} /**тестовая поездка*/ #test input, textarea {width: 250px; margin-bottom:5px; border:1px solid #ccc;} #test select {margin-bottom:5px;} /**правая колонка*/ #right_menu {width: 165px!important;} /**левая колонка*/ #inner #main .left {float: left;padding: 5px 0 0 5px;} #inner #main .left ul { list-style:none;} ul.left1 { list-style:none; padding:0 0 7px 5px!important; border-bottom:#ccccd1 solid 1px;line-height: 20px;} ul.left1 a {color:#a0a0a4; font-weight:bold; text-decoration:none; background:none; padding:0px;} ul.left1 a:hover, ul.left1 a.active {color:#000;} .left1 .lev2 { padding-left:20px; } .left ul ul {padding-top:8px;} .left h4 {color: #74747b; font-size: 11px;margin-top:12px;} .left p {margin:17px 0 0 0; padding:0px;} /*таблица с прайсОм */ table.simple {border-collapse:collapse; width:570px; border: 2px solid #ccc; text-align:center;} table.simple td {font-size:10px;} table.simple td, table.simple th {border: 1px solid #ccc; padding: 1px 0; text-align:center;} table.simple .gray {background: #eee; text-align:right;} table.simple .bord {border-right: 2px solid #ccc; } table.simple .text-left {text-align:left; padding:1px;} /**подвал*/ #footer {font-size:10px; position:relative; width:780px; height:30px; clear:both; color:#a19f9d; padding: 15px 0 0 0;} #footer a {color:#a19f9d; text-decoration:none; background: none;padding:0px;} #footer a:hover {text-decoration:underline;} #footer p.left {float:left; padding-left:20px; padding-bottom:40px;} #footer .right {float:right; width: 445px;} #footer .link { margin:5px 0;} p.left a:hover {text-decoration:none;} table.tech { border-collapse:collapse; width:100%; border: 1px solid #CCCCD1; } table.tech th, table.tech td { text-align:left; border: 1px solid #CCCCD1; border-width: 0 1px; padding: 4px; } table.tech th { background: #CCCCD1; font-weight: normal;} table.tech .gray { background: #F0F0F5; } table.price { border-collapse:collapse; } table.price td { border: 1px solid #000; border-width:0 1px 1px 0; padding: 3px;} table.price .right { border-right:none;} table.price .bottom { border-bottom:none;} .newstable { border-collapse:collapse; width: 100%;} .newstable td, .newstable th { border: 1px solid #ccc; padding:3px !important;} .newstable th { background: #ccc; color: #fff;} .newstable .left { width: 200px; font-weight: bold; float:none !important;} .pink { background:#fcc198; width:100%; margin:10px 0;} .pink td { vertical-align:middle; padding:15px;} .pink th { background:#f36f21;color: #fff; text-align:left; padding:0 5px; } .pink td, .pink th { border: 1px solid #fff; } .pink .right { text-align: right;} #content .pink img { float:none; } #content .pink ul { list-style-type:disc; list-style-position: inside; } .orange { color:#ff6600 !important; } .fiolet { color: #993366 !important;} h4.orange, h4.fiolet { font-size:13px!important;} .fioletbg { background: #D98C95; padding:8px; }