/* ========================= zlom1 pro min nez 320px ==================================================================== */ /* ========================= zlom2 pro iPhone 3+4+5 na vysku, stary android na sirku, samsung galaxy na vysku, ========== */ /* ========================= zlom3 pro iphone iPhone 3+4+5 na sirku ===================================================== */ /* ========================= zlom4 kindle na vysku, samsung galaxy na sirku ============================================= */ /* ========================= zlom5 iPad na vysku + prvni velikosti tabletu ============================================== */ /* ========================= zlom6 pro iPad na sirku, kindle na sirku + druhe tabletove velikosti + desktop mensi======= */ /* ========================= zlom7 pro dekstop s vetsim rozlisenim ====================================================== */ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf { *zoom: 1; } *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } body, html { font-family: Arial,Helvetica,sans-serif; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LAYOUT - JEDNOSLOUPCOVÝ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ========================= zlom1 ======================== */ @media screen and (min-width: 0px){ } /* ========================= zlom2 ======================== */ @media screen and (min-width: 319px){ html { -webkit-text-size-adjust: none; } } /* ========================= zlom3 ======================== */ @media screen and (min-width: 479px){ } /* ========================= zlom4 ======================== */ @media screen and (min-width: 579px){ } /* ========================= zlom5 ======================== */ @media screen and (min-width: 760px){ } /* ========================= zlom6 ======================== */ @media screen and (min-width: 960px){ } /* ========================= zlom7 ======================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LAYOUT - DVOUSLOUPCOVÝ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ========================= zlom1 ======================== */ @media screen and (min-width: 0px){ } /* ========================= zlom2 ======================== */ @media screen and (min-width: 319px){ /* disable webkit text size adjust (for iPhone) */ html { -webkit-text-size-adjust: none; } } /* ========================= zlom3 ======================== */ @media screen and (min-width: 479px){ } /* ========================= zlom4 ======================== */ @media screen and (min-width: 579px){ } /* ========================= zlom5 ======================== */ @media screen and (min-width: 760px){ } /* ========================= zlom6 ======================== */ @media screen and (min-width: 960px){ } /* ========================= zlom7 ======================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LAYOUT - TŘÍSLOUPCOVÝ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ========================= zlom1 ======================== */ @media screen and (min-width: 0px){ } /* ========================= zlom2 ======================== */ @media screen and (min-width: 319px){ /* disable webkit text size adjust (for iPhone) */ html { -webkit-text-size-adjust: none; } #obalovyblok { } } /* ========================= zlom3 ======================== */ @media screen and (min-width: 479px){ #obalovyblok { } } /* ========================= zlom4 ======================== */ @media screen and (min-width: 579px){ #obalovyblok { } } /* ========================= zlom5 ======================== */ @media screen and (min-width: 760px){ #obalovyblok { } } /* ========================= zlom6 ======================== */ @media screen and (min-width: 960px){ #obalovyblok { } } /* ========================= zlom7 ======================== */ @media screen and (min-width: 1200px){ #obalovyblok { } } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LAYOUT - SPOLEČNÝ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ========================= zlom1 ======================== */ @media screen and (min-width: 0px){ #obsahovac { background:#f5f5f5; padding:2em; overflow:visible; } #obal-sloupcu { margin-top: 0px; } .csslider1 > .cs_description { display:none; } .csslider1 > .cs_description > label { background:none; border:0; box-shadow:none; right:0; left:auto; top:-180px; text-align:right; width:50%; } .csslider1 > .cs_arrowprev > label, .csslider1 > .cs_arrownext > label { border-radius:0; } .csslider1 > .cs_arrowprev { left:-40px; } .csslider1 > .cs_arrownext { right:-45px; } .cs_wrapper { background:#3e2723!important; color:#F7EFED!important; padding:0.5em; float:right; margin-bottom:5px; } .obrazkovac { min-height:300px; } .bocni-bloky, #panel2 .bocni-bloky, #reklamniblok, #panel0 .bocni-bloky, .bocni-bloky a , #panel2 .bocni-bloky a, #reklamniblok a, #panel0 .bocni-bloky a { color:#F7EFED; } #panel1 { float:none; } } /* ========================= zlom2 ======================== */ @media screen and (min-width: 319px){ /* disable webkit text size adjust (for iPhone) */ html { -webkit-text-size-adjust: none; } #obalovyblok { } } /* ========================= zlom3 ======================== */ @media screen and (min-width: 479px){ #obalovyblok { } } /* ========================= zlom4 ======================== */ @media screen and (min-width: 579px){ #obalovyblok { } } /* ========================= zlom5 ======================== */ @media screen and (min-width: 760px){ #obalovyblok { } } /* ========================= zlom6 ======================== */ @media screen and (min-width: 960px){ #obalovyblok { } .csslider1 > .cs_description { display:block; } #panel1 { float:left; } } /* ========================= zlom7 ======================== */ @media screen and (min-width: 1200px){ #obalovyblok { } } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ NAVIGACE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ .menu_repeat { display:none; } nav { right:10px; top:60px; } #katalog_zbozi { background-color:#3e2723!important; border-radius:0; } nav { z-index:6; } #panel2, #panel0 { position:relative; } } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ nav { height:auto; background:#fff; float:left; position:static; padding:1em; margin-bottom:1em; } nav.mobilephone { display:none; } nav ul { padding:0; list-style:none; } nav li { position:relative; } nav li li a:before { content:'\25CF'; margin-right:5px; color:#FFFFFF; opacity:.5; font-size:.8em; position:relative; bottom:.1em; } nav a { color: #313131; display:block; text-decoration:none; } nav a:hover { opacity:0.7; } nav ul li.aktivni03 ul li.activatione03 a { opacity:0.7; } nav li.aktivni03 a { color:#F7EFED; } nav li.aktivni03 li a { color:#FFFFFF!important; } nav li.aktivni03 li a { color:#3e2723; } nav ul ul { background:#F7EFED; } #panel2 nav li.aktivni03 a { margin-right:-2em; } #panel0 nav li.aktivni03 a { margin-left:-2em; padding-left:2.5em; } .menu_repeat { display:block; } } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TYPOGRAFIE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } @media only screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) { } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FOTOGALERIE VYPIS - ŠIROKÝ OBSAHOVÝ PANEL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FOTOGALERIE DETAIL - ŠIROKÝ OBSAHOVÝ PANEL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ VIDEOGALERIE VYPIS - ŠIROKÝ OBSAHOVÝ PANEL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ VIDEOGALERIE DETAIL - ŠIROKÝ OBSAHOVÝ PANEL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ KATALOG VYPIS - ŠIROKÝ OBSAHOVÝ PANEL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ KATALOG DETAIL - ŠIROKÝ OBSAHOVÝ PANEL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BLOG VYPIS - ŠIROKÝ OBSAHOVÝ PANEL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BLOG DETAIL - ŠIROKÝ OBSAHOVÝ PANEL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ .blogovy-prispevek { margin-bottom:2em; } .blog-nadpis a { color:#444446; } #obsahovac .blogovy-prispevek img { border:0; padding:0; } } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FORMULÁŘE - ŠIROKÝ OBSAHOVÝ PANEL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TABULKY - ŠIROKÝ OBSAHOVÝ PANEL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DISKUZE - ŠIROKÝ OBSAHOVÝ PANEL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SOUTĚŽ - ŠIROKÝ OBSAHOVÝ PANEL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ hr { border:0; } } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ NOVINKY - POSTRANNÍ BLOK +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ANKETA - POSTRANNÍ BLOK +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ span.graf-bar { background:#F7EFED; } } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ KONTAKTY - POSTRANNÍ BLOK +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ŠŤÍTKY - POSTRANNÍ BLOK +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DALŠÍ ČLÁNKY - POSTRANNÍ BLOK +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SOUBORY KE STAŽENÍ - POSTRANNÍ BLOK +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ POSLEDNÍ FOTO - POSTRANNÍ BLOK +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ POSLEDNÍ VIDEO - POSTRANNÍ BLOK +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ VYHLEDÁVÁNÍ - POSTRANNÍ BLOK +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ NAŠI PARTNEŘI - POSTRANNÍ BLOK +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MAPA WEBU - SAMOSTATNÉ BLOKY +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DROBEČKOVÁ NAVIGACE - SAMOSTATNÉ BLOKY +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ KONTKATY V HLAVIČCE - BLOKY V HLAVIČCE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ VYHLEDÁVÁNÍ - BLOKY V HLAVIČCE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ JAZYKY - BLOKY V HLAVIČCE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ #jazykovemutace { display: none; position:absolute; z-index:5; right:20px; } #jazykovemutace ul { list-style-type:none; padding:0; margin:0; } #jazykovemutace li { float:left; margin-left:2px; background:#fff; padding:0.5em; width:32px; height:34px; display:block; position:relative; } #jazykovemutace li:after { content:''; display:none; position:absolute; height:32px; background:#fff; transform:rotate(-90deg); top:-63px; left:-30px; line-height:30px; padding:0 1em; width:60px; transition:top 1s; } #jazykovemutace li#cze1:after { content:'Česky'; } #jazykovemutace li#eng1:after { content:'English'; } #jazykovemutace li#rus1:after { content:'Russian'; } #jazykovemutace li:hover:after { display:block; top:63px; left:-30px; transition:top 1s; } } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ #jazykovemutace { display: block; } } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LOGO - BLOKY V HLAVIČCE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ #logo { background:#3e2723; color:#F7EFED; padding:1em; padding-left:2em; z-index:5; } .komplexni_trida8120 .prvniradek span.dve { color:#F7EFED; } .tableLogo #logo { background:#fff; color:#000; text-shadow:none; } } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ #logo { top:30px; left:-15px; } } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ROZŠÍŘENÁ HLAVIČKA - ÚVODNÍ STRANA +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SLUŽBY/AKCE/VÝROBKY - ÚVODNÍ STRANA +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ } /* ===== zlom2 ========================================================================================================== */ @media screen and (min-width: 319px){ } /* ===== zlom3 ========================================================================================================== */ @media screen and (min-width: 479px){ } /* ===== zlom4 ========================================================================================================== */ @media screen and (min-width: 579px){ } /* ===== zlom5 ========================================================================================================== */ @media screen and (min-width: 760px){ } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ESHOP +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ header { height:0px; position:relative; } .kosPrehled { margin-top:60px; margin-right:20px; } .vHeadruVnitrek { position:absolute; top:80px; } .nadpisFiltr, .filtrBlok { background:#fff; float:left; width:100%; padding:1em; } .filtrBlok { margin-bottom:20px; } .nadpisFiltr { background:#3e2723; color:#FFFFFF; padding:0.5em 0.8em; } .obal_obrazku { height:230px; } .obalik-1 h2 a span, .zbozi-podnazev { color:#6E6A66; } .vybirak { background:#fff; } .filtr_prepinac .aktivni99 a, .filtr_prepinac a:hover { background:#3e2723; color:#FFFFFF; } .kosPrehled { background:#fff; padding: 2.8em 8em 1.2em 2em; margin-top:30px; right:-15px; margin-right:0; } .kosKusu { color:#000; } .kosCena { font-size:1em; } .kosPrehled:before { content:'Košík'; position: absolute; right: 0; top: 0px; width: 100%; border-bottom: 1px dotted #313131; text-align: center; padding: 5px 0; font-weight:bold; }