/* ========================= 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){ header { background:#00285c; } #logo a, nav a { color:#ffffff; } .menu_repeat_vysun ul.menu_uvnitr li.aktivni03 > a { color:#ffffff; border-bottom: 3px solid #ffffff; } .komplexni_trida8120 .prvniradek span.jedna { color:#ffffff; } .komplexni_trida8120 .prvniradek span.dve { color:#00285c; } .csslider1 > .cs_description { display:none; } .uvodni_strana #us_rozsirenahlavicka { background:none; padding:0; } .akce-popis-blocky { float:left; text-align:left; } } /* ========================= 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){ } /* ========================= zlom5 ======================== */ @media screen and (min-width: 760px){ header { position:fixed; top:0; z-index:101; } #obal-vnitrni { padding-top:78px; } .uvodni_strana #us_rozsirenahlavicka { position:fixed; top:78px; height:175px; padding:0; } .novyObal { position:relative; /*top:175px;*/ z-index:100; width:100%; background:#f5f5f5; } .csslider1 > .cs_description { position:absolute; top:50px; display:block; } .csslider1 > .cs_description > label > .cs_title { padding:0; } .csslider1 > .cs_description > label > .cs_title > .cs_wrapper { background:#00285c; display:inline-block; padding:20px; } .csslider1 > .cs_description > label > .cs_descr { background:#00285c; display:inline-block; padding:20px; } } /* ========================= zlom6 ======================== */ @media screen and (min-width: 960px){ } /* ========================= zlom7 ======================== */ @media screen and (min-width: 1200px){ .uvodni_strana #us_rozsirenahlavicka { position:fixed; top:78px; height:430px; padding:0; } /*.novyObal { top:430px; } */ .csslider1 > .cs_description { position: absolute; top: 355px; } } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ NAVIGACE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ .menu_repeat { padding: 20px; background: #F9F9F9; } #panel2 nav h5, #panel0 nav h5 { margin:0; margin-bottom:0.5em; padding:0; } #panel2 nav { z-index:0; } #panel2 nav, #panel0 nav { background:none; } #panel2 nav ul li, #panel0 nav ul li { margin:5px 0; } #panel2 nav a, #panel0 nav a { background:url(../images/sipkaTlacitko.png) no-repeat right, #d92e44; color:#fff; border-radius:5px; padding:8px 42px 8px 15px; text-decoration:none; text-transform:uppercase; font-weight:normal; text-shadow:1px 1px 1px rgba(0,0,0,.5); } #panel2 nav a:hover, #panel0 nav a:hover { background:url(../images/sipkaTlacitko.png) no-repeat right, #b32134; } #panel2 nav .activatione a, #panel0 nav .activatione a { background:url(../images/koleckoTlacitko.png) no-repeat right, #b32134; } } /* ===== 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){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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:#EDF5F7; } } /* ===== 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){ } /* ===== 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){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LOGO - 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){ } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ROZŠÍŘENÁ HLAVIČKA - ÚVODNÍ STRANA +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ===== zlom1 ========================================================================================================== */ @media screen and (min-width: 0px){ /* *********************** tady je video ******************************* */ .video-container { position: absolute; top: 0; left: 0; z-index: 50; width: 100%; height: 100%; } .video-container video { } .video-container:after { content: ''; position: absolute; top: 0; left: 0; z-index: 51; width: 100%; height: 100%; background: url('../images/pattern-03.png') 0 0 repeat; } .pomocny_cikcak_div { position:relative; padding-bottom:50%; } .pomocny_cikcak_div .container{ z-index:52; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } /* *********************** tady končí video ******************************* */ } /* ===== 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){ } @media screen and (max-width: 760px){ .pomocny_cikcak_div .centrovani { text-align:center; } } /* ===== zlom6 ========================================================================================================== */ @media screen and (min-width: 960px){ } @media screen and (max-width: 960px){ .pomocny_cikcak_div p { font-size:24px; } .pomocny_cikcak_div h1 { font-size: 42px; } } /* ===== 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){ #panel2 { margin: 0 10px 10px 0; } } /* ===== zlom7 ========================================================================================================== */ @media screen and (min-width: 1200px){ } /* ------------------------------------------------------------------------------ ********************************************************************************* ================================= Eshop ======================================== ********************************************************************************* -------------------------------------------------------------------------------*/ @media screen and (min-width: 0px) { .mini_nahledy { display: none; } body { font-size: 14px; } .hledani { float: left; } .hledani input { padding: 0 8px; line-height: 34px; border-radius: 5px; border: 1px solid #E8E8E8; } .hledani input[type="submit"] { background: #e74c3c; color: #fff; } .kosPrehled { float: right; margin-top: 19px; text-align: right; } .kosCena { color: #e74c3c; font-size: 1.2em; font-weight: bold; } .kosVypis { float: right; margin-left: 9px; } .kosKusu{ color: white; text-align:left; font-weight:bold; } .vybirak { background: #f2f2f2 none repeat scroll 0 0; float: left; margin-bottom: 15px; padding: 5px 40px; position: relative; width: 100%; margin-top:17px; } .vybirak h5{ margin-top:3px; margin-bottom:1px; } .vybirak select { border: 1px solid #e8e8e8; border-radius: 5px; margin-bottom: 16px; padding: 8px; } .kosPrehled { position:relative; } .kosPrehled a { position:absolute; display:block; width:100%; height:100%; top:0; left:0; } .doKosiku { width: 36px; height: 36px; border-radius: 3px; background: url(http://bohuminak.cz/2dnyEshop/img/kosik.png) no-repeat center,#27a55c; background-size: 24px; display: inline-block; float: right; } #obsahovac .obalime img { float:none; max-width:none; width:auto; margin:0; border:0; } .obalik-1 { border:1px solid #E8E8E8; text-align: center; padding: 10px; margin-bottom: 10px; } .obalik-1 h2 a { font-size: 18px; font-weight: normal; text-decoration: none; color: #00285c; } .detailNahled { background: #00285c; color: #ffffff; text-decoration: none; border-radius: 5px; padding: 10px 20px; display: inline-block; transition: all .2s; } .detailNahled:hover { transform: scale(1.1); box-shadow: 0 0 5px rgba(0,0,0,0.4); } .popis-zbozi p { width: 50%; float: left; } .cenaNahled { line-height: 36px; } .filtrBlok { width: 100%; } aside ul { padding: 0; margin: 0; list-style: none; width: 100%; } aside a { color:#222; display: block; } aside a:hover { color:#16a085; } aside h3 { margin: 10px 0 10px 0; } aside h4 { margin: 0; padding: 15px 0; cursor: pointer; background: url(../images/down.png) no-repeat right; } aside h4.zavreny-filtr { background: url(../images/right.png) no-repeat right; border: 1px solid #E8E8E8; border-right: 0; border-left: 0; } .filtrovaciVypis { border: 1px solid #E8E8E8; padding: 10px; margin-bottom: 10px; } .filtrovaciVypis li { float: left; margin-right: 5px; } .filtrovaciVypis a { background:url(../images/del.png) no-repeat right, #E8E8E8; border: 1px solid #E8E8E8; padding: 5px 15px 5px 5px; border-radius:5px; text-decoration: none; font-size: 12px; } .filtrovaciVypis a:hover { background:url(../images/del.png) no-repeat right, #fff; } .prepinacMobil { width: 100%; margin-bottom: -1px; } .prepinacMobil li { width: 49%; float: left; text-align: center; } .prepinacMobil li.raditMobil { float: right; } .prepinacMobil a { display: block; border: 1px solid #E8E8E8; padding: 10px 0; text-decoration: none; background: #E8E8E8; } .prepinacMobil .aktivniFiltr a { background: none; border-bottom: 1px solid #fff; } .filtr_prepinac { display: none; } .jenProMobily .filtr_prepinac { display: block; } .jenProMobily .filtr_prepinac li { margin-bottom: 1px; } .jenProMobily .filtr_prepinac a { background: #E8E8E8; display: block; padding: 10px; text-decoration: none; } aside ul.moduly { margin-bottom: 10px; } .nekamZpet { background: url(../images/left.png) no-repeat left; opacity: 0.8; padding-left: 20px; text-decoration: none; margin-bottom: 20px; } .moduly li { margin: 5px 0; padding-left:20px; background:url(../images/right.png) no-repeat left; } .nahledy { padding: 0; margin: 0; } .nahlednik img { width: 100%; } .mini_nahledy li img { width: 100%; } .mini_nahledy li { float: left; list-style: none; width: 70px; border: 1px solid #E8E8E8; text-align: center; padding: 5px; margin: 3px; } .pravak h1 { text-transform: uppercase; } .sdph { font-size: 27px; font-weight: bold; margin: 0.5em 0; } .sdph span { font-weight: bold; color: #e74c3c; } .bezdph { opacity: .8; } .pravak form { margin-bottom: 20px; } form h5 { margin: 0.5em 0; } .cenak select { border-radius: 5px; border: 1px solid #E8E8E8; padding: 8px; margin-bottom: 20px; } .mnozstevnik { position: relative; float: left; width: 60px; } .kusy { border-radius: 5px 0 0 5px; border: 1px solid #E8E8E8; padding: 8px; width: 36px; height:34px; text-align: center; } .cenak button, .mnozstevnik button { background: #E8E8E8; width: 17px; height: 18px; line-height: 17px; position: absolute; left:35px; padding: 0; border: 1px solid #D4D4D4; } .minus { top:16px; } .popis { width: 100%; clear: both; } .pocetKusu { line-height: 34px; margin-right: 20px; } .koupit { line-height: 34px; background: #27a55c; border: 0; padding: 0 15px; color: #fff; border-radius: 5px; } .tabulecka { width: 100%; } .tabulecka td { border-bottom: 1px solid #E8E8E8; padding: 10px 0; } .tabulecka tr td:nth-of-type(2) { text-align: right; } .vizitka { position: relative; padding-left: 90px; margin: 20px 0; } .vizitka img { position: absolute; left:0; } .vizitka p { margin: 0; } .vizitka p.jmeno { font-size: 1.2em; font-weight: bold; } .vizitka p.pozice { font-style: italic; opacity: .6; margin-bottom: 10px; } .vizitka a { color:#666; } #uvodni, #obsahovac { overflow:visible; } #uvodni:before, #uvodni:after { content: " "; /* 1 */ display: table; /* 2 */ } #uvodni:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ #uvodni { *zoom: 1; } .uvod-blocky { padding:20px; padding-top:0; text-align:center; position:relative; } .obrazek-blocky { margin:-20px; } #obsahovac .uvod-blocky img { padding:0; margin-bottom:1em; } .uvod-blocky h2 { text-transform:uppercase; position:absolute; width:250px; background:url(../images/cara9002.png) bottom center no-repeat,#fff; padding:15px; font-size:18px; left:50%; transform:translate(-50%,0); top:130px; padding-bottom:0; } .uvod-blocky p { margin-bottom:2em; height:130px; margin:0; } .tlacitko-detail { background:#fff; padding:1em; color:#b8b9bb; text-decoration:none; font-weight:bold; display:inline-block; border:1px solid #b8b9bb; } .tlacitko-detail:hover { border:1px solid #3c3e53; color:#3c3e53; } .tabulka77 { display:table; width:100%; margin:2em 0; } .tabulka77 .row { display:table-row; } .tabulka77 .col { display:table-cell; } .jsi-v-shop-kosiku #panel1 { width:100%; padding:0; } .jsi-v-shop-kosiku #drobeckovanavigacedole { display:none; } .zahlaviKos { background:#3b3c6c; color:#fff; } .tabulka77 .zahlaviKos .col { padding:10px; } .col a { text-decoration:none; } .obrazekKos { min-height: 1px; width:50px; } .odebratKos { width:70px; text-align:center; } #obsahovac .obrazekKos img { margin:0; border:0; height:50px; margin:-10px 0; } .tabulka77 .col { padding: 5px; padding-top: 10px; vertical-align: top; display: table-cell; border-bottom: 1px solid #dddddd; } .kosik-x { background:none; border:none; color:#d92e44; font-weight:bold; } fieldset, .podminkyInfo { background:#f2f2f2; border:0; margin:10px 0; padding:20px; } fieldset ul { list-style:none; margin:0; padding:0; } .platbaCena { background: #27a55c; border-radius: 3px; padding: 3px; color: #fff; margin-right: 6px; display: inline-block; width: 55px; text-align: right; } fieldset li { margin: 10px 0; position: relative; } .poznamka { font-style: italic; font-size: 14px; color:#d92e44; } .cervena { color:#d92e44; } fieldset input[type="text"] { width: 100%; height: 35px; border-radius: 5px; border: 1px solid #d1d1d1; } .table { display: table; width: 100%; margin-top: 15px; float: left; } .table .row { display: table-row; } .table .col { display: table-cell; padding: 5px; padding-bottom: 0; position: relative; vertical-align: middle; } .opticky { width: 100%; background: #ddd; height: 1px; box-shadow: 0 1px 0 #fff; margin: 15px 0 0 0; clear: both; float: left; } .dodaciAdresa { position: relative; top: -10px; float: left; padding-left: 15px; } .dodaciAdresa li { float: left; margin-right: 15px; } hr { width: 100%; clear: both; border: 0; } fieldset textarea { width: 100%; height: 90px; border-radius: 5px; border: 1px solid #d1d1d1; padding:0.5em; } input[type="submit"].odeslatObjednavku { padding:15px 25px; background:#27a55c; color:#fff; border:0; text-transform:uppercase; font-size:1.5em; border-radius:5px; float:right; font-weight:normal; text-shadow:1px 1px 1px rgba(0,0,0,.5); } .filtrBlok { background: #f5f5f5; padding: 1em; overflow: hidden; padding-top:0; } .filtrBlok.filtrovaciVypis { padding:1em; } .nadpisFiltr { background: #eaeaea; text-transform: uppercase; font-size: 20px; padding: 0.5em; margin: 0; position: relative; z-index: 2; } #shop_prazdny_vypis { background: #f5f5f5; border: 1px solid #E8E8E8; padding:1em; margin-bottom:1em; } } .paralaxObrazek1, .paralaxObrazek2, .paralaxObrazek3, .paralaxObrazek4 { height:350px; background:#f5f5f5; background-attachment:fixed; background-size:cover; } .radek { margin:0; margin-top:-4px; } .half img { width:100%; } .half h2 { font-size:2rem; text-transform:uppercase; } .text { padding: 2em; } .akce-popis-blocky li { margin:.5rem 0; } .obrazekRadek { position: relative; } .lichy .obrazekRadek:after { content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); } .sudy .obrazekRadek:after { content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); } .pomocny_cikcak_div { height: 92vh; text-align: center; color: #fff; } .pomocny_cikcak_div h1, .pomocny_cikcak_div p{ color: #fff; margin: 0; text-shadow: 1px 1px 2px #000000; padding:0; } .pomocny_cikcak_div h1 p:first-of-type { font-size:3rem; } .pomocny_cikcak_div h1 p:nth-of-type(2) { font-size:5.5rem; font-weight:bold; } .pomocny_cikcak_div p { margin:0; } .centrovani { position: relative; top: 50%; transform: translateY(-50%); text-align:center; } .pomocny_cikcak_div .centrovani { top:40%; } .centrovani h1 { font-size:2rem; } .centrovani p { font-size:2rem; margin:1rem 0; } .vata { padding: 2em; } section.parallax { color:#fff; text-shadow: 2px 2px 2px #000000; } section.parallax h3 { font-size:2rem; } section.parallax h2 { font-size: 5rem; } .container { width: 960px; margin: 0 auto; height: 100%; position: relative } .vata .container { background:#fff; } .vata .container:before, .vata .container:after { content: " "; /* 1 */ display: table; /* 2 */ } .vata .container:after { clear: both; } .paralaxObrazek { height: 280px; background: url(http://img.lum.dolimg.com/v1/images/tfa_poster_wide_header_adb92fa0.jpeg?region=61%2C271%2C1937%2C1089&width=600) no-repeat center; background-size: cover; background-attachment: fixed; } .paralaxObrazek2 { height: 480px; background: url(http://www.iosmag.cz/wp-content/uploads/2015/04/starwars.jpg) no-repeat center; background-size: cover; background-attachment: fixed; } .vice { bottom: -1px; left: 50%; position: absolute; transform: translateX(-50%); transition: all .5s; text-align:center; display: block; width: 150px; height: 75px; background: #fff; border-radius: 150px 150px 0 0; line-height: 70px; text-decoration: none; color: #000; } .sipka { display:block; width:100%; height:20px; border-radius:50%; background: url(../images/arrow-down.jpg) no-repeat center; background-size:18px; animation: sipka 1s infinite; position:absolute; top:60%; } .vice:hover { } @keyframes sipka { 0% {transform:translateY(-3px);} 50% {transform:translateY(3px);} 100% {transform:translateY(-3px);} } .tlacitkoHeader { display:inline-block; background:rgba(255,255,255,0.5); text-decoration:none; text-transform:uppercase; font-size: 1.2rem; color:#fff; padding:3px; border-radius:3px; margin-top:2rem; } .tlacitkoHeader span { background:#00285c; display:inline-block; transition:background .5s; position:relative; padding:0.5em; } .tlacitkoHeader:hover span { background:#604880; color:#fff; } .tlacitkoHeader span:after { content: ''; display: inline-block; width: 40px; height: 40px; background: #00285c url(../images/sipkaHeaderParallax.png) no-repeat center; margin-left: 5px; position:absolute; right:-40px; border-radius:0 3px 3px 0; transition:background .5s; display:none; } .tlacitkoHeader:hover span:after { background:#ffffff url(../images/sipkaHeaderParallax.png) no-repeat center;; } .tlacitkoCBlok span { background:#00285c; padding: 0 1rem 0 1.5rem; display:inline-block; height:50px; line-height:50px; border-radius:3px 0 0 3px; transition:background .5s; position:relative; } .tlacitkoCBlok:hover span { background:#fff; color:#bada55; } .tlacitkoCBlok span:after { content: ''; display: inline-block; width: 50px; height: 50px; background: #00285c url(../images/sipkaHeaderParallax.png) no-repeat center; margin-left: 5px; position:absolute; right:-50px; border-radius:0 3px 3px 0; transition:background .5s; } .tlacitkoCBlok:hover span:after { background:#ffffff url(../images/sipkaHeaderParallax.png) no-repeat center;; } #uvodni { margin-bottom:0; } footer { margin:0; margin-top:2em; } #pata_bg { border:0; } .cikcak_hlavni_nadpis { text-align:center; font-size:2.5em; text-transform:uppercase; padding-top:1.5em; margin-bottom:1.5em; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f5f5+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ } .uvod-blocky, .uvod-blocky:nth-of-type(even) { margin:0; } .uvod-blocky { box-shadow: 0 0 5px rgba(0,0,0,0.2); padding:0; padding-bottom:50px; border-bottom: 15px solid #604880; } .uvod-blocky:nth-of-type(2) { border-bottom: 15px solid #8b6fa2; } .uvod-blocky:nth-of-type(3) { border-bottom: 15px solid #e1bee7; } .uvod-blocky:nth-of-type(4) { border-bottom: 15px solid #7bc548; } .uvod-blocky:nth-of-type(5) { border-bottom: 15px solid #0bb5ff; } .uvod-blocky h2 { background:none; transform: none; position:static; width:auto; padding:20px; padding-top:40px; clear:both; height:100px; padding-bottom:0; text-transform:none; } .uvod-blocky h2 a { text-decoration:none; color:#000; } .uvod-blocky p { text-align:center; padding:20px; overflow:hidden; } .obrazek-blocky { margin:0; float:left; width:100%; } #obsahovac .obrazek-blocky img { width:100%; margin:0; } .akce_hlavni_nadpis { text-align:center; font-size:2.5em; margin:1em 0; } .pomocny_cikcak_div .centrovani { top:50%; } .pomocny_cikcak_div { height:500px; padding-bottom:0; } @media screen and (min-width: 319px) { } @media screen and (min-width: 479px) { .obalik-1 { width:49%; float: left; margin-right: 2%; } } @media screen and (min-width: 579px) { .pomocny_cikcak_div .centrovani { width:100%; text-align:center; } } @media screen and (min-width: 760px) { .pomocny_cikcak_div .centrovani { width:43%; text-align:left; top:50%; } .strankovac select { height: 38px; padding: 0 5px; } .obalime { position:relative; } #horni-strankovac { position: absolute; top:0; right: 0; border:1px solid #E8E8E8; } aside { float: left; width: 240px; } .jenProMobily { display: none; } .filtr_prepinac { display: block; list-style: none; padding: 0; margin: 0; margin-bottom: 15px; width: 100%; } .filtr_prepinac li { float: left; margin-right: 5px; } .filtr_prepinac li:hover { background:#d92e44; } .filtr_prepinac a { display: block; padding: 10px; border: 1px solid #E8E8E8; text-decoration: none; color: #222; } #obal { width: 100%; float: left; } .levak, .pravak { width: 50%; float: left; } .levak { padding-right: 10px; } .pravak { padding-left: 10px; } #cikcak-modul { background:#fff; } #cikcak-modul .radek { height:500px; position:relative; overflow:hidden; } #cikcak-modul .container { } #cikcak-modul .sudy .half { float: right; } #cikcak-modul .half { width: 50%; position:absolute; top:50%; transform:translate(0,-50%); } #cikcak-modul .lichy .half { right:0; } #cikcak-modul .lichy .half.text { left:0; } #cikcak-modul .sudy .half.text { right:0; } #cikcak-modul .half img { width:100%; } #obsahovac #cikcak-modul .half img { margin:0; } #cikcak-modul .text { padding: 50px; } .lichy .obrazekRadek { padding:0 0px 0 0; } .sudy .obrazekRadek { padding:0 0px 0 0px; } } @media screen and (min-width: 760px) { .lichy .half { float:left; } .lichy .half.text { float:right; } .sudy .half { float:right; } .sudy .half.text { float:left; } .half { width: 50%; } .half h2 { font-size:1em; } .radek { margin:0; } } @media screen and (min-width: 960px) { .obalik-1 { width:32%; float: left; margin-right: 2%; } .obalik-1:nth-of-type(3n) { margin-right: 0; } .label { width: 175px; } .input { width: 320px; } .container { margin: 0 auto; } .half h2 { font-size:2em; } .radek { margin-top:-4px; } .uvod-blocky { width:33.3%; } } @media screen and (min-width: 1300px) { .container { width:1100px; } .uvodni_strana #obsahovac { } #uvodni { width:1100px; margin: 0 auto; } } @media screen and (max-width: 959px) { .obalik-1:nth-of-type(even) { margin-right: 0; } .container { width:80%; margin:0 auto; } .text { padding:1em; font-size: 1rem; } nav { display:none; } } @media screen and (max-width: 759px) { .filtrBlok.jenProMobily { padding: 10px; border: 1px solid #E8E8E8; } .detail aside { display: none; } .table .col { display:block; } .odeslatObjednavku { width:100%; text-align:center; } .csslider1 li img { max-width:100%; max-height:none; height:auto!important; } header { height:auto; } .obalradku { width:150px; height:auto!important; } .kosVypis { margin-right:50px; } .half { width:100%; } .text { padding:1em; } } @media screen and (max-width: 478px) { .odeslatObjednavku { font-size:1em; } .tabulka77 .col.obrazekKos { display:none; } #panel1 { } .obalradku { background:none!important; padding-left:0!important; } } @media screen and (max-width: 959px) { .centrovani h1 { font-size:3em; } .tlacitkoHeader { font-size:1rem; } .pomocny_cikcak_div .centrovani { width:60%; } } @media screen and (max-width: 760px){ .uvod-blocky p { height:90px; } .centrovani h1 { font-size:3em; } .tlacitkoHeader { font-size:1rem; } .centrovani p { font-size:18px; } .pomocny_cikcak_div { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebd6b6+0,d6bfa0+100 */ background: #ebd6b6; /* Old browsers */ background: -moz-linear-gradient(top, #ebd6b6 0%, #d6bfa0 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ebd6b6 0%,#d6bfa0 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ebd6b6 0%,#d6bfa0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebd6b6', endColorstr='#d6bfa0',GradientType=0 ); /* IE6-9 */ } .pomocny_cikcak_div .centrovani { width:100%; } .tlacitkoHeader { font-size:1rem; margin-top:0.5rem; } } @media screen and (max-width: 578px){ .centrovani h1 { font-size:2em; } .tlacitkoHeader { font-size:1rem; margin-top:0.5rem; } .centrovani p { font-size:18px; } .blog-nadpis a { color:#fff; } #obsahovac .blogovy-prispevek img { margin:0; margin-bottom:0.5em; } }