/******************************************************************************************************************************************* UVODNI STRANKA *******************************************************************************************************************************************/ /********************** uvodni boxy **********************/ #obsah-aktualne { } #obsah-aktualne .a-zahlavi { width:calc(100% - 700px - 64px);float:left;margin:40px 20px 20px 20px; } #obsah-aktualne .a-zahlavi .uvod { display:block;height:115px;overflow:hidden;background-color:#F7F7F7;color:#000000;padding:0px 0px 0px 0px; } #obsah-aktualne .a-zahlavi .uvod h1 { width:180px;font-size:inherit;line-height:1.2;color:#000000;text-decoration:none;float:left;padding:30px 0px 25px 25px; } #obsah-aktualne .a-zahlavi .uvod h1 span { color:#888888;font-weight:normal;background-color:transparent; } #obsah-aktualne .a-zahlavi .uvod .shoproku { width:calc(0.63 * (100% - 210px));max-width:160px;height:115px;line-height:115px;text-align:center;float:left;padding:0px 0px 0px 0px; } #obsah-aktualne .a-zahlavi .uvod .shoproku img { width:80%;vertical-align:middle; } #obsah-aktualne .a-zahlavi .uvod .heureka { width:calc(0.37 * (100% - 210px));max-width:93px;height:115px;line-height:115px;text-align:center;float:left;padding:0px 0px 0px 0px; } #obsah-aktualne .a-zahlavi .uvod .heureka img { width:80%;vertical-align:middle; } #obsah-aktualne .a-zahlavi .uvod .msmt { width:calc(0.38 * (100% - 210px));height:115px;line-height:1px;text-align:center;float:left;padding:0px 0px 0px 0px;text-decoration:none; } #obsah-aktualne .a-zahlavi .uvod .msmt .txt { font-size:12px;line-height:30px;color:#888888;font-weight:bold; } #obsah-aktualne .a-zahlavi .uvod .msmt .img { height:75px;line-height:75px; } #obsah-aktualne .a-zahlavi .uvod .msmt .img .img-m { width:100%;vertical-align:bottom; } #obsah-aktualne .a-zahlavi .uvod .skoly { width:calc(0.62 * (100% - 210px));height:115px;line-height:1px;text-align:center;float:left;padding:0px 0px 0px 0px;text-decoration:none; } #obsah-aktualne .a-zahlavi .uvod .skoly .txt { font-size:12px;line-height:30px;color:#888888;font-weight:bold; } #obsah-aktualne .a-zahlavi .uvod .skoly .img { height:75px;line-height:75px; } #obsah-aktualne .a-zahlavi .uvod .skoly .img .img-s { width:29%;margin:0px 15px 0px 0px;vertical-align:bottom; } #obsah-aktualne .a-zahlavi .uvod .skoly .img .img-f { width:31%;margin:0px 10px 0px 0px;vertical-align:bottom; } #obsah-aktualne .a-zahlavi .uvod .skoly .img .img-p { width:48%;margin:0px 0px 10px 0px;vertical-align:bottom; } #obsah-aktualne .a-zahlavi .uvod .uvod-loga:active { opacity:0.5; } #obsah-aktualne .a-zahlavi .weby { display:none;padding:0px 20px 0px 20px;white-space:nowrap;text-align:center;margin:0px 0px 10px 0px; } #obsah-aktualne .a-zahlavi .weby .oddeleni { display:inline-block;vertical-align:bottom;width:1px;height:29px;background-color:#E7E7E7;margin:0px 15px 0px 15px; } #obsah-aktualne .a-zahlavi .weby .odkaz { width:calc((100% - 2 * 31px) / 3);display:inline-block;vertical-align:bottom;height:15px;line-height:15px;font-size:15px;font-weight:bold;padding:5px 0px 5px 0px;margin:2px 0px 2px 0px;text-decoration:none; } #obsah-aktualne .a-zahlavi .weby .magazin-a { color:#FFFFFF;background-color:#008FD5; } #obsah-aktualne .a-zahlavi .weby .magazin-n { color:#008FD5;background-color:#FFFFFF; } #obsah-aktualne .a-zahlavi .weby .obchod-a { color:#FFFFFF;background-color:#FF6C00; } #obsah-aktualne .a-zahlavi .weby .obchod-n { color:#FF6C00;background-color:#FFFFFF; } #obsah-aktualne .a-zahlavi .weby .akademie-a { color:#FFFFFF;background-color:#36C377; } #obsah-aktualne .a-zahlavi .weby .akademie-n { color:#36C377;background-color:#FFFFFF; } #obsah-aktualne .a-zahlavi .katalog { height:65px;display:block;margin:24px 0px 0px 0px;background-color:#FF6C00;color:#FFFFFF;cursor:pointer;cursor:hand; } #obsah-aktualne .a-zahlavi .katalog .obal { max-width:280px;margin:0px auto 0px auto;text-align:left; } #obsah-aktualne .a-zahlavi .katalog .obal img { height:12px;float:right;position:relative;top:26px;left:-23px; } #obsah-aktualne .a-zahlavi .katalog .obal .nadpis { padding:16px 0px 0px 24px;line-height:1;font-weight:bold; } #obsah-aktualne .a-zahlavi .katalog .obal .popisek { padding:3px 0px 0px 24px;font-size:75%;line-height:1; } #obsah-aktualne .a-zahlavi .katalog-in { display:none;margin:0px 0px 10px 0px;border-left:1px solid #E7E7E7;border-right:1px solid #E7E7E7;} #obsah-aktualne .a-zahlavi .katalog-in a { display:block;text-decoration:none;line-height:48px;height:48px;padding:0px 0px 0px 40px;color:#000000;border-bottom:1px solid #E7E7E7;background-image:url('/_v/s/oms/ico-01c-right.png');background-position:right 22px center;background-repeat:no-repeat;background-size:7px; } #obsah-aktualne .a-zahlavi .katalog-in a:active { background-color:#E7E7E7; } #obsah-aktualne .a-zahlavi .katalog-in a:hover { background-color:#F7F7F7; } #obsah-aktualne .a-zahlavi .katalog-in .terminy { white-space:nowrap;padding-left:20px;overflow:hidden; } #obsah-aktualne .a-zahlavi .katalog-in .terminy .datum { display:inline-block;min-width:080px;padding:0px 15px 0px 0px; } #obsah-aktualne .a-zahlavi .katalog-in .terminy .mesto { display:inline-block;min-width:105px;padding:0px 10px 0px 0px;font-weight:bold; } #obsah-aktualne .a-zahlavi .katalog-in .terminy .nazev { display:inline-block;width:calc(100% - 20px - 95px - 115px - 30px); } #obsah-aktualne .a-zahlavi .odkazy { height:44px;overflow:hidden;margin:0px 0px 10px 0px;border:1px solid #E7E7E7; } #obsah-aktualne .a-zahlavi .odkazy a { height:36px;display:block;float:left;text-decoration:none;font-size:75%;font-weight:bold;line-height:1;color:#000000;text-align:center;padding:8px 0px 0px 0px; } #obsah-aktualne .a-zahlavi .odkazy a:active { background-color:#E7E7E7; } #obsah-aktualne .a-zahlavi .odkazy a:hover { background-color:#F7F7F7; } #obsah-aktualne .a-zahlavi .odkazy a div { line-height:1.3;color:#888888;padding:0px 5px 0px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } #obsah-aktualne .a-zahlavi .odkazy .a1-ob { width:calc(33% - 1px);border-right:1px solid #E7E7E7; } #obsah-aktualne .a-zahlavi .odkazy .a2-ob { width:34%; } #obsah-aktualne .a-zahlavi .odkazy .a1-ak { width:calc(28% - 1px);border-right:1px solid #E7E7E7; } #obsah-aktualne .a-zahlavi .odkazy .a2-ak { width:44%; } #obsah-aktualne .a-right { height:250px;float:right;margin:40px 20px 0px 0px;line-height:1px;float:right;position:relative; } #obsah-aktualne .povidani { padding:0px 20px 0px 20px; } #obsah-aktualne .znacky { width:calc(100% - 40px);height:60px;line-height:1px;margin:40px 20px 0px 20px;padding:5px 0px 5px 0px;background-color:#F7F7F7;overflow:hidden;text-align:center; } #obsah-aktualne .znacky a { width:100px;height:50px;overflow:hidden;display:inline-block;padding:5px 10px 5px 10px;line-height:1px;margin:0px; } #obsah-aktualne .znacky a div { width:100px;height:50px;background-repeat:no-repeat;background-size:contain;background-position:center center; } #obsah-aktualne .znacky a div img { max-width:100px;max-height:50px; } #obsah-aktualne .nove-clanky { width:calc((100% - 20px) / 3 - 20px);min-height:420px;float:left;position:relative;margin:20px 0px 40px 20px;background-color:#F7F7F7; } #obsah-aktualne .nove-clanky .jeden-clanek { display:block;padding:0px 20px 0px 20px;text-decoration:none;color:#000000;text-align:left; } #obsah-aktualne .nove-clanky .jeden-clanek .nadpis { padding:10px 0px 3px 0px;text-decoration:underline;font-weight:bold;line-height:1.2; } #obsah-aktualne .nove-clanky .jeden-clanek .popisek { padding:0px 0px 12px 0px;font-siz e:75%;line-height:1.4;color:#888888;border-bottom:1px solid #E7E7E7; } #obsah-aktualne .nove-clanky .pod { text-align:right; } #obsah-aktualne .nove-clanky .pod .cudlik-cerny { margin:15px 20px 15px 0px; } #obsah-aktualne .nase-obchody { width:calc((100% - 20px) / 3 - 20px);height:420px;float:left;position:relative;margin:20px 0px 40px 20px;background-color:#F7F7F7; } #obsah-aktualne .nase-obchody .obsah { padding:12px 20px 0px 20px; } #obsah-aktualne .nase-obchody .dalsi { padding:10px 20px 0px 34px; } #obsah-aktualne .nase-obchody .dalsi a { color:#000000; } #obsah-aktualne .nase-obchody .pod { text-align:right; } #obsah-aktualne .nase-obchody .pod .cudlik-cerny { margin:15px 20px 15px 0px; } #obsah-aktualne .kam-dorucujeme { width:calc((100% - 20px) / 3 - 20px);height:420px;float:left;position:relative;margin:20px 0px 40px 20px;background-color:#F7F7F7; } #obsah-aktualne .kam-dorucujeme .mapa { display:block;margin:12px 20px 0px 20px;color:#000000;text-decoration:none;position:relative;padding:0px 0px 15px 0px; } #obsah-aktualne .kam-dorucujeme .mapa img { width:100%; } #obsah-aktualne .kam-dorucujeme .mapa .legenda { width:100px;position:absolute;top:0px;right:0px; } #obsah-aktualne .kam-dorucujeme .mapa .legenda .nadpis { margin:0px 0px 3px 0px; } #obsah-aktualne .kam-dorucujeme .mapa .legenda .radek { margin:0px 0px 0px 10px; } #obsah-aktualne .kam-dorucujeme .mapa .legenda .radek span { display:inline-block;width:16px;height:16px;position:relative;top:2px; } #obsah-aktualne .kam-dorucujeme .mapa .legenda .radek .z1 { background-color:#00BB00; } #obsah-aktualne .kam-dorucujeme .mapa .legenda .radek .z2 { background-color:#40CC40; } #obsah-aktualne .kam-dorucujeme .mapa .legenda .radek .z3 { background-color:#80DD80; } #obsah-aktualne .kam-dorucujeme .mapa .legenda .radek .z4 { background-color:#B0EAB0; } #obsah-aktualne .clanky-akademie { width:calc((100% - 20px) / 3 - 20px);min-height:670px;float:left;position:relative;margin:20px 0px 40px 20px;background-color:#F7F7F7; } #obsah-aktualne .clanky-akademie .pod { text-align:right; } #obsah-aktualne .clanky-akademie .pod .cudlik-cerny { margin:15px 20px 15px 0px; } #obsah-aktualne .nejblizsi-kurzy { width:calc((100% - 20px) / 3 - 20px);min-height:670px;float:left;position:relative;margin:20px 0px 40px 20px;background-color:#F7F7F7; } #obsah-aktualne .nejblizsi-kurzy .obsah { padding:5px 0px 0px 0px; } #obsah-aktualne .nejblizsi-kurzy .obsah a { display:block;text-decoration:none;color:#000000;font-size:16px;line-height:22px;padding:8px 20px 8px 20px;border-bottom:1px solid #E7E7E7; } #obsah-aktualne .nejblizsi-kurzy .obsah a .nazev { display:block;text-decoration:underline;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } #obsah-aktualne .nejblizsi-kurzy .obsah a .datum { color:#808080; } #obsah-aktualne .nejblizsi-kurzy .obsah a .mesto { color:#808080; } #obsah-aktualne .nejblizsi-kurzy .obsah a:hover { background-color:#FFFFCC;opacity:0.9; } #obsah-aktualne .nejblizsi-kurzy .pod { text-align:right; } #obsah-aktualne .nejblizsi-kurzy .pod .cudlik-cerny { margin:15px 20px 15px 0px; } #obsah-aktualne .rychle-odkazy { width:calc((100% - 20px) / 3 - 20px);min-height:670px;float:left;position:relative;margin:20px 0px 40px 20px;background-color:#F7F7F7; } #obsah-aktualne .rychle-odkazy .cudliky { padding:10px 20px 5px 20px; } #obsah-aktualne .rychle-odkazy .cudliky a { min-width:170px;display:inline-block;padding:8px 12px 8px 12px;background-color:#00BB00;color:#FFFFFF;text-decoration:none;margin:0px 10px 10px 0px; } #obsah-aktualne .rychle-odkazy .obrazky a { display:block;padding:0px 20px 5px 20px;text-decoration:none;color:#000000;border-top:1px solid #E7E7E7; } #obsah-aktualne .rychle-odkazy .obrazky a span { display:block;font-size:16px;line-height:16px;text-decoration:underline;font-weight:bold;margin:14px 0px 10px 0px; } #obsah-aktualne .rychle-odkazy .obrazky a img { width:100%; } #obsah-aktualne .rychle-odkazy .obrazky a:hover { background-color:#FFFFCC;opacity:0.9; } @media (max-width:1200px) { #obsah-aktualne .a-zahlavi .uvod h1 { width:155px;padding:32px 0px 25px 20px;font-size:15px; } #obsah-aktualne .a-zahlavi .uvod .shoproku { width:calc(0.8 * (100% - 185px)); } #obsah-aktualne .a-zahlavi .uvod .heureka { display:none; } #obsah-aktualne .a-zahlavi .shoproku img { width:82%; } #obsah-aktualne .a-zahlavi .heureka img { width:73%; } #obsah-aktualne .a-zahlavi .uvod .msmt { width:calc(0.38 * (100% - 180px)); } #obsah-aktualne .a-zahlavi .uvod .msmt .txt { font-size:11px; } #obsah-aktualne .a-zahlavi .uvod .skoly { width:calc(0.62 * (100% - 180px)); } #obsah-aktualne .a-zahlavi .uvod .skoly .txt { font-size:11px; } #obsah-aktualne .a-zahlavi .katalog-in a { background-position:right 18px center; } #obsah-aktualne .a-zahlavi .katalog-in .terminy { font-size:15px;padding-left:10px; } #obsah-aktualne .a-zahlavi .katalog-in .terminy .datum { min-width:auto;width:070px;padding:0px 5px 0px 0px; } #obsah-aktualne .a-zahlavi .katalog-in .terminy .mesto { min-width:auto;width:080px;padding:0px 10px 0px 0px; } #obsah-aktualne .a-zahlavi .katalog-in .terminy .nazev { width:calc(100% - 10px - 75px - 90px - 30px); } #obsah-aktualne .kam-dorucujeme .mapa .legenda { margin:-20px 0px 0px 0px; } #obsah-aktualne .nejblizsi-kurzy .obsah a { font-size:15px;line-height:20px; } } @media (max-width:1150px) { #obsah-aktualne .a-zahlavi .uvod .shoproku { width:calc(0.80 * (100% - 185px)); } #obsah-aktualne .a-zahlavi .uvod .heureka { display:none; } #obsah-aktualne .a-zahlavi .uvod .msmt { width:calc(0.95 * (100% - 185px)); } #obsah-aktualne .a-zahlavi .uvod .msmt .img .img-m { max-width:120px; } #obsah-aktualne .a-zahlavi .uvod .skoly { display:none; } #obsah-aktualne .kam-dorucujeme .mapa .legenda { width:100%;position:static;margin:10px 0px 0px 0px; } #obsah-aktualne .kam-dorucujeme .mapa .legenda .radek { margin:0px 10px 0px 0px;display:inline-block; } } @media (max-width:1100px) { #obsah-aktualne .a-zahlavi .uvod .shoproku { width:calc(0.80 * (100% - 185px)); } #obsah-aktualne .a-zahlavi .uvod .heureka { display:none; } #obsah-aktualne .a-zahlavi .uvod .shoproku img { width:90%; } #obsah-aktualne .a-zahlavi .katalog .obal { max-width:265px; } #obsah-aktualne .a-zahlavi .katalog .obal .nadpis { padding:18px 0px 0px 24px; } #obsah-aktualne .a-zahlavi .katalog .obal .popisek { padding:3px 0px 0px 24px; } #obsah-aktualne .a-zahlavi .odkazy a { height:35px;padding:9px 0px 0px 0px; } #obsah-aktualne .a-zahlavi .odkazy a div { line-height:1.4; } } @media (max-width:1050px) { #obsah-aktualne .a-zahlavi { width:calc(100% - 560px - 54px);margin:22px 0px 20px 20px; } #obsah-aktualne .a-zahlavi .uvod { height:85px; } #obsah-aktualne .a-zahlavi .uvod h1 { width:160px;padding:17px 0px 0px 25px; } #obsah-aktualne .a-zahlavi .uvod .shoproku { width:calc(0.6 * (100% - 185px));height:85px;line-height:85px; } #obsah-aktualne .a-zahlavi .uvod .heureka { width:calc(0.3 * (100% - 185px));height:85px;line-height:85px;display:block; } #obsah-aktualne .a-zahlavi .uvod .msmt { width:calc(0.38 * (100% - 185px));height:85px; } #obsah-aktualne .a-zahlavi .uvod .msmt .txt { font-size:10px; } #obsah-aktualne .a-zahlavi .uvod .msmt .img { height:55px;line-height:55px; } #obsah-aktualne .a-zahlavi .uvod .skoly { width:calc(0.62 * (100% - 185px));height:85px;display:block; } #obsah-aktualne .a-zahlavi .uvod .skoly .txt { font-size:10px; } #obsah-aktualne .a-zahlavi .uvod .skoly .img { height:55px;line-height:55px; } #obsah-aktualne .a-zahlavi .uvod .skoly .img .img-s { margin-right:10px;margin-bottom:-5px; } #obsah-aktualne .a-zahlavi .uvod .skoly .img .img-p { margin-bottom:5px; } #obsah-aktualne .a-zahlavi .katalog { margin:14px 0px 0px 0px;height:54px; } #obsah-aktualne .a-zahlavi .katalog .obal img { top:21px; } #obsah-aktualne .a-zahlavi .katalog .obal .nadpis { padding:12px 0px 0px 24px; } #obsah-aktualne .a-right { width:560px;height:200px;margin:22px 20px 0px 0px; } } @media (max-width:980px) { #obsah-aktualne .a-zahlavi .uvod .msmt { width:calc(0.95 * (100% - 185px)); } #obsah-aktualne .a-zahlavi .uvod .msmt .img .img-m { max-width:90px; } #obsah-aktualne .a-zahlavi .uvod .skoly { display:none; } } @media (max-width:950px) { #obsah-aktualne .a-zahlavi .uvod .shoproku { width:calc(100% - 190px); } #obsah-aktualne .a-zahlavi .uvod .heureka { display:none; } } @media (max-width:900px) { #obsah-aktualne .a-zahlavi { width:calc(100% - 450px - 54px); } #obsah-aktualne .a-zahlavi .uvod { height:83px; } #obsah-aktualne .a-zahlavi .uvod h1 { padding:16px 0px 0px 25px; } #obsah-aktualne .a-zahlavi .uvod .shoproku { width:calc(0.6 * (100% - 185px));height:83px;line-height:83px; } #obsah-aktualne .a-zahlavi .uvod .heureka { width:calc(0.3 * (100% - 185px));height:83px;line-height:83px;display:block; } #obsah-aktualne .a-zahlavi .katalog { height:34px; } #obsah-aktualne .a-zahlavi .katalog .obal img { top:12px; } #obsah-aktualne .a-zahlavi .katalog .obal .nadpis { padding:10px 0px 0px 24px; } #obsah-aktualne .a-zahlavi .katalog .obal .popisek { display:none; } #obsah-aktualne .a-zahlavi .uvod .msmt { width:calc(0.38 * (100% - 185px));height:83px; } #obsah-aktualne .a-zahlavi .uvod .msmt .txt { font-size:9px;line-height:20px; } #obsah-aktualne .a-zahlavi .uvod .skoly { width:calc(0.62 * (100% - 185px));height:83px;display:block; } #obsah-aktualne .a-zahlavi .uvod .skoly .txt { font-size:9px;line-height:20px; } #obsah-aktualne .a-zahlavi .uvod .skoly .img .img-s { margin-bottom:-2px; } #obsah-aktualne .a-zahlavi .odkazy { height:28px;line-height:28px;margin:0px;padding:0px; } #obsah-aktualne .a-zahlavi .odkazy a { height:28px;line-height:28px;margin:0px;padding:0px; } #obsah-aktualne .a-zahlavi .odkazy a div { display:inline; } #obsah-aktualne .a-zahlavi .odkazy a div:before { content:"•";margin:0px 2px 0px -2px; } #obsah-aktualne .a-zahlavi .odkazy .a1-ob { width:calc(31% - 1px); } #obsah-aktualne .a-zahlavi .odkazy .a2-ob { width:38%; } #obsah-aktualne .a-zahlavi .odkazy .a1-ak { width:calc(26% - 1px); } #obsah-aktualne .a-zahlavi .odkazy .a2-ak { width:48%; } #obsah-aktualne .a-zahlavi .odkazy .a2-ak .mesto { display:none; } #obsah-aktualne .a-right { width:450px;height:120px; } } @media (max-width:850px) { #obsah-aktualne .a-zahlavi .uvod .shoproku { width:calc(100% - 190px); } #obsah-aktualne .a-zahlavi .uvod .heureka { display:none; } #obsah-aktualne .a-zahlavi .uvod .msmt { width:calc(0.95 * (100% - 185px)); } #obsah-aktualne .a-zahlavi .uvod .msmt .img .img-m { max-width:90px; } #obsah-aktualne .a-zahlavi .uvod .skoly { display:none; } } @media (max-width:800px) { #obsah-aktualne .a-zahlavi { width:calc(100% - 40px);margin:20px 20px 20px 20px;clear:both; } #obsah-aktualne .a-zahlavi .uvod { width:calc(50% - 8px);margin:0px 16px 0px 0px;float:left;height:137px; } #obsah-aktualne .a-zahlavi .uvod h1 { padding:43px 0px 0px 20px; } #obsah-aktualne .a-zahlavi .uvod .shoproku { height:137px;line-height:137px; } #obsah-aktualne .a-zahlavi .uvod .heureka { height:137px;line-height:137px; } #obsah-aktualne .a-zahlavi .uvod .msmt { width:calc(0.38 * (100% - 185px));height:137px; } #obsah-aktualne .a-zahlavi .uvod .msmt .txt { font-size:10px;line-height:30px; } #obsah-aktualne .a-zahlavi .uvod .msmt .img { height:78px;line-height:78px; } #obsah-aktualne .a-zahlavi .uvod .skoly { width:calc(0.62 * (100% - 185px));height:137px;display:block; } #obsah-aktualne .a-zahlavi .uvod .skoly .txt { font-size:10px;line-height:30px; } #obsah-aktualne .a-zahlavi .uvod .skoly .img { height:78px;line-height:78px; } #obsah-aktualne .a-zahlavi .weby { width:calc(50% - 8px);margin:0px 0px 8px 0px;float:right;display:block;padding:0px; } #obsah-aktualne .a-zahlavi .weby .oddeleni { margin:0px 10px 0px 10px; } #obsah-aktualne .a-zahlavi .weby .odkaz { width:calc((100% - 2 * 21px) / 3); } #obsah-aktualne .a-zahlavi .katalog { width:calc(50% - 8px);margin:0px 0px 0px 0px;float:right;height:48px; } #obsah-aktualne .a-zahlavi .katalog .obal img { top:18px; } #obsah-aktualne .a-zahlavi .katalog .obal .nadpis { padding:9px 0px 0px 24px; } #obsah-aktualne .a-zahlavi .katalog .obal .popisek { display:block; } #obsah-aktualne .a-zahlavi .katalog-in { width:calc(50% - 10px);margin:0px 0px 0px 0px;float:right; } #obsah-aktualne .a-zahlavi .katalog-in a { line-height:40px;height:40px;padding:0px 0px 0px 20px;background-position:right 22px center; } #obsah-aktualne .a-zahlavi .odkazy { width:calc(50% - 10px);margin:11px 0px 0px 0px;float:right;height:39px;clear:right; } #obsah-aktualne .a-zahlavi .odkazy a { height:33px;padding:6px 0px 0px 0px;line-height:12px; } #obsah-aktualne .a-zahlavi .odkazy a div { display:block; } #obsah-aktualne .a-zahlavi .odkazy a div:before { content:"";margin:0px 0px 0px 0px; } #obsah-aktualne .a-zahlavi .odkazy .a2-ak .mesto { display:inline; } #obsah-aktualne .a-right { width:calc(100% - 40px);height:auto;clear:both;margin:0px 20px 25px 20px;float:none; } #obsah-aktualne .znacky { height:120px; } #obsah-aktualne .nove-clanky { width:calc(100% - 40px);min-height:20px;float:none;margin:20px 20px 20px 20px; } #obsah-aktualne .nase-obchody { width:calc((100% - 20px) / 2 - 20px);margin:0px 0px 40px 20px; } #obsah-aktualne .kam-dorucujeme { width:calc((100% - 20px) / 2 - 20px);margin:0px 0px 40px 20px; } #obsah-aktualne .clanky-akademie { width:calc(100% - 40px);min-height:auto;float:none;margin:20px 20px 0px 20px; } #obsah-aktualne .nejblizsi-kurzy { width:calc((100% - 20px) / 2 - 20px);min-height:630px; } #obsah-aktualne .rychle-odkazy { width:calc((100% - 20px) / 2 - 20px);min-height:630px; } } @media (max-width:730px) { #obsah-aktualne .a-zahlavi .uvod .msmt { width:calc(0.90 * (100% - 185px)); } #obsah-aktualne .a-zahlavi .uvod .msmt .img { height:78px;line-height:78px; } #obsah-aktualne .a-zahlavi .uvod .skoly { display:none; } } @media (max-width:730px) { #obsah-aktualne .a-zahlavi .weby .odkaz { height:13px;line-height:14px;font-size:13px; } } @media (max-width:575px) { #obsah-aktualne .a-zahlavi { width:100%;margin:0px 0px 20px 0px; } #obsah-aktualne .a-zahlavi .uvod { width:100%;margin:0px 0px 10px 0px;float:none;height:100px; } #obsah-aktualne .a-zahlavi .uvod h1 { padding:23px 0px 0px 23px; } #obsah-aktualne .a-zahlavi .uvod .shoproku { width:calc(0.47 * (100% - 200px));height:100px;line-height:100px; } #obsah-aktualne .a-zahlavi .uvod .heureka { width:calc(0.28 * (100% - 200px));height:100px;line-height:100px;max-width:70px;display:inline-block; } #obsah-aktualne .a-zahlavi .uvod .msmt { width:calc(0.38 * (100% - 200px)); } #obsah-aktualne .a-zahlavi .uvod .msmt .txt { font-size:11px; } #obsah-aktualne .a-zahlavi .uvod .msmt .img { height:65px;line-height:65px; } #obsah-aktualne .a-zahlavi .uvod .skoly { width:calc(0.62 * (100% - 200px));display:block; } #obsah-aktualne .a-zahlavi .uvod .skoly .txt { font-size:11px;line-height:20px; } #obsah-aktualne .a-zahlavi .uvod .skoly .img { height:70px;line-height:70px; } #obsah-aktualne .a-zahlavi .uvod .skoly .img .img-s { max-width:50px;margin:0px 15px 0px 0px; } #obsah-aktualne .a-zahlavi .uvod .skoly .img .img-f { max-width:55px;margin:0px 15px 0px 0px; } #obsah-aktualne .a-zahlavi .uvod .skoly .img .img-p { max-width:90px;margin:0px 0px 7px 0px; } #obsah-aktualne .a-zahlavi .weby { width:calc(100% - 40px);margin:0px 0px 8px 0px;float:none;padding:0px 20px 0px 20px; } #obsah-aktualne .a-zahlavi .weby .odkaz { height:15px;line-height:15px;font-size:15px; } #obsah-aktualne .a-zahlavi .katalog { width:calc(100% - 40px);height:64px;margin:0px 20px 0px 20px;float:none; } #obsah-aktualne .a-zahlavi .katalog .obal img { top:26px; } #obsah-aktualne .a-zahlavi .katalog .obal .nadpis { padding:17px 0px 0px 24px; } #obsah-aktualne .a-zahlavi .katalog .obal .popisek { display:block; } #obsah-aktualne .a-zahlavi .katalog-in { width:calc(100% - 42px);float:none;margin:0px 20px 10px 20px; } #obsah-aktualne .a-zahlavi .katalog-in .terminy { font-size:14px;padding-left:20px; } #obsah-aktualne .a-zahlavi .katalog-in .terminy .datum { width:080px;padding:0px 15px 0px 0px; } #obsah-aktualne .a-zahlavi .katalog-in .terminy .mesto { width:105px;padding:0px 10px 0px 0px; } #obsah-aktualne .a-zahlavi .katalog-in .terminy .nazev { width:calc(100% - 20px - 95px - 115px - 30px); } #obsah-aktualne .a-zahlavi .odkazy { width:calc(100% - 42px);float:none;margin:0px 20px 0px 20px;height:41px; } #obsah-aktualne .a-zahlavi .odkazy a { height:35px;padding:8px 0px 0px 0px; } #obsah-aktualne .a-zahlavi .odkazy a div { display:block; } #obsah-aktualne .a-zahlavi .odkazy a div:before { content:"";margin:0px 0px 0px 0px; } #obsah-aktualne .a-right { } #obsah-aktualne .nove-clanky { width:calc(100% - 40px);min-height:20px;float:none;margin:20px 20px 20px 20px; } #obsah-aktualne .nase-obchody { width:calc(100% - 40px);height:auto;float:none;margin:0px 20px 20px 20px; } #obsah-aktualne .kam-dorucujeme { width:calc(100% - 40px);height:auto;float:none;margin:0px 20px 20px 20px; } #obsah-aktualne .kam-dorucujeme .mapa .legenda { width:100px;position:absolute;margin:0px 0px 0px 0px; } #obsah-aktualne .kam-dorucujeme .mapa .legenda .radek { margin:0px 0px 0px 10px;display:block; } #obsah-aktualne .nejblizsi-kurzy { width:calc(100% - 40px);min-height:auto;float:none;margin:20px 20px 0px 20px; } #obsah-aktualne .rychle-odkazy { width:calc(100% - 40px);min-height:auto;float:none;margin:20px 20px 20px 20px; } } @media (max-width:480px) { #obsah-aktualne .a-zahlavi .uvod .shoproku { width:calc(0.58 * (100% - 185px)); } #obsah-aktualne .a-zahlavi .uvod .heureka { width:calc(0.42 * (100% - 208px));max-width:70px; } #obsah-aktualne .a-zahlavi .uvod .msmt .img { height:60px;line-height:60px; } #obsah-aktualne .a-zahlavi .uvod .skoly .img { height:65px;line-height:65px; } #obsah-aktualne .a-zahlavi .katalog-in a { background-position:right 15px center; } #obsah-aktualne .a-zahlavi .katalog-in .terminy { padding-left:10px; } #obsah-aktualne .a-zahlavi .katalog-in .terminy .datum { width:070px;padding:0px 5px 0px 0px; } #obsah-aktualne .a-zahlavi .katalog-in .terminy .mesto { width:090px;padding:0px 10px 0px 0px; } #obsah-aktualne .a-zahlavi .katalog-in .terminy .nazev { width:calc(100% - 10px - 75px - 100px - 25px); } #obsah-aktualne .kam-dorucujeme .mapa .legenda { margin:-20px -10px 0px 0px; } #obsah-aktualne .kam-dorucujeme .mapa .legenda .radek { margin:0px 0px 0px 20px; } } @media (max-width:400px) { #obsah-aktualne .a-zahlavi .uvod .msmt .txt { font-size:9px; } #obsah-aktualne .a-zahlavi .uvod .skoly .txt { font-size:9px; } #obsah-aktualne .a-zahlavi .uvod .skoly .img .img-f { display:none; } #obsah-aktualne .a-zahlavi .uvod .skoly .img .img-s { display:none; } #obsah-aktualne .a-zahlavi .katalog-in .terminy .datum { width:065px;padding:0px 5px 0px 0px; } #obsah-aktualne .a-zahlavi .katalog-in .terminy .mesto { width:080px;padding:0px 5px 0px 0px; } #obsah-aktualne .a-zahlavi .katalog-in .terminy .nazev { width:calc(100% - 10px - 70px - 85px - 25px); } #obsah-aktualne .a-zahlavi .weby .oddeleni { margin:0px 10px 0px 10px; } #obsah-aktualne .a-zahlavi .weby .odkaz { width:calc((100% - 2 * 21px) / 3);height:13px;line-height:14px;font-size:13px; } } @media (max-width:365px) { #obsah-aktualne .a-zahlavi .uvod .msmt .img { height:55px;line-height:55px; } #obsah-aktualne .a-zahlavi .uvod .skoly .img { height:60px;line-height:60px; } } @media (max-width:359px) { #obsah-aktualne .a-zahlavi .uvod .shoproku { width:calc(100% - 195px); } #obsah-aktualne .a-zahlavi .uvod .heureka { display:none; } #obsah-aktualne .kam-dorucujeme .mapa .legenda { margin:-20px -20px 0px 0px; } #obsah-aktualne .kam-dorucujeme .mapa .legenda .radek { margin:0px 0px 0px 20px; } } @media (max-width:330px) { #obsah-aktualne .a-zahlavi .uvod .msmt { width:calc(0.90 * (100% - 185px)); } #obsah-aktualne .a-zahlavi .uvod .msmt .txt { font-size:10px; } #obsah-aktualne .a-zahlavi .uvod .msmt .img { height:62px;line-height:62px; } #obsah-aktualne .a-zahlavi .uvod .skoly { display:none; } } /******************************************************************************************************************************************* MAPA-STRANEK *******************************************************************************************************************************************/ #obsah-mapa { padding:40px 0px 0px 0px; } #obsah-mapa .web { display:block;float:left;line-height:20px;padding:14px 0px 12px 0px;color:#FFFFFF;text-align:center; } #obsah-mapa .obchod { width:calc(33% - 10px);margin:0px 10px 0px 0px;background-color:#FF6C00; } #obsah-mapa .magazin { width:calc(33% - 10px);margin:0px 10px 0px 0px;background-color:#0090E5; } #obsah-mapa .akademie { width:calc(34% - 0px);margin:0px 0px 0px 0px;background-color:#50C477; } #obsah-mapa .akt { text-decoration:none;font-weight:bold;font-size:20px; } #obsah-mapa .pas { background-color:#ECECEC;color:#000000; } #obsah-mapa a { color:#000000; } #obsah-mapa .sloupec1 { width:calc(50% - 10px);margin:0px 20px 0px 0px;float:left; } #obsah-mapa .sloupec2 { width:calc(50% - 10px);margin:0px 0px 0px 0px;float:left; } @media (max-width:450px) { #obsah-mapa .web { padding:10px 0px 8px 0px;font-size:13px; } #obsah-mapa .akt { font-size:16px; } #obsah-mapa .sloupec1 { width:100%;margin:0px 0px 15px 0px;float:none; } #obsah-mapa .sloupec2 { width:100%;margin:0px 0px 0px 0px;float:none; } } /******************************************************************************************************************************************* CLANKY *******************************************************************************************************************************************/ #obsah-clanky { padding:40px 0px 0px 0px; } #obsah-clanky h2 { margin:25px 0px 10px 0px; } /* ********************** jeden clanek ********************** */ #obsah-clanky .clanek { } #obsah-clanky .clanek .img-first { width:100%;margin:10px 0px 10px 0px; } #obsah-clanky .clanek .hlavicka { width:100%;margin:0px 0px 20px 0px;font-size:90%;border-left:6px solid #E7E7E7;color:#ACACAC; } #obsah-clanky .clanek .hlavicka-prazdna { height:10px; } #obsah-clanky .cudlik-sedy { min-width:230px;max-width:calc(100% - 50px); } /* ********************** vsechny clanky ********************** */ #obsah-clanky .seznam-clanku { border-top:1px solid #E7E7E7;margin:0px -10px 0px -10px; } #obsah-clanky .seznam-clanku .jeden-clanek { display:block;padding:0px 10px 0px 10px;text-decoration:none;color:#000000;border-bottom:1px solid #E7E7E7;text-align:left; } #obsah-clanky .seznam-clanku .jeden-clanek:active { background-color:#E7E7E7; } #obsah-clanky .seznam-clanku .jeden-clanek:hover { background-color:#F7F7F7; } #obsah-clanky .seznam-clanku .jeden-clanek .nadpis { padding:10px 0px 3px 0px;text-decoration:underline;font-weight:bold;line-height:1.2; } #obsah-clanky .seznam-clanku .jeden-clanek .popisek { padding:0px 0px 12px 0px;font-size:90%;line-height:1.4;color:#888888; } #obsah-clanky .seznam-clanku .jeden-clanek .popisek .datum { display:inline-block;background-color:#ACACAC;color:#FFFFFF;padding:3px 4px 3px 4px;font-size:75%;line-height:1;border-radius:3px;position:relative;top:-1px; } #obsah-clanky .seznam-clanku .strankovani { margin:0px 10px 0px 10px; } /* ********************** hlavni funkce vypis_clanku() ********************** */ .vypis-clanku { } .vypis-clanku .clanek { display:block;text-decoration:none;margin:0px 0px 0px -10px;padding:10px 10px 10px 10px;color:#000000;border:2px dotted #FFFFFF; } .vypis-clanku .clanek .ikonka { width:200px;height:150px;overflow:hidden;float:left;position:relative; } .vypis-clanku .clanek .ikonka .plus { width:200px;height:36px;line-height:36px;position:absolute;bottom:6px;right:0px;text-align:right; } .vypis-clanku .clanek .ikonka .plus div { width:36px;height:36px;line-height:32px;overflow:hidden;display:inline-block;text-align:center;margin:0px 6px 0px 0px;border-radius:50%;background-image:url('/_v/s/om/00-w60.png'); } .vypis-clanku .clanek .ikonka .plus .foto img { width:21px;height:19px;vertical-align:middle; } .vypis-clanku .clanek .ikonka .plus .video img { width:21px;height:16px;vertical-align:middle; } .vypis-clanku .clanek .ikonka .obrazek { width:200px;height:150px; } .vypis-clanku .clanek .ikonka .chybi { width:200px;height:150px;line-height:150px;text-align:center;font-size:15px;font-weight:bold;background-color:#ECECEC;color:#FFFFFF; } .vypis-clanku .clanek .texty { width:calc(100% - 200px - 10px);float:left;text-align:left;margin:0px 0px 0px 10px;line-height:15px; } .vypis-clanku .clanek .texty .nadtitulek { display:inline-block;background-color:#ECECEC;color:#000000;font-size:12px;line-height:18px;padding:0px 5px 0px 5px;margin:0px 0px 4px 0px; } .vypis-clanku .clanek .texty .nadpis { font-size:18px;line-height:24px;text-decoration:underline;font-weight:bold; } .vypis-clanku .clanek .texty .upoutavka { font-size:13px;line-height:18px;color:#808080;margin:2px 0px 0px 0px; } .vypis-clanku .clanek .texty .priznaky { font-size:11px;line-height:16px;font-weight:bold; } .vypis-clanku .clanek .texty .priznaky div { display:inline-block;padding:0px 5px 0px 5px;margin:4px 5px 0px 0px;color:#FFFFFF; } .vypis-clanku .clanek .texty .priznaky .vime-prvni { background-color:#FF6666; } .vypis-clanku .clanek .texty .priznaky .exkluzivne { background-color:#36C377; } .vypis-clanku .clanek .texty .priznaky .aktualizujeme { background-color:#66CCFF; } .vypis-clanku .clanek .texty .drobnosti { font-size:13px;line-height:16px;margin:4px 0px 0px 0px; } .vypis-clanku .bleskovka { color:#ACACAC; } .vypis-clanku .bleskovka .texty .nadtitulek { color:#808080; } .vypis-clanku .bleskovka .texty .upoutavka { color:#ACACAC; } .vypis-clanku .bleskovka .texty .drobnosti { color:#ACACAC; } .vypis-clanku .clanek .vyhledano { background-color:#FFEA78;padding:2px 0px 2px 0px; } .vypis-clanku .clanek:hover { border:2px dotted #ACACAC;opacity:0.9; } @media (max-width:800px) { .vypis-clanku .clanek { margin:0px -10px 0px -10px; } .vypis-clanku .clanek .ikonka { width:100px;height:75px; } .vypis-clanku .clanek .ikonka .plus { width:100px;height:18px;line-height:18px; } .vypis-clanku .clanek .ikonka .plus div { width:18px;height:18px;line-height:16px; } .vypis-clanku .clanek .ikonka .plus .foto img { width:11px;height:10px; } .vypis-clanku .clanek .ikonka .plus .video img { width:11px;height:8px; } .vypis-clanku .clanek .ikonka .obrazek { width:100px;height:75px; } .vypis-clanku .clanek .ikonka .chybi { width:100px;height:75px;line-height:75px;font-size:14px; } .vypis-clanku .clanek .texty { width:calc(100% - 100px - 10px); } .vypis-clanku .clanek .texty .nadtitulek { } .vypis-clanku .clanek .texty .nadpis { font-size:16px;line-height:22px; } .vypis-clanku .clanek .texty .upoutavka { font-size:12px;line-height:17px; } .vypis-clanku .clanek .texty .drobnosti { font-size:12px;line-height:16px;margin:3px 0px 0px 0px; } } /* ********************** titulka webu akademie ********************** */ .web-a #obsah-aktualne .vypis-clanku { padding:5px 0px 0px 0px; } .web-a #obsah-aktualne .vypis-clanku .clanek { margin:0px 0px 0px 0px;border-style:none;border-bottom:1px solid #E7E7E7; } .web-a #obsah-aktualne .vypis-clanku .clanek .ikonka { width:140px;height:105px; } .web-a #obsah-aktualne .vypis-clanku .clanek .ikonka .plus { width:140px;height:26px;line-height:26px; } .web-a #obsah-aktualne .vypis-clanku .clanek .ikonka .plus div { width:26px;height:26px;line-height:22px; } .web-a #obsah-aktualne .vypis-clanku .clanek .ikonka .plus .foto img { width:16px;height:15px; } .web-a #obsah-aktualne .vypis-clanku .clanek .ikonka .plus .video img { width:16px;height:12px; } .web-a #obsah-aktualne .vypis-clanku .clanek .ikonka .obrazek { width:140px;height:105px; } .web-a #obsah-aktualne .vypis-clanku .clanek .ikonka .chybi { width:140px;height:105px;line-height:105px;font-size:14px; } .web-a #obsah-aktualne .vypis-clanku .clanek .texty { width:calc(100% - 140px - 10px); } .web-a #obsah-aktualne .vypis-clanku .clanek .texty .nadpis { font-size:16px;line-height:22px; } .web-a #obsah-aktualne .vypis-clanku .clanek .texty .upoutavka { font-size:12px;line-height:17px; } .web-a #obsah-aktualne .vypis-clanku .clanek .texty .drobnosti { font-size:12px;line-height:16px;margin:3px 0px 0px 0px; } .web-a #obsah-aktualne .vypis-clanku .clanek:hover { border-style:none;border-bottom:1px solid #E7E7E7;background-color:#FFFFCC;opacity:0.9; } @media (max-width:1200px) { .web-a #obsah-aktualne .vypis-clanku .clanek .ikonka { width:100px;height:75px; } .web-a #obsah-aktualne .vypis-clanku .clanek .ikonka .plus { width:100px; } .web-a #obsah-aktualne .vypis-clanku .clanek .ikonka .obrazek { width:100px;height:75px; } .web-a #obsah-aktualne .vypis-clanku .clanek .ikonka .chybi { width:100px;height:75px;line-height:75px;font-size:11px; } .web-a #obsah-aktualne .vypis-clanku .clanek .texty { width:calc(100% - 100px - 10px); } .web-a #obsah-aktualne .vypis-clanku .clanek .texty .nadpis { font-size:15px;line-height:20px; } } @media (max-width:1100px) { .web-a #obsah-aktualne .vypis-clanku .clanek .ikonka { display:none; } .web-a #obsah-aktualne .vypis-clanku .clanek .texty { width:calc(100% - 10px); } } @media (max-width:800px) { .web-a #obsah-aktualne .vypis-clanku .clanek .ikonka { display:block; } .web-a #obsah-aktualne .vypis-clanku .clanek .texty { width:calc(100% - 100px - 10px); } } @media (max-width:359px) { .web-a #obsah-aktualne .vypis-clanku .clanek .ikonka { display:none; } .web-a #obsah-aktualne .vypis-clanku .clanek .texty { width:calc(100% - 10px); } } /* ********************** prihlaska do akademie ********************** */ #obsah-clanky .akademie-prihlaska .b-admin { } #obsah-clanky .akademie-prihlaska .b-mojeid { width:calc(50% - 15px);margin:0px 30px 0px 0px; } #obsah-clanky .akademie-prihlaska .b-zakladni { width:calc(50% - 15px);margin:0px 30px 0px 0px;float:left; } #obsah-clanky .akademie-prihlaska .b-trvale { width:calc(50% - 15px);margin:0px 0px 0px 0px;float:left; } #obsah-clanky .akademie-prihlaska .b-dorucovaci { width:calc(50% - 15px);margin:0px 0px 0px 0px;float:left; } #obsah-clanky .akademie-prihlaska .b-vyber { margin:0px 0px 0px 0px;clear:both; } #obsah-clanky .akademie-prihlaska .b-doplneni { margin:0px 0px 0px 0px; } #obsah-clanky .akademie-prihlaska .b-osobni { margin:0px 0px 0px 0px; } @media (max-width:850px) { #obsah-clanky .akademie-prihlaska .b-zakladni .form-datum .den { width:50px;margin-right:3px; } #obsah-clanky .akademie-prihlaska .b-zakladni .form-datum .mesic { margin-right:3px; } #obsah-clanky .akademie-prihlaska .b-zakladni .form-datum .rok { width:66px;margin-right:3px; } } @media (max-width:530px) { #obsah-clanky .akademie-prihlaska .b-mojeid { width:100%;margin:0px 0px 0px 0px;float:none; } #obsah-clanky .akademie-prihlaska .b-zakladni { width:100%;margin:0px 0px 0px 0px;float:none; } #obsah-clanky .akademie-prihlaska .b-trvale { width:100%;margin:0px 0px 0px 0px;float:none; } #obsah-clanky .akademie-prihlaska .b-dorucovaci { width:100%;margin:0px 0px 0px 0px;float:none; } #obsah-clanky .akademie-prihlaska .b-zakladni .form-datum .den { width:55px;margin-right:5px; } #obsah-clanky .akademie-prihlaska .b-zakladni .form-datum .mesic { margin-right:5px; } #obsah-clanky .akademie-prihlaska .b-zakladni .form-datum .rok { width:72px;margin-right:5px; } } /* ********************** poukazy do akademie ********************** */ #obsah-clanky .akademie-poukaz .b-admin { } #obsah-clanky .akademie-poukaz .b-kdo { width:calc(50% - 15px);margin:0px 30px 0px 0px;float:left; } #obsah-clanky .akademie-poukaz .b-komu { width:calc(50% - 15px);margin:0px 0px 0px 0px;float:left; } #obsah-clanky .akademie-poukaz .b-vyber { margin:0px 0px 0px 0px;clear:both; } #obsah-clanky .akademie-poukaz .b-doplneni { margin:0px 0px 0px 0px; } #obsah-clanky .akademie-poukaz .b-osobni { margin:0px 0px 0px 0px; } @media (max-width:530px) { #obsah-clanky .akademie-poukaz .b-kdo { width:100%;margin:0px 0px 0px 0px;float:none; } #obsah-clanky .akademie-poukaz .b-komu { width:100%;margin:0px 0px 0px 0px;float:none; } } /******************************************************************************************************************************************* PORADNA *******************************************************************************************************************************************/ #obsah-dotazy { padding:40px 0px 0px 0px; } /******************************************************************************************************************************************* HODNOCENI *******************************************************************************************************************************************/ #obsah-hodnoceni { padding:40px 0px 0px 0px; } #obsah-hodnoceni .zahlavi { } #obsah-hodnoceni .zahlavi .fotografie { width:250px;height:250px;float:left;padding:0px 15px 15px 15px;margin:0px 10px 10px 0px;line-height:1px;overflow:hidden;position:relative; } #obsah-hodnoceni .zahlavi .fotografie .znacka { width:100px;height:40px;padding:5px 10px 5px 10px;display:inline-block;overflow:hidden;line-height:1px;position:absolute;left:0px;top:206px;z-index:1;border:1px solid #E7E7E7;background-color:#FFFFFF; } #obsah-hodnoceni .zahlavi .fotografie .znacka div { width:100px;background-repeat:no-repeat;background-size:contain;background-position:center center; } #obsah-hodnoceni .zahlavi .fotografie .znacka div img { width:100%;max-height:40px; } #obsah-hodnoceni .zahlavi .fotografie a .foto { width:250px;height:250px;position:relative;z-index:0; } #obsah-hodnoceni .zahlavi .hodnoceni { height:250px;float:left;position:relative; } #obsah-hodnoceni .zahlavi .hodnoceni .cislo { font-size:85px;line-height:85px;font-weight:bold;margin:0px 0px 15px 0px; } #obsah-hodnoceni .zahlavi .hodnoceni .cislo span { margin:0px 0px 0px -15px; } #obsah-hodnoceni .zahlavi .hodnoceni .lidi { margin:6px 0px 0px 0px; } #obsah-hodnoceni .zahlavi .hodnoceni .cudlik-oranzovy { position:absolute;bottom:0px; } #obsah-hodnoceni .zahlavi2 { } #obsah-hodnoceni .zahlavi2 .znacka { width:200px;height:80px;padding:5px 10px 5px 10px;display:inline-block;overflow:hidden;line-height:1px;border:1px solid #E7E7E7;background-color:#FFFFFF;float:left;margin:0px 20px 10px 0px; } #obsah-hodnoceni .zahlavi2 .znacka div { width:200px;background-repeat:no-repeat;background-size:contain;background-position:center center; } #obsah-hodnoceni .zahlavi2 .znacka div img { width:100%;max-height:80px; } @media (max-width:950px) { #obsah-hodnoceni .zahlavi .fotografie { width:200px;height:200px; } #obsah-hodnoceni .zahlavi .fotografie .znacka { top:156px; } #obsah-hodnoceni .zahlavi .fotografie a .foto { width:200px;height:200px; } #obsah-hodnoceni .zahlavi .hodnoceni { height:200px; } #obsah-hodnoceni .zahlavi .hodnoceni .cislo { font-size:75px;line-height:75px;margin:0px 0px 10px 0px; } #obsah-hodnoceni .zahlavi .hodnoceni .cislo span { margin:0px 0px 0px -12px; } #obsah-hodnoceni .zahlavi .hodnoceni .hvezdicky-2 { width:175px; } #obsah-hodnoceni .zahlavi .hodnoceni .hvezdicky-2 img { width:30px;height:29px; } } @media (max-width:480px) { #obsah-hodnoceni .zahlavi .fotografie { width:150px;height:150px;padding:0px 10px 10px 10px; } #obsah-hodnoceni .zahlavi .fotografie .znacka { width:80px;height:32px;top:106px; } #obsah-hodnoceni .zahlavi .fotografie .znacka div { width:80px; } #obsah-hodnoceni .zahlavi .fotografie .znacka div img { width:100%;max-height:32px; } #obsah-hodnoceni .zahlavi .fotografie a .foto { width:150px;height:150px; } #obsah-hodnoceni .zahlavi .hodnoceni { height:150px; } #obsah-hodnoceni .zahlavi .hodnoceni .cislo { font-size:55px;line-height:55px;margin:0px 0px 5px 0px; } #obsah-hodnoceni .zahlavi .hodnoceni .cislo span { margin:0px 0px 0px -8px; } #obsah-hodnoceni .zahlavi .hodnoceni .lidi { margin:0px 0px 0px 0px;font-size:90%; } #obsah-hodnoceni .zahlavi .hodnoceni .cudlik-oranzovy { padding:5px 15px 3px 15px; } #obsah-hodnoceni .zahlavi .hodnoceni .hvezdicky-2 { width:155px; } #obsah-hodnoceni .zahlavi .hodnoceni .hvezdicky-2 img { width:25px;height:24px; } } @media (max-width:400px) { #obsah-hodnoceni .zahlavi .fotografie { width:120px;height:140px;padding:0px 10px 10px 10px; } #obsah-hodnoceni .zahlavi .fotografie .znacka { width:60px;height:24px;top:96px; } #obsah-hodnoceni .zahlavi .fotografie .znacka div { width:60px; } #obsah-hodnoceni .zahlavi .fotografie .znacka div img { width:100%;max-height:24px; } #obsah-hodnoceni .zahlavi .fotografie a .foto { width:120px;height:120px; } #obsah-hodnoceni .zahlavi .hodnoceni { height:132px; } #obsah-hodnoceni .zahlavi .hodnoceni .cislo { font-size:45px;line-height:45px; } #obsah-hodnoceni .zahlavi .hodnoceni .lidi { margin:-2px 0px 0px 0px; } #obsah-hodnoceni .zahlavi .hodnoceni .cudlik-oranzovy { padding:5px 10px 3px 10px; } #obsah-hodnoceni .zahlavi .hodnoceni .hvezdicky-2 { width:130px; } #obsah-hodnoceni .zahlavi .hodnoceni .hvezdicky-2 img { width:20px;height:19px; } } @media (max-width:359px) { #obsah-hodnoceni .zahlavi .fotografie { margin:0px 6px 10px 0px; } #obsah-hodnoceni .zahlavi .hodnoceni .cudlik-oranzovy { padding:5px 6px 3px 6px;font-size:14px; } } #obsah-hodnoceni .podtext { background-color:#F7F7F7;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;padding:10px; } #obsah-hodnoceni .nove { } #obsah-hodnoceni .nove .foto { width:76px;height:76px;float:left;margin:0px 8px 0px 0px; } #obsah-hodnoceni .nove .tarea1 { height:100px; } #obsah-hodnoceni .nove .blok-plusy { width:calc(50% - 10px);float:left;color:#ACACAC;margin-right:20px; } #obsah-hodnoceni .nove .blok-plusy textarea { height:80px; } #obsah-hodnoceni .nove .blok-minusy { width:calc(50% - 10px);float:left;color:#ACACAC; } #obsah-hodnoceni .nove .blok-minusy textarea { height:80px; } #obsah-hodnoceni .nove .blok-dojem { padding:10px 0px 20px 0px; } #obsah-hodnoceni .nove .blok-dojem .hvezdicky { padding:5px 0px 0px 0px; } #obsah-hodnoceni .nove .blok-dojem .hvezdicky img { width:40px;height:38px; } #obsah-hodnoceni .nove .blok-dojem .hvezdicky .slovne { display:inline-block;line-height:20px;position:relative;top:-10px;left:10px; } #obsah-hodnoceni .vypis .polozka { padding:30px 0px 15px 0px; } #obsah-hodnoceni .vypis .polozka .nadpis { width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold; } #obsah-hodnoceni .vypis .polozka .autor { width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#888888;font-size:75%;border-bottom:1px solid #E7E7E7;margin:0px 0px 8px 0px; } #obsah-hodnoceni .vypis .polozka .autor .ico { width:13px;height:13px;margin:0px 2px 0px 5px;position:relative;top:1px;opacity:0.3; } #obsah-hodnoceni .vypis .polozka .autor .libi-se-mi { color:#000000;float:right;opacity:0.3;font-style:normal; } #obsah-hodnoceni .vypis .polozka .autor .libi-se-mi img { width:12px;height:12px;margin:0px 2px 0px 0px; } #obsah-hodnoceni .vypis .polozka .autor .libi-se-mi .kolik { background-color:#000000;color:#FFF;font-size:12px;line-height:1;font-weight:bold;padding:2px 3px 2px 3px;border-radius:3px; } #obsah-hodnoceni .vypis .polozka .autor .libi-se-mi:hover { opacity:1; } #obsah-hodnoceni .vypis .polozka .jsem-autor { background-color:#FDFFC4;padding:0px 5px 0px 5px; } #obsah-hodnoceni .vypis .polozka .varianta { font-style:italic; } #obsah-hodnoceni .vypis .polozka .varianta .prichut { width:16px;margin:0px 2px 0px 0px;position:relative;top:1px; } #obsah-hodnoceni .vypis .polozka .obsah-text { margin:0px 0px 10px 0px;font-style:italic; } #obsah-hodnoceni .vypis .polozka .obsah-pm { width:100%;margin:0px 0px 0px 0px; } #obsah-hodnoceni .vypis .polozka .obsah-pm td { width:50%;padding:5px 10px 2px 10px; } #obsah-hodnoceni .vypis .polozka .obsah-pm .obsah-plusy { background-color:#F1F7EF;border-right:5px solid #FFFFFF; } #obsah-hodnoceni .vypis .polozka .obsah-pm .obsah-minusy { background-color:#FCEBEB; } #obsah-hodnoceni .vypis .polozka .obsah-pm td ul { margin:0px;padding:0px; } #obsah-hodnoceni .vypis .polozka .obsah-pm td li { margin:0px;padding:0px 0px 5px 20px;list-style-type:none;background-position:top 8px left 2px;background-repeat:no-repeat;background-size:12px 12px; } #obsah-hodnoceni .vypis .polozka .obsah-pm .obsah-plusy li { background-image:url('/_v/s/om/ico-hodnoceni-plus-a.png'); } #obsah-hodnoceni .vypis .polozka .obsah-pm .obsah-minusy li { background-image:url('/_v/s/om/ico-hodnoceni-minus-a.png'); } #obsah-hodnoceni .vypis .polozka .obsah-pm .obsah-plusy-prazdno li { color:#ACACAC;background-image:url('/_v/s/om/ico-hodnoceni-plus-n.png'); } #obsah-hodnoceni .vypis .polozka .obsah-pm .obsah-minusy-prazdno li { color:#ACACAC;background-image:url('/_v/s/om/ico-hodnoceni-minus-n.png'); } @media (max-width:1100px) { #obsah-hodnoceni .vypis .polozka .obsah-pm td li { background-position:top 7px left 2px; } } @media (max-width:800px) { #obsah-hodnoceni .vypis .polozka .obsah-pm td li { background-position:top 5px left 2px; } #obsah-hodnoceni .vypis .polozka .obsah-pm td { padding:5px 10px 0px 10px;} } @media (max-width:550px) { #obsah-hodnoceni .vypis .polozka .obsah-pm td { width:calc(100% - 20px);display:block;margin } #obsah-hodnoceni .vypis .polozka .obsah-pm .obsah-plusy{ border-right:0px none #FFFFFF;border-bottom:5px solid #FFFFFF; } #obsah-hodnoceni .vypis .polozka .obsah-pm .prazdno { display:none; } } @media (max-width:359px) { #obsah-hodnoceni .vypis .polozka .autor .text { display:none; } } /******************************************************************************************************************************************* KATEGORIE / SEZNAM VYROBCU / VYROBCE *******************************************************************************************************************************************/ #obsah-kategorie { padding:40px 0px 0px 0px;position:relative; } #obsah-kategorie .infotext { margin:0px 20px 20px 20px;background-color:#F7F7F7;padding:15px; } #obsah-kategorie .prepinac-obsah-poradna { margin:20px 20px 20px 20px; } #obsah-kategorie .specs-uni { margin:0px 20px 20px 20px;padding:16px 160px 16px 15px;background-repeat:no-repeat;background-position:right center;text-align:left;font-weight:bold;font-size:18px;line-height:21px; } #obsah-kategorie .specs-black-friday { background-color:#000000;color:#FFFFFF;background-image:url('/_v/s/om/specs-black-friday.jpg'); text-shadow:0px 0px 3px rgba(0,0,0,0.6); -webkit-text-shadow:0px 0px 3px rgba(0,0,0,0.6); -moz-text-shadow:0px 0px 3px rgba(0,0,0,0.6); } #obsah-kategorie .specs-vanocni-darky { background-color:#DB3801;color:#FFFFFF;background-image:url('/_v/s/om/specs-vanocni-darky.jpg'); text-shadow:1px 1px 0px rgba(80,0,0,0.6); -webkit-text-shadow:1px 1px 0px rgba(80,0,0,0.6); -moz-text-shadow:1px 1px 0px rgba(80,0,0,0.6); } #obsah-kategorie .specs-neutral-cerna { background-color:#000000;color:#FFFFFF;background-image:url('/_v/s/om/specs-neutral-cerna.jpg'); text-shadow:0px 0px 3px rgba(0,0,0,0.6); -webkit-text-shadow:0px 0px 3px rgba(0,0,0,0.6); -moz-text-shadow:0px 0px 3px rgba(0,0,0,0.6); } #obsah-kategorie .specs-neutral-modra { background-color:#0092DF;color:#FFFFFF;background-image:url('/_v/s/om/specs-neutral-modra.jpg'); text-shadow:0px 0px 3px rgba(0,0,0,0.6); -webkit-text-shadow:0px 0px 3px rgba(0,0,0,0.6); -moz-text-shadow:0px 0px 3px rgba(0,0,0,0.6); } #obsah-kategorie .specs-neutral-ruzova { background-color:#E00084;color:#FFFFFF;background-image:url('/_v/s/om/specs-neutral-ruzova.jpg');text-shadow:0px 0px 3px rgba(0,0,0,0.6); -webkit-text-shadow:0px 0px 3px rgba(0,0,0,0.6); -moz-text-shadow:0px 0px 3px rgba(0,0,0,0.6); } #obsah-kategorie .specs-neutral-zelena { background-color:#4CDC00;color:#FFFFFF;background-image:url('/_v/s/om/specs-neutral-zelena.jpg');text-shadow:0px 0px 2px rgba(0,80,0,0.8); -webkit-text-shadow:0px 0px 2px rgba(0,80,0,0.8); -moz-text-shadow:0px 0px 2px rgba(0,80,0,0.8); } #obsah-kategorie .specs-neutral-zluta { background-color:#C3E000;color:#FFFFFF;background-image:url('/_v/s/om/specs-neutral-zluta.jpg'); text-shadow:0px 0px 2px rgba(80,80,0,0.9);-webkit-text-shadow:0px 0px 2px rgba(80,80,0,0.9);-moz-text-shadow:0px 0px 2px rgba(80,80,0,0.9); } /* ********************** kategorie ********************** */ #obsah-kategorie .top-banner { width:700px;height:350px;line-height:350px;float:right;margin:0px 20px 0px 0px;background-color:#ECECEC;border-style:none;text-decoration:none;overflow:hidden;line-height:1px; } #obsah-kategorie .top-left { width:calc(100% - 700px - 64px); } #obsah-kategorie .top-left h1 { margin:0px 0px 10px 0px;padding:0px 0px 0px 0px; } #obsah-kategorie .top-left h3 { margin:0px 0px 10px 0px;padding:0px 0px 0px 0px; } #obsah-kategorie .top-left .pruvodce { margin:0px 0px 20px 0px;clear:none; } #obsah-kategorie .top-left .nejprodavanejsi { border-bottom:1px solid #ECECEC;line-height:50px; } #obsah-kategorie .top-left .nejprodavanejsi a { height:40px;overflow:hidden;display:block;line-height:1.2;text-decoration:none;color:#000000;border-top:1px solid #ECECEC;padding:5px 0px 5px 0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } #obsah-kategorie .top-left .nejprodavanejsi a:hover { background-color:#F7F7F7; } #obsah-kategorie .top-left .nejprodavanejsi a .autor { font-size:13px;font-weight:normal; } #obsah-kategorie .top-left .nejprodavanejsi img { width:40px;height:40px;float:left;margin:0px 9px 0px 0px; } #obsah-kategorie .top-left .zkraceny .text { max-height:382px; } /* 281 */ #obsah-kategorie .top-povidani { width:700px;height:84px;overflow:hidden;font-size:14px;line-height:21px;float:right;margin:16px 20px -5px 0px;overflow:hidden; } #obsah-kategorie .top-povidani h2 { font-size:inherit;line-height:inherit;display:inline;padding:0px 7px 0px 0px;margin:0px 7px 0px 0px;border-right:5px solid #DCDCDC; } #obsah-kategorie .top-povidani .vice { display:none; } #obsah-kategorie .middle-povidani { background-color:#F7F7F7;margin:30px 20px 30px 20px;padding:0px;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;padding:10px 15px 10px 15px; } #obsah-kategorie .middle-povidani h2 { font-size:17px;font-weight:bold;display:inline;padding:0px 7px 0px 0px;margin:0px 7px 0px 0px;border-right:5px solid #DCDCDC; } #obsah-kategorie .middle-povidani .popis { font-size:17px;font-weight:normal; } #obsah-kategorie .bottom-povidani { background-color:#F7F7F7;margin:15px 20px 0px 20px;padding:0px;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;padding:10px 15px 10px 15px; } #obsah-kategorie .bottom-povidani h2 { font-size:17px;font-weight:bold;display:inline;padding:0px 7px 0px 0px;margin:0px 7px 0px 0px;border-right:5px solid #DCDCDC; } #obsah-kategorie .bottom-povidani .popis { font-size:17px;font-weight:normal; } @media (max-width:1150px) { #obsah-kategorie .top-banner { width:594px;height:297px; } #obsah-kategorie .top-povidani { width:594px; } #obsah-kategorie .top-left { width:calc(100% - 594px - 64px); } #obsah-kategorie .top-left .zkraceny .text { max-height:331px; } /* 231 */ } @media (max-width:1100px) { #obsah-kategorie .top-povidani { height:76px;font-size:13px;line-height:19px;margin:17px 20px -5px 0px; } #obsah-kategorie .top-left .zkraceny .text { max-height:328px; } /* 227 */ } @media (max-width:1050px) { #obsah-kategorie .top-banner { width:488px;height:244px; } #obsah-kategorie .top-povidani { width:488px;margin:19px 20px -5px 0px; } #obsah-kategorie .top-left { width:calc(100% - 488px - 64px); } #obsah-kategorie .top-left .zkraceny .text { max-height:277px; } /* 176 */ } @media (max-width:940px) { #obsah-kategorie .top-povidani { width:calc(100% - 40px);height:auto;clear:both;float:none;margin:0px 20px -7px 20px;padding:13px 0px 0px 0px; } #obsah-kategorie .top-left h1 { margin:0px 0px 4px 0px; } #obsah-kategorie .top-left h3 { margin:0px 0px 3px 0px; } #obsah-kategorie .top-left .pruvodce { margin:2px 0px 14px 0px;height:66px;padding:0px 0px 0px 0px;font-size:90%; } #obsah-kategorie .top-left .pruvodce img { width:125px;height:66px; } #obsah-kategorie .top-left .pruvodce .pruvodce-uvod { margin:6px 0px 0px 0px; } #obsah-kategorie .top-left .pruvodce .pruvodce-nadpis { margin:2px 0px 0px 0px; } #obsah-kategorie .top-left .nejprodavanejsi { line-height:45px; } #obsah-kategorie .top-left .nejprodavanejsi a { height:35px;padding:3px 0px 3px 0px;font-size:90%; } #obsah-kategorie .top-left .nejprodavanejsi img { width:30px;height:30px;margin:2px 7px 0px 0px; } #obsah-kategorie .top-left .nejprodavanejsi .medaile { top:-4px; } #obsah-kategorie .top-left .zkraceny .text { max-height:184px; } } @media (max-width:900px) { #obsah-kategorie .top-left .pruvodce { padding-left:10px; } #obsah-kategorie .top-left .pruvodce img { display:none; } } @media (max-width:800px) { #obsah-kategorie .top-banner { display:none;width:calc(100% - 40px);float:none;margin:20px 20px 0px 20px;height:auto; } #obsah-kategorie .top-banner img { width:100%;height:auto; } #obsah-kategorie .top-povidani { width:240px;height:214px;clear:none;float:right;padding:10px 15px 10px 15px;margin:35px 20px -7px 0px;background-color:#F7F7F7;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7; } #obsah-kategorie .top-left { width:calc(100% - 330px);float:left;margin:0px 0px 0px 20px;height:auto; } #obsah-kategorie .top-left .nejprodavanejsi { } #obsah-kategorie .top-left .pruvodce { padding-left:0px; } #obsah-kategorie .top-left .pruvodce img { display:block; } #obsah-kategorie .top-left .pruvodce .pruvodce-uvod { margin:8px 0px 0px 0px; } #obsah-kategorie .top-left .zkraceny .text { max-height:223px; } } @media (max-width:600px) { #obsah-kategorie .top-povidani { width:calc(100% - 47px);float:none;margin:15px 20px -8px 20px;height:auto;padding:0px 0px 0px 7px;background-color:transparent;position:relative;border-style:none;border-left:3px solid #E7E7E7; } #obsah-kategorie .top-povidani .vice { display:inline-block;position:absolute;right:0px;bottom:0px; } #obsah-kategorie .top-povidani .vice .prechod { display:inline-block;width:60px;background: rgb(255,255,255);background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); } #obsah-kategorie .top-povidani .vice .tecky { background-color:#ACACAC;color:#FFFFFF;padding:0px 5px 0px 5px;border-radius:3px;font-weight:bold; } #obsah-kategorie .top-left { width:calc(100% - 40px);float:none;margin:0px 20px 0px 20px;height:auto; } #obsah-kategorie .top-left .zkraceny .text { max-height:180px; } /* 223 */ } /* ********************** seznam znacek ********************** */ #obsah-kategorie .vypis-znacek { } #obsah-kategorie .vypis-znacek .filtr-m { display:none;background-color:#FFFFFF;height:45px;overflow:hidden;margin:0px 20px 0px 20px; } #obsah-kategorie .vypis-znacek .filtr-m .d0 { display:none; } #obsah-kategorie .vypis-znacek .filtr-m .d1 { width:100%;float:left;padding:0px;line-height:44px;font-weight:bold; } #obsah-kategorie .vypis-znacek .filtr-m .d1 a { width:calc(100% / 5);float:left;text-decoration:none;text-align:center;border-style:none; } #obsah-kategorie .vypis-znacek .filtr-m .d1 a div { width:28px;height:3px;text-align:center;background-color:#FF6C00;margin:-3px auto 0px auto; } #obsah-kategorie .vypis-znacek .filtr-m .d1 a div img { display:none; } #obsah-kategorie .vypis-znacek .filtr-m .d1 .akt { color:#FF6C00;background-color:#FFFFFF; } #obsah-kategorie .vypis-znacek .filtr-m .d1 .pas { color:#888888;background-color:#FFFFFF; } #obsah-kategorie .vypis-znacek .filtr-d { display:block;margin:0px 20px 0px 20px;line-height:1; } #obsah-kategorie .vypis-znacek .filtr-d a { display:inline-block;background-color:#E7E7E7;padding:10px 0px 10px 0px;width:35px;margin:0px 10px 10px 0px;text-align:center;color:#000000;text-decoration:none; } #obsah-kategorie .vypis-znacek .oddeleni { clear:both;border-top:1px solid #E7E7E7;margin:0px 20px -1px 20px;position:relative;top:-1px; } #obsah-kategorie .vypis-znacek .vypis { margin:0px 5px 0px 5px; } #obsah-kategorie .vypis-znacek .vypis a[type=zalozka] { position:relative;top:-40px; } #obsah-kategorie .vypis-znacek .vypis .pismeno { display:block;background-color:#F7F7F7;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;margin:30px 15px 15px 15px;font-size:125%;line-height:1; } #obsah-kategorie .vypis-znacek .vypis .pismeno .obsah { display:block;text-align:left;padding:10px 0px 10px 15px;font-weight:bold; } #obsah-kategorie .vypis-znacek .vypis .pismeno .nahoru { display:block;font-size:75%;float:right;padding:12px 10px 13px 20px;color:#ACACAC;text-decoration:underline;background-image:url('/_v/s/oms/ico-01s-top.png');background-size:15px;background-repeat:no-repeat;background-position:left top 17px; } #obsah-kategorie .vypis-znacek .vypis .level1 { } #obsah-kategorie .vypis-znacek .vypis .polozka { width:calc(100% / 6 - 4px);display:inline-block;max-height:105px;position:relative;overflow:hidden;line-height:1px;text-align:center;margin:0px;border:2px dotted #FFFFFF;background-color:#FFFFFF;color:#000000;text-decoration:none; } #obsah-kategorie .vypis-znacek .vypis .polozka:hover { border:2px dotted #ACACAC; } #obsah-kategorie .vypis-znacek .vypis .polozka:active { color:#FF6C00; } #obsah-kategorie .vypis-znacek .vypis .polozka div { width:70%;max-width:148px;max-height:60px;margin:7px 0px 10px 0px;display:inline-block;overflow:hidden;background-repeat:no-repeat;background-size:contain;background-position:center center; } #obsah-kategorie .vypis-znacek .vypis .polozka div img { width:100%; } #obsah-kategorie .vypis-znacek .vypis .polozka span { font-size:90%;line-height:1;display:block;margin:0px 20px 0px 20px;padding:5px 0px 10px 0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top:2px solid #E7E7E7; } #obsah-kategorie .vypis-znacek .info-top-znacky { display:none;padding:15px 0px 15px 0px;margin:0px 20px 0px 20px;color:#888888; } @media (max-width:1000px) { #obsah-kategorie .vypis-znacek .vypis .polozka { width:calc(100% / 5 - 4px); } } @media (max-width:750px) { #obsah-kategorie .vypis-znacek .vypis .polozka { width:calc(100% / 4 - 4px); } } @media (max-width:500px) { #obsah-kategorie .vypis-znacek .filtr-m { display:block; } #obsah-kategorie .vypis-znacek .filtr-d { display:none; } #obsah-kategorie .vypis-znacek .vypis .polozka { display:block;width:calc(100% - 30px);text-decoration:none;line-height:1px;text-align:left;border:0px none #FFFFFF;border-bottom:1px solid #E7E7E7;margin:0px 15px 0px 15px;padding:0px;background-image:url('/_v/s/oms/ico-01s-right.png');background-position:right 20px top 16px;background-repeat:no-repeat;background-size:7px; } #obsah-kategorie .vypis-znacek .vypis .polozka:hover { border:0px none #FFFFFF;border-bottom:1px solid #E7E7E7; } #obsah-kategorie .vypis-znacek .vypis .polozka div { display:none; } #obsah-kategorie .vypis-znacek .vypis .polozka span { line-height:44px;display:block;margin:0px 10px 0px 10px;padding:0px 0px 0px 0px;border:0px none #FFFFFF; } #obsah-kategorie .vypis-znacek .vypis .pismeno { display:none; } #obsah-kategorie .vypis-znacek .vypis .firsthide { display:none; } #obsah-kategorie .vypis-znacek .info-top-znacky { display:block; } } /* ********************** vyrobce ********************** */ #obsah-kategorie .vyrobce { } #obsah-kategorie .vyrobce .obsah { padding:0px 0px 20px 0px; } #obsah-kategorie .vyrobce .obsah .logo { display:none; } #obsah-kategorie .vyrobce .right { float:right;text-align:center;background-color:#F7F7F7;padding:10px 0px 10px 0px; } #obsah-kategorie .vyrobce .right .logo { width:90%;display:inline-block;overflow:hidden;line-height:1px; } #obsah-kategorie .vyrobce .right .logo div { width:100%;background-repeat:no-repeat;background-size:contain;background-position:center center; } #obsah-kategorie .vyrobce .right .logo div img { width:100%;max-height:100px; } #obsah-kategorie .vyrobce .right .sklad { border-top:2px solid #E7E7E7;margin:8px 15px 0px 15px;padding:8px 0px 0px 0px; } #obsah-kategorie .vyrobce-pouze-skladem { clear:right;margin:-20px 20px 10px 20px; } @media (max-width:800px) { #obsah-kategorie .vyrobce .right { display:none; } #obsah-kategorie .vyrobce .obsah .logo { width:160px;display:block;text-align:center;background-color:#F7F7F7;padding:5px 10px 5px 10px;margin:3px 0px 5px 10px;line-height:1px;float:right; } #obsah-kategorie .vyrobce .obsah .logo div { background-repeat:no-repeat;background-size:contain;background-position:center center; } #obsah-kategorie .vyrobce .obsah .logo div img { width:148px;height:60px; } #obsah-kategorie .vyrobce-pouze-skladem { margin:0px 20px 0px 20px; } } @media (max-width:480px) { #obsah-kategorie .vyrobce .obsah .logo { width:100%;padding:5px 0px 5px 0px;margin:10px 0px 5px 0px;float:none; } #obsah-kategorie .vyrobce .obsah .logo div { max-width:250px;display:inline-block; } } /******************************************************************************************************************************************* PRODEJNY *******************************************************************************************************************************************/ #obsah-prodejny { padding:40px 0px 0px 0px;position:relative; } /* ********************** seznam vsech ********************** */ #obsah-prodejny-vsechny { } #obsah-prodejny-vsechny .prodejna { width:calc( ( 100% - 100px ) / 4 );max-width:480px;overflow:hidden;display:inline-block;margin:0px 0px 10px 20px; } #obsah-prodejny-clanek { } #obsah-prodejny-clanek .prodejna { width:calc( ( 100% - 30px ) / 3 );max-width:480px;overflow:hidden;display:inline-block;margin:0px 10px 10px 0px; } /* ********************** vizitky ********************** */ .prodejna { display:block;position:relative;z-index:1;line-height:1px;text-decoration:none;overflow:hidden;text-shadow:0px 0px 3px rgba(0,0,0,0.6);-webkit-text-shadow:0px 0px 3px rgba(0,0,0,0.6);-moz-text-shadow:0px 0px 3px rgba(0,0,0,0.6); } .prodejna img { width:100%; } .prodejna .in1 { display:block;position:relative;z-index:2;height:85px;line-height:85px;margin:-85px 0px 0px 0px;background-image:url('/_v/s/om/00-b70.png'); } .prodejna .in2 { height:100%;line-height:1.1;margin:0px 15px 0px 15px;background-image:url('/_v/s/oms/ico-01s-right.png');background-repeat:no-repeat;background-position:right top 28px; } .prodejna .nazev { padding:9px 0px 0px 0px;vertical-align:bottom;color:#FFFFFF;white-space:nowrap;font-size:92%;font-weight:bold; } .prodejna .adresa { font-size:75%;line-height:1.3;padding:3px 20px 0px 0px;vertical-align:bottom;color:#ACACAC;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .prodejna .stitek-zeleny { display:block;height:21px;padding:0px 6px 0px 6px;position:absolute;z-index:10;top:10px;right:10px;font-weight:bold;font-size:15px;line-height:22px;background-color:#00BB00;color:#FFFFFF;overflow:hidden; } .prodejna .stitek-oranzovy { display:block;height:21px;padding:0px 6px 0px 6px;position:absolute;z-index:10;top:10px;right:10px;font-weight:bold;font-size:15px;line-height:22px;background-color:#FF6C00;color:#FFFFFF;overflow:hidden; } .ted-otevreno { display:inline-block;font-weight:bold;margin:0px 0px 0px 0px;color:#00BB00; } .ted-otevreno div { display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#00BB00;overflow:hidden; } .ted-zavreno { display:inline-block;font-weight:bold;margin:0px 0px 0px 0px;color:#FF0000; } .ted-zavreno div { display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#FF0000;overflow:hidden; } #obsah-vyhledavani .prodejna { width:274px;height:183px;overflow:hidden;float:left;margin:0px 0px 20px 20px; } @media (max-width:1085px){ #obsah-prodejny-vsechny .prodejna { width:calc( ( 100% - 80px ) / 3 );max-width:480px; } #obsah-prodejny-clanek .prodejna { width:calc( ( 100% - 30px ) / 3 );max-width:480px; } } @media (max-width:910px) { #obsah-prodejny-vsechny .prodejna { width:calc( ( 100% - 60px ) / 2 );max-width:480px; } #obsah-prodejny-clanek .prodejna { width:calc( ( 100% - 60px ) / 2 );max-width:480px; } } @media (max-width:800px) { .prodejna .nazev { padding:10px 0px 0px 0px; } .prodejna .adresa { font-size:90%;line-height:1.3;padding:3px 20px 0px 0px; } } @media (max-width:600px) { #obsah-prodejny-vsechny .prodejna { width:calc( ( 100% - 40px ) / 1 );max-width:600px; } #obsah-prodejny-clanek .prodejna { width:calc( ( 100% - 40px ) / 1 );max-width:600px; } } /* ********************** detail konkretni pobocky ********************** */ #obsah-prodejny-popis { width:calc(100% - 764px);float:left;margin:0px 20px 0px 20px;overflow:hidden; } #obsah-prodejny-popis .jedna-adresa { margin:0px 0px 0px 0px; } #obsah-prodejny-popis .jedna-mapa { margin:8px 0px 20px 0px; } #obsah-prodejny-popis .jedna-kontakty { margin:0px 0px 20px 0px; } #obsah-prodejny-popis2 .aakce { background-color:#DEF8DE;border-top:1px solid #ADE6AD;border-bottom:1px solid #ADE6AD;color:#00AA00;padding:8px 10px 8px 10px;text-align:left;margin:0px 0px 10px 0px;display:block;text-decoration:none; } #obsah-prodejny-popis2 .aakce img { width:20px;height:20px;margin:2px 8px 0px 0px;vertical-align:text-bottom;float:left; } #obsah-prodejny-popis2 .aakce .popis { width:calc(100% - 28px);float:left; } .jedna-otv-doba { margin:0px 0px 20px 0px; } .jedna-otv-doba .ted { display:inline-block;background-color:#ECECEC;padding:8px 12px 8px 12px;margin:10px 0px 0px 0px; } .jedna-otv-doba .bezna { margin:10px 0px 0px 0px; } .jedna-otv-doba .vyjimkyR { margin:10px 0px 0px 0px;border-left:5px solid #FF0000;padding:0px 0px 0px 8px; } .jedna-otv-doba .vyjimkyZ { margin:10px 0px 0px 0px;border-left:5px solid #00BB00;padding:0px 0px 0px 8px; } #obsah-prodejny-foto { width:704px;float:left;margin:0px 20px 0px 0px; } #obsah-prodejny-foto .hx { display:none; } #obsah-prodejny-foto img { width:100%; } #obsah-prodejny-foto iframe { width:704px;height:469px;margin:0px 0px 7px 0px; } /* 440 */ #obsah-prodejny-text { clear:both;margin:0px 20px 0px 20px; } @media (max-width:1100px) { #obsah-prodejny-popis { width:calc(100% - 700px); } #obsah-prodejny-foto { width:640px; } #obsah-prodejny-foto iframe { width:640px;height:426px; } } @media (max-width:1030px) { #obsah-prodejny-popis { width:calc(100% - 540px); } #obsah-prodejny-foto { width:480px; } #obsah-prodejny-foto iframe { width:480px;height:320px; } } @media (max-width:900px) { #obsah-prodejny-popis { width:calc(100% - 460px); } #obsah-prodejny-foto { width:400px; } #obsah-prodejny-foto iframe { width:400px;height:266px; } } @media (max-width:800px) { #obsah-prodejny-popis { width:calc(100% - 40px); } #obsah-prodejny-foto { width:calc(100% - 40px);margin:0px 20px 0px 20px; } #obsah-prodejny-foto .hx { display:block; } #obsah-prodejny-foto iframe { width:640px;height:426px; } #obsah-prodejny-text { padding-top:20px; } } @media (max-width:694px) { #obsah-prodejny-foto iframe { width:480px;height:320px; } } @media (max-width:540px) { #obsah-prodejny-foto iframe { width:400px;height:266px; } } @media (max-width:460px) { #obsah-prodejny-foto iframe { width:320px;height:214px; } } @media (max-width:380px) { #obsah-prodejny-foto iframe { width:280px;height:187px; } } /******************************************************************************************************************************************* VYHLEDAVANI *******************************************************************************************************************************************/ #obsah-vyhledavani { padding:40px 0px 0px 0px; } .web-o #obsah-vyhledavani h1 { margin:0px 20px 15px 20px; } .web-o #obsah-vyhledavani .uvod { margin:0px 20px 10px 20px; } .web-a #obsah-vyhledavani h1 { margin:0px 0px 15px 0px; } .web-a #obsah-vyhledavani .uvod { margin:0px 0px 10px 0px; } #obsah-vyhledavani .znacka { display:inline-block;width:148px;height:60px;overflow:hidden;background-color:#F6F6F6;padding:10px 10px 10px 10px;margin:0px 0px 20px 20px;text-align:center;line-height:1px;text-decoration:none; } #obsah-vyhledavani .znacka div { background-repeat:no-repeat;background-size:contain;background-position:center center; } #obsah-vyhledavani .znacka div img { width:148px;height:60px; } #obsah-vyhledavani .znacka:hover { background-color:#F0F0F0; } #obsah-vyhledavani .pruvodce { width:calc(100% - 40px);max-width:400px;display:inline-block;margin:0px 0px 20px 20px; } /******************************************************************************************************************************************* UDALOST *******************************************************************************************************************************************/ #obsah-udalost { padding:40px 0px 0px 0px; } #obsah-udalost .hlavicka .nadpis { width:70px;float:left;clear:both;text-align:right;color:#ACACAC;padding:0px 5px 0px 0px; } #obsah-udalost .hlavicka .obsah { width:calc(100% - 75px);float:left; } #obsah-udalost .stav { background-color:#F7F7F7;padding:15px 15px 10px 15px;margin:20px 0px 0px 0px;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7; } #obsah-udalost .stav .sloupec { width:calc(50% - 10px);margin:0px 10px 0px 0px;float:left; } #obsah-udalost .stav .sloupec ul { margin:0px; } #obsah-udalost .stav .sloupec ul li { margin:0px; } #obsah-udalost .rozpis-dni { margin:25px 0px 0px 0px;} #obsah-udalost .rozpis-dni .bod-0 { width:7px;display:inline-block;margin:0px 10px 0px 0px;background-color:#E7E7E7; } #obsah-udalost .rozpis-dni .bod-1 { width:7px;display:inline-block;margin:0px 10px 0px 0px;background-color:#FF6C00; } #obsah-udalost .vypis-akci { margin-top:30px;color:#ACACAC; } #obsah-udalost .vypis-akci a { color:#ACACAC; } @media (max-width:900px) { #obsah-udalost .stav .sloupec { width:100%;margin:0px 0px 0px 0px;float:none; } #obsah-udalost .stav .sloupec:first-child { margin:0px 0px 10px 0px; } } @media (max-width:800px) { #obsah-udalost .stav .sloupec { width:calc(50% - 10px);margin:0px 10px 0px 0px;float:left; } #obsah-udalost .stav .sloupec:first-child { margin:0px 10px 0px 0px; } } @media (max-width:600px) { #obsah-udalost .stav .sloupec { width:100%;margin:0px 0px 0px 0px;float:none; } #obsah-udalost .stav .sloupec:first-child { margin:0px 0px 10px 0px; } } /******************************************************************************************************************************************* VYPIS ZBOZI *******************************************************************************************************************************************/ /* ********************** bezny (pod/vedle sebe) ********************** */ .vypis-zbozi-norm { width:calc(100% - 10px);height:auto;overflow:hidden;margin:0px 5px 15px 5px;position:relative;clear:both;line-height:1px; } .vypis-zbozi-norm .vypis-zbozi-norm { width:100%;margin-left:0px;margin-right:0px; } .vypis-zbozi-norm .ovladani { display:none; } .vypis-zbozi-norm .ovladani .vpred { width:45px;height:220px;margin:40px 0px 0px 0px;position:absolute;right:0px;z-index:5;cursor:pointer;cursor:hand;text-align:right; } .vypis-zbozi-norm .ovladani .zpet { width:45px;height:220px;margin:40px 0px 0px 0px;position:absolute;left:0px; z-index:5;cursor:pointer;cursor:hand;text-align:left;display:none; } .vypis-zbozi-norm .ovladani .vpred img { width:34px;height:64px;margin:100px 0px 0px 0px; } .vypis-zbozi-norm .ovladani .zpet img { width:34px;height:64px;margin:100px 0px 0px 0px; } .vypis-zbozi-norm .vypis { white-space:normal;transition-property:transform;transition-duration:0.5s;transition-timing-function:ease-out;transform:translate(0,0); } .vypis-zbozi-norm .polozka { width:calc(100% / 6 - 4px);height:356px;position:relative;display:inline-block;overflow:hidden;text-align:left;margin:0px;border:2px dotted #FFFFFF;background-color:#FFFFFF;transform:translate(0,0);white-space:normal; } .vypis-zbozi-norm .polozka .zbozi { width:calc(100% - 30px);height:344px;overflow:hidden;position:relative;display:inline-block;text-decoration:none;padding:10px 15px 0px 15px; } .vypis-zbozi-norm .polozka .zbozi .foto { width:100%;height:162px;line-height:160px;text-align:center;overflow:hidden; } .vypis-zbozi-norm .polozka .zbozi .foto img { width:100%;max-width:160px;max-height:160px;vertical-align:middle; } .vypis-zbozi-norm .polozka .zbozi .foto .flags { position:absolute;line-height:inherit;margin:0px 0px 0px 0px; } .vypis-zbozi-norm .polozka .zbozi .foto .flags .inside { display:inline-block;vertical-align:bottom; } .vypis-zbozi-norm .polozka .zbozi .foto .napis { position:absolute;line-height:inherit;margin:0px 0px 0px 0px;width:calc(100% - 30px);text-align:center; } .vypis-zbozi-norm .polozka .zbozi .foto .napis .inside { display:inline-block;vertical-align:middle;position:relative;z-index:1; } .vypis-zbozi-norm .polozka .zbozi .foto .napis .inside span { display:block;font-size:12px;line-height:13px;color:#FFFFFF;font-weight:bold;position:relative;top:0px;white-space:nowrap;padding-bottom:1px; } .vypis-zbozi-norm .polozka .zbozi .foto .napis .inside .bude-skladem { display:inline-block;transform:rotate(-15deg);font-size:1;line-height:1.1;background-color:#00BB00;color:#FFFFFF;font-weight:bold;padding:4px 7px 4px 7px; border-radius:6px;border:2px solid #FFFFFF;box-shadow:rgba(0,0,0,0.25) 0px 0px 6px;-webkit-box-shadow:rgba(0,0,0,0.25) 0px 0px 6px;-moz-box-shadow:rgba(0,0,0,0.25) 0px 0px 6px; } .vypis-zbozi-norm .polozka .zbozi .foto .napis .inside .tajna-nabidka { display:inline-block;transform:rotate(-15deg);font-size:1;line-height:1.1;background-color:#000000;color:#FFFFFF;font-weight:bold;padding:4px 15px 4px 15px;border-radius:6px;border:2px solid #FFFFFF;box-shadow:rgba(0,0,0,0.25) 0px 0px 6px;-webkit-box-shadow:rgba(0,0,0,0.25) 0px 0px 6px;-moz-box-shadow:rgba(0,0,0,0.25) 0px 0px 6px; } .vypis-zbozi-norm .polozka .zbozi .foto .napis .inside .vyprodej { display:inline-block;transform:rotate(-15deg);font-size:1;line-height:1.1;background-color:#FF66CC;color:#FFFFFF;font-weight:bold;padding:6px 20px 6px 20px;border-radius:6px;border:2px solid #FFFFFF;box-shadow:rgba(0,0,0,0.25) 0px 0px 6px;-webkit-box-shadow:rgba(0,0,0,0.25) 0px 0px 6px;-moz-box-shadow:rgba(0,0,0,0.25) 0px 0px 6px; } .vypis-zbozi-norm .polozka .zbozi .foto .napis .inside .vyprodano { display:inline-block;transform:rotate(-15deg);font-size:1;line-height:1.1;background-color:#ACACAC;color:#FFFFFF;font-weight:bold;padding:4px 15px 4px 15px;border-radius:6px;border:2px solid #FFFFFF;box-shadow:rgba(0,0,0,0.25) 0px 0px 6px;-webkit-box-shadow:rgba(0,0,0,0.25) 0px 0px 6px;-moz-box-shadow:rgba(0,0,0,0.25) 0px 0px 6px; } .vypis-zbozi-norm .polozka .zbozi .foto .napis .inside .slevova-knizka-ano { display:inline-block;transform:rotate(-15deg);font-size:1;line-height:1.1;background-color:#00BB00;color:#FFFFFF;font-weight:bold;padding:4px 7px 4px 7px; border-radius:6px;border:2px solid #FFFFFF;box-shadow:rgba(0,0,0,0.25) 0px 0px 6px;-webkit-box-shadow:rgba(0,0,0,0.25) 0px 0px 6px;-moz-box-shadow:rgba(0,0,0,0.25) 0px 0px 6px; } .vypis-zbozi-norm .polozka .zbozi .foto .napis .inside .slevova-knizka-ne { display:inline-block;transform:rotate(-15deg);font-size:1;line-height:1.1;background-color:#ACACAC;color:#FFFFFF;font-weight:bold;padding:4px 7px 4px 7px;border-radius:6px;border:2px solid #FFFFFF;box-shadow:rgba(0,0,0,0.25) 0px 0px 6px;-webkit-box-shadow:rgba(0,0,0,0.25) 0px 0px 6px;-moz-box-shadow:rgba(0,0,0,0.25) 0px 0px 6px; } .vypis-zbozi-norm .polozka .zbozi .obsah { width:100%;overflow:hidden; } .vypis-zbozi-norm .polozka .zbozi .obsah .in { padding:0px 0px 0px 0px; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .nazev { font-size:18px;line-height:22px;padding:14px 0px 0px 0px;margin:0px 0px 8px 0px;max-height:66px;overflow:hidden; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena { line-height:24px;font-size:24px;float:left;font-weight:bold; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena-moc { display:inline-block;line-height:16px;font-size:16px;float:left;font-weight:bold;color:#FF0000;background-image:url('/_v/s/omf/pozadi-skrt-ceny.svg');background-repeat:no-repeat;background-size:100% 100%;margin:6px 0px 0px 5px;padding:1px 4px 1px 4px; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .sklad { line-height:12px;font-size:11px;float:right;text-align:right;font-weight:bold;margin:1px 0px -1px 0px; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .sklad br { display:block; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .baleni { clear:both;padding:0px 0px 0px 0px;margin:6px 0px 0px 0px;font-size:12px;line-height:12px; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .sleva { clear:both;padding:0px 3px 0px 3px;margin:2px 0px 0px 0px;font-size:12px;line-height:15px;background-color:#00BB00;color:#FFFFFF;display:inline-block; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .popis { line-height:16px;font-size:12px;clear:both;padding:5px 0px 0px 0px; } .vypis-zbozi-norm .polozka .redir { font-style:italic; } .vypis-zbozi-norm .polozka .redir .obsah .in .nazev { font-size:16px;line-height:22px;margin:0px 0px 2px 0px;max-height:none;overflow:visible; } .vypis-zbozi-norm .polozka .redir .obsah .in .nazev .o { display:block;font-weight:bold; } .vypis-zbozi-norm .polozka .redir .obsah .in .nazev .dot { text-decoration:underline;text-decoration-style:dotted; } .vypis-zbozi-norm .polozka .zbozi .next { width:100%;height:308px;overflow:hidden;position:relative;display:inline-block;text-decoration:none;padding:0px;background-color:#F7F7F7;text-align:center;margin:5px 0px 0px 0px; } .vypis-zbozi-norm .polozka .zbozi .next .produkt { width:75px;height:75px;margin:85px 0px 0px 0px;opacity:0.5; } .vypis-zbozi-norm .polozka .zbozi .next .text { font-size:18px;line-height:22px;padding:14px 0px 8px 0px;color:#808080; } .vypis-zbozi-norm .polozka .oblibene { width:100%;text-align:right;position:absolute;z-index:1; } .vypis-zbozi-norm .polozka .oblibene a { width:40px;height:40px;line-height:40px;display:inline-block;border:3px solid #FFFFFF;overflow:hidden;border-radius:50%;text-decoration:none;text-align:center;margin:10px 0px 0px -54px;position:absolute; } .vypis-zbozi-norm .polozka .oblibene a div { width:38px;height:38px;line-height:38px;display:inline-block;border:1px solid #888888;overflow:hidden;border-radius:50%;text-decoration:none;text-align:center;background-color:#FFFFFF;background-image:url('/_v/s/om/ico-close-s.png');background-repeat:no-repeat;background-size:10px;background-position:center center; } .vypis-zbozi-norm .polozka .admin-tl { display:none;height:26px;text-align:right;position:absolute;top:0px;left:0px;z-index:5;margin:2px 0px 0px 2px; } .vypis-zbozi-norm .polozka .admin-tl a { width:26px;height:26px;line-height:24px;display:inline-block;text-align:center;background-color:#ECECEC;opacity:0.5;margin:0px 1px 0px 0px; } .vypis-zbozi-norm .polozka .admin-tl a img { max-width:14px;max-height:14px;vertical-align:middle; } .vypis-zbozi-norm .polozka .admin-tr { display:block;text-align:right;position:absolute;top:0px;right:0px;z-index:5;margin:2px 2px 0px 0px;font-size:75%;line-height:1.5; } .vypis-zbozi-norm .polozka .admin-tr span { display:inline-block;background-color:#ECECEC;opacity:0.3;margin:0px 0px 1px 0px;padding:0px 5px 0px 4px;cursor:default; } .vypis-zbozi-norm .polozka:hover { border:2px dotted #ACACAC;opacity:0.9; } .vypis-zbozi-norm .polozka .oblibene a div:hover { border:1px solid #000000;background-color:#FDFFC4;background-image:url('/_v/s/om/ico-close-n.png'); } .vypis-zbozi-norm .polozka:hover .zbozi .next .produkt { opacity:1; } .vypis-zbozi-norm .polozka:hover .zbozi .next .text { color:#000000; } .vypis-zbozi-norm .polozka:hover .admin { display:block; } .vypis-zbozi-norm .polozka:hover .admin-tr span { opacity:0.5; } .vypis-zbozi-norm .polozka .admin a:hover { opacity:1; } .vypis-zbozi-norm .polozka .admin span:hover { opacity:1; } @media (max-width:1230px) { .vypis-zbozi-norm .polozka .redir .obsah .in .nazev { font-size:15px;line-height:19px; } } @media (max-width:1085px) { /* ob jedno niz uplne to stejne */ .vypis-zbozi-norm .polozka { height:352px; } .vypis-zbozi-norm .polozka .zbozi { height:340px; } .vypis-zbozi-norm .polozka .zbozi .foto { height:142px;line-height:140px; } .vypis-zbozi-norm .polozka .zbozi .foto img { max-width:140px;max-height:140px; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .nazev { font-size:17px;padding:10px 0px 0px 0px; } .vypis-zbozi-norm .polozka .redir .obsah .in .nazev { font-size:15px; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena { } .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena-moc { line-height:14px;font-size:14px;clear:both;margin:2px 0px -2px 0px; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .sklad { font-size:10px; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .baleni { } .vypis-zbozi-norm .polozka .zbozi .obsah .in .popis { padding:5px 0px 0px 0px; } } @media (max-width:950px) { .vypis-zbozi-norm .polozka { width:calc(100% / 3 - 4px);height:320px; } .vypis-zbozi-norm .polozka .zbozi { height:308px; } .vypis-zbozi-norm .polozka .zbozi .foto { height:162px;line-height:160px; } .vypis-zbozi-norm .polozka .zbozi .foto img { max-width:160px;max-height:160px; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .nazev { font-size:17px;min-height:none;padding:12px 0px 0px 0px;max-height:44px; } .vypis-zbozi-norm .polozka .redir .obsah .in .nazev { font-size:15px;min-height:none;max-height:none; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena { } .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena-moc { clear:none;margin:7px 0px 0px 5px; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .sklad { font-size:11px; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .baleni { } .vypis-zbozi-norm .polozka .zbozi .obsah .in .popis { padding:5px 0px 0px 0px; } } @media (max-width:575px) { /* ob jedno vys uplne to stejne */ .vypis-zbozi-norm .polozka { height:330px; } .vypis-zbozi-norm .polozka .zbozi { height:318px; } .vypis-zbozi-norm .polozka .zbozi .foto { height:142px;line-height:140px; } .vypis-zbozi-norm .polozka .zbozi .foto img { max-width:140px;max-height:140px; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .nazev { min-height:44px;padding:10px 0px 0px 0px;max-height:66px; } .vypis-zbozi-norm .polozka .redir .obsah .in .nazev { min-height:none;max-height:none; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena { } .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena-moc { font-size:15px !important;margin:8px 0px 0px 3px !important; } .vypis-zbozi-norm .polozka .zbozi .obsah .in .sklad { } .vypis-zbozi-norm .polozka .zbozi .obsah .in .baleni { } .vypis-zbozi-norm .polozka .zbozi .obsah .in .popis { padding:5px 0px 0px 0px; } } @media (max-width:540px) { /* posouvaci */ .vypis-zbozi-pos { width:100%;height:345px;margin:0px 0px 15px 0px; } .vypis-zbozi-pos .ovladani { display:inline-block; } .vypis-zbozi-pos .vypis { white-space:nowrap; } .vypis-zbozi-pos .polozka { width:200px;height:340px;margin-top:-5px; } .vypis-zbozi-pos .polozka .zbozi { height:328px; } .vypis-zbozi-pos .polozka .zbozi .foto { height:162px;line-height:160px; } .vypis-zbozi-pos .polozka .zbozi .foto img { max-width:160px;max-height:160px; } .vypis-zbozi-pos .polozka .zbozi .obsah .in .nazev { font-size:18px;min-height:42px;padding:12px 0px 0px 0px; } .vypis-zbozi-pos .polozka .redir .obsah .in .nazev { font-size:17px;min-height:none; } .vypis-zbozi-pos .polozka .zbozi .obsah .in .cena { } .vypis-zbozi-pos .polozka .zbozi .obsah .in .cena-moc { display:none; } .vypis-zbozi-pos .polozka .zbozi .obsah .in .sklad { } .vypis-zbozi-pos .polozka .zbozi .obsah .in .baleni { } .vypis-zbozi-pos .polozka .zbozi .obsah .in .popis { padding:5px 0px 0px 0px; } } @media (max-width:540px) { /* pod sebe */ .vypis-zbozi-pod { width:calc(100% - 8px);height:auto;margin:0px 4px 15px 4px; } .vypis-zbozi-pod .ovladani { display:none; } .vypis-zbozi-pod .vypis { white-space:normal; } .vypis-zbozi-pod .polozka { width:calc(100% - 4px);height:auto;display:block;margin-top:0px; } .vypis-zbozi-pod .polozka .zbozi { display:block;height:auto;padding:10px 0px 10px 10px; } .vypis-zbozi-pod .polozka .zbozi .foto { width:150px;height:150px;line-height:150px;float:left;white-space:nowrap; } .vypis-zbozi-pod .polozka .zbozi .foto img { width:150px;height:150px;max-width:150px;max-height:150px; } .vypis-zbozi-pod .polozka .zbozi .foto .napis { width:150px; } .vypis-zbozi-pod .polozka .zbozi .obsah { width:calc(100% - 150px);float:left; } .vypis-zbozi-pod .polozka .zbozi .obsah .in { padding:0px 10px 0px 15px; } .vypis-zbozi-pod .polozka .zbozi .obsah .in .nazev { font-size:18px;min-height:auto;padding:6px 0px 0px 0px; } .vypis-zbozi-pod .polozka .redir .obsah .in .nazev { font-size:17px;min-height:none; } .vypis-zbozi-pod .polozka .zbozi .obsah .in .cena { padding:0px 0px 3px 0px; } .vypis-zbozi-pod .polozka .zbozi .obsah .in .cena-moc { font-size:13px;margin:9px -10px 0px 4px; } .vypis-zbozi-pod .polozka .zbozi .obsah .in .sklad { padding:1px 0px 1px 0px;margin:0px 0px 8px 0px;clear:both;float:none;text-align:left; } .vypis-zbozi-pod .polozka .zbozi .obsah .in .sklad br { display:none; } .vypis-zbozi-pod .polozka .zbozi .obsah .in .baleni { margin:0px 0px 6px 0px; } .vypis-zbozi-pod .polozka .zbozi .obsah .in .popis { width:100%;height:auto;padding:0px 0px 0px 0px; } .vypis-zbozi-pod .polozka .zbozi .obsah .in .sleva { margin:-8px 0px 1px 0px;font-size:12px;line-height:15px;background-color:#00BB00;color:#FFFFFF;display:inline-block; } } @media (max-width:359px) { /* pod sebe */ .vypis-zbozi-pod .polozka .zbozi .foto { width:130px;height:130px;line-height:130px; } .vypis-zbozi-pod .polozka .zbozi .foto img { width:130px;height:130px;max-width:130px;max-height:130px; } .vypis-zbozi-pod .polozka .zbozi .foto .napis { width:130px; } .vypis-zbozi-pod .polozka .zbozi .obsah .in .cena-moc { line-height:14px;font-size:14px;clear:both;margin:2px 0px 3px 0px; } .vypis-zbozi-pod .polozka .zbozi .obsah { width:calc(100% - 130px); } .vypis-zbozi-pod .polozka .zbozi .obsah .in { padding:0px 10px 0px 10px; } .vypis-zbozi-pod .polozka .zbozi .obsah .in .nazev { padding:0px 0px 0px 0px; } } /* ********************** upravy pro crosselling ********************** */ .crosselling .in { width:750px;max-width:999px; } @media (max-width:806px) { .crosselling .in { width:calc(100% - 40px);max-width:999px; } } @media (max-width:540px) { .crosselling .in { width:calc(100% - 40px);min-width:320px;max-width:999px;right:20px; } .fix .crosselling .in { width:calc(100% - 40px);min-width:320px;max-width:999px;right:20px; } } @media (max-width:359px) { .crosselling .in { width:100%;right:0px; } .fix .crosselling .in { width:100%;right:0px; } } .crosselling .pridano-top { float:left;line-height:26px; } .crosselling .pridano-top img { float:left;margin:0px 4px 0px 0px;position:relative;top:0px;width:26px;height:26px; } .crosselling .pridano-top span { font-size:20px; } .crosselling .produkty { clear:both;margin:0px 0px -26px 0px;position:relative;top:-26px; } .crosselling .produkty .hx a { font-size:20px; } .crosselling .pridano-bottom { clear:both;float:left; } .crosselling .cudlik-vpred-bottom { clear:none !important; } .crosselling .vypis-zbozi-norm { width:calc(100% + 20px);height:318px;margin:0px 10px 15px -10px; } .crosselling .vypis-zbozi-norm .polozka { width:calc(100% / 3 - 15px);height:314px;border:1px solid #CCCCCC;margin:0px 0px 0px 10px;text-align:center; } .crosselling .vypis-zbozi-norm .polozka .zbozi { width:auto;height:304px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .foto { height:162px;line-height:160px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .foto img { max-width:160px;max-height:160px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .foto .flag { display:none; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in { min-width:0px;width:100%;max-width:999px;position:static;top:0px;right:0px;background-color:transparent;color:#000000;border:0px none #E7E7E7; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .popis_cs { display:block;width:calc(100% - 24px);height:45px;overflow:hidden;padding:5px 10px 5px 10px;margin:10px 0px 8px 0px;background-color:#F7F7F7;font-size:16px;line-height:22px;text-align:center;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;font-weight:bold; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .nazev { font-size:14px;line-height:19px;padding:0px;margin:0px;text-align:center;display:block; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena { font-size:14px;line-height:19px;padding:0px;margin:0px;display:inline;float:none;clear:none;color:#00BB00; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena-moc { font-size:14px;line-height:19px;display:inline;float:none; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .sklad { display:none; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .baleni { display:none; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .popis { display:none; } .crosselling .vypis-zbozi-norm .polozka:hover { border:1px solid #ACACAC;opacity:1; } .crosselling .vypis-zbozi-norm .polozka:hover .zbozi .obsah .in .popis_cs { background-color:#F4F4F4;border-color:#E4E4E4; } @media (max-width:1085px) { .crosselling .vypis-zbozi-norm .polozka { height:314px; } .crosselling .vypis-zbozi-norm .polozka .zbozi { height:304px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .foto { height:162px;line-height:160px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .foto img { max-width:160px;max-height:160px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .nazev { font-size:14px;padding:0px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena { } } @media (max-width:900px) { .crosselling .vypis-zbozi-norm .polozka { width:calc(100% / 3 - 15px);height:314px; } .crosselling .vypis-zbozi-norm .polozka .zbozi { height:304px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .foto { height:162px;line-height:160px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .foto img { max-width:160px;max-height:160px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .nazev { font-size:14px;min-height:auto;padding:0px;max-height:auto; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena { } } @media (max-width:806px) { .crosselling .vypis-zbozi-norm .polozka .zbozi { width:calc(100% - 6px);padding:10px 5px 0px 5px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .popis_cs { width:calc(100% - 14px);padding:5px 5px 5px 5px;font-size:14px;line-height:22px;font-weight:normal; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .nazev { font-size:14px;line-height:19px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena { font-size:14px;line-height:19px; } } @media (max-width:700px) { .crosselling .vypis-zbozi-norm .polozka .zbozi { } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .popis_cs { font-size:13px;line-height:22px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .nazev { font-size:13px;line-height:18px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena { font-size:13px;line-height:18px; } } @media (max-width:650px) { .crosselling .vypis-zbozi-norm .polozka { height:300px; } .crosselling .vypis-zbozi-norm .polozka .zbozi { height:290px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .foto { height:142px;line-height:140px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .foto img { max-width:140px;max-height:140px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .popis_cs { font-size:12px;line-height:18px;height:38px; } } @media (max-width:575px) { .crosselling .vypis-zbozi-norm .polozka { height:300px; } .crosselling .vypis-zbozi-norm .polozka .zbozi { height:290px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .foto { height:142px;line-height:140px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .foto img { max-width:140px;max-height:140px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .nazev { min-height:44px;padding:10px 0px 0px 0px;max-height:66px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena { } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena-moc { font-size:12px; } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .sklad { } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .baleni { } .crosselling .vypis-zbozi-norm .polozka .zbozi .obsah .in .popis { padding:5px 0px 0px 0px; } } @media (max-width:540px) { .crosselling .pridano-top { line-height:22px; } .crosselling .pridano-top img { width:22px;height:22px; } .crosselling .pridano-top span { font-size:16px; } .crosselling .produkty .hx a { width:150px;font-size:15px;line-height:18px;height:42px;white-space:normal;overflow:visible;text-overflow:none;margin:0px 0px -10px 0px;position:relative;top:-10px; } .crosselling .vypis-zbozi-pod { width:100%;height:auto;margin:0px 0px 5px 0px;border-top:1px solid #CCCCCC; } .crosselling .vypis-zbozi-pod .polozka { width:calc(100% - 2px);height:auto;display:block;margin:0px;border:0px none #FFFFFF;border-bottom:1px solid #CCCCCC; } .crosselling .vypis-zbozi-pod .polozka .zbozi { display:block;height:auto;padding:10px 0px 10px 10px;text-align:left; } .crosselling .vypis-zbozi-pod .polozka .zbozi .foto { width:70px;height:70px;line-height:70px; } .crosselling .vypis-zbozi-pod .polozka .zbozi .foto img { width:70px;height:70px;max-width:70px;max-height:70px; } .crosselling .vypis-zbozi-pod .polozka .zbozi .obsah { width:calc(100% - 80px);float:left; } .crosselling .vypis-zbozi-pod .polozka .zbozi .obsah .in { width:calc(100% - 20px);padding:0px 10px 0px 10px; } .crosselling .vypis-zbozi-pod .polozka .zbozi .obsah .in .popis_cs { width:100%;height:auto;padding:0px;margin:0px 0px 3px 0px;background-color:transparent;font-size:15px;line-height:19px;text-align:left;border:0px none #FFFFFF;font-weight:bold; } .crosselling .vypis-zbozi-pod .polozka .zbozi .obsah .in .nazev { font-size:15px;min-height:auto;padding:0px 0px 3px 0px;text-align:left; } .crosselling .vypis-zbozi-pod .polozka .zbozi .obsah .in .cena { font-size:15px;padding:0px 0px 0px 0px; } .crosselling .vypis-zbozi-pod .polozka .zbozi .obsah .in .cena-moc { } .crosselling .vypis-zbozi-pod .polozka .zbozi .obsah .in .sklad { display:none; } .crosselling .vypis-zbozi-pod .polozka .zbozi .obsah .in .sklad br { display:none; } .crosselling .vypis-zbozi-pod .polozka .zbozi .obsah .in .baleni { display:none; } .crosselling .vypis-zbozi-pod .polozka .zbozi .obsah .in .popis { display:none; } .crosselling .pridano-bottom { display:none; } .crosselling .vypis-zbozi-norm .polozka:hover { border:0px none #FFFFFF;border-bottom:1px solid #CCCCCC; } .crosselling .vypis-zbozi-norm .polozka:hover .zbozi .obsah .in .popis_cs { background-color:transparent; } } /* ********************** kontext ********************** */ .vypis-zbozi-kontext { width:calc(100% - 10px);padding:5px;clear:both;background-color:#F7F7F7;margin:15px 0px 15px 0px; } .vypis-zbozi-kontext .polozka { width:calc(100% / 3 - 12px);height:65px;display:inline-block;overflow:hidden;line-height:1px;float:left;margin:5px;text-decoration:none;text-align:left;border:1px dotted #D7D7D7;background-color:#FFFFFF; } .vypis-zbozi-kontext .polozka .in { padding:5px; } .vypis-zbozi-kontext .polozka .in .foto { width:50px;height:50px;overflow:hidden;float:left;margin:4px 6px 3px 1px; } .vypis-zbozi-kontext .polozka .in .foto img { width:50px;height:50px; } .vypis-zbozi-kontext .polozka .in .nazev { padding:4px 0px 0px 0px;font-size:85%;line-height:1.1;white-space:nowrap;display:inline-block;border-bottom:1px dotted #000000;max-width:calc(100% - 66px);overflow:hidden;text-overflow:ellipsis; } .vypis-zbozi-kontext .polozka .in .cena { padding:4px 0px 0px 0px;font-size:75%;line-height:1.1;font-weight:bold; } .vypis-zbozi-kontext .polozka .in .sklad { padding:0px 0px 0px 0px;font-size:75%;line-height:1.2;font-weight:bold;margin:1px 0px 0px 0px; } .vypis-zbozi-kontext .polozka:hover { border:1px dotted #ACACAC;background-color:#FDFFC4; } .vypis-zbozi-kontext .polozka:active { border:1px dotted #ACACAC;background-color:#FFEA78; } #obsah-zbozi .innerR1 .vypis-zbozi-kontext .polozka { width:calc(100% - 12px);max-width:400px;float:none;margin:5px 5px 0px 5px; } #obsah-zbozi .neni-skladem .polozka { width:calc(100% - 12px);max-width:400px;float:none;margin:5px 5px 0px 5px; } @media (max-width:1000px) { .vypis-zbozi-kontext .polozka { width:calc(100% / 2 - 12px ); } } @media (max-width:800px) { .vypis-zbozi-kontext .polozka { width:calc(100% / 3 - 12px ); } } @media (max-width:700px) { .vypis-zbozi-kontext .polozka { width:calc(100% / 2 - 12px ); } } @media (max-width:500px) { .vypis-zbozi-kontext .polozka { width:calc(100% - 12px); } } /* ********************** v pravem menu ********************** */ .uni380 .vypis-zbozi-norm { width:100%;margin:0px 0px 10px 0px; } .uni380 .vypis-zbozi-norm .polozka { width:calc(100% / 2 - 5px);height:290px; } .uni380 .vypis-zbozi-norm .polozka .zbozi { display:block; } .uni380 .vypis-zbozi-norm .polozka .zbozi .obsah .in .nazev { height:21px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .uni380 .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena { padding:0px 0px 10px 0px; } .uni380 .vypis-zbozi-norm .polozka .zbozi .obsah .in .sklad { width:100%;font-size:13px;line-height:30px;clear:both;float:none;text-align:center;background-color:#00BB00;color:#FFFFFF;white-space:nowrap; } .uni380 .vypis-zbozi-norm .polozka .zbozi .obsah .in .sklad br { display:none; } .uni380 .vypis-zbozi-norm .polozka .zbozi .obsah .in .popis { display:none; } @media (max-width:1200px) { .uni380 .vypis-zbozi-norm .polozka { height:235px; } .uni380 .vypis-zbozi-norm .polozka .zbozi { padding:7px 10px 0px 10px; } .uni380 .vypis-zbozi-norm .polozka .zbozi .foto { height:125px;line-height:125px; } .uni380 .vypis-zbozi-norm .polozka .zbozi .foto img { max-width:125px;max-height:125px; } .uni380 .vypis-zbozi-norm .polozka .zbozi .obsah .in .nazev { height:18px;min-height:18px;padding:10px 0px 8px 0px; } .uni380 .vypis-zbozi-norm .polozka .zbozi .obsah .in .cena { } .uni380 .vypis-zbozi-norm .polozka .zbozi .obsah .in .sklad { } } /* ********************** spolecne pro vsechny ********************** */ .zbozi-sklad-ne { color:#ACACAC; } .zbozi-sklad-ano { color:#000000; } .zbozi-sklad-ne .popis { color:#ACACAC; } .zbozi-sklad-ano .popis { color:#888888; } .zbozi-sklad-ne .sklad { background-color:#ACACAC;color:#FFF;padding:2px 5px 2px 5px; } .zbozi-sklad-ano .sklad { color:#00BB00; } @media (max-width:540px) { .zbozi-sklad-ne .sklad { width:75px;text-align:center !important; } .vypis-zbozi-kontext .polozka .in .sklad { display:inline-block; } } .zbozi-sklad-ne .baleni { color:#ACACAC; } .zbozi-sklad-ano .baleni { color:#FF6C00; } .zbozi-sklad-ne .foto img { opacity:0.5; } .zbozi-sklad-ano .foto img { opacity:1; } .zbozi-sklad-ne .flags { display:none; } .zbozi-sklad-ano .flags { display:block; } .vypis-zbozi-kontext .zbozi-sklad-ne .in .nazev { border-bottom:1px dotted #ACACAC; } /******************************************************************************************************************************************* OBSAH ZBOZI *******************************************************************************************************************************************/ /* ********************** horni cast (nazev, popis, nakup, foto) ********************** */ #obsah-zbozi { padding:40px 0px 0px 0px;position:relative; } #obsah-zbozi .uvod { position:relative; } #obsah-zbozi .uvod .nazev-zbozi { width:100%;line-height:1px; } #obsah-zbozi .uvod .nazev-zbozi h1 { line-height:1.2; } #obsah-zbozi .uvod .nazev-zbozi .znacka { display:inline-block;font-size:75%;line-height:1.3;color:#FFFFFF;background-color:#000000;text-decoration:none;padding:0px 3px 0px 3px;font-weight:bold;margin:0px 15px 0px 0px; } #obsah-zbozi .uvod .nazev-zbozi .hodnoceni { display:inline-block;position:relative;top:2px;margin:0px 0px 0px 0px;white-space:nowrap;color:#808080; } #obsah-zbozi .uvod .nazev-zbozi .hodnoceni .procent { display:inline-block;margin:0px 0px 0px 9px;font-size:15px;position:relative;top:-1px;color:#ACACAC;text-decoration:none; } #obsah-zbozi .uvod .nazev-zbozi .hodnoceni .procent span { margin:0px 0px 0px -2px; } #obsah-zbozi .uvod .nazev-zbozi .hodnoceni .pocet { display:inline-block;margin:0px 0px 0px 8px;font-size:12px;position:relative;top:-2px;color:#ACACAC;text-decoration:underline; } #obsah-zbozi .uvod .hlasky { width:100%;margin:18px 0px 14px 0px; } #obsah-zbozi .uvod .prodano-dnes { background-color:#DEF8DE;border-top:1px solid #ADE6AD;border-bottom:1px solid #ADE6AD;color:#00AA00;padding:5px 5px 5px 7px;text-align:center;margin:0px 0px 5px 0px; } #obsah-zbozi .uvod .prodano-celkove { background-color:#FFF1D8;border-top:1px solid #F7DCAD;border-bottom:1px solid #F7DCAD;color:#D28E21;padding:5px 5px 5px 7px;text-align:center;margin:0px 0px 5px 0px; } #obsah-zbozi .uvod .doplneni-objednavky { background-color:#DEF8DE;border-top:1px solid #ADE6AD;border-bottom:1px solid #ADE6AD;color:#00AA00;padding:5px 5px 5px 7px;text-align:center;margin:0px 0px 5px 0px;display:block;text-decoration:none; } #obsah-zbozi .uvod .doplneni-objednavky a { color:#00AA00;white-space:nowrap; } #obsah-zbozi .uvod .doplneni-objednavky .darek { width:20px;height:20px;display:inline-block;vertical-align:text-bottom; } #obsah-zbozi .uvod .kupte-na-pobocce { background-color:#DEF8DE;border-top:1px solid #ADE6AD;border-bottom:1px solid #ADE6AD;color:#000000;padding:5px 5px 5px 15px;text-align:left; } #obsah-zbozi .uvod .kupte-na-pobocce .neplatte { margin:10px 0px 10px 0px;display:inline-block;color:#FFFFFF;background-color:#00BB00;padding:2px 8px 2px 8px; } #obsah-zbozi .uvod .kupte-na-pobocce .adresa { margin:0px 0px 10px 0px; } #obsah-zbozi .uvod .kupte-na-pobocce .otviracka { margin:0px 0px 10px 0px; } #obsah-zbozi .externi-sklad { background-color:#DEF8DE;border-top:1px solid #ADE6AD;border-bottom:1px solid #ADE6AD;padding:13px 15px 10px 15px;margin-bottom:20px;text-align:left; } #obsah-zbozi .externi-sklad b { white-space:nowrap; } #obsah-zbozi .uvod .popis1 { width:100%;margin:0px 0px 14px 0px; } #obsah-zbozi .fotografie { text-align:left;line-height:1px;overflow:hidden;position:relative; } #obsah-zbozi .fotografie .znacka-a { width:100px;height:40px;padding:5px 10px 5px 10px;display:inline-block;overflow:hidden;line-height:1px;position:absolute;left:0px;top:348px;z-index:1;border:1px solid #E7E7E7;background-color:#FFFFFF; } #obsah-zbozi .fotografie .znacka-a div { width:100px;background-repeat:no-repeat;background-size:contain;background-position:center center; } #obsah-zbozi .fotografie .znacka-a div img { width:100%;max-height:40px; } #obsah-zbozi .fotografie .znacka-vpravo { left:auto;right:0px; } #obsah-zbozi .fotografie .foto-a { width:100%;height:404px;line-height:400px;overflow:hidden;display:inline-block;position:relative; } #obsah-zbozi .fotografie .foto-a .first { width:100%;height:inherit;line-height:inherit;overflow:hidden;position:absolute;text-align:center; } #obsah-zbozi .fotografie .foto-a .preload { width:100%;height:inherit;line-height:inherit;overflow:hidden;position:absolute;text-align:center;opacity:0;display:none; } #obsah-zbozi .fotografie .foto-a img { max-width:100%;max-height:100%;display:inline-block;vertical-align:middle; } #obsah-zbozi .fotografie .foto-a .foto-loading { width:100%;height:inherit;line-height:inherit;position:absolute;z-index:9;text-align:center;display:none; } #obsah-zbozi .fotografie .foto-a .foto-loading img { width:100px;height:100px; } #obsah-zbozi .fotografie .foto-a .prekryti { width:100%;height:100%;position:absolute; } #obsah-zbozi .fotografie .flags { width:100%;height:150px;line-height:150px;text-align:left;position:absolute;z-index:5; } #obsah-zbozi .fotografie .flags .inside { display:inline-block;vertical-align:top; } #obsah-zbozi .fotografie .foto-dalsi { width:100%;height:80px;line-height:80px;white-space:nowrap;overflow:hidden;margin:30px 0px 0px 0px;position:relative;text-align:center; } #obsah-zbozi .fotografie .foto-dalsi .ovladani { } #obsah-zbozi .fotografie .foto-dalsi .ovladani .zpet { width:45px;height:80px;margin:0px 0px 0px 0px;position:absolute;left:0px; z-index:5;cursor:pointer;cursor:hand;text-align:left;display:none; } #obsah-zbozi .fotografie .foto-dalsi .ovladani .vpred { width:45px;height:80px;margin:0px 0px 0px 0px;position:absolute;right:0px;z-index:5;cursor:pointer;cursor:hand;text-align:right; } #obsah-zbozi .fotografie .foto-dalsi .ovladani .zpet img { width:34px;height:64px;padding:8px 0px 8px 0px;background-color:#FFFFFF; } #obsah-zbozi .fotografie .foto-dalsi .ovladani .vpred img { width:34px;height:64px;padding:8px 0px 8px 0px;background-color:#FFFFFF; } #obsah-zbozi .fotografie .foto-dalsi .vypis { display:inline-block;white-space:nowrap;transition-property:transform;transition-duration:0.5s;transition-timing-function:ease-out;transform:translate(0,0); } #obsah-zbozi .fotografie .foto-dalsi a { width:90px;height:70px;line-height:70px;padding:5px;position:relative;display:inline-block;overflow:hidden;margin:0px 0px 0px 0px;vertical-align:top;background-color:#FFFFFF;transform:translate(0,0);white-space:normal; } #obsah-zbozi .fotografie .foto-dalsi a img { max-width:100%;max-height:100%; } #obsah-zbozi .fotografie .foto-dalsi .akt { border-bottom:3px solid #FF6C00;height:60px;padding-top:0px;padding-bottom:17px; } #obsah-zbozi .fotografie .foto-dalsi .pas { border-bottom:0px none #FFFFFF;height:70px;padding-top:5px;padding-bottom:5px; } #obsah-zbozi .nakup { padding:15px 0px 0px 0px;clear:right; } #obsah-zbozi .nakup .varianty { float:left; } #obsah-zbozi .nakup .varianty .dostupnost { min-height:26px;margin:0px 0px 10px 0px;position:relative;clear:both;line-height:1; } #obsah-zbozi .nakup .varianty .dostupnost .cena { font-size:26px;line-height:26px;float:left;font-weight:bold; } #obsah-zbozi .nakup .varianty .dostupnost .cena2 { line-height:16px;font-size:16px;float:left;font-weight:bold;color:#FF0000;background-image:url('/_v/s/omf/pozadi-skrt-ceny.svg');background-repeat:no-repeat;background-size:100% 100%;margin:8px 0px 0px 15px;padding:1px 4px 1px 4px; } #obsah-zbozi .nakup .varianty .dostupnost .cena-moc { line-height:16px;font-size:16px;float:left;font-weight:bold;color:#FF0000;background-image:url('/_v/s/omf/pozadi-skrt-ceny.svg');background-repeat:no-repeat;background-size:100% 100%;margin:8px 0px 0px 15px;padding:1px 4px 1px 4px; } #obsah-zbozi .nakup .varianty .dostupnost .skladem { float:right;margin:0px 0px 0px 0px;color:#008800;font-weight:bold;position:absolute;bottom:2px;right:0px;text-align:right; } #obsah-zbozi .nakup .varianty .dostupnost .skladem .prodejny{ font-size:12px;padding:3px 0px 0px 0px; } #obsah-zbozi .nakup .varianty .dostupnost .jine-ceny { clear:left;float:left;padding:8px 0px 0px 0px;font-size:75%;line-height:1;color:#ACACAC; } #obsah-zbozi .nakup .varianty .vyprodej { background-color:#FFEAF8;padding:10px;margin:0px 0px 15px 0px; } #obsah-zbozi .nakup .varianty .vyprodej .nadpis { font-weight:bold;color:#CC0099; } #obsah-zbozi .nakup .varianty .vyprodej .odkaz-info { float:right;color:#CC0099;text-decoration:underline; } #obsah-zbozi .nakup .varianty .vyprodej .close-info { float:right;width:16px;height:16px;margin:5px 5px 15px 15px; } #obsah-zbozi .nakup .varianty .vyprodej a { color:#CC0099; } #obsah-zbozi .nakup .varianty .cast-balicku { color:#888888;padding:0px 0px 2px 0px; } #obsah-zbozi .nakup .varianty .selecty { margin:0px 0px 10px 0px;position:relative; } #obsah-zbozi .nakup .varianty .selecty .bal-1 { width:100%;margin:0px 0px 10px 0px; } #obsah-zbozi .nakup .varianty .selecty .bal-2 { width:100%;margin:0px 0px 10px 0px; } #obsah-zbozi .nakup .varianty .selecty .pri-1 { width:100%;margin:0px 0px 10px 0px; } #obsah-zbozi .nakup .varianty .selecty .pri-2 { width:100%;margin:0px 0px 10px 0px; } #obsah-zbozi .nakup .varianty .konv-tab { width:840px;clear:both;padding:0px 0px 0px 0px;position:fixed;top:233px;left:10px;background-color:#F7F7F7;font-size:11px;z-index:5;border:1px solid #FFFFFF;box-shadow:rgba(0,0,0,0.25) 0px 0px 6px;-webkit-box-shadow:rgba(0,0,0,0.25) 0px 0px 6px;-moz-box-shadow:rgba(0,0,0,0.25) 0px 0px 6px; } #obsah-zbozi .nakup .varianty .konv-tab th { background-color:#ACACAC;color:#FFFFFF; } #obsah-zbozi .nakup .varianty .konv-tab td { text-align:center; } #obsah-zbozi .nakup .varianty .konv-tab td img { width:12px;margin:0px 0px 0px 0px; } #obsah-zbozi .nakup .varianty .ovladani-pocet { width:132px;line-height:44px;margin:0px 10px 0px 0px;position:relative;z-index:2;white-space:nowrap;float:left; } #obsah-zbozi .nakup .varianty .ovladani-pocet .pocet-minus { width:44px;height:44px;line-height:44px;display:inline-block;vertical-align:top;overflow:hidden;bo1rder-radius:50%;font-size:26px;font-weight:normal;border-style:none;background-color:#E7E7E7;color:#000;text-align:center;cursor:pointer;cursor:hand; } #obsah-zbozi .nakup .varianty .ovladani-pocet .pocet-plus { width:44px;height:44px;line-height:44px;display:inline-block;vertical-align:top;overflow:hidden;bo1rder-radius:50%;font-size:26px;font-weight:normal;border-style:none;background-color:#E7E7E7;color:#000;text-align:center;cursor:pointer;cursor:hand; } #obsah-zbozi .nakup .varianty .ovladani-pocet .kosik-kusu-text { width:44px;line-height:44px;background-color:#E7E7E7;display:inline-block;vertical-align:top;font-weight:bold;padding:0px 0px 0px 0px;text-align:center; } #obsah-zbozi .nakup .varianty .ovladani-pocet input[type=text] { display:block;margin:10px 0px 0px 0px; } #obsah-zbozi .nakup .varianty .ovladani-koupit { width:calc(100% - 143px);position:relative;height:44px;float:right;margin:0px; } #obsah-zbozi .nakup .varianty .ovladani-koupit .koupit { width:100%;position:absolute;z-index:2;padding:0px;font-size:20px;line-height:44px;border-style:none; } #obsah-zbozi .nakup .varianty .ovladani-koupit .koupeno { width:100%;position:absolute;z-index:1;padding:0px;font-size:20px;line-height:44px;border-style:none; } #obsah-zbozi .nakup .varianty .ovladani-koupit-dis { width:calc(100% - 143px);position:relative;height:44px;float:right;margin:0px; } #obsah-zbozi .nakup .varianty .ovladani-koupit-dis .koupit { width:100%;position:absolute;z-index:2;padding:0px;font-size:20px;line-height:44px;border-style:none;background-color:#ACACAC; } #obsah-zbozi .nakup .varianty .ovladani-koupit-dis .koupeno { width:100%;position:absolute;z-index:1;padding:0px;font-size:20px;line-height:44px;border-style:none;background-color:#ACACAC; } #obsah-zbozi .nakup .varianty .lepsi-cena-akt { background-color:#DEF8DE;border-top:1px solid #ADE6AD;border-bottom:1px solid #ADE6AD;color:#00AA00;padding:5px 5px 5px 5px;text-align:center;margin:15px 0px 0px 0px; } #obsah-zbozi .nakup .varianty .lepsi-cena-pas { background-color:#E7E7E7;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;color:#808080;padding:5px 5px 5px 5px;text-align:center;margin:15px 0px 0px 0px; } #obsah-zbozi .nakup .varianty .info-policie { background-color:#E7E7E7;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;color:#808080;padding:7px 0px 16px 0px;text-align:center;margin:10px 0px 0px 0px;font-size:13px;line-height:19px;position:relative;clear:both; } #obsah-zbozi .nakup .varianty .info-policie span { display:block;padding:0px 10px 0px 10px; } #obsah-zbozi .nakup .varianty .info-policie span a { white-space:nowrap; } #obsah-zbozi .nakup .varianty .info-policie div { position:absolute;bottom:0px;width:100%;height:8px;background-image:url('/_v/s/om/pozadi-policie.png'); } #obsah-zbozi .nakup .varianty .neni-skladem .nahrady { font-weight:bold;padding:15px 0px 1px 0px; } #obsah-zbozi .nakup .varianty .neni-skladem input[type=text] { width:calc(100% - 25px);margin:0px 0px 3px 0px; } #obsah-zbozi .nakup .varianty .neni-skladem input[type=submit] { background-color:#00BB00;border-color:#00BB00; } #obsah-zbozi .nakup .varianty .vyberte { display:none;width:160px;height:26px;font-size:17px;line-height:26px;position:absolute;margin:7px 0px 0px -160px;overflow:hidden;white-space:nowrap;z-index:9;border:1px solid #FFFFFF;border-right-style:none; } #obsah-zbozi .nakup .varianty .vyberte .obsah { width:145px;display:inline-block;text-align:center;background-color:#FF6C00;color:#FFFFFF;float:left; } #obsah-zbozi .nakup .varianty .vyberte .sipka { display:inline-block;border:13px solid transparent;width:0px;height:0px;position:relative;border-left:15px solid #FF6C00;left:0px; } #obsah-zbozi .nakup .informace { float:right; } #obsah-zbozi .nakup .informace .sede { heiXght:173px;line-height:30px;padding:15px 0px 0px 20px;background-color:#ECECEC;white-space:nowrap;border-bottom:1px solid #ECECEC;overflow:hidden; } #obsah-zbozi .nakup .informace .sede .oblibene { padding:0px 0px 0px 28px;background-size:20px 19px;background-repeat:no-repeat;background-position:left 5px top 5px;position:relative; } #obsah-zbozi .nakup .informace .sede .oblibene-0 { opacity:0.5;color:#000000;font-weight:normal;background-image:url('/_v/s/omf/ico-oblibene-n.svg');text-decoration:underline; } #obsah-zbozi .nakup .informace .sede .oblibene-1 { opacity:1.0;color:#FF6C00;font-weight:bold; background-image:url('/_v/s/omf/ico-oblibene-a.svg');text-decoration:none; } #obsah-zbozi .nakup .informace .sede .oblibene-X { opacity:0.2;color:#000000;font-weight:normal;background-image:url('/_v/s/omf/ico-oblibene-n.svg');text-decoration:underline; } #obsah-zbozi .nakup .informace .sede .hvezdicka { width:20px;height:20px;position:absolute;top:5px;left:5px; } #obsah-zbozi .nakup .informace .sede .flag { padding:5px 6px 4px 6px;margin-right:5px; } #obsah-zbozi .nakup .informace .sede .odlozene-platby { padding:0px 0px 0px 5px;color:#00BB00;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 12px);display:block; } #obsah-zbozi .nakup .informace .sede .poslat-emailem { padding:0px 0px 0px 28px;background-size:18px 13px;background-repeat:no-repeat;background-position:left 5px top 9px;opacity:0.5;color:#000000;background-image:url('/_v/s/omf/ico-mail-n.svg');text-decoration:underline; } #obsah-zbozi .nakup .informace .sede .poradna { padding:0px 0px 0px 28px;background-size:20px 18px;background-repeat:no-repeat;background-position:left 5px top 9px;opacity:0.5;color:#000000;background-image:url('/_v/s/omf/ico-poradna-n.svg');text-decoration:underline; } #obsah-zbozi .nakup .informace .sede .garance { padding:0px 0px 0px 28px;background-size:17px 16px;background-repeat:no-repeat;background-position:left 5px top 3px;opacity:0.5;color:#000000;background-image:url('/_v/s/omf/ico-palec-nahoru-n.svg');text-decoration:underline;color:#008000;font-weight:bold; } #obsah-zbozi .nakup .informace .sede .velkoobchod { padding:0px 0px 0px 28px;background-size:17px 16px;background-repeat:no-repeat;background-position:left 6px top 3px;opacity:0.5;color:#000000;background-image:url('/_v/s/omf/ico-kosik-n.svg');text-decoration:underline; } #obsah-zbozi .nakup .informace .oceneni { text-align:left;opacity:0.6;display:block;text-decoration:none;line-height:70px;margin:0px 0px 10px 0px; } #obsah-zbozi .nakup .informace .oceneni .shoproku { width:41%;max-width:115px;max-height:50px;display:inline-block;padding:0px 8px 0px 0px;vertical-align:middle; } #obsah-zbozi .nakup .informace .oceneni .heureka { width:21%;max-width:050px;max-height:50px;display:inline-block;padding:0px 8px 0px 8px;vertical-align:middle; } #obsah-zbozi .nakup .informace .pod { padding:8px 0px 0px 0px;font-size:75%;line-height:1.7; } #obsah-zbozi .nakup .informace .pod .left { float:left; } #obsah-zbozi .nakup .informace .pod .right { float:right;text-align:right;color:#ACACAC; } #obsah-zbozi .nakup .informace .pod .garance { color:#ACACAC; } #obsah-zbozi .nakup .informace .pod .sklad-prodejen { line-height:23px; } #obsah-zbozi .nakup .informace .pod .sklad-prodejen .jmeno { line-height:18px;display:inline-block;background-color:#ECECEC;padding:1px 4px 0px 4px;border-radius:4px;font-weight:bold;margin-left:5px; } #obsah-zbozi .nakup .informace .pod .sklad-prodejen .cislo { white-space:nowrap; } #obsah-zbozi .nakup .informace .pod .sklad-prodejen .jmeno-eden { background-color:#ACACAC;color:#FFFFFF; } #obsah-zbozi .nakup .informace .pod .sklad-prodejen .cislo-eden { color:#909090;font-weight:bold; } #obsah-zbozi .nakup .informace .pod .sklad-prodejen .jmeno-hloubetin { background-color:#ACACAC;color:#FFFFFF; } #obsah-zbozi .nakup .informace .pod .sklad-prodejen .cislo-hloubetin { color:#909090;font-weight:bold; } #obsah-zbozi .uvod { width:calc(100% - 20px - 20px - 20px - 500px);float:right;margin:0px 20px 0px 0px; } #obsah-zbozi .fotografie { width:500px;float:left;margin:0px 0px 0px 20px; } #obsah-zbozi .nakup { width:calc(100% - 20px - 20px - 20px - 500px);float:right;margin:0px 20px 0px 0px; } #obsah-zbozi .nakup .varianty { width:340px; } #obsah-zbozi .nakup .informace { width:calc(100% - 20px - 340px); } .vyberte-si-napis { width:340px;margin:0px 0px 5px 0px; } .vyberte-si-napis-dis { margin:0px 5px 5px 0px; } .select-3 .vnitrek { width:320px; } /* -20 px nez .varianty */ .chci-jine-jmeno { display:none; } @media (max-width:1200px) { #obsah-zbozi .uvod { width:calc(100% - 20px - 20px - 20px - 450px); } #obsah-zbozi .fotografie { width:450px; } #obsah-zbozi .nakup { width:calc(100% - 20px - 20px - 20px - 450px); } } @media (max-width:1150px) { #obsah-zbozi .nakup .varianty { width:310px; } #obsah-zbozi .nakup .informace { width:calc(100% - 20px - 310px); } #obsah-zbozi .nakup .informace .oceneni .shoproku { padding:0px 6px 0px 0px; } #obsah-zbozi .nakup .informace .oceneni .heureka { padding:0px 6px 0px 6px; } .vyberte-si-napis { width:310px; } .select-3 .vnitrek { width:290px; } } @media (max-width:1100px) { #obsah-zbozi .uvod { width:calc(100% - 20px - 20px - 20px - 400px); } #obsah-zbozi .fotografie { width:400px; } #obsah-zbozi .nakup { width:calc(100% - 20px - 20px - 20px - 400px); } } @media (max-width:1050px) { #obsah-zbozi .nakup .varianty { width:290px; } #obsah-zbozi .nakup .informace { width:calc(100% - 20px - 290px); } #obsah-zbozi .nakup .informace .sede { height:auto; } #obsah-zbozi .nakup .informace .oceneni .shoproku { padding:0px 4px 0px 0px; } #obsah-zbozi .nakup .informace .oceneni .heureka { padding:0px 4px 0px 4px; } .vyberte-si-napis { width:290px; } .select-3 .vnitrek { width:270px; } } @media (max-width:1020px) { #obsah-zbozi .uvod { width:calc(100% - 20px - 20px - 20px - 300px); } #obsah-zbozi .fotografie { width:300px; } #obsah-zbozi .fotografie .znacka-a { top:248px; } #obsah-zbozi .fotografie .foto-a { height:302px;line-height:300px; } #obsah-zbozi .nakup { width:calc(100% - 20px - 20px - 20px - 300px); } } @media (max-width:920px) { #obsah-zbozi .uvod .popis1 { text-align:left; } #obsah-zbozi .nakup .varianty { width:100%;max-width:320px; } #obsah-zbozi .nakup .informace { width:100%;padding:20px 0px 0px 0px;float:none;clear:both;position:relative; } #obsah-zbozi .nakup .informace .sede { height:165px; } #obsah-zbozi .nakup .informace .sede .oblibene { float:left;clear:left;background-position:left 5px top 5px; } #obsah-zbozi .nakup .informace .sede .flag { margin-right:4px; } #obsah-zbozi .nakup .informace .sede .odlozene-platby { float:left;clear:left; } #obsah-zbozi .nakup .informace .sede .poslat-emailem { float:left;clear:left;background-position:left 5px top 9px; } #obsah-zbozi .nakup .informace .sede .poradna { float:left;clear:left;background-position:left 4px top 7px; } #obsah-zbozi .nakup .informace .sede .garance { float:left;clear:left;background-position:left 5px top 7px; } #obsah-zbozi .nakup .informace .sede .velkoobchod { float:left;clear:left;background-position:left 6px top 7px; } #obsah-zbozi .nakup .informace .oceneni { width:280px;position:absolute;right:0px;text-align:right; } #obsah-zbozi .nakup .informace .oceneni .heureka { padding:0px 15px 0px 4px; } .vyberte-si-napis { width:100%;max-width:320px; } .select-3 .vnitrek { width:100%;max-width:300px; } } @media (max-width:850px) { #obsah-zbozi .nakup .informace .oceneni .shoproku { width:100px; } #obsah-zbozi .nakup .informace .oceneni .heureka { width:40px; } } @media (max-width:800px) { #obsah-zbozi .uvod { width:calc(100% - 40px); } #obsah-zbozi .uvod .popis1 { display:none; } #obsah-zbozi .fotografie { width:calc(100% - 40px); } #obsah-zbozi .fotografie .znacka-a { left:auto;right:0px; } #obsah-zbozi .fotografie .znacka-skryj { width:60px;height:24px; } #obsah-zbozi .fotografie .znacka-a { width:60px;height:24px;padding:5px 10px 5px 10px;top:250px; } #obsah-zbozi .fotografie .znacka-a div { width:60px; } #obsah-zbozi .fotografie .znacka-a div img { width:100%;max-height:24px; } #obsah-zbozi .nakup { width:calc(100% - 40px);padding:30px 0px 0px 0px;text-align:center; } #obsah-zbozi .nakup .varianty { max-width:440px;display:inline-block;float:none;text-align:left; } #obsah-zbozi .nakup .varianty .selecty .bal-1 { width:110px;margin:0px 10px 10px 0px;float:left; } #obsah-zbozi .nakup .varianty .selecty .pri-1 { width:calc(100% - 10px - 110px);float:left; } .vyberte-si-napis { max-width:420px;max-width:440px;float:none;margin:0px auto 5px auto;text-align:left; } .vyberte-si-napis-dis { margin:0px auto 5px auto;padding:0px 5px 0px 0px;text-align:left; } .select-3 .vnitrek { width:calc(100% - 20px);max-width:420px;float:none;margin:0px auto 25px auto;text-align:left; } .chci-jine-jmeno { display:inline-block; } #obsah-zbozi .nakup .informace { min-width:320px;max-width:440px;display:inline-block;float:none;text-align:left; } #obsah-zbozi .nakup .informace .sede { height:auto;padding:0px 0px 10px 0px;background-color:transparent;white-space:normal;border-style:none; } #obsah-zbozi .nakup .informace .sede .oblibene { clear:none;display:inline-block;padding:0px 0px 0px 22px;background-position:left 0px center;margin:0px 10px 0px 0px; } #obsah-zbozi .nakup .informace .sede .odlozene-platby { clear:none;display:inline-block;margin:0px 10px 0px 0px;padding-left:0px;height:25px; } #obsah-zbozi .nakup .informace .sede .poslat-emailem { clear:none;display:inline-block;padding:0px 0px 0px 22px;background-position:left 0px center;margin:0px 10px 0px 0px; } #obsah-zbozi .nakup .informace .sede .poslat-emailem span { display:none; } #obsah-zbozi .nakup .informace .sede .poradna { display:none; } #obsah-zbozi .nakup .informace .sede .garance { display:none; } #obsah-zbozi .nakup .informace .sede .bublinka { display:none; } #obsah-zbozi .nakup .informace .sede .velkoobchod { clear:none;display:inline-block;padding:0px 0px 0px 22px;background-position:left 0px center; } #obsah-zbozi .nakup .informace .oceneni { display:none; } #obsah-zbozi .nakup .informace .pod { padding:0px 0px 0px 0px; } #obsah-zbozi .nakup .informace .pod .right { float:none;width:100%;clear:both;text-align:left;padding:5px 0px 0px 0px; } #obsah-zbozi .nakup .informace .pod .right img { display:none; } #obsah-zbozi .nakup .informace .pod .pobocky { margin-left:-5px; } #obsah-zbozi .nakup .informace .pod .pobocky span { } #obsah-zbozi .nakup .varianty .vyberte { right:0px;border-style:none;margin:7px 20px 0px 0px; } } @media (max-width:480px) { #obsah-zbozi .nakup .informace .sede .poslat-emailem { display:none; } } /* ********************** spodni cast (popis, diskuse, ...) ********************** */ #obsah-zbozi .popis { width:100%;margin:0px 0px 0px 0px;clear:both;border-top:1px solid #FFFFFF; } #obsah-zbozi .popis .obsah-popis { } #obsah-zbozi .popis .obsah-popis .popis1 { display:none; } #obsah-zbozi .popis .obsah-popis .popis2 { } #obsah-zbozi .popis .obsah-popis .popis2 .akce { background-color:#F1F7EF;color:#009900;padding:12px 15px 10px 15px;margin:0px 0px 15px 0px; } #obsah-zbozi .popis .obsah-popis .popis2 .akce a { color:#009900; } #obsah-zbozi .popis .obsah-popis .popis2 .akce p { margin:6px 0px 6px 0px; } #obsah-zbozi .popis .obsah-popis .popis2 .akce h2 { color:#009900;margin:0px 0px 0px 0px; } #obsah-zbozi .popis .obsah-popis .mohlo-by { padding:8px 0px 10px 0px; } #obsah-zbozi .popis .obsah-popis .mohlo-by .zebricek { padding-top:3px;padding-bottom:10px;line-height:35px; } #obsah-zbozi .popis .obsah-popis .mohlo-by .zebricek img { max-width:28px;max-height:28px;margin:4px 5px 0px 0px;float:left; } #obsah-zbozi .popis .obsah-popis .povinnosti { padding:0px 0px 10px 0px; } #obsah-zbozi .popis .obsah-popis .vysvetlivky { padding:0px 0px 10px 0px; } #obsah-zbozi .popis .obsah-popis .drobnosti { padding:0px 0px 10px 0px; } #obsah-zbozi .popis .obsah-popis .drobnosti li { text-align:justify; } #obsah-zbozi .radek-mer-cena { display:none; } @media (max-width:800px) { #obsah-zbozi .popis .obsah-popis .popis1 { display:block; } #obsah-zbozi .popis .obsah-popis .drobnosti li { text-align:left; } } /* ********************** top nahrada ********************** */ .top-nahrada { display:inline-block;text-decoration:none;color:#000000;max-width:250px;padding:0px 10px 10px 10px;text-align:center;border:2px dotted #E7E7E7;margin:10px 0px 0px 0px; } .top-nahrada:hover { border:2px dotted #CCCCCC; } .top-nahrada .tn-nazev { padding:10px 0px 3px 0px;font-weight:bold; } .top-nahrada .tn-info { padding:5px 0px 8px 0px; } .top-nahrada .tn-info .tn-cena { display:inline-block;font-weight:bold;color:#00BB00;position:relative;top:1px; } .top-nahrada .tn-info .tn-skladem { display:inline-block;font-weight:bold;color:#FFFFFF;background-color:#00BB00;padding:2px 5px 2px 5px;border-radius:2px;margin:0px 0px 0px 10px; } .top-nahrada img { width:200px;height:200px; } .top-nahrada .tn-koupit { width:100px;display:inline-block;text-align:center;padding:9px 20px 9px 20px;background-color:#00BB00;color:#FFFFFF;text-decoration:none;margin:2px 0px 0px 0px; } /* ********************** sklad na prodejnach ********************** */ .skladem-na-prodejnach { min-height:750px;position:relative; } .skladem-na-prodejnach .seznam { width:calc(100% + 5px); } .skladem-na-prodejnach .seznam .cudlik-prodejna { width:calc( ( 100% / 5 ) - 15px);display:inline-block;padding:9px 0px 8px 10px;margin:0px 5px 0px 0px;font-weight:normal;line-height:19px;white-space:nowrap;overflow:hidden; } .skladem-na-prodejnach .seznam .cudlik-prodejna .oc { font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .skladem-na-prodejnach .seznam .zelA { background-color:#00BB00;color:#FFFFFF; } .skladem-na-prodejnach .seznam .zelN { background-color:#00BB00;color:#FFFFFF;opacity:0.5; } .skladem-na-prodejnach .seznam .sedA { background-color:#E7E7E7;color:#000000; } .skladem-na-prodejnach .seznam .sedN { background-color:#E7E7E7;color:#ACACAC; } .skladem-na-prodejnach .seznam .ma .ks { text-decoration:underline;font-weight:bold; } .skladem-na-prodejnach .seznam .ma .mesto { } .skladem-na-prodejnach .seznam .ma .oc { } .skladem-na-prodejnach .seznam .nema .ks { } .skladem-na-prodejnach .seznam .nema .mesto { } .skladem-na-prodejnach .seznam .nema .oc { } .skladem-na-prodejnach .aakce { background-color:#DEF8DE;border-top:1px solid #ADE6AD;border-bottom:1px solid #ADE6AD;color:#00AA00;padding:8px 10px 8px 10px;text-align:left;margin:0px 0px 10px 0px;display:block;text-decoration:none; } .skladem-na-prodejnach .aakce img { width:20px;height:20px;margin:2px 8px 0px 0px;vertical-align:text-bottom;float:left; } .skladem-na-prodejnach .aakce .popis { width:calc(100% - 28px);float:left; } .skladem-na-prodejnach .chybka { background-color:#FCEBEB;border-top:1px solid #F0ABAB;border-bottom:1px solid #F0ABAB;color:#D00600;padding:8px 10px 8px 10px;text-align:left;margin:0px 0px 10px 0px;display:block;text-decoration:none; } .skladem-na-prodejnach .chybka img { width:20px;height:20px;margin:2px 8px 0px 0px;display:inline-block;vertical-align:text-bottom;float:left; } .skladem-na-prodejnach .chybka .popis { width:calc(100% - 28px);float:left; } .skladem-na-prodejnach .hp { width:100%;padding:15px 0px 0px 0px;clear:both; } .skladem-na-prodejnach .hp .left { width:360px;float:left;margin:10px 25px 0px 0px;cursor:default; } .skladem-na-prodejnach .hp .left .nazev { width:360px;font-size:22px;font-weight:bold;color:#000; } .skladem-na-prodejnach .hp .left .sklad { width:100%;line-height:40px;cursor:default;margin:0px 0px 20px 0px; } .skladem-na-prodejnach .hp .left .sklad tr th { background-color:#E7E7E7;font-weight:bold; } .skladem-na-prodejnach .hp .left .sklad tr .th-var { text-align:left;padding-left:8px; } .skladem-na-prodejnach .hp .left .sklad tr .th-var div { width:260px; } .skladem-na-prodejnach .hp .left .sklad tr .th-ks { width:080px; } .skladem-na-prodejnach .hp .left .sklad tr .td-var { width:270px;padding:0px 0px 0px 10px; } .skladem-na-prodejnach .hp .left .sklad tr .td-var div { width:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .skladem-na-prodejnach .hp .left .sklad tr .td-var img { float:left;width:20px;height:20px;margin:10px 4px 0px 0px; } .skladem-na-prodejnach .hp .left .sklad tr .td-ks { text-align:right;padding-right:25px;font-weight:bold;color:#00BB00; } .skladem-na-prodejnach .hp .left .sklad .last { border-top:4px solid #E7E7E7;border-bottom:1px solid #E7E7E7;color:#808080;background-color:#FAFAFA; } .skladem-na-prodejnach .hp .left .sklad .last-var { padding:0px 0px 0px 10px; } .skladem-na-prodejnach .hp .left .sklad .last-ks { text-align:right;padding-right:25px;font-weight:bold;color:#00BB00; } .skladem-na-prodejnach .hp .left .sklad .bt0 { border-top:0px solid #E7E7E7; } .skladem-na-prodejnach .hp .left .sklad .bt4 { border-top:4px solid #E7E7E7; } .skladem-na-prodejnach .hp .left .sklad .bb1 { border-bottom:1px solid #E7E7E7; } .skladem-na-prodejnach .hp .left .sklad .bb4 { border-bottom:4px solid #E7E7E7; } .skladem-na-prodejnach .hp .left .sklad tr:hover { background-color:#FDFFC4; } .skladem-na-prodejnach .hp .right { width:calc(100% - 360px - 25px);float:left;margin:10px 0px 0px 0px; } .skladem-na-prodejnach .hp .right .r-vizitka { width:calc(55% - 15px);float:left;margin:0px 15px 0px 0px; } .skladem-na-prodejnach .hp .right .r-vizitka .ulozit { margin:10px 0px 0px 0px; } .skladem-na-prodejnach .hp .right .r-vizitka .vysledek { height:13px;margin:-5px 0px 0px 32px;line-height:13px;font-weight:bold; } .skladem-na-prodejnach .hp .right .r-adresa { width:45%;float:left;margin:0px 0px 0px 0px; } .skladem-na-prodejnach .hp .right .r-adresa .cudlik-cerny { margin:10px 0px 0px 0px; } .skladem-na-prodejnach .hp .right .r-zbytek { width:100%;clear:both;padding:20px 0px 0px 0px; } .skladem-na-prodejnach .hp .right .r-zbytek .otv-doba { } .skladem-na-prodejnach .hp .right .r-zbytek .kontakty { margin:20px 0px 0px 0px; } .skladem-na-prodejnach .hp .paticka { clear:both;padding:35px 0px 0px 0px; } .skladem-na-prodejnach .hp .cudlik-close { position:absolute;bottom:0px;right:0px; } @media (max-width:900px) { .skladem-na-prodejnach .seznam .cudlik-prodejna { width:calc( ( 100% / 4 ) - 13px);padding:8px 0px 7px 8px;font-size:15px;line-height:17px; } .skladem-na-prodejnach .hp .right .r-vizitka { width:100%;float:none;margin:0px 15px 0px 0px;max-width:300px; } .skladem-na-prodejnach .hp .right .r-adresa { width:100%;float:none;margin:10px 0px 0px 0px; } .skladem-na-prodejnach .aakce img { width:16px;height:16px; } .skladem-na-prodejnach .chybka img { width:16px;height:16px; } } @media (max-width:800px) { .skladem-na-prodejnach .seznam .cudlik-prodejna { width:calc( ( 100% / 3 ) - 13px); } .skladem-na-prodejnach .hp .left { width:100%; } .skladem-na-prodejnach .hp .left .nazev { width:210px; } .skladem-na-prodejnach .hp .left .sklad tr .th-var div { width:210px; } .skladem-na-prodejnach .hp .left .sklad tr .td-var { width:250px; } .skladem-na-prodejnach .hp .left .sklad tr .td-var div { width:inherit; } .skladem-na-prodejnach .hp .right { width:calc(100% - 310px - 25px); } .skladem-na-prodejnach .hp .right .r-vizitka { max-width:600px; } .skladem-na-prodejnach .aakce img { width:14px;height:14px;margin-top:4px; } .skladem-na-prodejnach .chybka img { width:14px;height:14px;margin-top:4px; } } @media (max-width:700px) { .skladem-na-prodejnach .hp .left .sklad tr .td-var div { width:inherit; } .skladem-na-prodejnach .hp .right { width:calc(100% - 270px - 25px); } } @media (max-width:600px) { .skladem-na-prodejnach .seznam .cudlik-prodejna { width:calc( ( 100% / 3 ) - 10px);padding:6px 0px 5px 5px;font-size:13px;line-height:17px; } .skladem-na-prodejnach .seznam .cudlik-prodejna .oc { font-size:11px; } .skladem-na-prodejnach .hp { padding:10px 0px 0px 0px; } .skladem-na-prodejnach .aakce { padding:6px 10px 6px 10px;margin:0px 0px 6px 0px;font-size:13px;line-height:17px; } .skladem-na-prodejnach .chybka { padding:6px 10px 6px 10px;margin:0px 0px 6px 0px;font-size:13px;line-height:17px; } .skladem-na-prodejnach .aakce img { margin-top:1px; } .skladem-na-prodejnach .chybka img { margin-top:1px; } .skladem-na-prodejnach .hp .left .sklad { width:100%;float:none;line-height:35px;margin:10px 0px 0px 0px; } .skladem-na-prodejnach .hp .left .sklad tr .th-var { font-size:13px; } .skladem-na-prodejnach .hp .left .sklad tr .th-ks { font-size:13px;width:070px; } .skladem-na-prodejnach .hp .left .sklad tr .td-var { width:280px; } .skladem-na-prodejnach .hp .left .sklad tr .td-var div { width:inherit; } .skladem-na-prodejnach .hp .left .sklad tr .td-var img { margin:7px 4px 0px 0px; } .skladem-na-prodejnach .hp .left .sklad tr .td-ks { padding-right:15px; } .skladem-na-prodejnach .hp .left .sklad .last-ks { padding-right:15px; } .skladem-na-prodejnach .hp .right { width:100%; } .skladem-na-prodejnach .hp .right .r-vizitka { width:calc(55% - 15px);float:left;margin:0px 15px 0px 0px; } .skladem-na-prodejnach .hp .right .r-adresa { width:45%;float:left;margin:0px 0px 0px 0px; } } @media (max-width:480px) { .skladem-na-prodejnach .hp .left .sklad tr .td-var { width:250px; } .skladem-na-prodejnach .hp .left .sklad tr .td-var div { width:inherit; } .skladem-na-prodejnach .hp .right .r-vizitka { width:100%;float:none;margin:0px 15px 0px 0px; } .skladem-na-prodejnach .hp .right .r-adresa { width:100%;float:none;margin:10px 0px 0px 0px; } } @media (max-width:400px) { .skladem-na-prodejnach .hp .left .sklad tr .td-var { width:220px; } .skladem-na-prodejnach .hp .left .sklad tr .td-var div { width:inherit; } .skladem-na-prodejnach .hp .left .sklad tr .td-ks { padding-right:10px; } .skladem-na-prodejnach .hp .left .sklad .last-ks { padding-right:10px; } .skladem-na-prodejnach .hp .left .sklad .td-var .i span{ display:none; } } @media (max-width:360px) { .skladem-na-prodejnach .hp .left .sklad tr .td-var { width:185px; } .skladem-na-prodejnach .hp .left .sklad tr .td-var div { width:inherit; } .skladem-na-prodejnach .hp .left .sklad tr td { white-space:nowrap; } } /******************************************************************************************************************************************* LEPSI CENA KONKURENCE *******************************************************************************************************************************************/ #obsah-lepsi-cena { padding:40px 0px 0px 0px; } /******************************************************************************************************************************************* KOSIK - NOVY *******************************************************************************************************************************************/ #obsah-kosik-2 { width:calc(100% - 30px);max-width:calc(900px - 30px);margin:70px auto 50px auto;padding:20px 20px 20px 10px; } #obsah-kosik-2 .krok { border-left:3px solid #F7F7F7;min-height:800px;padding:0px 0px 0px 10px;margin:0px 0px 30px 0px; } /********************** krok 1 **********************/ #obsah-kosik-2 .polozka { clear:both;line-height:1px;text-align:left;padding:12px 0px 12px 0px;line-height:100px;border-top:1px solid #E7E7E7; } #obsah-kosik-2 .polozka .foto { width:100px;height:100px;overflow:hidden;margin:0px 20px 0px 20px;display:inline-block;vertical-align:middle;text-decoration:none;position:relative; } #obsah-kosik-2 .polozka-a .foto img { width:100%;opacity:1; } #obsah-kosik-2 .polozka-n .foto img { width:100%;opacity:0.5; } #obsah-kosik-2 .polozka .foto .ramecky { position:absolute;clear:both;height:100px;line-height:100px;z-index:1; } #obsah-kosik-2 .polozka .foto .ramecky .in { display:inline-block;vertical-align:bottom;line-height:1; } #obsah-kosik-2 .polozka .foto .ramecky .in .ram { font-size:75%;line-height:1.4;padding:0px 6px 1px 6px;margin:3px 0px 5px 0px;color:#FFFFFF; } #obsah-kosik-2 .polozka-a .foto .ramecky .in .ram-splatky { background-color:#00BB00; } #obsah-kosik-2 .polozka-a .foto .ramecky .in .ram-vyprodej { background-color:#FF66CC; } #obsah-kosik-2 .polozka-n .foto .ramecky .in .ram-splatky { background-color:#ACACAC; } #obsah-kosik-2 .polozka-n .foto .ramecky .in .ram-vyprodej { background-color:#FF66CC; } #obsah-kosik-2 .polozka .foto .ramecky .in .ram-nedostupne { background-color:#FF0000; } #obsah-kosik-2 .polozka .obsah { width:calc(100% - 140px - 210px);display:inline-block;vertical-align:middle; } #obsah-kosik-2 .polozka .obsah .in { line-height:1.3;padding:0px 0px 0px 0px; } #obsah-kosik-2 .polozka .obsah .in .nazev { display:block;margin-top:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;margin:0px 0px 0px 0px;padding:4px 0px 0px 0px; } #obsah-kosik-2 .polozka-a .obsah .in .nazev { color:#000000; } #obsah-kosik-2 .polozka-n .obsah .in .nazev { color:#888888; } #obsah-kosik-2 .polozka .obsah .in .slozeni { font-size:75%;padding:5px 0px 2px 0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } #obsah-kosik-2 .polozka .obsah .in .slozeni .darek { color:#FFFFFF;background-color:#00BB00;display:inline-block;padding:0px 4px 0px 4px; } #obsah-kosik-2 .polozka .obsah .in .kosik-maximum { max-width:200px;clear:both;margin:5px 10px 5px -10px;background-color:#FCEBEB;color:#D00600;padding:4px 5px 3px 10px; } #obsah-kosik-2 .polozka-n .obsah .in .kosik-maximum { display:block; } #obsah-kosik-2 .polozka-a .obsah .in .kosik-maximum { display:none; } #obsah-kosik-2 .polozka .obsah .in .cena { font-weight:bold;display:inline-block;padding:0px 0px 3px 0px;float:left; } #obsah-kosik-2 .polozka-a .obsah .in .cena { color:#00BB00; } #obsah-kosik-2 .polozka-n .obsah .in .cena { color:#ACACAC; } #obsah-kosik-2 .polozka .obsah .in .rezervace { display:block;clear:left;font-size:13px;white-space:nowrap; } #obsah-kosik-2 .polozka .ovladani { width:200px;height:40px;line-height:40px;display:inline-block;overflow:hidden;vertical-align:middle;margin:0px 10px 0px 0px;white-space:nowrap; } #obsah-kosik-2 .polozka .ovladani .kosik-odebrat { width:38px;height:38px;line-height:38px;display:inline-block;border:1px solid #888888;overflow:hidden;border-radius:50%;text-decoration:none;text-align:center;float:right;background-image:url('/_v/s/om/ico-close-s.png');background-repeat:no-repeat;background-size:10px;background-position:center center; } #obsah-kosik-2 .polozka .ovladani .pocet-minus { width:40px;height:40px;line-height:40px;display:inline-block;vertical-align:top;overflow:hidden;border-radius:50%;font-size:26px;font-weight:normal;border-style:none;background-color:#E7E7E7;color:#888888;text-align:center;cursor:pointer;cursor:hand; } #obsah-kosik-2 .polozka .ovladani .pocet-plus { width:40px;height:40px;line-height:40px;display:inline-block;vertical-align:top;overflow:hidden;border-radius:50%;font-size:26px;font-weight:normal;border-style:none;background-color:#E7E7E7;color:#888888;text-align:center;cursor:pointer;cursor:hand; } #obsah-kosik-2 .polozka .ovladani .kosik-kusu-text { line-height:38px;display:inline-block;vertical-align:top;font-weight:bold;padding:0px 10px 0px 10px; } #obsah-kosik-2 .sleva-pouzit { border-top:1px solid #E7E7E7;padding:10px;text-decoration:underline; } #obsah-kosik-2 .sleva-zadat { border-top:1px solid #E7E7E7;padding:10px; } #obsah-kosik-2 .sleva-zadat .sleva-odebrat { color:#808080;margin:0px 0px 0px 5px;white-space:nowrap; } #obsah-kosik-2 .sleva-zadat .sleva-odebrat div { width:16px;height:16px;line-height:16px;margin:0px 3px 0px 0px;position:relative;top:3px;display:inline-block;border:1px solid #888888;overflow:hidden;border-radius:50%;text-decoration:none;text-align:center;background-image:url(/_v/s/om/ico-close-s.png);background-repeat:no-repeat;background-size:8px;background-position:center center; } #obsah-kosik-2 .sleva-zadat .popis { font-size:12px;line-height:15px;color:#808080;padding:0px 0px 0px 24px; } #obsah-kosik-2 .sleva-zadat .popis a { color:#808080; } #obsah-kosik-2 .sleva .svg { width:20px;height:18px;margin:0px 3px 0px 0px;position:relative;top:3px; } #obsah-kosik-2 .polozka .ovladani .kosik-darek { display:none; } #obsah-kosik-2 .darky .polozka .ovladani .kosik-darek { width:38px;height:38px;line-height:38px;display:inline-block;border:1px solid #FF6C00;overflow:hidden;border-radius:50%;text-decoration:none;text-align:center;float:right;background-image:url('/_v/s/om/ico-darek.png');background-repeat:no-repeat;background-size:20px;background-position:center center; } #obsah-kosik-2 .darky .polozka .ovladani .pocet-plus { visibility:hidden; } #obsah-kosik-2 .darky .polozka .ovladani .pocet-minus { visibility:hidden; } #obsah-kosik-2 .darky .polozka-a .ovladani .kosik-odebrat { display:none; } #obsah-kosik-2 .darky .polozka-n .ovladani .kosik-odebrat { display:block; } #obsah-kosik-2 .darky .polozka-n .ovladani .kosik-darek { display:none; } #obsah-kosik-2 .sbirka { background-color:#E8FFE8;margin:20px 0px 15px 0px;padding:10px 0px 8px 10px;border-top:1px solid #BCE8BC;cursor:default;line-height:1; } #obsah-kosik-2 .sbirka .nadpis { padding:5px 0px 15px 0px;color:#00BB00;font-weight:bold; } #obsah-kosik-2 .sbirka .jedna { width:calc(100%/2 - 18px - 7px);min-height:88px;display:inline-block;border:1px solid #BCE8BC;background-color:#FFFFFF;padding:10px 8px 4px 8px;margin:0px 5px 2px 0px; } #obsah-kosik-2 .sbirka .jedna .img { width:60px;height:60px;overflow:hidden;float:left;margin:0px 8px 8px 0px; } #obsah-kosik-2 .sbirka .jedna .img img { min-width:100%;min-heigth:100%; } #obsah-kosik-2 .sbirka .jedna .obsah { width:calc(100% - 60px - 8px);float:left; } #obsah-kosik-2 .sbirka .jedna .obsah .nazev { font-size:85%;line-height:1.3;margin:-3px 0px 3px 0px; } #obsah-kosik-2 .sbirka .jedna .obsah .kolik { height:25px;overflow:hidden; } #obsah-kosik-2 .sbirka .jedna .obsah .kolik .prispet { display:inline-block;background-color:#E7E7E7;font-size:11px;font-weight:bold;color:#000000;text-align:center;margin:0px 5px 0px 0px;padding:7px 7px 7px 7px; } #obsah-kosik-2 .sbirka .jedna .obsah .kolik .prispeno { display:inline-block;background-color:#E7E7E7;font-size:11px;font-weight:bold;color:#000000;text-align:center;margin:0px 5px 0px 0px;padding:7px 7px 7px 7px;opacity:0.5; } #obsah-kosik-2 .sbirka .jedna .obsah .vice { font-size:85%;text-decoration-style:dotted;line-height:1.7; } #obsah-kosik-2 .sbirka .dovetek { font-size:80%;line-height:1.4;font-style:italic;margin:0px 8px 5px 0px;color:#00BB00; } #obsah-kosik-2 .sbirka .dovetek a { color:#00BB00;text-decoration-style:dotted; } #obsah-kosik-2 .dysko { margin:20px 0px 15px 0px;padding:20px 0px 8px 10px;background-color:#FFFFFF;border-top:1px solid #E7E7E7;cursor:default;line-height:1.4; } #obsah-kosik-2 .dysko .kolik { padding:5px 10px 5px 15px;float:right;background-color:#F7F7F7;font-weight:bold; } #obsah-kosik-2 .dysko .kolik input { width:50px;text-align:center;padding-left:10px;padding-right:10px;font-weight:bold; } #obsah-kosik-2 .dysko .dekujeme { position:absolute;background-color:#00BB00;color:#FFFFFF;font-size:11px;text-align:center;display:none; } #obsah-kosik-2 .dysko .nadpis { margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;color:#000000;font-weight:bold; } #obsah-kosik-2 .dysko .dovetek { margin:0px 0px 0px 0px;padding:0px 0px 3px 0px;color:#000000; } @media (max-width:1260px) { #obsah-kosik-2 .sbirka .jedna .img { width:40px;height:40px; } } @media (max-width:1200px) { #obsah-kosik-2 .sbirka .jedna .img { width:60px;height:60px; } } @media (max-width:800px) { #obsah-kosik-2 .sbirka .jedna { min-height:80px; } } @media (max-width:650px) { #obsah-kosik-2 .polozka .foto { margin:0px 10px 0px 10px; } #obsah-kosik-2 .polozka .obsah { width:calc(100% - 120px - 190px); } #obsah-kosik-2 .polozka .obsah .in .kosik-maximum { max-width:150px;margin:5px 10px 5px -5px;padding-left:5px; } #obsah-kosik-2 .polozka .ovladani { width:180px; } } @media (max-width:600px) { #obsah-kosik-2 .sbirka .jedna { width:calc(100%/1 - 18px - 10px);min-height:auto; } } @media (max-width:550px) { #obsah-kosik-2 .polozka .foto { margin:0px 10px 10px 10px;float:left; } #obsah-kosik-2 .polozka .obsah { width:calc(100% - 124px);float:left; } #obsah-kosik-2 .polozka .obsah .in .nazev { padding:0px 0px 0px 0px; } #obsah-kosik-2 .polozka .obsah .in .cena { padding:0px 0px 8px 0px; } #obsah-kosik-2 .polozka .obsah .in .rezervace { margin:0px 0px 8px 0px;position:relative;top:-8px; } #obsah-kosik-2 .polozka .ovladani { width:100%;max-width:180px;float:right;margin:0px 0px 0px 0px; } #obsah-kosik-2 .sleva-zadat .popis { padding:0px 0px 0px 0px; } } @media (max-width:400px) { #obsah-kosik-2 .polozka .foto { width:80px;height:80px;margin:0px 10px 30px 0px; } #obsah-kosik-2 .polozka .foto .ramecky { height:80px;line-height:80px; } #obsah-kosik-2 .polozka .obsah { width:calc(100% - 94px);float:left; } #obsah-kosik-2 .polozka .ovladani { width:170px; } #obsah-kosik-2 .polozka .ovladani .kosik-odebrat { width:34px;height:34px;line-height:34px; } #obsah-kosik-2 .polozka .ovladani .pocet-minus { width:36px;height:36px;line-height:36px;font-size:26px; } #obsah-kosik-2 .polozka .ovladani .pocet-plus { width:36px;height:36px;line-height:36px;font-size:26px; } #obsah-kosik-2 .polozka .ovladani .kosik-kusu-text { line-height:34px; } } /******************************************************************************************************************************************* KOSIK - STARY *******************************************************************************************************************************************/ #obsah-kosik { width:calc(100% - 20px - 20px - 44px - 380px);float:left;margin:0px 0px 0px 20px;padding:40px 0px 0px 0px; } #obsah-kosik .vice-kosiku { float:left;line-height:1; } #obsah-kosik .vice-kosiku .pridat { font-size:13px;line-height:19px;background-color:#F7F7F7;padding:0px 5px 0px 5px;margin:0px 4px 0px 0px;text-decoration:none;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7; } #obsah-kosik .vice-kosiku .pridat-a { color:#808080; } #obsah-kosik .vice-kosiku .pridat-n { color:#ACACAC; } #obsah-kosik .vice-kosiku .kosik { font-size:13px;line-height:19px;padding:0px 9px 0px 9px;margin:0px 4px 0px 0px;text-decoration:none; } #obsah-kosik .vice-kosiku .kosik-a { background-color:#FF6C00;color:#FFFFFF;border-top:1px solid #FF6C00;border-bottom:1px solid #FF6C00; } #obsah-kosik .vice-kosiku .kosik-n { background-color:#F7F7F7;color:#808080;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7; } #obsah-kosik .vice-kosiku .kosik span { display:inline-block;margin:0px 0px 0px 3px;width:15px;height:15px;font-size:10px;line-height:15px;border-radius:50%;position:relative;top:-1px;text-align:center;font-weight:bold; } #obsah-kosik .vice-kosiku .kosik-a span { background-color:#FFFFFF;color:#FF6C00; } #obsah-kosik .vice-kosiku .kosik-n span { background-color:#808080;color:#FFFFFF; } #obsah-kosik .kosik-kroky { width:300px;height:91px;float:right;margin:-80px 0px 0px 0px;background-color:#F7F7F7;padding:14px 30px 6px 30px; } #obsah-kosik .kosik-kroky .in { width:100%;height:91px;background-image:url('/_v/s/om/00-e7.png');background-repeat:repeat-x;background-position:top 25px left 0px; } #obsah-kosik-right { width:380px;float:right;margin:0px 20px 40px 0px;overflow:hidden; } #obsah-kosik-right .kosik-right-2 { width:100%;text-align:right;margin:0px 0px 40px 0px; } #obsah-kosik-right .kosik-right { width:100%;height:600px;background-image:url('/_cache/banner-right-380-uni.jpg');background-size:100% auto;background-repeat:no-repeat;text-align:center;padding:0px 0px 0px 0px;line-height:1px;margin:0px 0px 20px 0px; } #obsah-kosik-right .kosik-right .heureka { width:80%;display:inline-block;margin:130px 0px 10px 0px;opacity:0.7; } #obsah-kosik-right .kosik-right .heureka:hover { opacity:1; } #obsah-kosik-right .kosik-right .heureka .img-localhost { width:90%; } #obsah-kosik-right .kosik-right .heureka .img-public img { width:90% !important;height:auto !important; } #obsah-kosik-right .kosik-right .shoproku { width:80%;margin:20px auto 0px auto; } #obsah-kosik-right .kosik-right .shoproku img { width:42%;margin:20px 10px 0px 10px;opacity:0.7;float:left; } #obsah-kosik-right .kosik-right .shoproku:hover { opacity:1; } @media (max-width:1100px) { #obsah-kosik { width:calc(100% - 40px);float:none;margin:0px 20px 0px 20px; } #obsah-kosik-right { display:none; } } @media (max-width:800px) { #obsah-kosik .kosik-kroky { width:calc(100% - 40px);height:85px;padding:12px 20px 8px 20px;margin:10px 0px 20px 0px;background-position:top 35px left 0px; } #obsah-kosik .kosik-kroky .in { width:100%;max-width:400px;margin:0px auto 0px auto; } } /********************** zobrazeni cisla kroku **********************/ #obsah-kosik .krok { width:52px;text-align:center;float:left; } #obsah-kosik .krok a { text-decoration:none; } #obsah-kosik .krokA { margin-right:calc( (100% - 9px - ( 4 * 50px ) ) / 3 ); } #obsah-kosik .krokB { margin-right:0px } #obsah-kosik .krok .kruh { width:50px;height:50px;line-height:50px;text-align:center;border-radius:50%;font-weight:bold; } #obsah-kosik .krok .text { width:66px;font-size:75%;line-height:1.1;margin:5px 0px 0px -33px;position:absolute;display:inline-block; } #obsah-kosik .krok-a .kruh { border:1px solid #FF6C00;color:#FFFFFF;background-color:#FF6C00; } #obsah-kosik .krok-n .kruh { border:1px solid #E7E7E7;color:#888888;background-color:#FFFFFF; } #obsah-kosik .krok-a .text { color:#FF6C00; } #obsah-kosik .krok-n .text { color:#888888; } /********************** spodni rekapitulace **********************/ #obsah-kosik .nedostupne { margin:10px 0px 20px 0px; } #obsah-kosik .rekapitulace { clear:both;padding:15px 20px 15px 20px;margin:0px 0px 0px 0px;text-align:right;color:#888888;background-color:#F7F7F7;border-top:1px solid #E7E7E7; } #obsah-kosik .rekapitulace .radek-cena { margin:0px 0px 0px 0px; } #obsah-kosik .rekapitulace .radek-doprava-spec { text-align:right;margin:4px 0px 1px 0px; } #obsah-kosik .rekapitulace .radek-doprava-spec .obsah { color:#00BB00;font-size:75%;line-height:1.3;max-width:320px;display:inline-block; } #obsah-kosik .rekapitulace .radek-doprava { margin:-5px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:75%; } #obsah-kosik .rekapitulace .cudlik-oranzovy { margin:8px 0px 10px 0px; } #obsah-kosik .rekapitulace .radek-souhlas { padding:0px 0px 0px 0px;color:#888888;font-size:75%;line-height:1.3; } #obsah-kosik .rekapitulace .odeslat-zavazek { display:inline-block;line-height:1px;padding:0px;background-color:#FF6C00;color:#FFFFFF;text-align:center;padding:0px 0px 3px 0px; } #obsah-kosik .rekapitulace .odeslat-zavazek input { margin:0px; } #obsah-kosik .rekapitulace .odeslat-zavazek-obsah { display:inline-block;font-size:13px;line-height:13px;position:relative;top:-7px; } #obsah-kosik .rekapitulace .odeslat-zavazek input:active { background-color:#FF6C00;border-color:#FF6C00; } /********************** krok 1 **********************/ #obsah-kosik .polozka { clear:both;line-height:1px;text-align:left;padding:12px 0px 12px 0px;line-height:100px;border-top:1px solid #E7E7E7; } #obsah-kosik .polozka .foto { width:100px;height:100px;overflow:hidden;margin:0px 20px 0px 20px;display:inline-block;vertical-align:middle;text-decoration:none;position:relative; } #obsah-kosik .polozka-a .foto img { width:100%;opacity:1; } #obsah-kosik .polozka-n .foto img { width:100%;opacity:0.5; } #obsah-kosik .polozka .foto .ramecky { position:absolute;clear:both;height:100px;line-height:100px;z-index:1; } #obsah-kosik .polozka .foto .ramecky .in { display:inline-block;vertical-align:bottom;line-height:1; } #obsah-kosik .polozka .foto .ramecky .in .ram { font-size:75%;line-height:1.4;padding:0px 6px 1px 6px;margin:3px 0px 5px 0px;color:#FFFFFF; } #obsah-kosik .polozka-a .foto .ramecky .in .ram-splatky { background-color:#00BB00; } #obsah-kosik .polozka-a .foto .ramecky .in .ram-vyprodej { background-color:#FF66CC; } #obsah-kosik .polozka-n .foto .ramecky .in .ram-splatky { background-color:#ACACAC; } #obsah-kosik .polozka-n .foto .ramecky .in .ram-vyprodej { background-color:#FF66CC; } #obsah-kosik .polozka .foto .ramecky .in .ram-nedostupne { background-color:#FF0000; } #obsah-kosik .polozka .obsah { width:calc(100% - 140px - 210px);display:inline-block;vertical-align:middle; } #obsah-kosik .polozka .obsah .in { line-height:1.3;padding:0px 0px 0px 0px; } #obsah-kosik .polozka .obsah .in .nazev { display:block;margin-top:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;margin:0px 0px 0px 0px;padding:4px 0px 0px 0px; } #obsah-kosik .polozka-a .obsah .in .nazev { color:#000000; } #obsah-kosik .polozka-n .obsah .in .nazev { color:#888888; } #obsah-kosik .polozka .obsah .in .slozeni { font-size:75%;padding:5px 0px 2px 0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } #obsah-kosik .polozka .obsah .in .slozeni .darek { color:#FFFFFF;background-color:#00BB00;display:inline-block;padding:0px 4px 0px 4px; } #obsah-kosik .polozka .obsah .in .kosik-maximum { max-width:200px;clear:both;margin:5px 10px 5px -10px;background-color:#FCEBEB;color:#D00600;padding:4px 5px 3px 10px; } #obsah-kosik .polozka-n .obsah .in .kosik-maximum { display:block; } #obsah-kosik .polozka-a .obsah .in .kosik-maximum { display:none; } #obsah-kosik .polozka .obsah .in .cena { font-weight:bold;display:inline-block;padding:0px 0px 3px 0px;float:left; } #obsah-kosik .polozka-a .obsah .in .cena { color:#00BB00; } #obsah-kosik .polozka-n .obsah .in .cena { color:#ACACAC; } #obsah-kosik .polozka .obsah .in .rezervace { display:block;clear:left;font-size:13px;white-space:nowrap; } #obsah-kosik .polozka .ovladani { width:200px;height:40px;line-height:40px;display:inline-block;overflow:hidden;vertical-align:middle;margin:0px 10px 0px 0px;white-space:nowrap; } #obsah-kosik .polozka .ovladani .kosik-odebrat { width:38px;height:38px;line-height:38px;display:inline-block;border:1px solid #888888;overflow:hidden;border-radius:50%;text-decoration:none;text-align:center;float:right;background-image:url('/_v/s/om/ico-close-s.png');background-repeat:no-repeat;background-size:10px;background-position:center center; } #obsah-kosik .polozka .ovladani .pocet-minus { width:40px;height:40px;line-height:40px;display:inline-block;vertical-align:top;overflow:hidden;border-radius:50%;font-size:26px;font-weight:normal;border-style:none;background-color:#E7E7E7;color:#888888;text-align:center;cursor:pointer;cursor:hand; } #obsah-kosik .polozka .ovladani .pocet-plus { width:40px;height:40px;line-height:40px;display:inline-block;vertical-align:top;overflow:hidden;border-radius:50%;font-size:26px;font-weight:normal;border-style:none;background-color:#E7E7E7;color:#888888;text-align:center;cursor:pointer;cursor:hand; } #obsah-kosik .polozka .ovladani .kosik-kusu-text { line-height:38px;display:inline-block;vertical-align:top;font-weight:bold;padding:0px 10px 0px 10px; } #obsah-kosik .sleva-pouzit { border-top:1px solid #E7E7E7;padding:10px;text-decoration:underline; } #obsah-kosik .sleva-zadat { border-top:1px solid #E7E7E7;padding:10px; } #obsah-kosik .sleva-zadat .sleva-odebrat { color:#808080;margin:0px 0px 0px 5px;white-space:nowrap; } #obsah-kosik .sleva-zadat .sleva-odebrat div { width:16px;height:16px;line-height:16px;margin:0px 3px 0px 0px;position:relative;top:3px;display:inline-block;border:1px solid #888888;overflow:hidden;border-radius:50%;text-decoration:none;text-align:center;background-image:url(/_v/s/om/ico-close-s.png);background-repeat:no-repeat;background-size:8px;background-position:center center; } #obsah-kosik .sleva-zadat .popis { font-size:12px;line-height:15px;color:#808080;padding:0px 0px 0px 24px; } #obsah-kosik .sleva-zadat .popis a { color:#808080; } #obsah-kosik .sleva .svg { width:20px;height:18px;margin:0px 3px 0px 0px;position:relative;top:3px; } #obsah-kosik .polozka .ovladani .kosik-darek { display:none; } #obsah-kosik .darky .polozka .ovladani .kosik-darek { width:38px;height:38px;line-height:38px;display:inline-block;border:1px solid #FF6C00;overflow:hidden;border-radius:50%;text-decoration:none;text-align:center;float:right;background-image:url('/_v/s/om/ico-darek.png');background-repeat:no-repeat;background-size:20px;background-position:center center; } #obsah-kosik .darky .polozka .ovladani .pocet-plus { visibility:hidden; } #obsah-kosik .darky .polozka .ovladani .pocet-minus { visibility:hidden; } #obsah-kosik .darky .polozka-a .ovladani .kosik-odebrat { display:none; } #obsah-kosik .darky .polozka-n .ovladani .kosik-odebrat { display:block; } #obsah-kosik .darky .polozka-n .ovladani .kosik-darek { display:none; } #obsah-kosik .sbirka { background-color:#E8FFE8;margin:20px 0px 15px 0px;padding:10px 0px 8px 10px;border-top:1px solid #BCE8BC;cursor:default;line-height:1; } #obsah-kosik .sbirka .nadpis { padding:5px 0px 15px 0px;color:#00BB00;font-weight:bold; } #obsah-kosik .sbirka .jedna { width:calc(100%/2 - 18px - 7px);min-height:88px;display:inline-block;border:1px solid #BCE8BC;background-color:#FFFFFF;padding:10px 8px 4px 8px;margin:0px 5px 2px 0px; } #obsah-kosik .sbirka .jedna .img { width:60px;height:60px;overflow:hidden;float:left;margin:0px 8px 8px 0px; } #obsah-kosik .sbirka .jedna .img img { min-width:100%;min-heigth:100%; } #obsah-kosik .sbirka .jedna .obsah { width:calc(100% - 60px - 8px);float:left; } #obsah-kosik .sbirka .jedna .obsah .nazev { font-size:85%;line-height:1.3;margin:-3px 0px 3px 0px; } #obsah-kosik .sbirka .jedna .obsah .kolik { height:25px;overflow:hidden; } #obsah-kosik .sbirka .jedna .obsah .kolik .prispet { display:inline-block;background-color:#E7E7E7;font-size:11px;font-weight:bold;color:#000000;text-align:center;margin:0px 5px 0px 0px;padding:7px 7px 7px 7px; } #obsah-kosik .sbirka .jedna .obsah .kolik .prispeno { display:inline-block;background-color:#E7E7E7;font-size:11px;font-weight:bold;color:#000000;text-align:center;margin:0px 5px 0px 0px;padding:7px 7px 7px 7px;opacity:0.5; } #obsah-kosik .sbirka .jedna .obsah .vice { font-size:85%;text-decoration-style:dotted;line-height:1.7; } #obsah-kosik .sbirka .dovetek { font-size:80%;line-height:1.4;font-style:italic;margin:0px 8px 5px 0px;color:#00BB00; } #obsah-kosik .sbirka .dovetek a { color:#00BB00;text-decoration-style:dotted; } #obsah-kosik .dysko { margin:20px 0px 15px 0px;padding:20px 0px 8px 10px;background-color:#FFFFFF;border-top:1px solid #E7E7E7;cursor:default;line-height:1.4; } #obsah-kosik .dysko .kolik { padding:5px 10px 5px 15px;float:right;background-color:#F7F7F7;font-weight:bold; } #obsah-kosik .dysko .kolik input { width:50px;text-align:center;padding-left:10px;padding-right:10px;font-weight:bold; } #obsah-kosik .dysko .dekujeme { position:absolute;background-color:#00BB00;color:#FFFFFF;font-size:11px;text-align:center;display:none; } #obsah-kosik .dysko .nadpis { margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;color:#000000;font-weight:bold; } #obsah-kosik .dysko .dovetek { margin:0px 0px 0px 0px;padding:0px 0px 3px 0px;color:#000000; } @media (max-width:1260px) { #obsah-kosik .sbirka .jedna .img { width:40px;height:40px; } } @media (max-width:1200px) { #obsah-kosik .sbirka .jedna .img { width:60px;height:60px; } } @media (max-width:800px) { #obsah-kosik .sbirka .jedna { min-height:80px; } } @media (max-width:650px) { #obsah-kosik .polozka .foto { margin:0px 10px 0px 10px; } #obsah-kosik .polozka .obsah { width:calc(100% - 120px - 190px); } #obsah-kosik .polozka .obsah .in .kosik-maximum { max-width:150px;margin:5px 10px 5px -5px;padding-left:5px; } #obsah-kosik .polozka .ovladani { width:180px; } } @media (max-width:600px) { #obsah-kosik .sbirka .jedna { width:calc(100%/1 - 18px - 10px);min-height:auto; } } @media (max-width:550px) { #obsah-kosik .polozka .foto { margin:0px 10px 10px 10px;float:left; } #obsah-kosik .polozka .obsah { width:calc(100% - 124px);float:left; } #obsah-kosik .polozka .obsah .in .nazev { padding:0px 0px 0px 0px; } #obsah-kosik .polozka .obsah .in .cena { padding:0px 0px 8px 0px; } #obsah-kosik .polozka .obsah .in .rezervace { margin:0px 0px 8px 0px;position:relative;top:-8px; } #obsah-kosik .polozka .ovladani { width:100%;max-width:180px;float:right;margin:0px 0px 0px 0px; } #obsah-kosik .sleva-zadat .popis { padding:0px 0px 0px 0px; } } @media (max-width:400px) { #obsah-kosik .polozka .foto { width:80px;height:80px;margin:0px 10px 30px 0px; } #obsah-kosik .polozka .foto .ramecky { height:80px;line-height:80px; } #obsah-kosik .polozka .obsah { width:calc(100% - 94px);float:left; } #obsah-kosik .polozka .ovladani { width:170px; } #obsah-kosik .polozka .ovladani .kosik-odebrat { width:34px;height:34px;line-height:34px; } #obsah-kosik .polozka .ovladani .pocet-minus { width:36px;height:36px;line-height:36px;font-size:26px; } #obsah-kosik .polozka .ovladani .pocet-plus { width:36px;height:36px;line-height:36px;font-size:26px; } #obsah-kosik .polozka .ovladani .kosik-kusu-text { line-height:34px; } } /********************** krok 2 **********************/ #obsah-kosik .zobraz-vsechny { text-align:left;overflow:hidden;padding:0px 0px 0px 11px;margin:0px 0px 0px 0px;white-space:nowrap;text-decoration:none;color:#888888;font-weight:bold;background-color:#F7F7F7;cursor:pointer;cursor:hand; } #obsah-kosik .zobraz-vsechny img { width:12px;margin:20px 10px 0px 8px;opacity:0.5; } #obsah-kosik .info-doprava-zdarma { width:100%; } #obsah-kosik .blok-zeme { } #obsah-kosik .blok-zeme .vyber-zeme { line-height:45px;border-top:1px solid #ECECEC;margin:0px 0px 20px 0px; } #obsah-kosik .blok-zeme .vyber-zeme .zeme { width:100%;padding:0px;margin:0px;white-space:nowrap;border-bottom:1px solid #E7E7E7; } #obsah-kosik .blok-zeme .vyber-zeme .zeme img { width:25px;float:left;margin:10px 8px 0px 0px;vertical-align:middle;display:inline-block; } #obsah-kosik .blok-zeme .vyber-zeme .zeme:active { background-color:#FF6C00;color:#000000; } #obsah-kosik .blok-zeme .vyber-zeme .radio { float:left;margin:10px 8px 0px 10px; } #obsah-kosik .blok-platby { width:calc(50% - 10px);float:left;overflow:hidden;margin:0px 20px 0px 0px;position:relative; } #obsah-kosik .blok-platby .vyber-platby { line-height:45px;border-top:1px solid #ECECEC;margin:0px 0px 20px 0px; } #obsah-kosik .blok-platby .vyber-platby .platba { width:100%;padding:0px;margin:0px;white-space:nowrap;border-bottom:1px solid #E7E7E7; } #obsah-kosik .blok-platby .vyber-platby .platba .popis { font-size:12px;line-height:15px;margin:0px 0px 0px 104px;position:relative;top:-9px;color:#ACACAC;white-space:normal; } #obsah-kosik .blok-platby .vyber-platby .platba .img { width:54px;float:left;margin:0px 8px 0px 0px;vertical-align:middle;display:inline-block;text-align:center; } #obsah-kosik .blok-platby .vyber-platby .platba .img img { position:relative;top:2px; } #obsah-kosik .blok-platby .vyber-platby .platba:active { background-color:#FF6C00;color:#000000; } #obsah-kosik .blok-platby .vyber-platby .platba-mezera { border-bottom:3px double #BCBCBC; } #obsah-kosik .blok-platby .vyber-platby .platba .flag-zel-1 { font-size:75%;line-height:1;font-weight:bold;color:#FFFFFF;background-color:#00BB00;padding:2px 3px 1px 3px; } #obsah-kosik .blok-platby .vyber-platby .platba .flag-zel-2 { font-size:11px;line-height:12px;font-weight:bold;color:#FFFFFF;background-color:#00BB00;padding:2px 3px 2px 3px;display:inline-block;position:relative;top:4px; } #obsah-kosik .blok-platby .vyber-platby .platba .dis { color:#ACACAC;white-space:normal;padding:0px 0px 0px 105px;margin:-13px 0px 12px 0px; } #obsah-kosik .blok-platby .vyber-platby .radio { float:left;margin:10px 8px 0px 10px; } #obsah-kosik .blok-platby .vyber-platby .platba-dis { background-color:#FFFFFF !important;color:#ACACAC !important;cursor:default; } #obsah-kosik .blok-platby .vyber-platby .platba-dis .img { opacity:0.5;padding-bottom:12px; } #obsah-kosik .blok-platby .vyber-platby .platba-dis .popis { color:#ACACAC !important; } #obsah-kosik .blok-platby .vyber-platby .platba-dis .dis { padding:3px 0px 0px 0px;font-size:75%;line-height:1.2; } #obsah-kosik .blok-platby .vyber-platby .nelze { display:none; } #obsah-kosik .blok-platby .vyber-platby .nelze-dobirka { border-bottom:1px solid #E7E7E7;color:#ACACAC;cursor:default; } #obsah-kosik .blok-platby .vyber-platby .nelze-dobirka .b1 { float:left; } #obsah-kosik .blok-platby .vyber-platby .nelze-dobirka .b2 { float:left;font-size:12px;line-height:14px;padding:9px 0px 0px 8px; } #obsah-kosik .blok-platby .vyber-platby .nelze-dobirka a { color:#ACACAC; } #obsah-kosik .blok-platby .vyber-platby .platba-skupina { border-bottom:1px solid #E7E7E7;cursor:default;position:relative; } #obsah-kosik .blok-platby .vyber-platby .platba-skupina .in { min-width:100px;display:inline-block;font-size:15px;line-height:1;font-weight:bold;background-color:#E7E7E7;color:#808080;vertical-align:bottom;padding:6px 10px 3px 10px;border-top-left-radius:5px;border-top-right-radius:5px; } #obsah-kosik .blok-platby .platby-vice { position:absolute;right:0px;top:10px; } #obsah-kosik .blok-platby .platby-vice a { color:#ACACAC;font-size:13px;display:block; } #obsah-kosik .blok-platby .platby-vice a img { margin:0px 3px 0px 0px;position:relative;top:3px;opacity:0.8; } @media (max-width:1100px) { #obsah-kosik .blok-platby .platby-vice { top:7px; } #obsah-kosik .blok-platby .vyber-platby .platby-vice { top:10px; } #obsah-kosik .blok-platby .vyber-platby .platba-skupina .in { padding:5px 10px 4px 10px; } } @media (max-width:800px) { #obsah-kosik .blok-platby .platby-vice { top:5px; } } #obsah-kosik .blok-dopravy { width:calc(50% - 10px);float:left;overflow:hidden;position:relative; } #obsah-kosik .blok-dopravy .vyber-dopravy { line-height:45px;border-top:1px solid #ECECEC;margin:0px 0px 20px 0px; } #obsah-kosik .blok-dopravy .vyber-dopravy .doprava { width:100%;padding:0px;margin:0px;white-space:nowrap;border-bottom:1px solid #E7E7E7; } #obsah-kosik .blok-dopravy .vyber-dopravy .doprava .popis { font-size:90%;color:#ACACAC; } #obsah-kosik .blok-dopravy .vyber-dopravy .doprava .popis2 { font-size:12px;line-height:12px;margin:0px 0px 0px 42px;position:relative;top:-8px;color:#ACACAC; } #obsah-kosik .blok-dopravy .vyber-dopravy .doprava .popis3 { font-size:12px;line-height:15px;margin:5px 5px 0px 10px;position:relative;top:-8px;color:#404040;white-space:normal;background-color:#ECECEC;padding:7px 7px 7px 10px;border-radius:10px; } #obsah-kosik .blok-dopravy .vyber-dopravy .doprava-pobocka { width:calc(100% - 20px);padding:0px 0px 0px 20px;line-height:40px; } #obsah-kosik .blok-dopravy .vyber-dopravy .doprava .img { width:54px;float:left;margin:0px 8px 0px 0px;vertical-align:middle;display:inline-block;text-align:center; } #obsah-kosik .blok-dopravy .vyber-dopravy .doprava .img img { position:relative;top:0px; } #obsah-kosik .blok-dopravy .vyber-dopravy .doprava-pobocka .img { width:30px;margin:0px 4px 0px 0px; } #obsah-kosik .blok-dopravy .vyber-dopravy .doprava:active { background-color:#FF6C00;color:#000000; } #obsah-kosik .blok-dopravy .vyber-dopravy .radio { float:left;margin:10px 8px 0px 10px; } #obsah-kosik .blok-dopravy .vyber-dopravy .nelze { display:none; } #obsah-kosik .blok-dopravy .vyber-dopravy .nelze-vybrat { color:#ACACAC !important; } #obsah-kosik .blok-dopravy .vyber-dopravy .nelze-vybrat span { color:#ACACAC !important; } #obsah-kosik .blok-dopravy .vyber-dopravy .doprava .flag-doporucujeme { font-size:75%;line-height:1;font-weight:bold;color:#FFFFFF;background-color:#00BB00;padding:2px 3px 1px 3px; } #obsah-kosik .blok-dopravy .vyber-dopravy .doprava .flag-zdarma { font-size:75%;line-height:1;font-weight:bold;color:#FFFFFF;background-color:#00BB00;padding:2px 3px 1px 3px; } #obsah-kosik .blok-dopravy .vyber-dopravy .doprava .flag-nove { font-size:75%;line-height:1;font-weight:bold;color:#FFFFFF;background-color:#00BB00;padding:2px 3px 1px 3px; } #obsah-kosik .blok-dopravy .vyber-dopravy .doprava .flag-info { font-size:75%;line-height:1;font-weight:bold;color:#FFFFFF;background-color:#00BB00;padding:2px 3px 1px 3px; } .vyber-psc-nadpis { margin:5px 0px 5px 0px;width:600px; } .vyber-psc-ajax { margin:0px 0px 10px 0px; } #obsah-kosik .blok-dopravy .vyber-dopravy .vydejna-vybrana { padding:0px 0px 5px 40px;position:relative;top:-8px;font-weight:normal;line-height:1px; } #obsah-kosik .blok-dopravy .vyber-dopravy .vydejna-vybrana .in { width:calc(100% - 110px);margin:0px 5px 0px 0px;display:inline-block; } #obsah-kosik .blok-dopravy .vyber-dopravy .vydejna-vybrana .in .text { line-height:12px;font-size:12px;color:#888888;padding:1px 0px 4px 0px; } #obsah-kosik .blok-dopravy .vyber-dopravy .vydejna-vybrana .in .pobocka { line-height:19px;font-size:15px;width:100%;text-overflow:ellipsis;overflow:hidden;font-weight:bold; } #obsah-kosik .blok-dopravy .vyber-dopravy .vydejna-vybrana .zmenit { line-height:36px;margin:0px 7px 0px 0px;font-weight:normal;vertical-align:top;padding-top:0px;padding-bottom:0px; } #obsah-kosik .blok-dopravy .dopravy-vice { position:absolute;right:0px;top:10px; } #obsah-kosik .blok-dopravy .dopravy-vice a { color:#ACACAC;font-size:13px;display:block; } #obsah-kosik .blok-dopravy .dopravy-vice a img { margin:0px 3px 0px 0px;position:relative;top:3px;opacity:0.8; } @media (max-width:1100px) { #obsah-kosik .blok-dopravy .dopravy-vice { top:7px; } } @media (max-width:800px) { #obsah-kosik .blok-dopravy .dopravy-vice { top:5px; } } @media (max-width:1200px) { #obsah-kosik .blok-zeme { font-size:90%; } #obsah-kosik .blok-platby { font-size:90%; } #obsah-kosik .blok-dopravy { font-size:90%; } #obsah-kosik .blok-dopravy .vyber-dopravy .doprava .popis { font-size:75%; } } @media (max-width:1100px) { #obsah-kosik .blok-zeme { font-size:100%; } #obsah-kosik .blok-platby { font-size:100%;width:calc(50% - 10px); } #obsah-kosik .blok-dopravy { font-size:100%;width:calc(50% - 10px); } #obsah-kosik .blok-dopravy .vyber-dopravy .doprava .popis { font-size:100%; } } @media (max-width:750px) { #obsah-kosik .blok-platby { width:100%;float:none;margin:0px 0px 0px 0px; } #obsah-kosik .blok-dopravy { width:100%;float:none; } } @media (max-width:400px) { #obsah-kosik .blok-dopravy .vyber-dopravy .doprava .popis { font-size:75%; } } @media (max-width:359px) { #obsah-kosik .blok-dopravy .vyber-dopravy .doprava-pobocka { width:calc(100% - 10px);padding:0px 0px 0px 10px; } #obsah-kosik .blok-dopravy .vyber-dopravy .doprava .flag-doporucujeme { display:none; } } /********************** krok 3 **********************/ #obsah-kosik .blok-dodaci-udaje-1 { width:calc(50% - 10px);float:left;margin:0px 20px 20px 0px; } #obsah-kosik .blok-dodaci-udaje-2 { width:calc(50% - 10px);float:left;margin:0px 0px 20px 0px; } #obsah-kosik .dodaci-udaje { } #obsah-kosik .dodaci-udaje .psc { width:90px;float:left; } #obsah-kosik .dodaci-udaje .zeme { width:165px;float:right;margin:0px 0px 0px 0px;text-align:right;white-space:nowrap; } #obsah-kosik .dodaci-udaje .zeme img { height:16px;position:relative;top:3px; } #obsah-kosik .dodaci-udaje .dovetek { padding:15px 0px 0px 0px; } #obsah-kosik .dodaci-udaje .marketing { padding:15px 0px 5px 0px; } #obsah-kosik .dodaci-udaje .marketing img { width:15px;margin:0px 3px 0px 0px;position:relative;top:3px;opacity:0.6; } #obsah-kosik .dodaci-udaje .marketing .m-podrobnosti { padding:15px 0px 0px 0px;display:none; } @media (max-width:600px) { #obsah-kosik .blok-dodaci-udaje-1 { width:100%;float:none;margin-right:0px; } #obsah-kosik .blok-dodaci-udaje-2 { width:100%;float:none; } } /********************** krok 4 **********************/ #obsah-kosik .zmena-platby { background-color:#F7F7F7;padding:15px;margin:15px 0px 0px 0px; } #obsah-kosik .zmena-platby .hx { margin:0px;padding:0px 0px 10px 0px; } #obsah-kosik .zmena-platby .form { position:relative;max-width:360px; } #obsah-kosik .zmena-platby .form .select img { float:left;width:50px;margin:11px 5px 0px 0px; } #obsah-kosik .zmena-platby .form .option img { float:left;width:50px;margin:16px 5px 0px 0px; } #obsah-kosik .konverze { width:1px;height:1px;overflow:hidden; } /******************************************************************************************************************************************* SLEVOVA KNIZKA *******************************************************************************************************************************************/ #obsah-slevova-knizka { padding:40px 0px 0px 0px;position:relative; } /******************************************************************************************************************************************* MOJE (OBJEDNAVKY, NASTAVENI, ...) *******************************************************************************************************************************************/ #obsah-moje { padding:40px 0px 0px 0px; } #obsah-moje .moje-jmeno { font-size:75%;line-height:1;font-weight:bold;margin-bottom:25px; } #obsah-moje .moje-jmeno img { width:10px;height:10px;margin:0px 2px 0px 0px; } #obsah-moje .moje-jmeno .prihlasen { color:#FF6C00; } #obsah-moje .moje-jmeno .neprihlasen { color:#808080;font-style:italic; } #obsah-moje .rozcestnik { max-width:620px; } #obsah-moje .rozcestnik .odkazy { float:left;margin:0px 15px 0px 0px; } #obsah-moje .rozcestnik .odkazy a { width:190px; } #obsah-moje .urovne { } #obsah-moje .urovne .nadpis { background-color:#FF6C00;color:#FFFFFF;padding:6px 5px 5px 15px; } #obsah-moje .urovne ul { background-color:#F7F7F7;border-bottom:1px solid #E7E7E7;margin:0px 0px 15px 0px;padding:10px 3px 10px 30px; } #obsah-moje .urovne li { } @media (max-width:420px) { #obsah-moje .urovne .nadpis { padding:6px 5px 5px 10px; } #obsah-moje .urovne ul { font-size:13px;line-height:20px;color:#404040;padding:10px 5px 5px 20px; } } @media (max-width:350px) { #obsah-moje .urovne .nadpis { padding:6px 5px 5px 10px; } #obsah-moje .urovne ul { font-size:12px;line-height:19px;color:#404040;padding:10px 5px 5px 20px; } } /********************** moje objednavky **********************/ #obsah-moje .vypis-objednavek { clear:both;line-height:66px;margin:0px 0px 0px 0px; } #obsah-moje .vypis-objednavek .zahlavi { line-height:45px;font-weight:bold;background-color:#ACACAC;color:#FFFFFF;white-space:nowrap; } #obsah-moje .vypis-objednavek .zahlavi .cislo { width:150px;display:inline-block;text-align:center; } #obsah-moje .vypis-objednavek .zahlavi .datum { width:120px;display:inline-block;text-align:center; } #obsah-moje .vypis-objednavek .zahlavi .cena { width:100px;display:inline-block;text-align:center; } #obsah-moje .vypis-objednavek .zahlavi .slozeni { width:105px;display:inline-block;text-align:center; } #obsah-moje .vypis-objednavek .objednavka { width:100%;line-height:70px;display:block;border-bottom:1px solid #E7E7E7;color:#000000;text-decoration:none;white-space:nowrap;overflow:hidden; } #obsah-moje .vypis-objednavek .objednavka:active { background-color:#E7E7E7; } #obsah-moje .vypis-objednavek .objednavka:hover { background-color:#F7F7F7; } #obsah-moje .vypis-objednavek .objednavka .ikonka { width:050px;height:30px;display:inline-block;white-space:nowrap;text-align:center; } #obsah-moje .vypis-objednavek .objednavka .ikonka img { width:030px;height:30px;vertical-align:middle; } #obsah-moje .vypis-objednavek .objednavka .cislo { width:100px;display:inline-block;white-space:nowrap; } #obsah-moje .vypis-objednavek .objednavka .cislo .in { height:34px;vertical-align:middle;display:inline-block;margin-top:3px; } #obsah-moje .vypis-objednavek .objednavka .datum { width:120px;display:inline-block;text-align:center;white-space:nowrap; } #obsah-moje .vypis-objednavek .objednavka .cena { width:080px;padding:0px 40px 0px 0px;display:inline-block;text-align:right;white-space:nowrap;color:#00BB00; } #obsah-moje .vypis-objednavek .objednavka .slozeni { display:inline-block; } #obsah-moje .vypis-objednavek .objednavka .slozeni img { width:50px;height:50px;line-height:50px;margin:0px 5px 1px 10px;vertical-align:middle; } #obsah-moje .vypis-objednavek .objednavka .slozeni .nedostupny { opacity:0.3; } @media (max-width:800px) { #obsah-moje .vypis-objednavek .objednavka .slozeni img { width:30px;height:30px; } } @media (max-width:650px) { #obsah-moje .vypis-objednavek .zahlavi .cislo { width:140px; } #obsah-moje .vypis-objednavek .zahlavi .datum { width:095px; } #obsah-moje .vypis-objednavek .zahlavi .cena { width:090px; } #obsah-moje .vypis-objednavek .zahlavi .slozeni { width:090px; } #obsah-moje .vypis-objednavek .objednavka .ikonka { width:045px; } #obsah-moje .vypis-objednavek .objednavka .cislo { width:095px; } #obsah-moje .vypis-objednavek .objednavka .datum { width:095px; } #obsah-moje .vypis-objednavek .objednavka .cena { width:075px;padding:0px 15px 0px 0px; } #obsah-moje .vypis-objednavek .objednavka .slozeni { } } @media (max-width:470px) { #obsah-moje .vypis-objednavek .zahlavi .cislo { width:130px; } #obsah-moje .vypis-objednavek .zahlavi .datum { width:080px; } #obsah-moje .vypis-objednavek .zahlavi .cena { width:075px; } #obsah-moje .vypis-objednavek .zahlavi .slozeni { width:080px; } #obsah-moje .vypis-objednavek .objednavka .ikonka { width:040px; } #obsah-moje .vypis-objednavek .objednavka .cislo { width:090px; } #obsah-moje .vypis-objednavek .objednavka .datum { width:080px; } #obsah-moje .vypis-objednavek .objednavka .cena { width:065px;padding:0px 10px 0px 0px; } #obsah-moje .vypis-objednavek .objednavka .slozeni { } } @media (max-width:420px) { #obsah-moje .vypis-objednavek .zahlavi .slozeni { display:none; } #obsah-moje .vypis-objednavek .objednavka .slozeni { display:none; } } #obsah-moje .objednavka-uvod { width:calc(50% - 25px);margin:0px 50px 0px 0px;float:left; } #obsah-moje .objednavka-uvod h2 { border-bottom:1px solid #DCDCDC;margin-bottom:10px; } #obsah-moje .objednavka-uvod ul { } #obsah-moje .objednavka-uvod ul li .ikonka { width:16px;position:relative;top:3px; } #obsah-moje .objednavka-slozeni { width:calc(50% - 25px);margin:0px 0px 0px 0px;float:left; } #obsah-moje .objednavka-slozeni .in { border-top:1px solid #DCDCDC; } #obsah-moje .objednavka-slozeni .in .polozka { clear:both;line-height:1;text-align:left;padding:15px 0px 10px 0px;border-bottom:1px solid #E7E7E7; } #obsah-moje .objednavka-slozeni .in .polozka:active { background-color:#E7E7E7; } #obsah-moje .objednavka-slozeni .in .polozka:hover { background-color:#F7F7F7; } #obsah-moje .objednavka-slozeni .in .polozka .foto { display:block;width:65px;float:left;text-decoration:none;margin:0px 8px 0px 0px;text-align:center; } #obsah-moje .objednavka-slozeni .in .polozka-a .foto img { width:50px;opacity:1; } #obsah-moje .objednavka-slozeni .in .polozka-n .foto img { width:50px;opacity:0.3; } #obsah-moje .objednavka-slozeni .in .polozka-n .obsah { opacity:0.5; } #obsah-moje .objednavka-slozeni .in .polozka-a .obsah .nazev { color:#000000; } #obsah-moje .objednavka-slozeni .in .polozka-n .obsah .nazev { color:#888888; } #obsah-moje .objednavka-slozeni .in .polozka-a .obsah .flagy { color:#888888; } #obsah-moje .objednavka-slozeni .in .polozka-n .obsah .flagy { color:#888888; } #obsah-moje .objednavka-slozeni .in .polozka-a .obsah .cena { color:#888888; } #obsah-moje .objednavka-slozeni .in .polozka-n .obsah .cena { color:#888888; } #obsah-moje .objednavka-slozeni .in .polozka .obsah { width:calc(100% - 80px);float:left; } #obsah-moje .objednavka-slozeni .in .polozka .obsah .nazev { display:block;margin-top:-3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none; } #obsah-moje .objednavka-slozeni .in .polozka .obsah .flagy { font-size:75%;line-height:1.3;margin:2px 0px 0px 0px; } #obsah-moje .objednavka-slozeni .in .polozka .obsah .flagy .bal { padding:0px 0px 0px 0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } #obsah-moje .objednavka-slozeni .in .polozka .obsah .cena { font-size:75%;line-height:1.3;padding:2px 0px 0px 0px; } #obsah-moje .objednavka-slozeni .in .polozka .obsah .odkazy { font-size:75%;line-height:1.3;padding:5px 0px 0px 0px; } #obsah-moje .objednavka-slozeni .in .polozka .obsah .odkazy .odkaz { border:1px solid #E7E7E7;background-color:#E7E7E7;padding:3px 20px 3px 7px;color:#000000;text-decoration:none;display:inline-block;margin:0px 5px 5px 0px;background-repeat:no-repeat;background-size:12px 11px;background-position:right 5px center; } #obsah-moje .objednavka-slozeni .in .polozka .obsah .odkazy .nelze1 { background-image:url('/_v/s/omf/ico-hodnoceni-s.png');color:#ACACAC; } #obsah-moje .objednavka-slozeni .in .polozka .obsah .odkazy .nelze2 { background-image:url('/_v/s/omf/ico-hodnoceni-s.png');color:#ACACAC; } #obsah-moje .objednavka-slozeni .in .polozka .obsah .odkazy .hodnotit { background-image:url('/_v/s/omf/ico-hodnoceni-c.png'); } #obsah-moje .objednavka-slozeni .in .polozka .obsah .odkazy .koupit { background-image:url('/_v/s/omf/ico-kosik-n.png'); } #obsah-moje .objednavka-slozeni .in .polozka .obsah .odkazy .poukazy { background-color:#E7E7E7;padding:10px 0px 10px 10px;margin:0px 0px 5px 0px;line-height:1px; } #obsah-moje .objednavka-slozeni .in .polozka .obsah .odkazy .poukazy a { width:calc(100%/3 - 10px);display:inline-block;margin:10px 10px 0px 0px;font-size:11px;line-height:1px;text-decoration:none;text-align:center;color:#000000; } #obsah-moje .objednavka-slozeni .in .polozka .obsah .odkazy .poukazy a img { width:100%; } #obsah-moje .objednavka-slozeni .in .polozka .obsah .odkazy .poukazy a div { line-height:15px;margin:1px 0px 0px 0px; } #obsah-moje .objednavka-slozeni .in .polozka .obsah .odkazy .poukazy .neni { display:inline-block;width:155px;margin:10px 10px 0px 0px;font-size:11px;line-height:15px;text-decoration:none;text-align:center;color:#FFFFFF;background-color:#FF0000;padding:10px 0px 10px 0px; } @media (max-width:950px) { #obsah-moje .objednavka-slozeni .in .polozka .obsah .odkazy .poukazy a { width:calc(100%/2 - 10px); } } @media (max-width:650px) { #obsah-moje .objednavka-slozeni .in .polozka .obsah .odkazy .poukazy a { width:calc(100%/3 - 10px); } } @media (max-width:480px) { #obsah-moje .objednavka-slozeni .in .polozka .obsah .odkazy .poukazy a { width:calc(100%/2 - 10px); } } #obsah-moje .zmena-platby { background-color:#F7F7F7;margin:0px 20px 0px 20px;display:none;width:calc(100% - 40px);padding:10px 20px 15px 20px; } #obsah-moje .zmena-platby .form { } #obsah-moje .zmena-platby .form .in { position:relative;left:0px;margin:0px 0px 5px 0px; } #obsah-moje .zmena-platby .form .select img { float:left;width:50px;margin:11px 5px 0px 0px; } #obsah-moje .zmena-platby .form .option img { float:left;width:50px;margin:16px 5px 0px 0px; } #obsah-moje .platba-info { margin:3px 0px 10px 0px;padding:0px 0px 4px 10px;border-left:2px solid #E7E7E7; } #obsah-moje .platba-info .cudlik-sedy-bez { margin:5px 5px 0px 0px; } #obsah-moje .platba-info .cudlik-oranzovy { margin:5px 5px 0px 0px; } @media (max-width:650px) { #obsah-moje .objednavka-uvod { width:100%;margin:0px 0px 20px 0px;float:none; } #obsah-moje .objednavka-slozeni { width:100%;margin:0px 0px 0px 0px;float:none; } } #obsah-moje .registrace { width:100%; } #obsah-moje .registrace .pohlavi { width:45%;float:right; } #obsah-moje .registrace .pohlavi .slct { position:relative; } #obsah-moje .registrace .titul { width:50%;float:left; } #obsah-moje .registrace .zeme { width:45%;float:right; } #obsah-moje .registrace .zeme .slct { position:relative; } #obsah-moje .registrace .psc { width:50%;float:left; } @media (max-width:650px) { #obsah-moje .registrace .zeme { width:65%; } #obsah-moje .registrace .psc { width:30%; } } #obsah-moje .registrace .ic { width:50%;float:left; } #obsah-moje .registrace .dic { width:45%;float:right; } #obsah-moje .souhlas { padding:20px 0px 0px 0px; } #obsah-moje .souhlas .container { padding:0px 0px 20px 0px; } #obsah-moje .registrace .cudlitko input { width:150px;margin:5px 0px 0px 0px; } #obsah-moje .inner-pulka-2 .cudlitko input { width:150px; } #obsah-moje .kdyz-to-nejde { border-top:1px solid #E8E8E8;margin:60px 0px 0px 0px;padding:12px 0px 10px 0px; } #obsah-moje .login-odkazy .cudlik-sedy { width:150px;margin:0px 5px 5px 0px; } /********************** hodnoceni produktu **********************/ #obsah-moje .vypis-hodnoceni { margin:10px 10px 10px 10px; } #obsah-moje .vypis-hodnoceni .polozka { width:calc(100% / 8 - 16px - 4px);padding:10px 8px 20px 8px;display:block;border:2px dotted #FFFFFF;text-align:center;overflow:hidden;float:left;font-size:13px;line-height:19px;text-decoration:none; } #obsah-moje .vypis-hodnoceni .polozka:hover { border:2px dotted #ACACAC; } #obsah-moje .vypis-hodnoceni .polozka .foto { width:110px;height:110px; } #obsah-moje .vypis-hodnoceni .polozka .nazev { color:#000C00 } #obsah-moje .vypis-hodnoceni .polozka .varianty { margin:0px 0px 4px 0px; } #obsah-moje .vypis-hodnoceni .polozka .hodnoceni { } #obsah-moje .vypis-hodnoceni .polozka .hodnoceni .odkaz { border:1px solid #E7E7E7;background-color:#E7E7E7;padding:6px 20px 6px 7px;line-height:1;color:#000000;text-decoration:none;display:inline-block;background-repeat:no-repeat;background-size:12px 11px;background-position:right 5px center;white-space:nowrap; } #obsah-moje .vypis-hodnoceni .polozka .hodnoceni .nelze1 { padding:6px 7px 6px 7px;color:#ACACAC; } #obsah-moje .vypis-hodnoceni .polozka .hodnoceni .hodnotit { background-image:url('/_v/s/omf/ico-hodnoceni-c.png'); } #obsah-moje .vypis-hodnoceni .polozka .ceka { font-size:11px;color:#ACACAC; } #obsah-moje .vypis-hodnoceni .polozka .zverejneno { font-size:11px;color:#00BB00; } #obsah-moje .vypis-hodnoceni .polozka-n { opacity:0.7; } #obsah-moje .vypis-hodnoceni .polozka-n .foto { opacity:0.7; } #obsah-moje .vypis-hodnoceni .polozka-n .nazev { color:#808080; } #obsah-moje .vypis-hodnoceni .polozka-uz .nazev { color:#00BB00; } @media (max-width:1200px) { #obsah-moje .vypis-hodnoceni .polozka { width:calc(100% / 7 - 16px - 4px); } } @media (max-width:1000px) { #obsah-moje .vypis-hodnoceni .polozka { width:calc(100% / 6 - 16px - 4px); } } @media (max-width:800px) { #obsah-moje .vypis-hodnoceni .polozka { width:calc(100% / 5 - 16px - 4px); } #obsah-moje .vypis-hodnoceni .polozka .foto { width:100px;height:100px; } } @media (max-width:660px) { #obsah-moje .vypis-hodnoceni .polozka { width:calc(100% / 4 - 16px - 4px); } #obsah-moje .vypis-hodnoceni .polozka .foto { width:90px;height:90px; } } @media (max-width:500px) { #obsah-moje .vypis-hodnoceni .polozka { width:calc(100% / 3 - 12px - 4px);padding:10px 6px 20px 6px; } #obsah-moje .vypis-hodnoceni .polozka .foto { width:80px;height:80px; } #obsah-moje .vypis-hodnoceni .polozka .hodnoceni .odkaz { font-size:90%;padding:6px 15px 6px 4px;background-size:9px 9px;background-position:right 4px top 7px; } #obsah-moje .vypis-hodnoceni .polozka .hodnoceni .nelze1 { padding:6px 4px 6px 4px; } } /******************************************************************************************************************************************* NAHLASIT CHYBU *******************************************************************************************************************************************/ #obsah-nahlasit-chybu { padding:40px 0px 0px 0px; } #obsah-nahlasit-chybu textarea { height:100px; } /******************************************************************************************************************************************* CHYBOVA STRANKA *******************************************************************************************************************************************/ #obsah-chyba { } #obsah-chyba .obrazek { width:349px;margin:10px 30px 0px 10px;float:left; } #obsah-chyba h2 { padding:60px 0px 20px 0px;clear:none; } #obsah-chyba ul { dis1play:inline-block; } #obsah-chyba li { } #obsah-chyba .go-home { width:60px;height:70px;overflow:hidden; } @media (max-width:800px) { #obsah-chyba h2 { padding:40px 0px 15px 0px; } #obsah-chyba .obrazek { width:250px; } } @media (max-width:650px) { #obsah-chyba h2 { padding:20px 0px 15px 0px; } #obsah-chyba .obrazek { width:180px; } } @media (max-width:480px) { #obsah-chyba h2 { padding:20px 0px 15px 0px; } #obsah-chyba .obrazek { display:none; } #obsah-chyba .go-home { height:90px; } } /******************************************************************************************************************************************* BLOKY VPRAVO *******************************************************************************************************************************************/ /********************** Sirka 380: Zboží - poradna **********************/ .innerR1 .r1-pruvodce { } .innerR1 .r1-souvisejici { } .innerR1 .r1-souvisejici .souvisejici-clanky a { display:block;border:1px dotted #FFFFFF;text-decoration:none;padding:7px 7px 7px 7px;color:#000000; } .innerR1 .r1-souvisejici .souvisejici-clanky a img { width:150px;height:113px;float:left;margin:0px 5px 0px 0px; } .innerR1 .r1-souvisejici .souvisejici-clanky a .obsah { display:inline-block;width:calc(100% - 5px - 150px);margin:-4px 0px 0px 0px; } .innerR1 .r1-souvisejici .souvisejici-clanky a .obsah .nadpis { font-weight:bold;border-bottom:1px dotted #000000; } .innerR1 .r1-souvisejici .souvisejici-clanky a .obsah .upoutavka { margin:2px 0px 0px 0px;font-size:75%;line-height:1.4; } @media (max-width:1230px) { .innerR1 .r1-souvisejici .souvisejici-clanky a img { width:100px;height:auto;75px; } .innerR1 .r1-souvisejici .souvisejici-clanky a .obsah { width:calc(100% - 5px - 100px); } } @media (max-width:800px) { .innerR1 .r1-pruvodce { width:calc(50% - 10px);float:left;margin:0px 0px 40px 0px; } .innerR1 .r1-souvisejici { width:calc(50% - 10px);float:right; } } @media (max-width:600px) { .innerR1 .r1-pruvodce { width:100%;float:none;margin:0px 0px 0px 0px; } .innerR1 .r1-souvisejici { width:100%;float:none;margin:0px 0px 40px 0px; } } /********************** Sirka 380: Univerzalni **********************/ .innerR1 .uni380 .r1-banner { width:100%; } .innerR1 .uni380 .r1-banner .banner-obal { position:relative; } .innerR1 .uni380 .r1-banner .banner-obal .banner { display:block;padding:0px 0px 0px 0px; } .innerR1 .uni380 .r1-banner .banner-obal .banner img { width:100%;max-width:380px;max-height:380px;overflow:hidden;background-color:#ECECEC;top:20px; } .innerR1 .uni380 .r1-vyprodej { width:100%; } .innerR1 .akademie380 .odkaz { width:calc(100% / 3 - 6px);float:left;display:inline-block;color:#FFFFFF;background-color:#36C377;padding:6px 0px 7px 0px;margin:0px 9px 0px 0px;text-align:center;line-height:1.2;text-decoration:none; } .innerR1 .akademie380 .od3 { margin:0px 0px 0px 0px; } .innerR1 .akademie380 .banner-obal { position:relative; } .innerR1 .akademie380 .prehled-kurzu { clear:both;padding:18px 0px 0px 0px; } .innerR1 .akademie380 .prehled-kurzu p { margin:0px;font-weight:bold; } .innerR1 .akademie380 .prehled-kurzu ul { margin:2px 0px 0px 0px; } .innerR1 .akademie380 .prehled-kurzu li { } @media (max-width:800px) { .innerR1 .uni380 .r1-banner { width:calc(50% - 10px);float:left;margin:0px 0px 40px 0px; } .innerR1 .uni380 .r1-banner .banner { width:100%;text-align:center; } .innerR1 .uni380 .r1-vyprodej { width:calc(50% - 10px);float:right; } } @media (max-width:550px) { .innerR1 .uni380 .r1-banner { width:100%;float:none;margin:0px 0px 0px 0px; } .innerR1 .uni380 .r1-vyprodej { width:100%;float:none;margin:0px 0px 40px 0px; } .innerR1 .uni380 .r1-vyprodej .vypis-zbozi-pos { height:auto; } } /********************** Sirka 700: Univerzalni **********************/ .innerR2 .uni700 .banner-obal { position:relative;line-height:1px; } .innerR2 .uni700 .banner-obal .banner700 { display:block; } .innerR2 .uni700 .banner-obal .banner700 img { width:100%;max-width:700px;max-height:350px;overflow:hidden;background-color:#ECECEC;top:20px;margin:0px 0px 0px 0px; } .innerR2 .uni700 .pruvodce1 { width:calc(50% - 10px);margin:0px 20px 20px 0px;float:left; } .innerR2 .uni700 .pruvodce2 { width:calc(50% - 10px);margin:0px 0px 20px 0px;float:left; } .innerR2 .uni700 .vycpavka { width:100%;height:533px;float:right;margin:55px 0px 0px 0px;background-position:top right;background-size:cover; } .innerR2 .uni700 .vycpavka-img1 { background-image:url(/_v/d/il/registrace-1.jpg); } .innerR2 .uni700 .vycpavka-img2 { background-image:url(/_v/d/il/registrace-2.jpg); } .innerR2 .uni700 .vycpavka-img3 { background-image:url(/_v/d/il/registrace-3.jpg); } .innerR2 .uni700 .vycpavka .in { width:380px;height:478px;margin:28px 0px 0px 28px;background-color:rgb(255,255,255,0.9); } .innerR2 .uni700 .vycpavka .in .registrace { padding:15px; } .innerR2 .uni700 .vycpavka .in .registrace .nadpis { font-size:22px; } .innerR2 .uni700 .vycpavka .in .registrace ul { } .innerR2 .uni700 .vycpavka .in .registrace li { } .innerR2 .uni700 .vycpavka .in .registrace li div { font-size:90%;line-height:1.4; } .innerR2 .uni700 .vycpavka .in .clanky { padding:15px; } .innerR2 .uni700 .vycpavka .in .clanky .nadpis { font-size:22px;margin:0px 0px 5px 0px; } .innerR2 .uni700 .vycpavka .in .clanky a { display:block;text-decoration:none;padding:5px 0px 5px 0px;line-height:1; } .innerR2 .uni700 .vycpavka .in .clanky a .nadpis-clanku { line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0px;text-decoration:underline;text-decoration-style:dotted;-moz-text-decoration-line:underline;-moz-text-decoration-style:dotted; } .innerR2 .uni700 .vycpavka .in .clanky a .ikonka { width:100px;float:left;margin:5px 5px 0px 0px; } .innerR2 .uni700 .vycpavka .in .clanky a .autor { font-size:75%;line-height:1;color:#888888;margin:7px 0px 3px 0px; } .innerR2 .uni700 .vycpavka .in .clanky a .upoutavka { font-size:75%;line-height:1.5;height:65px;color:#000000;overflow:hidden;text-overflow:ellipsis; } .innerR2 .uni700 .vycpavka .in .clanky .pod { text-align:right;padding:10px 0px 0px 0px; } .innerR2 .uni700 .vycpavka .in .clanky .pod .cudlik-cerny { width:120px;float:right;padding:10px 0px 10px 10px; } .innerR2 .uni-nic { width:100%;height:300px;overflow:hidden;background-color:#F7F7F7;color:#FFFFFF; } .innerR2 .uni-nic .div1 { font-size:50px;font-weight:bold;text-align:left; margin: 5px 0px 0px -5px; } .innerR2 .uni-nic .div2 { font-size:80px;font-weight:bold;text-align:center;margin:105px 0px 0px 0px; } .innerR2 .uni-nic .div3 { font-size:60px;font-weight:bold;text-align:right; margin:115px -2px 0px 0px; } @media (max-width:1200px) { .innerR2 .uni700 .vycpavka { background-position:top right -90px; } } @media (max-width:1016px) { .innerR2 .uni700 .vycpavka { height:auto; } .innerR2 .uni700 .vycpavka .in { width:calc(100% - 56px);height:auto;margin:28px 28px 28px 28px; } } @media (max-width:1000px) { .innerR2 .uni700 .pruvodce1 { width:100%;margin:0px 0px 0px 0px; } .innerR2 .uni700 .pruvodce2 { width:100%;margin:0px 0px 20px 0px; } .innerR2 .uni700 .vycpavka .in { width:calc(100% - 36px);height:auto;margin:18px 18px 18px 18px; } .innerR2 .uni700 .vycpavka .in .registrace ul { padding:0px; } .innerR2 .uni700 .vycpavka .in .registrace li { list-style-type:none; } .innerR2 .uni700 .vycpavka .in .registrace li div { font-size:75%;line-height:1.4; } } @media (max-width:800px) { .innerR2 .uni700 .banner700 img { max-width:744px;max-height:372px; } .innerR2 .uni700 .pruvodce1 { width:calc(50% - 10px);margin:0px 20px 20px 0px; } .innerR2 .uni700 .pruvodce2 { width:calc(50% - 10px);margin:0px 0px 20px 0px; } .innerR2 .uni700 .vycpavka { background-position:top right; } } @media (max-width:480px) { .innerR2 .uni700 .pruvodce1 { width:100%;margin:0px 0px 0px 0px; } .innerR2 .uni700 .pruvodce2 { width:100%;margin:0px 0px 20px 0px; } } /********************** statistiky banneru **********************/ .banner-obal a { display:block; } .banner-obal a img { width:100%; } .banner-obal .banner-stats { width:95px;display:inline-block;position:absolute;top:1px;right:1px;background-color:#F7F7F7;font-size:75%;line-height:1.4;padding:5px 5px 2px 5px;text-align:right;opacity:0.75;color:#000000;text-decoration:none; } .banner-obal .banner-stats img { width:14px;height:14px;opacity:0.75; } /********************** konec sveta :) **********************/