body, img, h1, h2, h3, h4, h5, h6, p, form, ul, ol, li, td, th { margin:0; padding:0; } img { border: 0px; } table { border-collapse: collapse; } .cleaner {clear: both; font-size: 1px; } .cleaner_left {clear: left; font-size: 1px; } .hidden { display: none; } .hidden2 { visibility: hidden; } a span { display: none; } .upper { text-transform: uppercase; } .lower { text-transform: lowercase; } a { color: #cccccc; } a:Hover { text-decoration: none; } .right {float: right;} .left {float: left; } .textLeft { text-align: left; } .block { display: block; } body { background: #2f3243 url('bg.jpg') repeat-x; font-size: 11px; font-family: Trebuchet MS; color: #cccccc; text-align: center; } #wrapper { width: 971px; margin: 0 auto; background: url('bg.wrapper.jpg') right top no-repeat; text-align: left; } #top { width: 971px; height: 79px; overflow: hidden; } #top #logo { display: block; width: 328px; height: 52px; float: left; position: relative; top: 10px; left: 10px; } #top div { float: right; width: 220px; height: 15px; background: url('bg.top.loga.jpg') 40px 0px no-repeat; margin: 16px 14px 0px 0px; text-align: right; } #top div a { color: #93B7EE; text-decoration: none; margin-left: 25px; } #top div a:Hover { text-decoration: underline; } #top form { float: right; clear: right; margin: 8px 14px 0px 0px; _margin: 4px 9px 0px 0px } #top form input { width: 169px; height: 21px; padding: 4px 2px 1px 4px; background: url('bg.top.form.jpg') no-repeat; display: block; border: 0px; font-family: Arial; font-size: 14px; color: #555555; font-weight: bold; text-align: right; text-transform: uppercase; } #top form input.active { text-align: left; text-transform: none; color: #cccccc; font-weight: normal;} #banner { width: 971px; height: 256px; overflow: hidden; } #banner #box2 { position: absolute; } #banner .mask{ position:relative; width:971px; height:256px; overflow:hidden; } #banner .mask img{ position:absolute; display:block; border:none; } #banner ul { position: relative; top: -247px; z-index: 1000; display: block; } #banner ul li { border-right: 1px solid #66645e; display: block; float: left; height: 24px; _position: relative; _top: 0px; } #banner ul li a { font-family: Arial; font-size: 14px; font-weight: bold; text-decoration: none; color: white; text-transform: uppercase; display: block; margin: 5px 24px 0px 24px; Letter-spacing: -0.7px; } #banner ul li.last { border: 0px; } #banner ul li a:Hover { text-decoration: underline; } #banner ul li.selected a { text-decoration: underline; } #banner ul li.selected a:Hover { text-decoration: none; } body #wrapper #banner ul li.none { display: none; } body #wrapper #banner ul li.none a { display: none; color: green; } #copyright { clear: both; padding-top: 10px; text-align: center; color: #7b87a1; margin: 10px; border-top: 1px solid #5d667a; } #copyright a { color: #7b87a1; } #content { width: 971px; min-height: 250px; _height: 250px; } #katalog_vozu { height: 101px; width: 971px; background: url('bg.katalog-vozu.jpg') left bottom no-repeat; } #katalog_vozu h2 { color: #35405e; font-size: 14px; font-family: Arial; font-weight: bold; display: block; float: left; padding-left: 10px; background: url('ico.katalog-vozu.gif') left 1px no-repeat; text-transform: uppercase; line-height: 12px; letter-spacing: -0.7px; margin-left: 10px; } #katalog_vozu ul { list-style-type: none; display: block; float: left; clear: left; position: relative; top: -2px; } #katalog_vozu ul li { display: block; height: 91px; float: left; } #katalog_vozu ul li a { display: block; height: 91px; float: left; } #katalog_vozu ul li.selected, #katalog_vozu ul li a:Hover { background-image: url('bg.katalog-vozu.over.jpg'); } #katalog_vozu ul li.tab1 a { width: 81px; } #katalog_vozu ul li.tab1.selected, #katalog_vozu ul li.tab1 a:Hover { background-position: 0px 0px; } #katalog_vozu ul li.tab2 a { width: 64px; } #katalog_vozu ul li.tab2.selected, #katalog_vozu ul li.tab2 a:Hover { background-position: -81px 0px; } #katalog_vozu ul li.tab3 a { width: 91px; } #katalog_vozu ul li.tab3.selected, #katalog_vozu ul li.tab3 a:Hover { background-position: -145px 0px; } #katalog_vozu ul li.tab4 a { width: 101px; } #katalog_vozu ul li.tab4.selected, #katalog_vozu ul li.tab4 a:Hover { background-position: -236px 0px; } #katalog_vozu ul li.tab5 a { width: 109px; } #katalog_vozu ul li.tab5.selected, #katalog_vozu ul li.tab5 a:Hover { background-position: -337px 0px; } #katalog_vozu ul li.tab6 a { width: 83px; } #katalog_vozu ul li.tab6.selected, #katalog_vozu ul li.tab6 a:Hover { background-position: -446px 0px; } #katalog_vozu ul li.tab7 a { width: 76px; } #katalog_vozu ul li.tab7.selected, #katalog_vozu ul li.tab7 a:Hover { background-position: -529px 0px; } #katalog_vozu ul li.tab8 a { width: 74px; } #katalog_vozu ul li.tab8.selected, #katalog_vozu ul li.tab8 a:Hover { background-position: -605px 0px; } #katalog_vozu ul li.tab9 a { width: 78px; } #katalog_vozu ul li.tab9.selected, #katalog_vozu ul li.tab9 a:Hover { background-position: -679px 0px; } #katalog_vozu form { float: right; position: relative; top: 39px; left: -25px; } #katalog_vozu form select { width: 163px; border: 1px solid #56607b; color: #8996a9; font-size: 11px; padding: 1px; background-color: #2e3243; } #katalog_vozu form label { display: none; } body #wrapper .boxik { display: block; width: 370px; height: 143px; overflow: hidden; float: left; margin: 0px 14px 12px 0px; _margin: 0px 7px 6px 0px; &margin: 0px 7px 6px 0px; } body #wrapper .boxik img { padding: 1px; border: 3px solid #6a7b9b; float: left; display: block; width: 180px; height: 135px; } body #wrapper .boxik strong { display: block; background-color: #6a7b9b; padding: 5px; line-height: 18px; width: 182px; margin-left: 188px; _margin-left: 90px; &margin-left: 90px; _width: 170px; &width: 170px; max-height: 46px; } body #wrapper .boxik strong a { font-family: Arial; font-size: 12px; font-weight: bold; color: white; text-decoration: none; display: block; margin: 0px 10px 0px 5px; _margin: 0px 5px 0px 2px; &margin: 0px 5px 0px 2px } body #wrapper .boxik p { display: block; margin: 0px 0px 0px 200px; padding-top: 5px; color: #999999 } body #wrapper .boxik p.s { line-height: 14px; } body #wrapper .boxik p.light { color: #cccccc; } body #wrapper .boxik_selected {/* background-color: #383838;*/ cursor: pointer; } /*.boxik_selected strong { background-color: #61594a; } .boxik_selected img { border-color: #61594a; }*/ body #wrapper .boxik_selected img { background-color: #cccccc; } body #wrapper .boxik_selected strong a { text-decoration: underline; } body #wrapper .boxikb { display: block; width: 370px; height: 143px; overflow: hidden; float: left; margin: 0px 14px 12px 0px; _margin: 0px 7px 6px 0px; } body #wrapper .boxikb img { padding: 1px; border: 3px solid #6a7b9b; float: left; display: block; width: 180px; height: 135px; } body #wrapper .boxikb strong { display: block; background-color: #6a7b9b; padding: 5px; line-height: 18px; width: 182px; margin-left: 188px; _margin-left: 90px; &margin-left: 90px; _width: 170px; &width: 170px; max-height: 46px; } body #wrapper .boxikb strong a { font-family: Arial; font-size: 12px; font-weight: bold; color: white; text-decoration: none; display: block; margin: 0px 10px 0px 5px; _margin: 0px 5px 0px 2px; &margin: 0px 5px 0px 2px } body #wrapper .boxikb p { display: block; margin: 0px 0px 0px 200px; padding-top: 5px; color: #999999 } body #wrapper .boxikb p.s { line-height: 14px; } body #wrapper .boxikb p.light { color: #cccccc; } body #wrapper .boxik_selected {/* background-color: #383838;*/ cursor: pointer; } /*.boxik_selected strong { background-color: #61594a; } .boxik_selected img { border-color: #61594a; }*/ body #wrapper .boxik_selected img { background-color: #cccccc; } body #wrapper .boxik_selected strong a { text-decoration: underline; } body #wrapper .boxikc { display: block; width: 319px; height: 143px; overflow: hidden; float: left; margin: 0px 4px 12px 0px; _margin: 0px 2px 6px 0px; &margin: 0px 2px 6px 0px; } body #wrapper .boxikc img { padding: 1px; border: 3px solid #6a7b9b; float: left; display: block; width: 150px; height: 112px; } body #wrapper .boxikc strong { display: block; background-color: #6a7b9b; padding: 5px; line-height: 18px; width: 150px; margin-left: 158px; _margin-left: 75px; &margin-left: 75px; max-height: 46px; } body #wrapper .boxikc strong a { font-family: Arial; font-size: 12px; font-weight: bold; color: white; text-decoration: none; display: block; margin: 0px 10px 0px 5px; _margin: 0px 5px 0px 2px; &margin: 0px 5px 0px 2px } body #wrapper .boxikc p { display: block; margin: 0px 0px 0px 170px; padding-top: 5px; color: #999999 } body #wrapper .boxikc p.s { line-height: 14px; } body #wrapper .boxikc p.light { color: #cccccc; } body #wrapper .boxik2 { display: block; width: 190px; background-color: #29324a; margin-bottom: 1px; text-align: center; } body #wrapper .boxik2 img { border: 1px solid #6a7b9b; display: block; width: 180px; height: 135px; margin-left: 4px; } body #wrapper .boxik2 p { display: block; padding: 5px;} body #wrapper .boxik2 strong { display: block; background-color: #6a7b9b; padding: 5px; line-height: 18px; text-align: left; margin-bottom: 5px; max-height: 46px; } body #wrapper .boxik2 strong a { font-family: Arial; font-size: 12px; font-weight: bold; color: white; text-decoration: none; display: block; margin-left: 5px; } body #wrapper .boxik2_selected {/* background-color: #383838;*/ cursor: pointer; } /*.boxik_selected strong { background-color: #61594a; } .boxik_selected img { border-color: #61594a; }*/ body #wrapper .boxik2_selected img { border: 1px solid #cccccc; } body #wrapper .boxik2_selected strong a { text-decoration: underline; } /* HOME PAGE */ #content .homepage {} .homepage h1 { font-size: 11px; font-weight: normal; text-align: right; color: #CCCCCC; margin: 5px 10px 0px 0px;} .homepage #katalog_vozu { position: relative; top: -4px;} .homepage #left { width: 771px; float: left; } .homepage #left h2 { color: #6A7B9B; font-size: 14px; font-weight: bold; font-family: Arial; letter-spacing: -0.7px; text-transform: uppercase; position: relative; top: 3px; padding-left: 10px; background: url('ico.aktualni-nabidka.gif') left 3px no-repeat; clear: both; margin-left: 10px;} .homepage #left h2.light { color: #14161f; font-size: 14px; font-weight: bold; font-family: Arial; letter-spacing: -0.7px; text-transform: uppercase; position: relative; top: 3px; padding-left: 10px; background: url('ico.aktualni-nabidka.gif') left 3px no-repeat; clear: both; margin-left: 10px;} .homepage #left p { margin: 0px 20px 10px 0px; color: #cccccc} .homepage #left .underline_content { background: url('bg.newsletter.underline.gif') left top repeat-x; padding-top: 10px; } .homepage #right { width: 200px; float: right;} .homepage #right h2 { color: #222533; font-size: 14px; font-weight: bold; font-family: Arial; letter-spacing: -0.7px; text-transform: uppercase; position: relative; top: 3px; padding-left: 10px; background: url('ico.novinky.gif') left 3px no-repeat; margin-left: 10px;} .homepage #right .newsletter { color: #14161f; font-size: 14px; font-weight: bold; font-family: Arial; letter-spacing: -0.7px; text-transform: uppercase; position: relative; top: 3px; padding-left: 10px; background: url('ico.newsletter.gif') left 3px no-repeat; margin-top: 20px; display: block; margin-left: 10px; } .homepage #right .underline_content { background: url('bg.newsletter.underline.gif') left top repeat-x; padding-top: 10px; } .homepage #right h3 a { background-color: #222533; color: white; font-size: 12px; font-family: Arial; font-weight: bold; display: block; padding: 7px; margin-bottom: 5px; text-decoration: none; } .homepage #right h3 a:Hover { text-decoration: underline; } .homepage #right p { line-height: 14px; padding-right: 8px; } .homepage #right p img { margin-left: 5px; border: 2px solid #222533; padding: 1px; } .homepage #right p a:Hover img { background-color: #cccccc; } .homepage #right p span { color: #6d83a7; padding-right: 15px; } .homepage #right p .vice { color: #93b7ee; } .homepage #right form { padding: 20px 0px 20px 10px; background-color: #14161f; margin-top: 10px; } .homepage #right form .input { width: 163px; border: 1px solid #56607b; color: #8996a9; font-size: 11px; padding: 1px; background-color: #2e3243; } .homepage #right form .submit { font-size: 11px; margin: 3px 0px 0px 100px; } .homepage #right .aktualita img { float: left; margin: 15px 5px 5px 5px; border: 2px solid #736957; } #content .aktualniNabidka {} .aktualniNabidka h1 { color: #222533; font-size: 14px; font-weight: bold; font-family: Arial; letter-spacing: -0.7px; text-transform: uppercase; position: relative; top: 3px; padding-left: 10px; background: url('ico.novinky.gif') left 3px no-repeat; margin-left: 10px; background: url('bg.newsletter.underline.gif') left bottom repeat-x; padding-top: 10px; } .aktualniNabidka #katalog_vozu { position: relative; top: -4px;} #content.aktualniNabidka .boxik { width: 307px; } #content.aktualniNabidka .boxik strong { margin-left: 110px; } #content.aktualniNabidka .boxik img { width: 120px; height: 85px; } #content.aktualniNabidka .boxik strong a { margin-left: 5px; } #content.aktualniNabidka .boxik p { margin-left: 130px; } #content.aktualniNabidka form { margin: 0px 0px 20px 8px; } #content.aktualniNabidka form select { border: 1px solid #56607b; color: #8996a9; font-size: 11px; padding: 1px; background-color: #2e3243; margin-right: 30px; } #content.aktualniNabidka .strankovani { display: block; float: right;} #content.aktualniNabidka .strankovani span { display: block; float: left;} #content.aktualniNabidka .strankovani a { display: block; float: left; width: 15px; height: 15px; text-align: center} #content.aktualniNabidka .strankovani a.next { text-decoration: none; } #content.aktualniNabidka .strankovani a.prev { text-decoration: none; } .model #left #frmMamZajem { width: 370px; float: right; background: url('bg.model.popis.jpg') left 16px repeat-x; margin-top: 17px; clear: right; } .model #left #frmMamZajem h2 { color: #14161f; font-size: 14px; font-weight: bold; font-family: Arial; letter-spacing: -0.7px; text-transform: uppercase; position: relative; top: 3px; padding-left: 10px; background: url('ico.modelova-rada.gif') left 3px no-repeat; clear: both; margin-left: 10px; margin-bottom: 7px; } .model #left #frmMamZajem table { width: 100%; line-height: 18px; } #frmMamZajem { } #frmMamZajem label { display: block; float: left; width: 80px; position: relative; top: 2px; } #frmMamZajem .input { width: 163px; border: 1px solid #56607b; color: #8996a9; font-size: 11px; padding: 1px; background-color: #2e3243; } #frmMamZajem .textarea { width: 250px; height: 70px; border: 1px solid #56607b; color: #8996a9; font-size: 11px; padding: 1px; background-color: #2e3243; } #frmMamZajem .submit { font-size: 11px; margin-left: 80px; } #frmMamZajem div { margin-bottom: 8px;} /* ZNACKA */ #content .znacka {} .znacka #left { width: 771px; float: left; } .znacka #left .navigace { margin: 5px 0px 10px 15px; } .znacka #left .navigace a { color: #8996a9; text-decoration: none; } .znacka #left .navigace a:Hover { text-decoration: underline; } .znacka #left .navigace a.nav { padding-left: 20px; background: url('ico.nav.gif') 6px center no-repeat;} .znacka #left h1 { color: #8996a9; font-size: 14px; font-weight: bold; font-family: Arial; letter-spacing: -0.7px; text-transform: uppercase; position: relative; top: 3px; padding-left: 10px; background: url('ico.modelova-rada.gif') left 3px no-repeat; clear: both; margin-left: 10px; } .znacka #left h2 { color: #8996a9; font-size: 14px; font-weight: bold; font-family: Arial; letter-spacing: -0.7px; text-transform: uppercase; position: relative; top: 3px; padding-left: 10px; background: url('ico.historie.gif') left 3px no-repeat; clear: both; margin-left: 10px; } .znacka #left p { margin: 0px 20px 10px 0px;} .znacka #left .underline_content { background: url('bg.newsletter.underline.gif') left top repeat-x; padding-top: 10px; } .znacka #right { width: 190px; float: right;} .znacka #right .navigace { margin: 5px 15px 10px 0px; color: #8996a9; text-align: right; } .znacka #right .navigace a { color: #8996a9; text-decoration: none; } .znacka #right .navigace a:Hover { text-decoration: underline; } .znacka #right h2 { color: #8996a9; font-size: 14px; font-weight: bold; font-family: Arial; letter-spacing: -0.7px; text-transform: uppercase; position: relative; top: 3px; padding-left: 10px; background: url('ico.tipy.gif') left 3px no-repeat; margin-left: 10px; } /* stranka */ #content .stranka {} .stranka #left { width: 771px; float: left; } .stranka #left .navigace { margin: 5px 0px 10px 15px; } .stranka #left .navigace a { color: #8996a9; text-decoration: none; } .stranka #left .navigace a:Hover { text-decoration: underline; } .stranka #left .navigace a.nav { padding-left: 20px; background: url('ico.nav.gif') 6px center no-repeat;} .stranka #left h1 { color: #222533; font-size: 14px; font-weight: bold; font-family: Arial; letter-spacing: -0.7px; text-transform: uppercase; position: relative; top: 3px; padding-left: 10px; background: url('ico.modelova-rada.gif') left 3px no-repeat; clear: both; margin-left: 10px; } .stranka #left h2 { color: #222533; font-size: 14px; font-weight: bold; font-family: Arial; letter-spacing: -0.7px; text-transform: uppercase; position: relative; top: 3px; padding-left: 10px; background: url('ico.historie.gif') left 3px no-repeat; clear: both; margin-left: 10px; margin-bottom: 8px; } .stranka #left p { margin: 0px 20px 10px 0px;} .stranka #left .underline_content { background: url('bg.newsletter.underline.gif') left top repeat-x; padding-top: 10px; } .stranka #right { width: 190px; float: right;} .stranka #right .navigace { margin: 5px 15px 10px 0px; color: #8996a9; text-align: right; } .stranka #right .navigace a { color: #8996a9; text-decoration: none; } .stranka #right .navigace a:Hover { text-decoration: underline; } .stranka #right h2 { color: #8996a9; font-size: 14px; font-weight: bold; font-family: Arial; letter-spacing: -0.7px; text-transform: uppercase; position: relative; top: 3px; padding-left: 10px; background: url('ico.tipy.gif') left 3px no-repeat; margin-left: 10px; } /* model */ #content .model {} .model #left { width: 771px; float: left; } .model #left .navigace { margin: 5px 0px 10px 15px; } .model #left .navigace a { color: #8996a9; text-decoration: none; } .model #left .navigace a:Hover { text-decoration: underline; } .model #left .navigace a.nav { padding-left: 20px; background: url('ico.nav.gif') 6px center no-repeat;} .model #left #table { width: 370px; float: left; } .model #left #table .nadpis { color: #222533; font-size: 14px; font-weight: bold; font-family: Arial; letter-spacing: -0.7px; text-transform: uppercase; position: relative; top: 3px; padding-left: 10px; background: url('ico.modelova-rada.gif') left 3px no-repeat; clear: both; margin-left: 10px; } .model #left #table h1 { color: white; font-weight: bold; font-family: Arial; font-size: 18px; width: 370px; border-top: 3px solid #222533; padding-top: 10px; } .model #left h1.popo { color: white; font-weight: bold; font-family: Arial; font-size: 18px; width: 370px; padding-top: 10px; } .model #left #table table { line-height: 14px; margin-bottom: 10px; } .model #left #table table td { padding-right: 30px; } .model #left #table table th { font-weight: bold; font-family: Arial; padding: 10px 0px 3px 0px} .model #left #table a { color: #8996a9; } .model #left #foto { width: 370px; height: 299px; background-color: #6a7b9b; overflow: hidden; float: right; margin-top: 16px; } .model #left #foto #box3 { position: absolute; } .model #left #foto .mask{ position:relative; width:360px; height:269px; overflow:hidden; left: 4px; top: 4px; border: 1px solid #333333; } .model #left #foto .mask a { position:absolute; display:block; } .model #left #foto p { padding: 8px 0px 0px 10px; } .model #left #foto p span { float: right; margin-right: 5px; } .model #left #foto label { float: left; display: block; margin-right: 20px; } .model #left #foto a {display: block; float: left; width: 15px; height: 15px; margin-right: 10px; background: url('btn.player.jpg') left center no-repeat; } .model #left #foto #first { background-position: 3px center; } .model #left #foto #prev { background-position: -23px center; } .model #left #foto #next { background-position: -47px center; } .model #left #foto #last { background-position: -69px center; } .model #left #popis { width: 370px; float: left; background: url('bg.model.popis.jpg') left 16px repeat-x; margin-top: 20px; clear: left; } .model #left #nabidka { width: 370px; float: right; background: url('bg.model.popis.jpg') left 16px repeat-x; margin-top: 17px; clear: right; } .model #left #nabidka2 { width: 370px; float: right; background: url('bg.model.popis.jpg') left 16px repeat-x; margin-top: 17px; clear: right; } .model #left #popis h2, .model #left #nabidka h2 { color: #14161f; font-size: 14px; font-weight: bold; font-family: Arial; letter-spacing: -0.7px; text-transform: uppercase; position: relative; top: 3px; padding-left: 10px; background: url('ico.modelova-rada.gif') left 3px no-repeat; clear: both; margin-left: 10px; margin-bottom: 7px; } .model #left #nabidka2 h2 { color: #14161f; font-size: 14px; font-weight: bold; font-family: Arial; letter-spacing: -0.7px; text-transform: uppercase; position: relative; top: 3px; padding-left: 10px; background: url('ico.modelova-rada.gif') left 3px no-repeat; clear: both; margin-left: 10px; margin-bottom: 7px; } .model #left #popis p { line-height: 14px; } .model #left #nabidka table { width: 100%; line-height: 18px; } .model #left #nabidka2 table { width: 100%; line-height: 18px; } .model #left #popis ul {margin-left: 20px; } .model #right { width: 190px; float: right;} .model #right .navigace { margin: 5px 15px 10px 0px; color: #8996a9; text-align: right; } .model #right .navigace a { color: #8996a9; text-decoration: none; } .model #right .navigace a:Hover { text-decoration: underline; } .model #right h2 { color: #8996a9; font-size: 14px; font-weight: bold; font-family: Arial; letter-spacing: -0.7px; text-transform: uppercase; position: relative; top: 3px; padding-left: 10px; background: url('ico.tipy.gif') left 3px no-repeat; margin-left: 10px; } .aktualitaBoxik { padding: 20px 0px 10px 0px; float: left; width: 350px; } .aktualitaBoxik img { float: left; display: block; width: 75px; } .aktualitaBoxik h2 { float: left; display: block; width: 250px; } .aktualitaBoxik span { float: left;} .aktualitaBoxik p { float: left; display: block; }