/* http://www.mmb.cz/css/default.css */ /* accessibility */ #accessibility { display:none; } #accessibility h4 { display:none; } /* LINKY */ a { color:#0044aa; font-weight:bold; } a:visited { color:#0044aa; } a:hover, a:focus, a:active { color:#000000; } a img { border:none; } /* INDEX */ .index #drobecky { display:none; top:116px; } /* HEADER */ #header { position:relative; width:995px; height:165px; margin:0 auto; padding:0; } #header h1 { position:absolute; top:60px; left: 0; z-index: 1; margin:0; padding:0; font-size:36px; } #header h1 a { display:block; position:relative; width:995px; height:135px; padding:0; overflow:hidden; } #header h1 a span { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; margin:0; padding:0; background: url("../images/header-produkty.jpg") -14px -30px no-repeat; } #body_index #header { height:344px; } #body_index #header h1 a { height: 314px; } #body_index #header h1 a span { background-image: url("../images/header_motto.jpg"); } /* OBSAH STRANKY */ html, body { height: 100%; } body { height: 100%; margin:0; padding:0; background:#ffffff url("../images/top-back-pattern1.gif") center top repeat-x; text-align:center; overflow:-moz-scrollbars-vertical; } #body_index { background-image: url("../images/background.jpg"); } body>#page { height: auto; } #page { position:relative; width:995px; min-height:80%; height:100%; margin:0 auto; padding:0; text-align:left; } #middle-column { width: 955px; margin: 0 20px; clear: both; } #middle-column h2 { color:#0044AA; margin-bottom:12px; } #content-horni { position:absolute; top:165px; left:0; width:100%; height:35px; margin:0; padding:0; z-index: 1; text-align:left; float:left; } /*obsahuje hlavni menu */ #body_index #content-horni { top:344px; } #menu { position:relative; top:0; left:0; width:995px; height:35px; z-index:10; margin:0 auto; padding:0; font-size:14px; text-align:center; background: #d00601; } #kategorie { top:0; left:0; width:995px; height:191px; margin:0 auto; padding:0; font-size:14px; text-align:center; background: #eeeeee; } /* OBSAH akce+novinky */ #content-akce { position:absolute; top:570px; left:0; width:100%; height:390px; margin:0; padding:0; text-align:left; float:left; background:#ffffff; } #akce { top:0; left:0; width:976px; height:390px; margin:0 auto; padding:0; text-align:left; background:#ffffff; } #akce h2 span { visibility:hidden; height: 62px; margin: 0; padding: 0; } #akce #novinky { position:relative; top:0; left:0; margin:0; padding:0; width:238px; height:389px; float:left; text-align:left; background:#000000 url("../images/background_novinky.jpg") no-repeat;} #akce #novinky h2 { margin: 5px 0 5px 0; padding:0; line-height:40px; background: #860404 url("../images/akce_novinky.gif") no-repeat; color:#dd0000; font-size:15px; font-weight:normal; } #akce #novinky ul.new { margin: 5px 0 5px 0; padding:0; line-height:40px; background: #860404 url("../images/akce_novinky.gif") no-repeat; color:#dd0000; font-size:15px; font-weight:normal; } #akce ul.new span { visibility:hidden; } #akce #novinky p { margin:0; padding:0 10px 10px 60px; line-height:15px; color:#e5e3e6; font-size:10px; font-weight:normal; } #akce #novinky .all-news { margin:0; padding:0 10px 10px 10px; line-height:15px;} #akce #novinky .all-news a { color:#e5e3e6; font-size:10px; font-weight:normal;} #akce #novinky #datum { position:relative; top:0; left:0; text-align:center; margin:0 0 0 10px; padding:1px 3px 0 0 ; font-family:'Arial'; font-weight:normal; background: url(../images/background_kalendar.png) no-repeat left top; width:32px; float:left; } #akce #novinky #datum .day { display:block; font-size:20px; line-height:32px; color:#970605; padding:0; font-weight:normal; } #akce #novinky #datum .month { display:block; font-size:16px; line-height:32px; color:#ffffff; padding:0; font-weight:normal; text-transform: capitalize;} #akce #novinky a { margin:0; padding:0 5px 10px 0px; line-height:16px; color:#ffffff; font-size:12px; font-weight:bold; } #akce #novinky a:hover { color:#e5e3e6; } /* OBSAH znacky */ #akce #znacky { position:relative; top:0; left:0; margin:0 0 0 1px; padding:0; width:238px; height:389px; float:left; text-align:left; background:#980706 url("../images/background_novinky.jpg") no-repeat;} #akce #znacky p.title { display: block; height: 40px; margin:15px 0 0 0; padding:0; line-height:40px; background: #860404 url("../images/akce_znacky.gif") no-repeat; color:#dd0000; font-size:15px; font-weight:normal; } #akce #znacky p.title span { display: none; } #akce #znacky ul { margin:0 0 0 20px; padding:0; list-style-type:none; } #akce #znacky li { padding:0; text-align:left; } #akce #znacky a { display:block; position:relative; height:53px; margin:0; padding:0; color:#000000; text-decoration: none;text-align:center; float:left; overflow:hidden; } #akce #znacky a span { position:absolute; z-index: 10; top:0; left:0; width:197px; height:53px; margin:0; padding:0; background-repeat:no-repeat; } #akce #znacky a:hover span { background-position: 0 -53px; } #akce #znacky #marushin { width:197px; } #akce #znacky #marushin span { background-image: url("../images/znacka_marushin.gif"); } #akce #znacky #knox { width:197px; } #akce #znacky #knox span { background-image: url("../images/znacka_knox.gif"); } #akce #znacky #lookwell { width:197px; } #akce #znacky #lookwell span { background-image: url("../images/znacka_lookwell.gif"); } #akce #znacky #cold { width:197px; } #akce #znacky #cold span { background-image: url("../images/znacka_cold.gif"); } #akce #znacky #buffalo { width:197px; } #akce #znacky #buffalo span { background-image: url("../images/znacka_buffalo.gif"); } #akce #znacky #ebc { width:197px; } #akce #znacky #ebc span { background-image: url("../images/znacka_ebc.gif"); } #akce #znacky #termignoni { position: absolute; top:320px; right:21px; width: 65px;} #akce #znacky #termignoni span { background-image: url("../images/znacka_termignoni.gif"); } /* OBSAH clanky */ #content-text { position:absolute; top:960px; left:0; width:100%; height:85%; margin:0; padding:0; background:#ffffff url("../images/background_txt.gif") repeat-x; text-align:left; float:left; } #txt { top:0; left:0; width:995px; margin:0 auto; padding:19px 0 0 0; text-align:left; } #txt h2 span { visibility:hidden; } #txt h3 { margin:0; padding:0 15px 0 15px; line-height:16px; color:#0044aa; font-size:12px; font-weight:bold; } #txt h4 { margin:0; padding:0 15px 20px 15px; line-height:16px; color:#666666; font-size:11px; font-weight:bold; } #txt h5, #txt p.ask { margin:0; padding:0 0 0 15px; line-height:15px; color:#333333; font-size:11px; font-weight:bold; } #txt p { margin:0; padding:0 15px 10px 15px; line-height:15px; color:#333333; font-size:11px; font-weight:normal; } #txt img { margin: 3px 18px 25px 0; border:1px solid #e5e5e5; float:left; } #txt #nejctenejsi { position:relative; top:0; left:0; margin:0 1px 0 0; padding:0; width:249px; float:left; text-align:left; } #txt #nejctenejsi h2 { margin:0 0 15px 0; padding:0; line-height:40px; background: #e5e5e5 url("../images/txt_nejctenejsi.gif") no-repeat; color:#dd0000; font-size:15px; font-weight:normal; } #txt #nejnovejsi #contestsBox { margin-bottom: 15px;} #txt #nejnovejsi #contestsBox ul { list-style-type: none; margin-left: 0; padding-left: 15px;;} #txt #nejnovejsi h3#contentBoxTitle { margin:0 0 15px 0; padding:0; line-height:40px; background: #e5e5e5 url("../images/txt_contest.gif") no-repeat; color:#013a8e; font-size:15px; font-weight:normal; } #txt #nejnovejsi h3#contentBoxTitle span { visibility: hidden; } #txt #nejnovejsi { position:relative; top:0; left:0; margin:0 1px 0 0; padding:0; width:495px; float:left; text-align:left; } #txt #nejnovejsi h2 { margin:0 0 15px 0; padding:0; line-height:40px; background: #e5e5e5 url("../images/txt_nejnovejsi.gif") no-repeat; color:#013a8e; font-size:15px; font-weight:normal; } #txt #nejnovejsi ul.new { margin:0 0 15px 0; padding:0; line-height:40px; background: #e5e5e5 url("../images/txt_nejnovejsi.gif") no-repeat; color:#013a8e; font-size:15px; font-weight:normal; } #txt #nejnovejsi .clanek { position:relative; top:0; left:0; width:495px; height:auto; margin:0 0 5px 0; padding:0; clear:left; } #txt #nejnovejsi .vsechny-clanky{ float: right;} #txt #nejnovejsi .clanek h4 { margin:0; padding:0 0 0 15px; line-height:15px; color:#333333; font-size:11px; font-weight:bold; } #txt #nejnovejsi span.date { display: block; font-size: 0.8em; font-weight: bold; padding-left: 20px; } #txt #nejnovejsi .reklama { position: absolute; margin-top: 680px; } #txt #anketa { position:relative; top:0; left:0; margin:0; padding:0; width:249px; float:left; text-align:left; } #txt #anketa img { margin: 3px 0 0 0; border:none; float:none; } #txt #anketa h2 { margin:0 0 15px 0; padding:0; line-height:40px; background: #e5e5e5 url("../images/txt_anketa.gif") no-repeat; color:#dd0000; font-size:15px; font-weight:normal; } #txt #anketa td { margin:0; padding:15px 15px 0 15px; line-height:16px; color:#666666; font-size:11px; font-weight:bold; } #txt #anketa input { float: right; margin-top: 10px; } #txt #anketa ul.new { margin:0 0 15px 0; padding:0; line-height:40px; background: #e5e5e5 url("../images/txt_anketa.gif") no-repeat; color:#dd0000; font-size:15px; font-weight:normal;} #txt ul.new span { visibility:hidden; } /* FOOTER */ #bottom { width:100%; height:85px; text-align:center; background: url("../images/background_footer.gif") center top repeat-x; float:left; clear:both } #body_index #bottom { position: relative; margin-top: 1040px; } #body_produkty #bottom { margin-top: 30px; } /* #bottom { position:absolute; bottom:46px; left:0; width:100%; text-align:center; background: #143ca9 url("../images/background_footer.gif") center top repeat-x; float:left; clear:both } */ #footer { position:relative; top: 0; left:0; width:995px; height:41px; margin:0 auto; padding: 0; color:#ffffff; font-size:10px; font-weight:bold; } #footer_bottom { position:relative; top: 0; left:0; width:995px; height:41px; margin:0 auto; padding: 0 0 0 25px; color:#DBE2FD; font-size:11px; font-weight:bold; } #footer_bottom p {padding: 10px 0 40px 0px; color:#143ca9} #footer_bottom a { color:#143ca9; padding-right:0px; text-decoration:none; font-size:11px;} #footer_bottom a:hover { color:#143ca9; font-size:11px;} #footer_bottom p {line-height: 1.5em;} #zapati { display:none; } .texty { position:absolute; top:13px; left:75px; } .copyright { position:absolute; top:13px; right:58px; } #footer a { color:#ffffff; padding-right:20px; text-decoration:none; } #footer a:hover { color:#e1e8fc; } /* HLAVNI MENU */ #menu h3 { display:none; } #menu p { display:none; } #menu-left-side { position:absolute; top:0; left:0; width:170px; height:35px; margin:0; padding:0; background: url("../images/menu_left.jpg") top right no-repeat; } #menu-right-side { position:absolute; top:0; left:829px; width:166px; height:35px; margin:0; padding:0; background: url("../images/menu_right.jpg") top left no-repeat; } #menu ul { margin:0 0 0 170px; padding:0; list-style-type:none; } #menu li { display:inline; padding:0; text-align:left; } #menu a, #menu span.nohref { display:block; position:relative; height:35px; margin:0; padding:0; color:#ffffff; text-decoration:none; text-align:center; float:left; overflow:hidden; } #menu a span, #menu span.nohref span { position:absolute; top:0; left:1px; z-index:2; width:100%; height:35px; margin:0; padding:0; background-repeat: no-repeat; } #menu a:hover span { background-position: 0 -35px; } #menu-spolecnost { width:143px; } #menu-spolecnost span { left:0; background-image: url("../images/menu_spolecnost.gif"); } #menu-produkty { width:181px; } #menu-produkty span { background-image: url("../images/menu_produkty.gif"); } #menu-bazar { width:78px; } #menu-bazar span { background-image: url("../images/menu_bazar.gif"); } #menu-podporujeme { width:146px; } #menu-podporujeme span { background-image: url("../images/menu_podporujeme.gif"); } #menu-kontakt { width:112px; } #menu-kontakt span { background-image: url("../images/menu_kontakt.gif"); } #menu li ul { position:absolute; top:35px; z-index:10; visibility:hidden; width:180px; background:#0044AA; } #menu li:hover ul { visibility:visible; } #menu li ul.show, #menu li:hover ul.hide { visibility:visible; } #menu li ul.hide { visibility:hidden; } #spolecnost { left:0; } #produkty_ul { left:142px; } #bazar_ul { left:324px; } #podporujeme_ul { left:424px; } #kontakt_ul { left:524px; } #menu li ul li { display:list-item; width:100%; height:auto; margin:0; } #menu li ul li.first_item { margin-top:5px; } #menu li ul li.last_item { margin-bottom:5px; } #menu li ul li.menu-item-heading { background:#003c95; border-top:3px solid #1661D2; } #menu li ul li a { display:block; height:100%; margin:0; padding:0 10px 0 10px; background:none; font-size:10px; text-transform:uppercase; float:none; } #menu li ul li a:hover, #menu li ul li a:focus, #menu li.active ul li a { background:#1661D2; } /* HOMEPAGE OBRAZKOVE PODMENU - Kategorie*/ #kategorie h3 { display:none; } #kategorie ul { margin:0; padding:0; list-style-type:none; } #kategorie li { display:inline; padding:0; text-align:left; } #kategorie a { display:block; position:relative; height:191px; margin:0; padding:0; color:#000000; text-decoration: none;text-align:center; float:left; overflow:hidden; } #kategorie a span { position:absolute; top:0; left:0; width:100%; height:191px; margin:0; padding:0; background-repeat:no-repeat; } #kategorie a:hover span { background-position: 0 -191px; } #kategorie #motocykly { width:148px; } #kategorie #motocykly span { background-image: url("../images/kategorie_motocykly.jpg"); } #kategorie #motocykly_ul { left: 10px; } #kategorie #skutry { width:140px; } #kategorie #skutry span { background-image: url("../images/kategorie_skutry.jpg"); } #kategorie #skutry_ul { left: 158px; } #kategorie #atv { width:140px; } #kategorie #atv span { background-image: url("../images/kategorie_atv.jpg"); } #kategorie #atv_ul { left: 288px; } #kategorie #obleceni-yamaha_ul { left: 428px; } #kategorie #obleceni { width:140px; } #kategorie #obleceni span { background-image: url("../images/kategorie_obleceni.jpg"); } #kategorie #obleceni_ul { left: 418px; } #kategorie #doplnky { width:139px; } #kategorie #doplnky span { background-image: url("../images/kategorie_doplnky.jpg"); } #kategorie #doplnky-yamaha_ul { left: 568px; } #kategorie #bulletproof { width:140px; } #kategorie #bulletproof span { background-image: url("../images/kategorie_bulletproof.jpg"); } #kategorie #bulletproof_ul { left: 697px; } #kategorie #yamalube { width:148px; } #kategorie #yamalube span { background-image: url("../images/kategorie_w2.jpg"); } #kategorie #yamalube_ul { left: 847px; } #kategorie li { display:inline; padding:0; text-align:left; } #kategorie li ul li { display:list-item; width:100%; height:auto; margin:0; } #kategorie li ul li.first_item { margin-top:5px; } #kategorie li ul li.last_item { margin-bottom:5px; } #kategorie li ul li.menu-item-heading { background:#003c95; border-top:3px solid #1661D2; } #kategorie li ul li a { color: #ffffff; display:block; height:100%; margin:0; padding:0 10px 0 10px; background:none; font-size:10px; text-transform:uppercase; float:none; } #kategorie li ul li a:hover, #menu li ul li a:focus, #menu li.active ul li a { background:#1661D2; } #kategorie li ul { position:absolute; top: 90px; z-index:3; visibility:hidden; width:150px; background:#0044AA; } #kategorie li:hover ul { visibility:visible;} #kategorie li ul.show, #kategorie li:hover ul.hide { visibility:visible; } #kategorie li ul.hide { visibility:hidden; } /* SUBPAGE OBRAZKOVE PODMENU - Kategorie*/ #kategorie_ostat h3 { display:none; } #kategorie_ostat ul { margin:0; padding:0; list-style-type:none; } #kategorie_ostat li { display:inline; padding:0; text-align:left; } #kategorie_ostat a { display:block; position:relative; height:40px; margin:0; padding:0; color:#000000; text-decoration: none;text-align:center; float:left; overflow:hidden; } #kategorie_ostat a span { position:absolute; top:0; left:0; width:100%; height:40px; margin:0; padding:0; background-repeat:no-repeat; } #kategorie_ostat a:hover span { background-position: 0 -40px; } #kategorie_ostat #motocykly { width:148px; } #kategorie_ostat #motocykly span { background-image: url("../images/kategorie_motocykly.jpg"); } #kategorie_ostat #motocykly_ul { left: 10px; } #kategorie_ostat #skutry { width:140px; } #kategorie_ostat #skutry span { background-image: url("../images/kategorie_skutry.jpg"); } #kategorie_ostat #skutry_ul { left: 158px; } #kategorie_ostat #atv { width:140px; } #kategorie_ostat #atv span { background-image: url("../images/kategorie_atv.jpg"); } #kategorie_ostat #atv_ul { left: 278px; } #kategorie_ostat #obleceni { width:140px; } #kategorie_ostat #obleceni span { background-image: url("../images/kategorie_obleceni.jpg"); } #kategorie_ostat #obleceni_ul { left: 418px; } #kategorie_ostat #doplnky { width:139px; } #kategorie_ostat #doplnky span { background-image: url("../images/kategorie_doplnky.jpg"); } #kategorie_ostat #doplnky_ul { left: 557px; } #kategorie_ostat #bulletproof { width:140px; } #kategorie_ostat #bulletproof span { background-image: url("../images/kategorie_bulletproof.jpg"); } #kategorie_ostat #bulletproof_ul { left: 697px; } #kategorie_ostat #w2 { width:148px; } #kategorie_ostat #w2 span { background-image: url("../images/kategorie_w2.jpg"); } #kategorie_ostat #w2_ul { left: 945px; } #kategorie_ostat li { display:inline; padding:0; text-align:left; } #kategorie_ostat li ul li { display:list-item; width:100%; height:auto; margin:0; } #kategorie_ostat li ul li.first_item { margin-top:5px; } #kategorie_ostat li ul li.last_item { margin-bottom:5px; } #kategorie_ostat li ul li.menu-item-heading { background:#003c95; border-top:3px solid #1661D2; } #kategorie_ostat li ul li a { color: #ffffff; display:block; height:100%; margin:0; padding:0 10px 0 10px; background:none; font-size:10px; text-transform:uppercase; float:none; } #kategorie_ostat li ul li a:hover, #menu li ul li a:focus, #menu li.active ul li a { background:#1661D2; } #kategorie_ostat li ul { position:absolute; top: 90px; z-index:3; visibility:hidden; width:150px; background:#0044AA; } #kategorie_ostat li:hover ul { visibility:visible;} #kategorie_ostat li ul.show, #kategorie_ostat li:hover ul.hide { visibility:visible; } #kategorie_ostat li ul.hide { visibility:hidden; } /* MENU - TOP */ #menu-top { position: absolute; top: 0; left: 95px; width: 830px; height: 60px; margin: 0; padding: 0; background: url("../images/top-links-back.gif") repeat-x; font-size: 10px; } #menu-top ul { margin: 0 0 0 0; padding: 0; list-style-type: none; } #menu-top li { display: inline; height: 60px; } #menu-top a { display: block; position: relative; padding: 38px 0 0 0; color: black; background: url("../images/top-links.gif") repeat-x; text-decoration: none; text-align: center; float: left; font-weight: normal; } #menu-top a span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 30px; margin: 0; padding: 0; background-position: center top; background-repeat: no-repeat; cursor: pointer; } #menu-top a:hover span { height: 35px; } #cold-killers-top { width:100px; } #cold-killers-top span { background-image: url("../images/menu_top-coldkillers.gif"); } #ebc-brakes-top { width:65px; } #ebc-brakes-top span { background-image: url("../images/menu_top-ebc.gif"); } #knox-top { width:70px; } #knox-top span { background-image: url("../images/menu_top-knox.gif"); } #lookwell-top { width:90px; } #lookwell-top span { background-image: url("../images/menu_top-lookwell.gif"); } #mmb-top { width:70px; } #mmb-top span { background-image: url("../images/menu_top-mmb.gif"); } #marushin-top { width:92px; } #marushin-top span { background-image: url("../images/menu_top-marushin.gif"); } #termignoni-top { width:109px; } #termignoni-top span { background-image: url("../images/menu_top-termignoni.gif"); } #buffalo-top { width:67px; } #buffalo-top span { background-image: url("../images/menu_top-buffalo.gif"); } #w2boots-top { width: 77px; } #w2boots-top span { background-image: url("../images/top-w2.gif"); } #bulletproof-top { width: 90px; } #bulletproof-top span { background-image: url("../images/top-bulletproof.gif"); } #menu-top-left-side { position: absolute; top: 0; left: 0; z-index: 1; width: 33px; height: 30px; margin: 0; padding: 0; background: url("../images/top-menu-left-side.jpg") no-repeat; } #menu-top-right-side { position: absolute; top: 0; left: 840px; z-index: 1; width: 33px; height: 30px; margin: 0; padding: 0; background: url("../images/top-menu-right-side.jpg") no-repeat; } /* SEARCH */ #quick-menu { position:absolute; top:200px; left:10px; z-index:1; width:250px; height:42px; margin:0; padding:0; background: url("../images/quick-menu-back.gif") no-repeat; } #body_index #quick-menu { top:302px; background-image: url("../images/quick-menu-back-index.gif"); } #quick-menu form { margin:0; } #hledat { } #s-label { display:block; position:absolute; top:14px; left:10px; width:12px; height:12px; overflow:hidden; } #s-label span { position:absolute; top:0; left:0; z-index:4; width:100%; height:100%; margin:0; padding:0; background: url("../images/search-magnifier.gif") no-repeat; cursor:pointer; } #s-label span.hidden { display:none;} #s { position:absolute; top:13px; left:28px; z-index:4; width:88px; height:16px; margin:0; padding:0; border:1px #D8D8D8 solid; } #button-ok { position:absolute; top:14px; left:122px; z-index:4; } /* ICONS */ #icons { position: absolute; top: 9px; left: 155px; } #icons a { display: block; float: left; width: 29px; height: 26px; background-repeat: no-repeat; background-position: left center; } #icons a span { display: none; } #sitemap { background-image: url('../images/icon-sitemap.gif'); } #print { background-image: url('../images/icon-print.gif'); } #home { background-image: url('../images/icon-home.gif'); } /* DROBECKOVA NAVIGACE */ #drobeckova_navigace { position:absolute; top:216px; left:280px; z-index:1; margin:0; padding:0; } /* PRODUCTS */ #content .products { padding: 0 55px; } .produkty #content { margin: 97px 0 42px 72px; } .produkt { position: relative; width: 270px; height: 330px; margin: 12px 18px 12px 6px; float: left; } #content>.produkt { margin: 12px 20px 12px 0; } .produkt span.action-offer { position: absolute; top: 3px; right: 3px; z-index: 0; width: 107px; height: 105px; background: url("../images/action-offer.gif") right top no-repeat; cursor: pointer; } .produkt h4 { margin: 0.5em 0; } .produkt h4 a { color: #FF0000; } .produkt p { margin: 0; } .produkt .ceny { position: relative; width: 100%; height: 3em; margin: 1.5em 0 0 0; } .produkt .ceny .stara-cena { position: absolute; top: 0; left: 0; font-size: 0.9em; } .produkt .ceny .stara-cena-kc { position: absolute; bottom: 0; left: 0; font-size: 0.9em; } .produkt .ceny .nova-cena { position: absolute; top: 0; left: 100px; color: #0044AA; font-size: 0.9em; font-weight: bold; } .produkt .ceny .nova-cena-kc { position: absolute; bottom: 0; left: 100px; color: #0044AA; font-size: 1.3em; font-weight: bold; } .produkt .ceny .nova-cena-kc .kc { font-size: 0.7em; } .produkt .ceny .buy { display: block; position: absolute; bottom: 3px; right: 0; width: 34px; height: 26px; overflow: hidden; } .produkt .ceny .buy span { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: url("../images/icon-buy-item.jpg") no-repeat; cursor: pointer;} .produkt-no-items p { margin: 150px 0; } #subcategories { position: relative; z-index: 0; } /* special page AKCNI-PRODUKTY*/ .produktyAkce { width: 100%;} .produktAkce { position: relative; width: 220px; height: 100px; margin: 12px 18px 12px 6px; float: left; } .produktAkce h4,.produktAkce p {} .produktAkceImage { float: left; margin: 10px 10px 0 0;} .cleaner { border: none; clear:both; visibility: hidden;} /* PRODUCT DETAIL */ .detail #content { margin: 0 0 42px 72px; } .detail #content #popis { width: 622px; padding: 7px 0 0 0; float: right; text-align: left; } .detail #content #popis h2 { color: #FF0000; font-size: 1.5em; margin: 0 0 1.2em 0; } .detail #content #popis p { margin: 0 0 1.8em 0; } .detail #content #parametry { width: 622px; padding: 12px 0 0 0; float: right; text-align: left; } .detail #content #parametry h3 { color: #0044AA; font-size: 1.1em; margin: 0 0 1.7em 0; } .detail #content #parametry span.parametry { color: #0044AA; font-size: 1.1em; line-height: 370%; font-weight: bold;} .detail #content #parametry table { margin: 0 0 2em -1px; } .detail #content #parametry tr.odd { background: #E5E5E5; } .detail #content #parametry .paramCatTitle { background-color: #CC0000; line-height: 20px; text-indent: 15px; color: #fff; } .detail #content #sku { width: 270px; margin: 12px 0 39px 0; } .detail #content>#sku{ margin-left: 6px; } .detail #content #sku h3 { color: #FF0000; font-size: 1.2em; margin: 0 0 1em 0; } .detail #content #sku span.vyberte-velikost { color: #0044AA; font-size: 1.1em; line-height: 300%; font-weight: bold;} .detail #content #sku table { margin: 0 0 2em -1px; } .detail #content #sku th {background-color: #CC0000; line-height: 20px; text-indent: 7px; color: #fff; } .detail #content #sku tr.odd { background: #E5E5E5; } .detail #content #sku tr.selected { font-weight: bold; background-color: orange; } .detail #content #galerie { width: 270px; margin: 12px 0 39px 0; } .detail #content>#galerie { margin-left: 6px; } .detail #content #galerie h3 { color: #FF0000; font-size: 1.2em; margin: 0 0 1em 0; } .detail #content #galerie img { margin: 0 13px 13px 0; } .detail #content #related-products { width: 270px; margin: 12px 0 39px 6px; clear: left; float: left; } .detail #content>#related-products { margin-left: 12px; } .detail #content #related-products h3 { color: #FF0000; font-size: 1.2em; margin: 0 0 1em 0; } .detail #content #related-products span.rel_products { color: #FF0000; font-size: 1.1em; line-height: 370%; font-weight: bold;} .detail #content #related-products img { margin: 0 13px 13px 0; } .detail #content #dalsi-produkty { margin: 0 0 0 12px; padding: 12px 0 0 0; border-top: 2px solid #F0F0F0; clear: both; } .detail #content #dalsi-produkty h3 { color: #0044AA; font-size: 1.2em; margin: 0 0 1em 0; } .detail #content #dalsi-produkty div { width: 120px; margin: 0 28px 0 0; float: left; } .detail #content #dalsi-produkty img { margin: 0 0 6px 0; } .detail #content #dalsi-produkty a { color: #FF0000; }