/******************************************************************************************************************************************* CSS PRO MAINWEB *******************************************************************************************************************************************/ @-ms-viewport { width:device-width; } @-moz-viewport { width:device-width; } @-webkit-viewport { width:device-width; } @viewport { width:device-width; } @font-face { font-family:'Ronnie';font-style:normal;font-weight:normal;src:url('/_v/d/fog/gotham-narrow-light.woff'); } @font-face { font-family:'Ronnie';font-style:normal;font-weight:bold; src:url('/_v/d/fog/gotham-narrow-medium.woff'); } @font-face { font-family:'Ronnie2';font-style:normal;src:url('/_v/d/fog/gotham-black.woff'); } html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,font,img,strike,strong,sub,sup,ul,li,form,label,table,caption,tr,th,td { margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent; } body,table,td,th,li,p,input,textarea { font-family:'Ronnie','Arial CE','Helvetica CE','Arial','sans-serif'; } h1,h2,h3,h4,h5,h6 { font-family:'Ronnie','Arial CE','Arial CE','Helvetica CE','Arial','sans-serif'; } /********************** zakladni tagy **********************/ html { font-size:17px;line-height:26px;background-color:#808080;color:#000000; } body { font-size:17px;line-height:26px;background-color:#FFFFFF;color:#000000;position:relative;min-width:320px;max-width:1264px;margin:0px auto 0px auto;padding:0px;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility !important;-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale !important; } img { border-style:none;max-width:100%; } b { font-weight:bold; } a { color:#009933; } a[target=_blank] { text-decoration-line:underline;text-decoration-style:dotted;-moz-text-decoration-line:underline;-moz-text-decoration-style:dotted; } a[type=zalozka] { width:0px;height:0px;display:block;overflow:hidden; } .a { color:#009933;text-decoration:underline; } .a-blank { color:#009933;text-decoration:underline;text-decoration-style:dotted;-moz-text-decoration-line:underline;-moz-text-decoration-style:dotted; } p { margin:5px 0px 12px 0px; } ul { margin:5px 0px 5px 0px;padding:0px 0px 0px 20px;list-style:disc; } li { margin:0px 0px 5px 0px; } table { border-spacing:0;border-collapse:collapse; } td { padding:0px; } label { display:block;cursor:pointer;cursor:hand; } sup { line-height:0px;position:relative;top:0px;vertical-align:super;font-size:100%;white-space:nowrap; } hr { border:0;border-bottom:1px solid #E8E8E8;height:0px;margin:20px 0px 14px 0px; } .pruh30 { opacity:0.30;filter:alpha(opacity=30) } .pruh40 { opacity:0.40;filter:alpha(opacity=40) } .pruh50 { opacity:0.50;filter:alpha(opacity=50) } .pruh75 { opacity:0.75;filter:alpha(opacity=75) } .pruh100 { opacity:1.00;filter:alpha(opacity=100) } .tsU20 { border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF; } .preskrtnute { position:relative; } .preskrtnute::after { content:'';position:absolute;left:0;top:50%;width:calc(100% - 10px);height:2px;background:#FF0000;transform:rotate(-20deg);margin-left:5px; } ::-webkit-input-placeholder { color:#888888; } ::-moz-placeholder { color:#888888; } :-ms-input-placeholder { color:#888888; } :-moz-placeholder { color:#888888; } /********************** nadpisy **********************/ h1, h2, h3 { font-weight:bold;display:block;clear:both;margin:0px; } h1 a, h2 a, h3 a { display:block;color:inherit;text-decoration:none; } h1 img, h2 img, h3 img { display:inline;background-color:#FFFFFF;padding:0px 5px 0px 0px;vertical-align:baseline; } h1 span, h2 span, h3 span { display:inline;background-color:#FFFFFF;padding:0px 0px 0px 0px; } h1 sup, h2 sup, h3 sup { line-height:0px;position:relative;top:0px;vertical-align:super;font-size:100%; } .hx-zarazka { border:1px solid transparent;margin-bottom:-1px; } .hx-linka { background-image:url('/_v/s/om/00-e7.png');background-repeat:repeat-x;background-size:2px 2px; } .hx-barva-c { color:#000000; } .hx-barva-s { color:#888888; } .hx-barva-z { color:#00BB00; } .hx-barva-m { color:#008FD5; } .hx-barva-o { color:#36C377; } .hx-nw a { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } /********************** zakladni pisma **********************/ html { font-size:17px;line-height:26px; } body { font-size:17px;line-height:26px; } h1 { font-size:28px;line-height:42px;background-position:bottom 15px left 50px; } h1 img { height:25px; } h2 { font-size:24px;line-height:38px;background-position:bottom 13px left 50px; } h2 img { height:20px; } h3 { font-size:20px;line-height:34px;background-position:bottom 12px left 50px; } h3 img { height:15px; } @media (max-width:1100px) { html { font-size:16px;line-height:24px; } body { font-size:16px;line-height:24px; } h1 { font-size:25px;line-height:37px;background-position:bottom 12px left 50px; } h1 img { height:21px; } h2 { font-size:22px;line-height:33px;background-position:bottom 10px left 50px; } h2 img { height:17px; } h3 { font-size:19px;line-height:31px;background-position:bottom 9px left 50px; } h3 img { height:14px; } } @media (max-width:800px) { html { font-size:15px;line-height:22px; } body { font-size:15px;line-height:22px; } h1 { font-size:20px;line-height:31px;background-position:bottom 12px left 50px; } h1 img { height:16px; } h2 { font-size:18px;line-height:29px;background-position:bottom 10px left 50px; } h2 img { height:15px; } h3 { font-size:16px;line-height:28px;background-position:bottom 9px left 50px; } h3 img { height:14px; } } /********************** zakladni moje **********************/ .m0 { margin:0px !important; } .mb5 { margin-bottom:5px; } .mb10 { margin-bottom:10px; } .mb15 { margin-bottom:15px; } .mala { text-transform:lowercase; } .velka { text-transform:uppercase; } .cursor-d { cursor:default; } .cursor-h { cursor:pointer;cursor:hand; } .cursor-help { cursor:help;position:relative; } .cursor-edit { cursor:alias; } .cursor-edit-dis { cursor:no-drop; } .smejlik { width:17px;height:17px;position:relative;top:0px;margin:2px 1px -2px 1px; } .zalozka-zvyraznena { position:absolute;z-index:99;background-color:#FFFF00;color:#000000;padding:3px 7px 3px 7px;border:1px solid #000000;display:block; } .zkratit { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .fr0 { float:right !important; } .r0 { padding-right:0px !important; text-align:right !important; } .r5 { padding-right:5px !important; text-align:right !important; } .r10 { padding-right:10px !important;text-align:right !important; } .f7 { font-size:7px !important; } .f8 { font-size:8px !important; } .f9 { font-size:9px !important; } .f10 { font-size:10px !important; } .f11 { font-size:11px !important; } .f12 { font-size:12px !important; } .f13 { font-size:13px !important; } .f14 { font-size:14px !important; } .f15 { font-size:15px !important; } .f16 { font-size:16px !important; } .f17 { font-size:17px !important; } .f18 { font-size:18px !important; } .f19 { font-size:19px !important; } .f20 { font-size:20px !important; } .f21 { font-size:21px !important; } .f22 { font-size:22px !important; } .f23 { font-size:23px !important; } .f24 { font-size:24px !important; } .f25 { font-size:25px !important; } .f26 { font-size:26px !important; } .f27 { font-size:27px !important; } .f28 { font-size:28px !important; } .f29 { font-size:29px !important; } .f30 { font-size:30px !important; } .f31 { font-size:31px !important; } .f32 { font-size:32px !important; } .f33 { font-size:33px !important; } .f34 { font-size:34px !important; } .f35 { font-size:35px !important; } .f36 { font-size:36px !important; } .f37 { font-size:37px !important; } .f38 { font-size:38px !important; } .f39 { font-size:39px !important; } .f40 { font-size:40px !important; } .lh7 { line-height:7px !important; } .lh8 { line-height:8px !important; } .lh9 { line-height:9px !important; } .lh10 { line-height:10px !important; } .lh11 { line-height:11px !important; } .lh12 { line-height:12px !important; } .lh13 { line-height:13px !important; } .lh14 { line-height:14px !important; } .lh15 { line-height:15px !important; } .lh16 { line-height:16px !important; } .lh17 { line-height:17px !important; } .lh18 { line-height:18px !important; } .lh19 { line-height:19px !important; } .lh20 { line-height:20px !important; } .lh21 { line-height:21px !important; } .lh22 { line-height:22px !important; } .lh23 { line-height:23px !important; } .lh24 { line-height:24px !important; } .lh25 { line-height:25px !important; } .lh26 { line-height:26px !important; } .lh27 { line-height:27px !important; } .lh28 { line-height:28px !important; } .lh29 { line-height:29px !important; } .lh30 { line-height:30px !important; } .lh31 { line-height:31px !important; } .lh32 { line-height:32px !important; } .lh33 { line-height:33px !important; } .lh34 { line-height:34px !important; } .lh35 { line-height:35px !important; } .lh36 { line-height:36px !important; } .lh37 { line-height:37px !important; } .lh38 { line-height:38px !important; } .lh39 { line-height:39px !important; } .lh40 { line-height:40px !important; } .w25 { width:25%; } .w50 { width:50%; } .w75 { width:75%; } .ao { text-decoration:none !important;font-weight:bold !important;color:#000000 !important; } .np { text-decoration:none !important; } .b { font-weight:bold !important; } .nw { white-space:nowrap; } .nr { clear:both; } .nrl { clear:left; } .nrr { clear:right; } .db { display:block; } .di { display:inline; } .dib { display:inline-block; } .viv { visibility:visible; } .vih { visibility:hidden; } .dn { display:none; } .o { color:#FF6C00; } /* color:#36C377; */ .s { color:#888888; } .s a { color:#888888; } .ss { color:#E7E7E7; } .ss a { color:#E7E7E7; } .sss { color:#BCBCBC; } .sss a { color:#BCBCBC; } .z { color:#00BB00; } .c { color:#FF0000; } .cc { color:#000000; } .bb { color:#FFFFFF; } .stred { text-align:center !important; } .vstred { display:flex;align-items:center;justify-content:center; } .i { font-style:italic; } .u { text-decoration:underline; } /********************** formulare a cudliky - systemove **********************/ select { background-color:#FDFFC4;border-style:none;border-left:1px solid #888888;border-top:1px solid #888888;border-bottom:1px solid #888888;font-size:inherit;line-height:1;padding:6px 10px 7px 5px; } select { border-right:1px solid #888888; } textarea { width:calc(100% - 15px);background-color:#FDFFC4;border:1px solid #888888;padding:8px 5px 8px 10px;text-align:left; } input { -webkit-appearance:none;-moz-appearance:none;appearance:none; } input[type=text] { font-size:inherit;background-color:#FDFFC4;border:1px solid #888888;padding:8px 5px 8px 10px;text-align:left; } input[type=password] { font-size:inherit;background-color:#FDFFC4;border:1px solid #888888;padding:8px 5px 8px 10px;text-align:left; } input[type=submit] { font-size:inherit; } input[type=checkbox] { width:15px;height:15px;border:1px solid #888888; } input[type="text"][disabled] { border-color:#D7D7D7;color:#BCBCBC !important; } input[type="text"][readonly] { border-color:#D7D7D7;color:#BCBCBC !important; } .textareasim { margin:2px 0px 3px 0px;line-height:1px;position:relative; } .textareasim textarea { width:calc(100% - 17px);background-color:#FDFFC4;border:1px solid #888888;padding:8px 5px 8px 10px;text-align:left; } .textareasim .napoveda-vpravo { font-size:13px;line-height:13px;text-align:left;color:#808080;padding:2px 0px 2px 0px;position:absolute;margin:0px 0px 0px 5px; } .textareasim .napoveda-dole { font-size:13px;line-height:13px;text-align:left;color:#808080;padding:3px 0px 2px 0px; } .textareasim .pocet-znaku { position:absolute;right:0px;bottom:px;font-size:12px;line-height:12px;text-align:right;color:#808080;padding:2px 8px 3px 8px;font-weight:bold;background-color:#ACACAC;color:#FFFFFF; } .textareasim .akorat { background-color:#FF4C00 !important;color:#FFFFFF; } .textareasim .prilis { background-color:#FF0000 !important;color:#FFFFFF; } /********************** formulare a cudliky - moje **********************/ .select-obal { position:relative; } .select-1 .nadpis { text-transform:uppercase;color:#888888;margin:15px 0px 0px 0px; } .select-1 .vnitrek { position:relative;background-color:#FDFFC4;border-top:1px solid #888888;border-bottom:1px solid #888888;line-height:38px;padding:0px 0px 0px 10px;overflow:hidden; } .select-1 .vnitrek .exp { font-size:12px;position:absolute;right:33px;color:#ACACAC; } .select-1 .sipka { background-color:#CCCCCC;width:27px;line-height:26px;height:38px;overflow:hidden;margin:0px 0px 0px 0px;float:right;background-image:url('/_v/s/oms/ico-01c-bottom.png');background-repeat:no-repeat;background-position:center 20px;background-size:11px; } .select-1 .sipka .kolik { font-size:75%;text-align:center;color:#888888;padding-right:1px; } .select-1 .vybrana { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .select-1 .vybrana img { display:inline-block;max-width:28px;max-height:28px;vertical-align:middle;margin:0px 3px 0px 0px; } .select-1 input { width:calc(100% - 12px);padding:5px;margin:0px 0px 3px 0px;color:#888888; } .select-2 .nadpis { text-transform:uppercase;color:#888888;margin:15px 0px 0px 0px; } .select-2 .vnitrek { position:relative;background-color:#E7E7E7;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;line-height:38px;padding:0px 0px 0px 10px;overflow:hidden; } .select-2 .vnitrek .exp { font-size:12px;position:absolute;right:33px;color:#ACACAC; } .select-2 .sipka { background-color:#CCCCCC;width:27px;line-height:26px;height:38px;overflow:hidden;margin:0px 0px 0px 0px;float:right;background-image:url('/_v/s/oms/ico-01c-bottom.png');background-repeat:no-repeat;background-position:center 20px;background-size:11px; } .select-2 .sipka .kolik { font-size:75%;text-align:center;color:#888888;padding-right:1px; } .select-2 .vybrana { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .select-2 .vybrana img { display:inline-block;max-width:28px;max-height:28px;vertical-align:middle;margin:0px 3px 0px 0px; } .select-2 input { width:calc(100% - 12px);padding:5px;margin:0px 0px 3px 0px;color:#888888; } .select-3 .nadpis { display:none; } .select-3 .vnitrek { position:relative;display:none;line-height:50px;cursor:pointer;cursor:hand;background-color:#E7E7E7;margin:0px 5px 20px 0px;padding:0px 10px 0px 10px;white-space:nowrap;ovXerflow:hidden;text-overflow:ellipsis;border:1px solid #E7E7E7;color:#000000; } .select-3 .vnitrek .exp { font-size:12px;position:absolute;right:33px;color:#ACACAC; } .select-3 .sipka { margin:0px 0px 0px 0px;float:right;text-decoration:underline; } .select-3 .sipka .kolik { display:none; } .select-3 .vybrana { } .select-3 .vybrana img { display:inline-block;max-width:28px;max-height:28px;vertical-align:middle;margin:0px 3px 0px 0px; } .select-3 .vybrana .dr { display:inline-block;max-width:190px;line-height:17px;white-space:normal;vertical-align:middle; } .select-3 input { width:calc(100% - 12px);padding:5px;margin:0px 0px 3px 0px;color:#888888; } .option-Z { display:none;width:100%;position:absolute;top:0px;left:0px;z-index:199;font-weight:normal;margin:-68px 0px 0px 0px; } .option-Z .in { background-color:#FFFFFF; } .option-Z .in .nadpis { display:block;width:calc(100% - 80px);height:60px;line-height:60px;float:left;margin:0px;padding:0px 10px 0px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#FF730C;font-weight:bold;font-size:125%; } .option-Z .in .close { float:right;width:60px;height:60px;background-image:url('/_v/s/om/ico-close-n.png');background-size:16px;background-repeat:no-repeat;background-position:center;cursor:pointer;cursor:hand; } .option-Z .in .close:active { background-color:#ECECEC; } .option-Z .in .obsah-text { padding:15px 10px 15px 10px; } .option-Z .in .obsah-text input[type=text] { padding:8px 5px 8px 10px;border:1px solid #888888; } .option-Z .in .obsah-pole { padding:0px 0px 0px 0px;border-top:3px solid #ECECEC;line-height:50px;margin:10px 0px 0px 0px;clear:both;cursor:pointer;cursor:hand; } .option-Z .in .obsah-pole .radek { border-bottom:1px solid #ECECEC;padding:0px 10px 0px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative; } .option-Z .in .obsah-pole .radek:hover { background-color:#FAFAFA; } .option-Z .in .obsah-pole .radek:active { background-color:#ECECEC; } .option-Z .in .obsah-pole .radek img { display:inline-block;max-width:28px;max-height:28px;vertical-align:middle;margin:0px 3px 0px 0px; } .option-Z .in .obsah-pole .radek .exp { font-size:12px;position:absolute;right:12px;color:#ACACAC; } .option-Z .in .obsah-pole .radek .exp30 { font-weight:bold;color:#FF0000; } .option-Z .in .obsah-pole .radek-info { border-top:2px solid #ECECEC;padding:11px 10px 11px 29px;position:relative;color:#008000;font-size:13px;line-height:1.2;background-color:#F1F7EF;background-image:url('/_v/s/om/ico-ih-uspech.png');background-repeat:no-repeat;background-position:top 11px left 10px;background-size:15px 15px;cursor:default; } .option-Z .in .obsah-pole .vybrany { background-color:#ECECEC; } .option-Z .in .obsah-pole .vybrany:hover { background-color:#ECECEC; } .option-R { display:block;width:100%;font-weight:normal;padding:0px 0px 25px 0px;margin:0px 0px 25px 0px; } .option-R .in { background-color:#FFFFFF; } .option-R .in .nadpis { display:none; } .option-R .in .close { display:none; } .option-R .in .obsah-text { padding:15px 10px 15px 10px;border:1px solid red; } /* ten border je tam proto, ze to neni doresene, aby me to na to upozornilo, kdyz se to nekdy zobrazi */ .option-R .in .obsah-text input[type=text] { padding:8px 5px 8px 10px;border:1px solid #888888; } /* stejne nedoresene jako to vyse */ .option-R .in .obsah-pole { line-height:50px;cursor:pointer;cursor:hand; } .option-R .in .obsah-pole .radek { display:inline-block;width:calc(100% / 5 - 20px - 5px - 2px);height:50px;background-color:#FAFAFA;margin:0px 5px 5px 0px;padding:0px 10px 0px 10px;white-space:nowrap;oveXflow:hidden;text-overflow:ellipsis;border:1px solid #E7E7E7;text-align:left; } .option-R .in .obsah-pole .radek:hover { border:1px solid #00BB00;background-color:#FAFAFA;color:#000000; } .option-R .in .obsah-pole .radek:active { border:1px solid #00BB00;background-color:#00BB00;color:#FFFFFF; } .option-R .in .obsah-pole .radek-sejkr-m { border:1px solid #8FDAFF;background-color:#E1F5FF; } .option-R .in .obsah-pole .radek-sejkr-z { border:1px solid #F1C6F2;background-color:#FFEAFD; } .option-R .in .obsah-pole .radek-sejkr-u { border:1px solid #E7E7E7;background-color:#FAFAFA; } .option-R .in .obsah-pole .radek img { display:inline-block;max-width:28px;max-height:28px;vertical-align:middle;margin:0px 3px 0px 0px; } .option-R .in .obsah-pole .radek .dr { display:inline-block;max-width:90px;line-height:17px;white-space:normal;vertical-align:middle; } .option-R .in .obsah-pole .vybrany { border:1px solid #00BB00;background-color:#00BB00;color:#FFFFFF; } .option-R .in .obsah-pole .vybrany:hover { border:1px solid #00BB00;background-color:#00BB00;color:#FFFFFF; } @media (max-width:1250px) { .option-R .in .obsah-pole .radek { width:calc(100% / 4 - 20px - 5px - 2px); } } @media (max-width:930px) { .option-R .in .obsah-pole .radek { width:calc(100% / 3 - 20px - 5px - 2px); } } @media (max-width:800px) { .option-R .in .obsah-pole .radek { width:calc(100% / 5 - 20px - 5px - 2px); } } @media (max-width:670px) { .option-R .in .obsah-pole .radek { width:calc(100% / 4 - 20px - 5px - 2px); } } @media (max-width:550px) { .option-R .in .obsah-pole .radek { width:calc(100% / 3 - 20px - 5px - 2px); } } @media (max-width:410px) { .option-R .in .obsah-pole .radek { width:calc(100% / 2 - 20px - 5px - 2px); } } .select-disabled .sipka { background-image:url('/_v/s/oms/ico-01s-bottom.png'); } .select-disabled .sipka .kolik { color:#ACACAC; } .select-disabled .vybrana { color:#ACACAC; } .select-disabled .option .in .obsah-pole { color:#ACACAC; } .form-datum { display:inline-block; } .form-datum span { display:inline-block;margin:0px 5px 0px 0px; } .form-datum .den { width:55px; margin:0px 5px 0px 0px; } .form-datum .mesic { width:100px;margin:0px 5px 0px 0px; } .form-datum .rok { width:72px; margin:0px 5px 0px 0px; } .form-datum .hodin { width:20px; margin:0px 5px 0px 0px;padding-left:7px;padding-right:7px;text-align:center; } .form-datum .minut { width:20px; margin:0px 5px 0px 0px;padding-left:7px;padding-right:7px;text-align:center; } .form-datum .sekund { width:20px; margin:0px 5px 0px 0px;padding-left:7px;padding-right:7px;text-align:center; } .form-datum .nastav-ted { font-size:inherit;line-height:1;font-weight:normal;color:#000000;text-align:left;padding:10px 20px 9px 20px;margin:-1px 0px 1px 0px;border:1px solid #E7E7E7;background-color:#E7E7E7;cursor:pointer;cursor:hand; } .form-blok { padding:10px 0px 35px 0px; } .form-blok .nadpis-bloku { background-color:#F7F7F7;padding:7px 10px 7px 10px;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;font-weight:bold;color:#36C377; } .form-blok .checkbox { padding:15px 0px 0px 0px; } .form-blok .povidani { padding:15px 0px 0px 0px; } .input-popis { text-transform:uppercase;color:#ACACAC;margin:17px 0px 0px 0px;line-height:20px; } .input-popis .dovetek { text-transform:none;font-size:12px;line-height:16px;display:inline-block;white-space:nowrap; } .input-popis .dovetek img { width:13px;height:13px;position:relative;top:2px; } .povinny { font-weight:bold;color:#666666; } .odeslat { padding:20px 0px 10px 0px; } /* formulare a cudliky */ .checkbox { padding:0px 0px 18px 0px;line-height:inherit;display:block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; } /* padding-left:35px;margin-bottom:12px; */ .checkbox input { position:absolute;opacity:0;cursor:pointer; } .checkbox .checkmark { float:left;margin-right:5px;vertical-align:middle;position:relative;top:-2px;display:inline-block;height:25px;width:25px;background-color:#eee;border:1px solid #CCCCCC; } /* absolute display:ne top:0;left:0; */ .checkmarkR .checkmark { float:right;margin-right:0px;margin-left:5px;top:6px; } .checkbox:hover input ~ .checkmark { background-color:#DDDDDD; } .checkbox input:checked ~ .checkmark { background-color:#00BB00; } .checkbox input:disabled ~ .checkmark { background-color:#DCDCDC;border:1px solid #ECECEC; } .checkbox .checkmark:after { content:"";position:absolute;display:none;border:1px solid blue; } .checkbox input:checked ~ .checkmark:after { display: block; } .checkbox .checkmark:after { left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); } .checkbox .text { width:calc(100% - 32px);float:left;line-height:1.4; } .checkbox .podtext { color:#808080;font-size:15px;line-height:18px;margin-left:33px; } .checkbox-20 .checkmark { height:20px;width:20px; } .checkbox-20 .checkmark:after { left:7px;top:4px;width:4px;height:8px; } input[type=submit] { display:inline-block;padding:9px 15px 7px 15px;font-weight:normal;text-decoration:none;color:#FFFFFF;text-align:center;border:1px solid #36C377;background-color:#36C377; white-space:nowrap;cursor:pointer;cursor:hand;text-transform:uppercase; } .cudlik-oranzovy { display:inline-block;padding:9px 15px 7px 15px;font-weight:normal;text-decoration:none;color:#FFFFFF;text-align:center;border:1px solid #36C377;background-color:#36C377; white-space:nowrap;cursor:pointer;cursor:hand;text-transform:uppercase; } .cudlik-oranzovy[disabled] { background-color:#ACACAC;border-color:#ACACAC; } .cudlik-oranzovy[disabled]:active { background-color:#ACACAC;border-color:#ACACAC; } .cudlik-cerny { display:inline-block;padding:9px 35px 7px 12px;font-weight:bold;text-decoration:none;color:#000000 !important;text-align:left; border:1px solid #000000;background-color:transparent;white-space:nowrap;cursor:pointer;cursor:hand;background-image:url('/_v/s/oms/ico-01c-right.svg');background-size:7px 11px;background-repeat:no-repeat;background-position:center right 10px; } .cudlik-zeleny { display:inline-block;padding:9px 35px 7px 12px;font-weight:bold;text-decoration:none;color:#FFFFFF !important;text-align:left; border:1px solid #00BB00;background-color:#00BB00; white-space:nowrap;cursor:pointer;cursor:hand;background-image:url('/_v/s/oms/ico-01b-right.svg');background-size:7px 11px;background-repeat:no-repeat;background-position:center right 10px; } .cudlik-zeleny-bez { display:inline-block;padding:9px 12px 7px 12px;font-weight:bold;text-decoration:none;color:#FFFFFF !important;text-align:left; border:1px solid #00BB00;background-color:#00BB00; white-space:nowrap;cursor:pointer;cursor:hand; } .cudlik-cerveny-bez { display:inline-block;padding:9px 12px 7px 12px;font-weight:bold;text-decoration:none;color:#FFFFFF !important;text-align:left; border:1px solid #FF0000;background-color:#FF0000; white-space:nowrap;cursor:pointer;cursor:hand; } .cudlik-bily { display:inline-block;padding:9px 35px 7px 12px;font-weight:bold;text-decoration:none;color:#000000 !important;text-align:left; border:1px solid #FFFFFF;background-color:#FFFFFF; white-space:nowrap;cursor:pointer;cursor:hand;background-image:url('/_v/s/oms/ico-01c-right.svg');background-size:7px 11px;background-repeat:no-repeat;background-position:center right 10px; } .cudlik-sedy { display:inline-block;padding:9px 35px 7px 12px;font-weight:bold;text-decoration:none;color:#000000 !important;text-align:left; border:1px solid #E7E7E7;background-color:#E7E7E7; white-space:nowrap;cursor:pointer;cursor:hand;background-image:url('/_v/s/oms/ico-01c-right.svg');background-size:7px 11px;background-repeat:no-repeat;background-position:center right 10px; } .cudlik-sedy-2 { display:inline-block;padding:9px 35px 7px 12px;font-weight:bold;text-decoration:none;color:#000000 !important;text-align:left; border:1px solid #AAAAAA;background-color:#AAAAAA; white-space:nowrap;cursor:pointer;cursor:hand;background-image:url('/_v/s/oms/ico-01c-right.svg');background-size:7px 11px;background-repeat:no-repeat;background-position:center right 10px; } .cudlik-sedy-bez { display:inline-block;padding:9px 12px 7px 12px;font-weight:bold;text-decoration:none;color:#000000 !important;text-align:left; border:1px solid #E7E7E7;background-color:#E7E7E7; white-space:nowrap;cursor:pointer;cursor:hand; } .cudlik-sedy-predchozi { display:inline-block;padding:9px 12px 7px 35px;font-weight:bold;text-decoration:none;color:#000000 !important;text-align:left; border:1px solid #E7E7E7;background-color:#E7E7E7; white-space:nowrap;cursor:pointer;cursor:hand;background-image:url('/_v/s/oms/ico-01c-left.svg');background-size:7px 11px;background-repeat:no-repeat;background-position:center left 10px; } .cudlik-bf-a { display:inline-block;position:relative;border:2px solid #000000;background-color:#FFFFFF;color:#000000;line-height:1;padding:10px 40px 10px 20px;margin:0px 10px 10px 0px;font-weight:bold;text-decoration:none; } .cudlik-bf-n { display:inline-block;position:relative;border:2px solid #000000;background-color:#000000;color:#FFFFFF;line-height:1;padding:10px 20px 10px 20px;margin:0px 10px 10px 0px;font-weight:bold;text-decoration:underline; } .cudlik-bf-a::after { content:"jste zde";display:inline-block;font-size:11px;line-height:11px;font-weight:bold;background-color:#00BB00;color:#FFFFFF;width:28px;padding:1px 0px 2px 0px;text-align:center;position:absolute;top:7px;right:7px; } @media (max-width:800px) { .cudlik-bf-a { font-size:12px;line-height:1;padding:6px 38px 6px 10px;margin:0px 5px 5px 0px;font-weight:bold;text-decoration:none; } .cudlik-bf-n { font-size:12px;line-height:1;padding:6px 10px 6px 10px;margin:0px 5px 5px 0px;font-weight:bold;text-decoration:none; } .cudlik-bf-a::after { content:"jste zde";display:inline-block;font-size:10px;line-height:10px;font-weight:bold;background-color:#00BB00;color:#FFFFFF;width:28px;padding:1px 0px 1px 0px;text-align:center;position:absolute;top:1px;right:1px; } } input[type=submit]:active { background-color:#008000;border:1px solid #008000;color:#FFFFFF; } .cudlik-oranzovy:active { background-color:#008000;border:1px solid #008000;color:#FFFFFF; } .cudlik-cerny:active { background-color:#36C377;border:1px solid #36C377;color:#FFFFFF;background-image:url('/_v/s/oms/ico-01b-right.svg'); } .cudlik-bily:active { background-color:#36C377;border:1px solid #36C377;color:#FFFFFF;background-image:url('/_v/s/oms/ico-01b-right.svg'); } .cudlik-sedy:active { background-color:#36C377;border:1px solid #36C377;color:#FFFFFF;background-image:url('/_v/s/oms/ico-01b-right.svg'); } .cudlik-sedy-2:active { background-color:#36C377;border:1px solid #36C377;color:#FFFFFF;background-image:url('/_v/s/oms/ico-01b-right.svg'); } .cudlik-sedy-bez:active { background-color:#36C377;border:1px solid #36C377;color:#FFFFFF; } .cudlik-sedy-predchozi:active { background-color:#36C377;border:1px solid #36C377;color:#FFFFFF;background-image:url('/_v/s/oms/ico-01b-left.svg'); } .cudlik-sedy:active span { color:#FFFFFF; } .form .cudlitko { padding:20px 0px 0px 0px; } .radio { width:22px;height:22px;line-height:22px;overflow:hidden;display:inline-block;border-radius:50%;text-align:center; } .radio div { width:14px;height:14px;line-height:14px;overflow:hidden;display:inline-block;border-radius:50%;vertical-align:top;position:relative;top:4px; } .radio-a { border:1px solid #36C377; } .radio-n { border:1px solid #888888; } .radio-dis { border:1px solid #E7E7E7; } .radio-a div { background-color:#36C377; } .radio-n div { background-color:#FFFFFF;display:none; } .radio-dis div { background-color:#E7E7E7; } .input-text-ok { background-image:url('/_v/s/om/ico-ih-uspech.png');background-size:19px;background-repeat:no-repeat;background-position:right 10px center;background-color:#F1F7EF !important; } .input-text-chyba { background-image:url('/_v/s/om/ico-ih-chyba.png'); background-size:19px;background-repeat:no-repeat;background-position:right 10px center;background-color:#FCEBEB !important; } .input-text-info { color:#D00600;font-weight:bold; } /* formular s naseptavacem */ .input-master { float:left;margin-right:5px; } .input-master input[type=text] { background-color:#FFFFFF; } .input-master .napoveda { display:none;line-height:42px;z-index:99;white-space:nowrap;position:absolute;border:1px solid #888888;background-color:#FFFFFF;margin-top:-3px; } .input-master .napoveda a { display:block;color:#000000;overflow:hidden;padding:0px 5px 0px 10px;text-decoration:none;border-bottom:1px solid #E7E7E7; } .input-master .napoveda a:hover { background-color:#FDFFC4; } .input-master .napoveda a:active { background-color:#FDFFC4; } .input-master .aji-radek-99 { text-align:center;font-weight:bold;color:#888888; } .input-slave { float:left;margin-right:5px; } .input-slave input[type=text] { background-color:#ECECEC; } .input-slave div { display:none;line-height:35px;z-index:99;overflow:hidden;white-space:nowrap;position:absolute;border:1px solid #888888;background-color:#FFFFFF;margin-top:-3px; } .input-slave div a { display:block;color:#000000;overflow:hidden;padding:0px 5px 0px 10px;text-decoration:none;border-bottom:1px solid #E7E7E7; } } .input-slave div a:hover { background-color:#FDFFC4; } .input-slave div a:active { background-color:#FDFFC4; } .miniadmin .input-master .napoveda { font-size:13px;line-height:25px ; } .miniadmin .input-slave div { font-size:13px;line-height:25px; } /********************** zakladni prvky **********************/ /* infohlaska */ .infohlaska { display:block;text-decoration:none;text-align:left;padding:20px 25px 20px 52px;margin:10px 0px 15px 0px;background-size:24px;background-repeat:no-repeat;background-position:center left 17px;line-height:1.4; } .infohlaska_mini { display:block;text-decoration:none;text-align:left;padding:07px 10px 07px 32px;margin:05px 0px 10px 0px;background-size:16px;background-repeat:no-repeat;background-position:center left 10px; } .chyba { background-image:url('/_v/s/om/ico-ih-chyba.png');background-color:#FCEBEB;color:#D00600; } .uspech { background-image:url('/_v/s/om/ico-ih-uspech.png');background-color:#F1F7EF;color:#479132; } .info { background-image:url('/_v/s/om/ico-ih-info.png');background-color:#EFF5FD;color:#317AE0; } .uspech a, .chyba a, .info a { color:inherit; } .uspech .tip { display:inline-block;background-color:#00BB00;color:#FFFFFF;padding:0px 5px 0px 5px;border-radius:3px;font-weight:bold;text-decoration:none; } .infohlaska p { margin:6px 0px 0px 0px; } /* prepinani verzi */ .v2019a { position:fixed;display:none;z-index:99;top:20px;right:20px;background-color:#ACACAC;color:#FFFFFF;font-size:17px;line-height:20px;font-weight:bold;padding:10px 15px 10px 15px;text-decoration:none;text-align:center; } .v2019a:hover { background-color:#00BB00;color:#FFFFFF;text-decoration:none; } @media (min-width:1900px) { .v2019a { display:inline-block; } } @media (min-width:1950px) { .v2019a { display:none; } } /* stin */ .stin1 { display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:199;background-image:url('/_v/s/om/00-b40.png'); } .stin2 { display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:198;background-image:url('/_v/s/om/00-b40.png'); } /* alert */ .alert { display:none;width:100%;max-width:1264px;overflow:hidden;position:fixed;top:0px;z-index:199; } .alert .in { overflow:auto;background-color:#FFFFFF;margin:0px auto 0px auto;position:relative; } .alert .in .nadpis { display:block;width:calc(100% - 85px);height:60px;line-height:60px;float:left;margin:0px;padding:0px 10px 0px 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#36C377;font-weight:bold;text-transform:uppercase; } .alert .in .close { float:right;width:60px;height:60px;background-image:url('/_v/s/om/ico-close-n.png');background-size:19px;background-repeat:no-repeat;background-position:center;cursor:pointer;cursor:hand; } .alert .in .close:active { background-color:#E7E7E7; } .alert .in .obsah-text { width:calc(inherit - 30px);height:calc(inherit - 20px);clear:both;padding:0px 15px 20px 15px;position:relative; } .alert .in .obsah-text .prekryti { width:calc(100% - 30px);height:calc(100% - 25px);position:absolute; } .alert .in .obsah-text .produkt { width:100%;max-width:inherit;max-height:inherit;margin:0px auto 0px auto; } .alert .in .obsah-text .infohlaska { width:20px;height:20px;padding:0px;margin:3px 3px 0px 0px;float:left; } .alert .in .obsah-text .img-predchozi { width:50%;height:100%;display:inline-block;position:absolute;left:0px; background-image:url('/_v/s/oms/ico-02-left.svg'); background-repeat:no-repeat;background-position:left center; cursor:pointer;cursor:hand; } .alert .in .obsah-text .img-dalsi { width:50%;height:100%;display:inline-block;position:absolute;right:0px;background-image:url('/_v/s/oms/ico-02-right.svg');background-repeat:no-repeat;background-position:right center;cursor:pointer;cursor:hand; } /* loading */ .loading { display:none;width:100%;max-width:1264px;overflow:auto;position:fixed;top:0px;z-index:199; } .loading .in { width:90%;overflow:auto;background-color:#FFFFFF;margin:10px auto 0px auto;line-height:60px; } .loading .in img { width:60px;height:60px;float:left; } .loading .in .obsah { width:calc(100% - 60px);display:inline-block;float:left; } .loading .in .obsah .godot { display:inline-block;padding:10px 10px 0px 0px;line-height:1.4; } .loading .in .obsah .godot a { margin:7px 0px 7px 0px; } /* horni info */ .info-top { display:none;width:100%;max-width:1264px;min-width:inherit;max-width:inherit;position:absolute;z-index:299; } .info-top .in { min-width:320px;max-width:360px;position:absolute;top:90px;right:20px;background-color:#FDFFC4;color:#000000;border:1px solid #E7E7E7; } .info-top .in .close { float:right;width:60px;height:60px;background-image:url('/_v/s/om/ico-close-n.png');background-size:19px;background-repeat:no-repeat;background-position:center;cursor:pointer;cursor:hand; } .info-top .in .close:active { background-color:#F7F7F7; } .info-top .in .obsah-text { padding:15px 15px 20px 15px; } .info-top .in .obsah-text .cudlik-zpet { display:block;float:left;padding:2px 5px 2px 12px;margin:0px 0px 0px 0px;font-weight:normal;color:#000000;white-space:nowrap;background-image:url('/_v/s/oms/ico-01c-left.svg');background-size:8px 13px;background-repeat:no-repeat;background-position:center left 0px; } .info-top .in .obsah-text .cudlik-vpred { display:block;clear:both;float:right;padding:8px 28px 8px 15px;margin:8px 0px 0px 0px;font-weight:normal;text-decoration:none;color:#FFFFFF;text-align:center;background-color:#36C377;white-space:nowrap;background-image:url('/_v/s/oms/ico-01b-right.svg');background-size:10px 16px;background-repeat:no-repeat;background-position:center right 10px; } .fix .info-top { position:fixed;background-color:green; } .fix .info-top .in { top:50px; } @media (max-width:800px) { .info-top .in { top:50px; } .fix .info-top .in { top:50px; } } @media (max-width:500px) { .info-top { z-index:250; } .info-top .in { width:100%;max-width:100%;right:20px;top:64px; } .fix .info-top .in { width:100%;max-width:100%;right:20px;top:64px; } } @media (max-width:380px) { .info-top .in { width:100%;max-width:100%;right:0px;top:64px; } .fix .info-top .in { width:100%;max-width:100%;right:0px;top:64px; } } /* rychle okno */ .rychle-okno { position:fixed;bottom:-450px;right:20px;width:350px;height:430px;max-height:calc(100vh - 40px);background:white;box-shadow:0 4px 5px rgba(0,0,0,0.3);border-radius:8px;overflow:hidden;transition:bottom 0.5s ease;z-index:1000; } .rychle-okno.visible { bottom:20px; } @media (max-width:400px) { .rychle-okno { width:94%;right:3%;left:3%;} } .rychle-okno .hlavicka { background:#00BB00;color:white;padding:10px 15px 10px 15px;font-weight:bold;font-size:18px;display:flex;justify-content:space-between;align-items:center;} .rychle-okno .zavrit { background:none;border:none;color:white;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:transform 0.2s;} .rychle-okno .zavrit img { width:20px;height:20px; } .rychle-okno .zavrit:hover { transform:scale(1.2);} .rychle-okno .obsah { padding:30px 20px;text-align:center;} .rychle-okno .obsah h2 { color:#00BB00;margin:0px 0px 12px 0px;font-size:24px;line-height:24px;} .rychle-okno .obsah p { color:#333;line-height:1.4;margin:0px 0px 10px 0px; } .rychle-okno .obsah img { width:300px;height:150px; } .rychle-okno .obsah .odkaz { } .rychle-okno .obsah .odkaz a { display:inline-block;background:#00BB00;color:#FFFFFF;padding:15px 40px 15px 40px;font-size:16px;line-height:16px;border-radius:5px;transition:background 0.3s;margin:0px 0px 0px 0px; } .rychle-okno .obsah .odkaz a:hover { background:#218838;} .rychle-okno-otevri { position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:#00BB00;border-radius:50%;border:none;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,0.3);display:none;align-items:center;justify-content:center;font-size:30px;transition:transform 0.3s, background 0.3s;z-index:999;} .rychle-okno-otevri img { width:38px;position:relative; } .rychle-okno-otevri:hover { transform:scale(1.2);background:#218838;} .rychle-okno-otevri.visible { display:flex;} /* dolni info */ .rychly-pruh-dolni { position:fixed;bottom:0px;z-index:99;co1lor:#FFFFFF;cursor:pointer;cursor:hand;width:100%;max-width:inherit;border-top:1px solid rgba(255,255,255,0.7); } .rychly-pruh-dolni div { padding:10px 18px 10px 18px; } .rychly-pruh-dolni div .close { width:19px;float:right;padding:15px;margin:-10px -18px 0px 0px; } .rychly-pruh-dolni div .vlajka { width:56px;height:56px;display:inline-block;margin:0px 5px 0px 0px;float:left;position:relative;top:-2px; } .rychly-pruh-dolni div a { color:#FFFFFF;text-decoration:none; } .rychly-pruh-dolni div .nadpis { display:block;font-weight:bold; } .rychly-pruh-dolni div .popis { display:block;font-size:90%;line-height:1.4; } .animace-hopsani-01 { bottom:-100px; } .rychly-pruh-specs { background-repeat:no-repeat;background-position:left center;text-align:left;font-weight:bold;font-size:18px;line-height:21px; } .rychly-pruh-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); } .rychly-pruh-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,1.0); -webkit-text-shadow:1px 1px 0px rgba(80,0,0,1.0); -moz-text-shadow:1px 1px 0px rgba(80,0,0,1.0); } .rychly-pruh-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); } .rychly-pruh-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); } .rychly-pruh-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); } .rychly-pruh-specs-neutral-zelena { background-color:#4CDC00;color:#FFFF00;background-image:url('/_v/s/om/specs-neutral-zelena.jpg');text-shadow:0px 0px 3px rgba(0,80,0,1); -webkit-text-shadow:0px 0px 3px rgba(0,80,0,1); -moz-text-shadow:0px 0px 3px rgba(0,80,0,1); } .rychly-pruh-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); } .rychly-pruh-specs-neutral-zelena span { color:#FFFFFF; } .rychly-pruh-specs-black-friday span span { color:#FFFF00; } .rychly-pruh-specs-vanocni-darky span span { color:#FFFF00; } .rychly-pruh-specs-neutral-cerna span span { color:#FFFF00; } .rychly-pruh-specs-neutral-modra span span { color:#FFFF00; } .rychly-pruh-specs-neutral-ruzova span span { color:#FFFF00; } .rychly-pruh-specs-neutral-zelena span span { color:#FFFF00;text-shadow:0px 0px 3px rgba(0,80,0,1); -webkit-text-shadow:0px 0px 3px rgba(0,80,0,1); -moz-text-shadow:0px 0px 3px rgba(0,80,0,1); } .rychly-pruh-specs-neutral-zluta span span { color:#000000;text-shadow:0px 0px 0px rgba(0,0,0,0);-webkit-text-shadow:0px 0px 0px rgba(0,0,0,0);-moz-text-shadow:0px 0px 0px rgba(0,0,0,0); } .rp-zeleny { background-color:#00BB00; } .rp-cerny { background-color:#000000; } .rp-cerveny { background-color:#FF0C00; } .rp-oranzovy { background-color:#FF6C00; } .rp-modry { background-color:#008FD5; } .rp-zeleny span span { color:#FFFF00; } .rp-cerny span span { color:#FFFF00; } .rp-cerveny span span { color:#FFFF00; } .rp-oranzovy span span { color:#FFFF00; } .rp-modry span span { color:#FFFF00; } .zmena-meny { background-color:#00BB00;color:#FFFFFF;cursor:default;width:100%;max-width:inherit;border-top:1px solid rgba(255,255,255,0.7); } .zmena-meny div { padding:10px 18px 10px 18px; } .zmena-meny div .close { width:19px;float:right;padding:15px;margin:-12px -18px 0px 0px;cursor:pointer;cursor:hand; } .zmena-meny div a { color:#FFFFFF;text-decoration-line:underline; } .zmena-meny div .a { color:#FFFFFF;text-decoration-line:underline;cursor:pointer;cursor:hand; } .zmena-meny div .nadpis { display:block;font-weight:bold; } .zmena-meny div .popis { display:block;font-size:90%;line-height:1.4; } @media (max-width:800px) { .zmena-meny div .popis { display:block;font-size:90%;line-height:1.8; } } /* nahlasit chybu */ .rychly-odkaz { position:fixed;bottom:0px;right:30px;z-index:99;max-width:inherit;text-align:right; } .rychly-odkaz div { display:inline-block;margin:0px 0px 0px 15px;background-color:#00BB00;color:#FFFFFF;padding:6px 20px 5px 20px;text-align:center;border-top-left-radius:10px;border-top-right-radius:10px;border-style:none;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; } .ma300 .rychly-odkaz { display:none; } /* @media (max-width:1700px) { .rychly-odkaz { right:20px; } } @media (max-width:800px) { .rychly-odkaz { display:none; } } */ /* bublinkova napoveda */ .bublinka { display:inline-block;position:relative;cursor:default;vertical-align:middle;font-size:14px;line-height:1; } /* kdyz tam dam z-index, blbne to v kalendari u nejistych terminu */ .bublinka .bublinka-otaznik { width:14px;height:14px;vertical-align:baseline;padding:5px;margin:-5px -3px -5px -3px;cursor:help; } .bublinka .bublinka-obsah { display:none;width:350px;padding:10px 15px 8px 15px;line-height:1.5;overflow:hidden;white-space:normal;position:absolute;z-index:10;border:1px solid #E7E7E7;margin-top:-3px;background-color:#FFFFFF;border:1px solid #E7E7E7;background-color:#FFFFFF;font-weight:normal;color:#000000;text-align:left;text-transform:none;box-shadow:rgba(0,0,0,0.25) 0px 6px 6px;-webkit-box-shadow:rgba(0,0,0,0.25) 0px 6px 6px;-moz-box-shadow:rgba(0,0,0,0.25) 0px 6px 6px; } .bublinka .red { background-color:#FCEBEB;color:#D00600;border-color:#E9A6A6; } .bublinka .green { background-color:#F1F7EF;color:#479132;border-color:#A6E9A6; } .bublinka .bublinka-obsah a { background-color:transparent;border-style:none;color:#000000;position:relative;text-align:left;float:none;padding:0px;margin:0px;text-decoration-line:underline;text-decoration-style:dotted;-moz-text-decoration-line:underline;-moz-text-decoration-style:dotted; } .bublinka .bublinka-obsah a:hover { background-color:transparent;border-style:none;color:#666666; } .bublinka .bublinka-obsah a:active { background-color:transparent;border-style:none;color:#666666; } .bublinka .bublinka-obsah i { font-weight:bold; } /* stavy akci */ .udalost-full { display:inline-block;line-height:1.3;padding:0px 5px 0px 5px;color:#FFFFFF;font-weight:normal; } .udalost-light { display:inline-block;width:18px;height:18px;line-height:18px;overflow:hidden;font-size:13px;font-weight:bold;text-align:center;color:#FFFFFF; } .udalost-right { float:right; } .udalost-v { background-color:#00CC33; } .udalost-o { background-color:#FF0000; } .udalost-s { background-color:#ACACAC; } .udalost-p { background-color:#008000; } /* medaile */ .medaile { text-decoration:none;line-height:1rem !important;float:left;width:1rem;height:1rem;text-align:center;overflow:hidden;z-index:5;position:relative;padding:0.3rem;border-radius:50%;vertical-align:middle; } .medaile1 { color:#000000;background-color:#FCD829;font-weight:bold; } .medaile2 { color:#000000;background-color:#D5D8E0;font-weight:bold; } .medaile3 { color:#000000;background-color:#D1A45A;font-weight:bold; } .medaileX { color:#FFFFFF;background-color:#ACACAC;font-weight:normal; } .medsize10 { font-size:1.0rem !important; } .medsize08 { font-size:0.8rem !important; } .medsize06 { font-size:0.6rem !important; } .medsize05 { font-size:0.5rem !important; } .medsize04 { font-size:0.4rem !important; } /* hvezdicky */ .hvezdicky-1 { line-height:1px;border:1px solid #E7E7E7;background-color:#FFFFFF;padding:7px 7px 7px 7px;text-decoration:none;display:inline-block;margin:0px; } .hvezdicky-1 img { width:12px;height:11px; }) .hvezdicky-2 { width:225px;line-height:1px;text-decoration:none;display:inline-block;margin:0px; } .hvezdicky-2 img { width:40px;height:38px;margin:0px 5px 0px 0px; } .hvezdicky-3 { line-height:1px;background-color:#FFFFFF;text-decoration:none;display:inline-block;margin:0px; } .hvezdicky-3 img { width:17px;height:16px; }) /* strankovani */ .strankovani { text-align:center;margin:0px auto 30px auto;clear:both;position:relative; } .strankovani tr td { white-space:nowrap; } .strankovani a { text-decoration:none;color:#000000;display:block; } .strankovani a:active { color:#FFFFFF; } .strankovani span { width:35px;line-height:35px;height:35px;overflow:hidden;display:inline-block;margin:2px;text-align:center; } .strankovani img { vertical-align:middle; } .strankovani .sipka { background-color:#E7E7E7; } .strankovani .predchoziA { background-image:url('/_v/s/oms/ico-01c-left.svg');background-size:7px 11px;background-repeat:no-repeat;background-position:center; } .strankovani .predchoziA:active { background-color:#36C377;background-image:url('/_v/s/oms/ico-01b-left.svg');background-size:7px 11px;background-repeat:no-repeat;background-position:center; } .strankovani .predchoziN { background-image:url('/_v/s/oms/ico-01c-left.svg');background-size:7px 11px;background-repeat:no-repeat;background-position:center;opacity:0.5;cursor:default; } .strankovani .stranaA { background-color:#888888;color:#FFFFFF;font-weight:bold;cursor:default; } .strankovani .stranaN { background-color:#E7E7E7;font-weight:normal; } .strankovani .stranaN:active { background-color:#36C377; } .strankovani .tecky { width:15px;display:inline-block;cursor:default; } .strankovani .dalsiA { background-image:url('/_v/s/oms/ico-01c-right.svg');background-size:7px 11px;background-repeat:no-repeat;background-position:center; } .strankovani .dalsiA:active { background-color:#36C377;background-image:url('/_v/s/oms/ico-01b-right.svg');background-size:7px 11px;background-repeat:no-repeat;background-position:center; } .strankovani .dalsiN { background-image:url('/_v/s/oms/ico-01c-right.svg');background-size:7px 11px;background-repeat:no-repeat;background-position:center;opacity:0.5;cursor:default; } .nacist-dalsi { margin:20px auto 30px auto;line-height:26px; } .nacist-dalsi-loading { height:129px;margin:10px auto 20px auto; } .nacist-dalsi-loading img { width:60px;height:60px; } @media (max-width:400px) { .strankovani .sipka { width:13px;background-color:transparent; } } @media (max-width:358px) { .strankovani .sipka { display:none; } } /* kam dál */ .kam-dal { padding:20px 0px 40px 0px;text-align:right; } .kam-dal .home { width:38px;height:38px;line-height:38px;display:inline-block;float:left;text-decoration:none;text-align:center;border:1px solid #E7E7E7;background-color:#E7E7E7;cursor:pointer;cursor:hand;background-image:url('/_v/s/om/ico-home-n.png');background-repeat:no-repeat;background-size:18px 16px;background-position:center center; } .kam-dal .back { width:38px;height:38px;line-height:38px;display:inline-block;float:left;text-decoration:none;text-align:center;border:1px solid #E7E7E7;background-color:#E7E7E7;cursor:pointer;cursor:hand;background-image:url('/_v/s/oms/ico-01s-left.png');background-repeat:no-repeat;background-size:8px 12px;background-position:center center; } .kam-dal .home:active { background-color:#36C377;border:1px solid #36C377;background-image:url('/_v/s/om/ico-home-b.png'); } .kam-dal .back:active { background-color:#36C377;border:1px solid #36C377;background-image:url('/_v/s/oms/ico-01b-left.png'); } .kam-dal .cudlik-cerny { width:180px;white-space:normal;font-size:13px;line-height:1.2; } .kam-dal .cudlik-cerny span { color:#36C377;display:block;font-size:16px; } .kam-dal .cudlik-cerny:active span { color:#FFFFFF !important; } /* odpocitavani */ .odpocitavani { display:none;text-align:center;padding:5px 0px 5px 0px;background-color:#DEF8DE;border-top:1px solid #ADE6AD;border-bottom:1px solid #ADE6AD;color:#00AA00; } .odpocitavani .odp-uvod { display:inline-block;vertical-align:baseline;white-space:nowrap; } .odpocitavani .odp-uvod .prodlouzeno { background-color:#00AA00;color:#FFFFFF;display:inline-block;border-radius:3px;padding:0px 4px 0px 4px;font-size:13px;line-height:19px;font-weight:bold; } .odpocitavani .odpocet { white-space:nowrap; } .odpocitavani .odpocet .dni-cislo { font-size:150%;display:inline-block;vertical-align:baseline;font-weight:bold; } .odpocitavani .odpocet .dni-text { display:inline-block;vertical-align:baseline;padding:0px 4px 0px 4px;position:relative;top:-1px; } .odpocitavani .odpocet .hodin-cislo { font-size:150%;display:inline-block;vertical-align:baseline;font-weight:bold;width:80px;text-align:left; } /* zkraceny text */ .zkraceny { position:relative;border-bottom:1px solid #FFFFFF;margin-bottom:0px; } .zkraceny .prechod { z-index:10;position:absolute;left:0px;bottom:0px;width:100%;height:50px;background-image:-moz-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-ms-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-webkit-gradient(linear,lefttop,leftbottom,from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-o-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));background-image:linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));background-repeat:repeat-y;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0); } .zkraceny .text { padding:0px 0px 15px 0px;overflow:hidden; } .zkraceny .sipka { display:none;width:100%;height:52px;margin:0px 0px 0px 0px;position:absolute;z-index:11;left:0px;bottom:0px;cursor:pointer;cursor:hand; } .zkraceny .sipka div { position:absolute;width:50px;height:50px;margin:25px 0px 0px calc(50% - 25px);overflow:hidden; } .zkraceny .sipka .a0 { background-color:#FFFFFF;border-radius:50%;border:1px solid #888888;opacity:0.8; } .zkraceny .sipka .b1 { background-image:url('/_v/s/oms/ico-01s-bottom.png');background-size:14px;background-repeat:no-repeat;background-position:top 23px left 19px; } .zkraceny .sipka .b2 { background-image:url('/_v/s/oms/ico-01s-top.png'); background-size:14px;background-repeat:no-repeat;background-position:top 23px left 19px; } .zkraceny-typ2 .sipka { height:25px; } .zkraceny-typ2 .sipka .a0 { background-color:#FFFFFF;border-radius:0;border:0px none #FFFFFF;opacity:1; } .zkraceny-typ2 .sipka .b1 { background-image:url('/_v/s/oms/ico-01s-bottom.png');background-size:20px;background-repeat:no-repeat;background-position:bottom 0px center; } .zkraceny-typ2 .sipka div { width:25px;height:25px;margin:25px 0px 0px calc(50% - 12px);bottom:-6px; } .zkraceny-typ2 .prechod { display:none; } /* flagy */ .flag { margin:3px 0px 0px 0px;font-size:75%;line-height:1;font-weight:bold;padding:5px 8px 4px 8px;color:#FFFFFF;vertical-align:bottom; position:relative;z-index:1;float:left;clear:both;text-align:left; } .clanek .flag { margin:0px 0px 0px 0px;font-size:75%;line-height:1;font-weight:bold;padding:3px 6px 2px 6px;color:#FFFFFF;vertical-align:baseline;position:relative;z-index:1;float:none;clear:none;top:-1px;white-space:nowrap; } .flag-akce { background-color:#00BB00; } .flag-vypro { background-color:#FF66CC; } .flag-top { background-color:#505050; } .flag-lc-a { background-color:#179CE1; } .flag-lc-n { background-color:#179CE1; } .flag-black { background-color:#000000;font-size:100%; } .flag-spec { position:relative;font-size:100%;color:#FFFFFF;padding:0px; } .flag-spec-cervena-1 { padding:5px 8px 4px 8px;opacity:0.85;background-image:url('/_v/s/om/pozadi-flag-cervena.jpg'); } .flag-spec-modra-1 { padding:5px 8px 4px 8px;opacity:0.85;background-image:url('/_v/s/om/pozadi-flag-modra.jpg'); } .flag-spec-oranzova-1 { padding:5px 8px 4px 8px;opacity:0.85;background-image:url('/_v/s/om/pozadi-flag-oranzova.jpg'); } .flag-spec-ruzova-1 { padding:5px 8px 4px 8px;opacity:0.85;background-image:url('/_v/s/om/pozadi-flag-ruzova.jpg'); } .flag-spec-zelena-1 { padding:5px 8px 4px 8px;opacity:0.85;background-image:url('/_v/s/om/pozadi-flag-zelena.jpg'); } .flag-spec-cerna-1 { padding:5px 8px 4px 8px;opacity:0.85;background-image:url('/_v/s/om/pozadi-flag-cerna.jpg');box-shadow:0px 0px 2px 1px rgba(255,255,255,1.00);-webkit-box-shadow:0px 0px 2px 1px rgba(255,255,255,1.00);-moz-box-shadow:0px 0px 2px 1px rgba(255,255,255,1.00); } .flag-spec-cerna-1 .bf { font-size:12px;padding:1px 0px 2px 0px; } .flag-spec-cervena-2 { padding:5px 8px 4px 8px;position:absolute;top:0px;left:0px;text-shadow:1px 1px 1px #D50030; } .flag-spec-modra-2 { padding:5px 8px 4px 8px;position:absolute;top:0px;left:0px;text-shadow:1px 1px 1px #0072C7; } .flag-spec-oranzova-2 { padding:5px 8px 4px 8px;position:absolute;top:0px;left:0px;text-shadow:1px 1px 1px #B64E00; } .flag-spec-ruzova-2 { padding:5px 8px 4px 8px;position:absolute;top:0px;left:0px;text-shadow:1px 1px 1px #CA008C; } .flag-spec-zelena-2 { padding:5px 8px 4px 8px;position:absolute;top:0px;left:0px;text-shadow:1px 1px 1px #0BA012; } .flag-spec-cerna-2 { padding:5px 8px 4px 8px;position:absolute;top:0px;left:0px;text-shadow:1px 1px 1px #000000; } .flag-spec-cerna-2 .bf { font-size:12px;padding:1px 0px 2px 0px; } .n-flag { margin:10px 0px -10px 0px;line-height:1;font-weight:bold;padding:1px 0px 0px 0px;box-shadow:1px -1px 5px rgba(255,255,255,0.8); } .n-flag .r1 { font-size:11px;line-height:11px;padding:3px 4px 3px 4px; } .n-flag .r2 { font-size:30px;line-height:30px;padding:0px 4px 0px 4px; } .n-flag .r2o { font-size:17px; } .n-flag .d1 { min-width:075px; } .n-flag .d2 { min-width:115px; } .n-cerno-zluta { background-color:#000000; } .n-cerno-zluta .r1 { color:#000000;background-color:#FFFF00; } .n-cerno-zluta .r2 { color:#FFFF00; } .n-cerno-zluta-2 { background-color:#000000; } .n-cerno-zluta-2 .r1 { color:#000000;background-color:#FFEA78; } .n-cerno-zluta-2 .r2 { color:#FFEA78; } .n-cerno-zelena { background-color:#000000; } .n-cerno-zelena .r1 { color:#FFFFFF;background-color:#00BB00; } .n-cerno-zelena .r2 { color:#FFFFFF; } .n-cerno-oranzova { background-color:#000000; } .n-cerno-oranzova .r1 { color:#FFFFFF;background-color:#FF6C00; } .n-cerno-oranzova .r2 { color:#FFFFFF; } .n-cerno-modra { background-color:#000000; } .n-cerno-modra .r1 { color:#FFFFFF;background-color:#008FD5; } .n-cerno-modra .r2 { color:#FFFFFF; } /* pruvodce */ .pruvodce { color:#888888;margin:0px 0px 24px 0px;text-align:left;text-decoration:none;overflow:hidden;line-height:1px;background-color:#F7F7F7;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7; } .pruvodce:hover { background-color:#F0F0F0; } .pruvodce img { margin:0px 10px 0px 0px;opacity:0.9; } .pruvodce:hover img { opacity:1; } .pruvodce .pruvodce-uvod { display:block;margin:10px 0px 0px 0px;text-decoration:underline;font-weight:bold; } .pruvodce .pruvodce-nadpis { display:block;color:#000000;margin:1px 0px 0px 0px; } .pruvodce-nizky { display:block;height:80px;padding:0px 0px 0px 0px; } .pruvodce-nizky img { width:152px;float:left; } .pruvodce-nizky .pruvodce-uvod { display:block;line-height:1.2;padding:0px 0px 0px 0px; } .pruvodce-nizky .pruvodce-nadpis { display:block;line-height:1.2;padding:0px 0px 0px 0px; } .pruvodce-vysoky { display:block;height:auto;padding:0px 0px 15px 0px; } .pruvodce-vysoky img { width:100%;float:none; } .pruvodce-vysoky .pruvodce-uvod { display:block;line-height:1.2;padding:0px 0px 0px 15px; } .pruvodce-vysoky .pruvodce-nadpis { display:block;line-height:1.2;padding:0px 0px 0px 15px; } .pruvodce-clanek { display:block;height:120px;padding:0px 0px 0px 0px;margin:30px 0px 0px 0px;font-size:150%; } .pruvodce-clanek img { height:120px;float:left; } .pruvodce-clanek .pruvodce-uvod { display:block;line-height:1.2;padding:20px 0px 0px 0px; } .pruvodce-clanek .pruvodce-nadpis { display:block;line-height:1.2;padding:0px 0px 0px 0px; } @media (max-width:580px) { .pruvodce-clanek { height:100px; } .pruvodce-clanek img { height:100px; } .pruvodce-clanek .pruvodce-uvod { padding:10px 0px 0px 0px; } .pruvodce-clanek .pruvodce-nadpis { } } @media (max-width:500px) { .pruvodce-clanek { height:80px;font-size:120%; } .pruvodce-clanek img { height:80px; } .pruvodce-clanek .pruvodce-uvod { padding:8px 0px 0px 0px; } .pruvodce-clanek .pruvodce-nadpis { } } @media (max-width:420px) { .pruvodce-clanek { height:80px;font-size:100%; } .pruvodce-clanek img { height:80px; } .pruvodce-clanek .pruvodce-uvod { padding:0px 0px 0px 0px;margin-top:5px; } .pruvodce-clanek .pruvodce-nadpis { } } /* prepinac obsah/poradna */ .prepinac-obsah-poradna { line-height:40px;border-bottom:1px solid #E7E7E7;margin:20px 0px 20px 0px;font-weight:bold;white-space:nowrap; } .prepinac-obsah-poradna .odkaz-obsah { display:inline-block;text-decoration:none;margin:0px 35px 0px 0px; } .prepinac-obsah-poradna .odkaz-poradna { display:inline-block;text-decoration:none;margin:0px 35px 0px 0px; } .prepinac-obsah-poradna .odkaz-hodnoceni { display:inline-block;text-decoration:none;margin:0px 0px 0px 0px; } .prepinac-obsah-poradna .odkaz-razeni { float:right;white-space:nowrap;position:relative;font-weight:normal;text-align:right; } .prepinac-obsah-poradna .odkaz-razeni-podtrzeny { border-bottom:3px solid #F58029; } .prepinac-obsah-poradna .odkaz-razeni .text { font-weight:normal; } .prepinac-obsah-poradna .odkaz-razeni .zvoleno { font-weight:bold;color:#36C377; } .prepinac-obsah-poradna .odkaz-razeni .zvoleno-zkrac { font-weight:bold;color:#36C377;display:none; } .prepinac-obsah-poradna .odkaz-razeni .sipka { width:16px;height:14px;margin:0px 0px 0px 4px;display:none;background-repeat:no-repeat;background-size:16px 14px; } .prepinac-obsah-poradna .odkaz-razeni .sipka-top { background-image:url('/_v/s/oms/sipka-04o-top.png'); } .prepinac-obsah-poradna .odkaz-razeni .sipka-bottom { background-image:url('/_v/s/oms/sipka-04o-bottom.png'); } .prepinac-obsah-poradna .odkaz-razeni .moznosti { position:absolute;z-index:1;right:0px;border:1px solid #E7E7E7;background-color:#F7F7F7;text-align:left;box-shadow:rgba(0,0,0,0.25) 0px 6px 6px;-webkit-box-shadow:rgba(0,0,0,0.25) 0px 6px 6px;-moz-box-shadow:rgba(0,0,0,0.25) 0px 6px 6px; } .prepinac-obsah-poradna .odkaz-razeni .moznosti .volba { display:block;border-bottom:1px solid #E7E7E7;padding:0px 25px 0px 20px;color:#000000;text-decoration:none;white-space:nowrap; } .prepinac-obsah-poradna .odkaz-razeni .moznosti .volba:hover { background-color:#E7E7E7; } .prepinac-obsah-poradna .odkaz-razeni .moznosti .aktivni { color:#36C377;font-weight:bold; } .prepinac-obsah-poradna .pouze-skladem { float:right;margin:0px 15px 0px 0px;white-space:nowrap;position:relative;font-weight:normal;text-align:right;display:inline;overflow:hidden;line-height:1; } .prepinac-obsah-poradna .pouze-skladem label { line-height:35px;height:22px; } .prepinac-obsah-poradna .pouze-skladem-podtrzeny { border-bottom:3px solid #F58029; } .prepinac-obsah-poradna .akt { color:#36C377;border-bottom:3px solid #36C377; } .prepinac-obsah-poradna .pas { color:#888888;border-bottom:3px solid #FFFFFF; } @media (max-width:680px) { .prepinac-obsah-poradna .pouze-skladem { margin:0px 10px 0px 0px;font-size:14px; } .prepinac-obsah-poradna .checkbox-20 .checkmark { height:16px;width:16px;margin-top:2px; } .prepinac-obsah-poradna .checkbox-20 .checkmark:after { left:5px;top:1px;width:4px;height:8px; } } @media (max-width:540px) { .prepinac-obsah-poradna .pouze-skladem { margin:0px 0px 0px 0px;clear:both; } .prepinac-obsah-poradna .odkaz-obsah { margin:0px 20px 0px 0px; } .prepinac-obsah-poradna .odkaz-poradna { margin:0px 20px 0px 0px; } .prepinac-obsah-poradna .odkaz-hodnoceni { margin:0px 0px 0px 0px; } .prepinac-obsah-poradna .odkaz-razeni .text { display:none; } .prepinac-obsah-poradna .odkaz-razeni .zvoleno { display:none; } .prepinac-obsah-poradna .odkaz-razeni .zvoleno-zkrac { display:inline-block; } .prepinac-obsah-poradna .odkaz-razeni .sipka { width:12px;height:11px;margin:0px 0px 0px 4px;display:inline-block;background-size:12px 11px; } } @media (max-width:380px) { .prepinac-obsah-poradna .odkaz-obsah { margin:0px 15px 0px 0px; } .prepinac-obsah-poradna .odkaz-poradna { margin:0px 15px 0px 0px; } .prepinac-obsah-poradna .odkaz-hodnoceni { margin:0px 0px 0px 0px; } .prepinac-obsah-poradna .odkaz-razeni .bublinka { display:none; } } @media (max-width:359px) { .prepinac-obsah-poradna .odkaz-obsah { margin:0px 12px 0px 0px; } .prepinac-obsah-poradna .odkaz-poradna { margin:0px 0px 0px 0px; } .prepinac-obsah-poradna .odkaz-hodnoceni { margin:0px 0px 0px 0px; } .prepinac-obsah-poradna .odkaz-razeni .sipka { width:10px;height:9px;margin:0px 0px 0px 2px;background-size:10px 9px; } .prepinac-obsah-poradna .odkaz-razeni .bublinka { display:none; } } /* poradna */ .obsah-poradna { } .obsah-poradna .zalozka { position:relative;top:-135px; } .obsah-poradna .vypis { padding:0px 0px 15px 0px;overflow:hidden; } .obsah-poradna .vlozit { padding:0px 0px 20px 0px;border-bottom:1px solid #E7E7E7;margin-bottom:25px; } .obsah-poradna .vypis .dotaz { padding:0px 0px 20px 0px; } .obsah-poradna .vypis .dotaz .otazka-obsah { text-decoration:none;color:#000000; } .obsah-poradna .vypis .dotaz .otazka-obsah .nadpis { width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold; } .obsah-poradna .vypis .dotaz .otazka-obsah .autor { width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#888888;font-size:75%;margin:-2px 0px 2px 0px; } .obsah-poradna .vypis .dotaz .otazka-obsah .autor .ico { width:13px;height:13px;margin:0px 2px 0px 0px;position:relative;top:1px;opacity:0.3; } .obsah-poradna .vypis .dotaz .otazka-obsah .obsah { font-style:italic; } .obsah-poradna .vypis .dotaz .odpoved-obsah { margin:9px 0px 0px 0px;padding:5px 10px 0px 10px;background-color:#F7F7F7;border:1px solid #E7E7E7;overflow:hidden; } .obsah-poradna .vypis .dotaz .odpoved-obsah a { } .obsah-poradna .vypis .dotaz .odpoved-autor { color:#ACACAC;font-size:75%;text-align:right;margin:2px 0px 0px 0px; } /* automaticky banner s sirkou 700 px */ .autobanner700 { width:700px;height:350px;line-height:350px;display:block;position:relative;overflow:hidden;text-decoration:none;background-color:#FFFFFF;background-image:url('/_v/s/amf/pozadi-trend-dne.svg');background-repeat:no-repeat;background-size:100% 100%; } .autobanner700 .produkt { width:300px;margin:35px 20px 0px 10px;vertical-align:top; } .autobanner700 .popisky { width:355px;display:inline-block;margin:150px 0px 0px 0px;vertical-align:top;line-height:1; } .autobanner700 .popisky .nazev { font-size:30px;line-height:35px;padding:0px 0px 13px 0px;color:#333333;font-weight:bold; } .autobanner700 .popisky .nazev sup { top:8px; } .autobanner700 .popisky .cena { font-size:35px;line-height:35px;padding:0px 0px 0px 0px;color:#00BB00;font-weight:bold;display:inline-block;float:left; } .autobanner700 .popisky .koupit { font-size:18px;line-height:31px;padding:0px 20px 0px 20px;color:#FFFFFF;background-color:#00BB00;display:inline-block;float:left;margin:3px 0px 0px 15px; } .autobanner700 .popisky .nejpro { font-size:13px;line-height:21px;padding:13px 0px 0px 0px;color:#333333;clear:both; } .autobanner700 .popisky .logo { width:160px;background-repeat:no-repeat;background-size:contain;background-position:left center;margin:5px 0px 0px 0px; } .autobanner700 .popisky .logo img { width:148px;height:50px; } .autobanner700 .ramecek { display:inline-block;width:320px;height:180px;line-height:180px;position:absolute;bottom:0px;text-align:center; } .autobanner700 .ramecek div { display:inline-block;font-size:33px;line-height:33px;padding:10px 15px 10px 15px;border-radius:5px;font-weight:bold;border:2px solid #FFFFFF;white-space:nowrap;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;text-shadow: 0px 0px 1px rgba(208,127,0,1); } .autobanner700 .ramecek .red { background-color:#FF0000;color:#FFFFFF;padding:10px 20px 10px 20px; } .autobanner700 .ramecek .orange { background-color:#FBBD1D;color:#FFFFFF;padding:10px 20px 10px 20px; } .autobanner700-d1 .popisky .logo { display:block; } .autobanner700-d1 .popisky .nazev { width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .autobanner700-d2 .popisky .logo { display:none; } .autobanner700-d2 .popisky .nazev { width:100%; } .autobanner700-d3 .popisky .logo { display:none; } .autobanner700-d3 .popisky .nazev { width:100%;max-height:95px;overflow:hidden;margin-bottom:10px; } @media (max-width:1150px) { .autobanner700 { width:594px;height:297px;line-height:297px; } .autobanner700 .produkt { width:255px;margin:28px 15px 0px 10px; } .autobanner700 .popisky { width:303px;margin:125px 0px 0px 0px; } .autobanner700 .popisky .nazev { font-size:26px;line-height:30px;padding:0px 0px 10px 0px; } .autobanner700 .popisky .nazev sup { top:7px; } .autobanner700 .popisky .cena { font-size:32px;line-height:32px; } .autobanner700 .popisky .koupit { font-size:17px;line-height:28px;padding:0px 15px 0px 15px;margin:2px 0px 0px 13px; } .autobanner700 .popisky .nejpro { font-size:12px;line-height:19px;padding:12px 0px 0px 0px; } .autobanner700 .popisky .logo { width:150px;margin:5px 0px 0px 0px; } .autobanner700 .popisky .logo img { width:138px;height:45px; } .autobanner700 .ramecek { width:270px;height:150px;line-height:150px; } .autobanner700 .ramecek div { font-size:28px;line-height:28px;padding:8px 10px 8px 10px; } .autobanner700 .ramecek .red { padding:8px 15px 8px 15px; } .autobanner700 .ramecek .orange { padding:8px 15px 8px 15px; } .autobanner700-d3 .popisky .nazev { max-height:86px;overflow:hidden;margin-bottom:0px; } } @media (max-width:1050px) { .autobanner700 { width:488px;height:244px;line-height:244px; } .autobanner700 .produkt { width:210px;margin:22px 10px 0px 10px; } .autobanner700 .popisky { width:250px;margin:105px 0px 0px 0px; } .autobanner700 .popisky .nazev { font-size:22px;line-height:28px;padding:0px 0px 6px 0px; } .autobanner700 .popisky .nazev sup { top:5px; } .autobanner700 .popisky .cena { font-size:30px;line-height:30px; } .autobanner700 .popisky .koupit { font-size:15px;line-height:26px;padding:0px 12px 0px 12px;margin:2px 0px 0px 11px; } .autobanner700 .popisky .nejpro { font-size:12px;line-height:19px;padding:8px 0px 0px 0px; } .autobanner700 .popisky .logo { width:120px;margin:5px 0px 0px 0px; } .autobanner700 .popisky .logo img { width:108px;height:25px; } .autobanner700 .ramecek { width:230px;height:120px;line-height:120px; } .autobanner700 .ramecek div { font-size:20px;line-height:20px; } .autobanner700-d2 .popisky .nazev { max-height:46px;overflow:hidden;margin-bottom:10px; } .autobanner700-d3 .popisky .nazev { max-height:46px;overflow:hidden;margin-bottom:10px; } } @media (max-width:800px) { .autobanner700 { display:none; } } /********************** filtry 2025 **********************/ .filtry { padding:20px 20px 10px 20px;margin:20px 20px 0px 20px;position:relative;background-color:#F7F7F7;line-height:38px; } .filtry .jsou-vypnute { position:absolute;width:151px;top:5px;left:5px;background-color:#CCCCCC;color:#FFFFFF;font-size:13px;line-height:1;font-weight:bold;padding:9px 10px 8px 10px;text-align:center;text-decoration:none; } .filtry .admin-stats { width:24px;height:24px;background-color:#F7F7F7;position:absolute;right:0px;top:-26px;text-align:center; } .filtry .admin-stats img { width:14px;height:14px;opacity:0.5;vertical-align:top;position:relative;top:5px; } .filtry-oblibene { margin-bottom:15px; } .filtry-specialni { margin-bottom:15px;margin-top:0px; } .filtry-specialni-prepinac { line-height:40px;margin:20px 20px 0px 20px;font-weight:bold;white-space:nowrap; } .filtry-specialni-prepinac div { display:inline-block;text-decoration:none;margin:0px 30px 0px 0px; } .filtry-specialni-prepinac .akt { color:#36C377;border-bottom:3px solid #36C377; } .filtry-specialni-prepinac .pas { color:#888888;border-bottom:3px solid #FFFFFF; } .filtry .baleni-nezavirat { border-top:1px solid #CCCCCC;height:20px;overflow:hidden;padding:10px 0px 0px 0px;margin:15px 0px 0px 0px;font-size:15px;line-height:21px;color:#808080; } .filtry .prichute-nezavirat { border-top:1px solid #CCCCCC;height:20px;overflow:hidden;padding:10px 0px 0px 0px;margin:15px 0px 0px 0px;font-size:15px;line-height:21px;color:#808080; } .filtry .filtr { display:inline-block;border:1px solid #CCCCCC;background-color:#FFFFFF;color:#888888;font-size:17px;line-height:36px;padding:0px 12px 0px 12px;margin:0px 10px 10px 0px;white-space:nowrap;transition: all 150ms linear;vertical-align:top;position:relative;text-decoration:none;border-radius:5px; } .filtry .filtr .sipka { display:inline-block;width:14px;height:10px;margin:0px 0px 0px 5px;background-image:url('/_v/s/oms/sipka-04s-bottom.png');background-size:14px 10px; } .filtry .filtr .kolik-aktivnich { font-size:11px;line-height:16px;height:16px;width:16px;position:absolute;right:10px;top:9px;border:1px solid #CCCCCC;background-color:#FFFFFF;text-align:center;border-radius:50%;font-weight:bold; } .filtry .filtr:hover { background-color:#CCCCCC;border:1px solid #CCCCCC;color:#FFFFFF; } .filtry .filtr:active { background-color:#AAAAAA;border:1px solid #AAAAAA;color:#FFFFFF; } .filtry .filtr:hover .sipka { background-image:url('/_v/s/oms/sipka-04b-bottom.png'); } .filtry .filtr-aktivni { background-color:#CCCCCC;color:#FFFFFF; } .filtry .filtr-aktivni .sipka { background-image:url('/_v/s/oms/sipka-04b-bottom.png'); } .filtry .filtr-zvyrazneny { background-image:url('/_v/s/om/00-o80.png');background-size:3px 3px;background-position:bottom left;background-repeat:repeat-X; } .filtry .filtr .obsah { width:50%;max-width:800px;min-width:360px;display:none;border:1px solid #CCCCCC;background-color:#FFFFFF;line-height:36px;padding:20px 20px 15px 20px;position:absolute;top:34px;left:-5px;z-index:2;box-shadow:rgba(0,0,0,0.15) 0px 0px 6px; } .filtry .filtr .obsah .close { width:36px;height:36px;float:right;border:1px solid #DCDCDC;background-color:#FFFFFF;margin:0px 0px 5px 10px;background-image:url('/_v/s/om/ico-close-s.png');background-size:15px 15px;background-position:center center;background-repeat:no-repeat;overflow:hidden; } .filtry .filtr .obsah .close:hover { background-color:#CCCCCC;background-image:url('/_v/s/om/ico-close-b.png'); } .filtry .filtr .obsah .close:active { background-color:#AAAAAA; } .filtry .filtr .obsah .skupina { line-height:28px;clear:left;color:#404040;font-weight:bold;float:left;margin:0px 0px 5px 0px;padding:10px 0px 0px 0px; } .filtry .filtr .obsah .vyber { background-color:#F0F0F0;border:1px solid #F0F0F0;color:#888888;min-width:20px;position:relative;text-align:center;float:left;padding:0px 15px 0px 15px;margin:0px 5px 5px 0px;text-decoration:none;white-space:nowrap; } .filtry .filtr .obsah .vyber:hover { background-color:#CCCCCC;border:1px solid #CCCCCC;color:#FFFFFF; } .filtry .filtr .obsah .vyber:active { background-color:#AAAAAA;border:1px solid #AAAAAA;color:#FFFFFF; } .filtry .filtr .obsah .vyber-prichute { background-image:url('/_v/s/oms/sipka-04s-bottom.png');position:relative;padding-right:25px;background-size:14px 10px;background-repeat:no-repeat;background-position:right 8px center; } .filtry .filtr .obsah .vyber-prichute:hover { background-image:url('/_v/s/oms/sipka-04b-bottom.png'); } .filtry .filtr .obsah .vyber-prichute:active { background-image:url('/_v/s/oms/sipka-04b-bottom.png'); } .filtry .filtr .obsah .vyber-prichute-aktivni { background-image:url('/_v/s/oms/sipka-04b-bottom.png');background-color:#CCCCCC;border:1px solid #CCCCCC;color:#FFFFFF; } .filtry .filtr .obsah .vyber-prichute .prichute { max-width:800px;min-width:360px;display:none;border:1px solid #CCCCCC;background-color:#FFFFFF;padding:20px 20px 15px 20px;margin:-3px 0px 0px -3px;position:absolute;z-index:2;box-shadow:rgba(0,0,0,0.15) 0px 0px 6px; } .filtry .filtr .obsah .vyber-prichute .prichute .vsechny { background-color:#FFFFFF;border:1px solid #DCDCDC;color:#888888;text-align:center;float:left;padding:0px 15px 0px 15px;margin:0px 5px 5px 0px;line-height:36px; } .filtry .filtr .obsah .vyber-p0 { width:32px;height:32px;padding:3px;line-height:30px;border-radius:50%;border:1px solid #CCCCCC; } .filtry .filtr .obsah .vyber-znacka { max-width:100px; } .filtry .filtr .obsah .vyber-odkaz-jinam { border:1px solid #DDDDDD;padding-right:30px;background-image:url('/_v/s/oms/sipka-03s-top-right.svg');background-size:14px 14px;background-repeat:no-repeat;background-position:center right 12px;background-color:#FFF;text-decoration:underline;text-decoration-style:dotted; } .filtry .filtr .obsah .vyber-odkaz-jinam:hover { background-image:url('/_v/s/oms/sipka-03b-top-right.svg'); } .filtry .filtr .obsah .vyber .logo { max-width:90px;max-height:18px;position:relative;top:4px; } .filtry .filtr .obsah .aktivni { background-color:#FF9933;border:1px solid #FF9933;color:#FFFFFF; } .filtry .filtr .obsah .aktivni:hover { background-color:#FF8822;border:1px solid #FF8822;color:#FFFFFF; } .filtry .filtr .obsah .vyber .barva-jina { width:28px;height:28px;line-height:28px;display:inline-block;vertical-align:top;border-radius:50%;border:2px solid #FFFFFF; } .filtry .filtr .obsah .vyber .barva-transparent { border:2px solid #DCDCDC;background-image:url('/_v/s/om/pozadi-filtry-transparent.png');background-size:9px; } .filtry .filtr .obsah .vyber .obrazek { width:20px;height:20px;line-height:20px;display:inline-block;vertical-align:middle;margin:-3px 4px 0px 0px; } .filtry .filtr .obsah .rozsah { width:calc(100% - 55px);display:inline-block;overflow:hidden;position:relative;background-color:#F0F0F0;color:#888888;border:1px solid #F0F0F0;text-align:left;float:left;margin:0px 0px 5px 0px;border-radius:0px;text-decoration:none;cursor:default;white-space:nowrap; } .filtry .filtr .obsah .rozsah .min { width:80px;display:inline-block;text-align:right; } .filtry .filtr .obsah .rozsah .max { width:95px;display:inline-block;text-align:left; } .filtry .filtr .obsah .rozsah .input-min { width:64px;height:22px;border-style:none;border-right-style:dotted;text-align:center;color:#808080; } .filtry .filtr .obsah .rozsah .input-max { width:64px;height:22px;border-style:none;border-left-style:dotted; text-align:left;color:#808080; } .filtry .filtr .obsah .rozsah .mimo-rozsah { background-color:#FF0000;color:#FFFFFF; } .filtry .filtr .obsah .rozsah .default { width:32px;height:32px;border-radius:0%;display:inline-block;background-color:#CCCCCC;position:absolute;right:0;background-image:url('/_v/s/om/ico-close-b.png');background-size:13px;background-repeat:no-repeat;background-position:center;cursor:pointer;cursor:hand; } .filtry .filtr .obsah .rozsah .default-pas { margin:2px -35px 0px 35px; } .filtry .filtr .obsah .rozsah .default-akt { margin:2px 2px 0px -2px; } .filtry .filtr .obsah .rozsah .posun { width:calc(100% - 80px - 95px - 50px + 2px);display:inline-block;margin:0px 30px 0px 15px;background-color:#FFFFFF; } .filtry .filtr .obsah .rozsah .ui-widget-content { position:relative;top:2px; } .filtry .filtr .obsah .rozsah .ui-widget-content .ui-state-default:hover { cursor:pointer;cursor:hand; } .filtry .filtr .obsah .rozsah .ui-widget-content .ui-state-default { border:1px solid #CCCCCC;background:#CCCCCC;border-radius:15%;width:28px;height:28px;top:-8px; } .filtry .filtr .obsah .rozsah .ui-widget-content .ui-state-active { border:1px solid #CCCCCC;background:#CCCCCC;border-radius:15%; } .filtry .filtr .obsah .rozsah-akt .ui-widget-content .ui-state-default { border:1px solid #FF6C00;background:#FF9933; } .filtry .filtr .obsah .rozsah-akt .ui-widget-content .ui-state-active { border:1px solid #FF6C00;background:#FF9933; } .filtry .filtr .obsah .rozsah-akt .ui-widget-content .ui-widget-header { border:1px solid #FF9944;background:#FFDDBB;position:relative;top:-1px; } .filtry .filtr .obsah .napoveda { margin:15px 0px 0px 0px;padding:10px 15px 4px 15px;font-size:13px;line-height:19px;color:#808080;white-space:normal;background-color:#F7F7F7;text-align:left; } .filtry .filtr .obsah .napoveda a { color:#808080; } .filtry .filtr .obsah .napoveda p { margin:0px 0px 6px 0px; } .filtry .ano-ne { width:65px;height:38px;overflow:hidden;position:relative;background-color:#F0F0F0;border:1px solid #F0F0F0;text-align:left;float:left;margin:0px 5px 5px 0px;border-radius:50px;text-decoration:none; } .filtry .ano-ne .ne { width:30px;height:30px;overflow:hidden;background-color:#CCCCCC;border:1px solid #BBBBBB;border-radius:50%;margin:3px 4px 4px 4px; } .filtry .ano-ne .ano { width:30px;height:30px;overflow:hidden;background-color:#FF9933;border:1px solid #FF6C00;border-radius:50%;margin:3px 4px 4px 31px; } .filtry .rozsah .stats { display:none;width:100px;height:10px;position:absolute;bottom:0px;left:calc(50% - 54px); background-color:#FFFFFF;color:#808080;font-size:9px;line-height:9px;padding:1px 4px 0px 4px;border-top-left-radius:0px;border-top-right-radius:0px;border-top:1px solid #FFFFFF;cursor:help;opacity:0.7;font-weight:bold;text-align:center; } .filtry .vyber .stats { display:none;width:300px;height:10px;position:absolute;bottom:0px;left:calc(50% - 154px);background-color:#ECECEC;color:#808080;font-size:9px;line-height:9px;padding:1px 4px 0px 4px;border-top-left-radius:3px;border-top-right-radius:3px;border-top:1px solid #FFFFFF;cursor:help;opacity:0.7;font-weight:bold;text-align:center; } .filtry .ano-ne .stats { display:none;width:100px;height:10px;position:absolute;bottom:0px;left:calc(50% - 54px); background-color:#ECECEC;color:#808080;font-size:9px;line-height:9px;padding:1px 4px 0px 4px;border-top-left-radius:3px;border-top-right-radius:3px;border-top:1px solid #FFFFFF;cursor:help;opacity:0.7;font-weight:bold;text-align:center; } .filtry .oddeleni { width:3px;height:41px;background-color:#CCCCCC;margin:0px 9px 0px 4px;float:left;position:relative;top:-1px; } .filtry .zaver { padding:20px 0px 0px 0px;display:none; } .filtry .zaver .nadpis { display:inline-block;font-weight:bold;margin:0px 5px 0px 0px; } .filtry .zaver .obsah { display:inline-block;line-height:25px; } .filtry .zaver .obsah div { display:inline-block;border:1px solid #CCCCCC;background-color:#ECECEC;color:#888888;border-radius:5px;padding:0px 26px 0px 6px;margin:0px 5px 5px 0px;background-image:url('/_v/s/om/ico-close-s.png');background-size:13px;background-repeat:no-repeat;background-position:right 6px center;cursor:pointer;cursor:hand;white-space:nowrap; } .filtry .zaver .obsah div:hover { display:inline-block;border:1px solid #AAAAAA;background-color:#E0E0E0;color:#666666; } .filtry .zaver .obsah div span { font-weight:bold; } .filtry .zaver .obsah .smazat-filtry { border:1px solid #404040;background-color:#404040;color:#FFFFFF;font-weight:bold;background-image:none;padding:0px 6px 0px 6px; } .filtry .zaver .obsah .smazat-filtry:hover { border:1px solid #000000;background-color:#000000;color:#FFFFFF; } .info .smazat-filtry { display:inline-block;border:1px solid #317AE0;background-color:#317AE0;color:#FFFFFF;font-weight:bold;padding:0px 6px 0px 6px;text-decoration:none;border-radius:5px;margin:5px 0px 0px 0px; } @media (max-width:1100px) { .filtry .filtr { font-size:15px;line-height:32px;padding:0px 10px 0px 10px;margin:0px 8px 8px 0px; } .filtry .filtr .sipka { width:12px;height:9px;margin:0px 0px 0px 4px;background-size:12px 9px; } .filtry .filtr .kolik-aktivnich { font-size:10px;line-height:14px;height:14px;width:14px;right:7px;top:7px; } .filtry .filtr .obsah { line-height:30px;padding:15px 15px 10px 15px;top:32px; } .filtry .filtr .obsah .close { width:30px;height:30px;margin:0px 0px 5px 15px; } .filtry .filtr .obsah .vyber { padding:0px 10px 0px 10px; } .filtry .filtr .obsah .vyber-prichute { padding-right:25px;background-size:12px 8px;background-position:right 8px center; } .filtry .filtr .obsah .vyber-prichute .prichute { padding:15px 15px 10px 15px; } .filtry .filtr .obsah .vyber-odkaz-jinam { padding-right:25px;background-size:12px 12px;background-position:center right 10px; } .filtry .filtr .obsah .vyber-p0 { width:28px;height:28px;line-height:28px;padding:0px; } .filtry .filtr .obsah .vyber .barva-jina { width:24px;height:24px;line-height:24px; } .filtry .filtr .obsah .rozsah .default { width:26px;height:26px; } .filtry .filtr .obsah .rozsah .ui-widget-content .ui-state-default { width:26px;height:26px; } .filtry .ano-ne { width:61px;height:34px; } .filtry .ano-ne .ne { width:26px;height:26px; } .filtry .ano-ne .ano { width:26px;height:26px; } .filtry .oddeleni { height:34px; } .filtry .zaver { padding:10px 0px 0px 0px;font-size:15px; } } @media (max-width:800px) { .filtry .admin-stats { display:none; } } @media (max-width:600px) { .filtry .filtr { margin:0px 5px 5px 0px; } .filtry .zaver { padding:5px 0px 0px 0px; } } /********************** miniadmin **********************/ .ma300 { left:-300px; } .ma190 { left:-190px; } .rozliseni { background-color:#ECECEC;color:#808080;position:fixed;top:10px;right:76px;z-index:99;height:48px;width:114px;padding:5px 15px 5px 15px;text-align:left;text-decoration:none;font-size:11px;line-height:1.4; } .vystrahy { background-color:#FFFFFF;color:#000000;position:fixed;top:10px;right:230px;z-index:99;height:40px;width:44px;border:4px solid #FF0000;padding:5px;text-align:center;text-decoration:none;font-size:11px;line-height:40px; } .vystrahy .google { width:40px;height:40px; } @media (max-width:800px) { .miniadmin { display:none; } .miniadmin-skryj { display:none; } .miniadmin-zobraz { display:none; } .ma190, .ma300 { left:0px; } .rozliseni { background-color:#ACACAC;color:#FFFFFF;position:fixed;top:auto;bottom:10px;left:10px;z-index:999;opacity:0.9; } } .rozliseni { display:none; } @media (max-width:800px) { .rozliseni { background-color:#00BB00; } } @media (max-width:335px) { .rozliseni { background-color:#FF0000; } } .miniadmin-prepinatko { position:fixed;z-index:999;top:10px;right:10px;width:16px;height:18px;line-height:18px;padding:20px;background-color:#ECECEC;text-align:center;text-decoration:none;color:#000000; } .miniadmin-prepinatko img { width:12px;vertical-align:middle; } .miniadmin-jazyk { } .miniadmin-jazyk-cz { width:40px;display:inline-block;position:fixed;top:55px;right:146px;z-index:99;font-weight:bold;font-size:14px;line-height:14px;padding:5px 0px 5px 0px;text-align:center;text-decoration:none;border-radius:20px;box-shadow:rgba(0,0,0,0.15) 0px 0px 6px;-webkit-box-shadow:rgba(0,0,0,0.15) 0px 0px 6px;-moz-box-shadow:rgba(0,0,0,0.15) 0px 0px 6px; } .miniadmin-jazyk-sk { width:40px;display:inline-block;position:fixed;top:55px;right:102px;z-index:99;font-weight:bold;font-size:14px;line-height:14px;padding:5px 0px 5px 0px;text-align:center;text-decoration:none;border-radius:20px;box-shadow:rgba(0,0,0,0.15) 0px 0px 6px;-webkit-box-shadow:rgba(0,0,0,0.15) 0px 0px 6px;-moz-box-shadow:rgba(0,0,0,0.15) 0px 0px 6px; } .miniadmin-jazyk-a { background-color:#00BB00;color:#FFFFFF; } .miniadmin-jazyk-n { background-color:#ECECEC;color:#808080; } .miniadmin-ab-test { width:18px;height:18px;display:inline-block;position:fixed;top:55px;right:76px;z-index:99;background-color:#ECECEC;color:#808080;font-weight:bold;font-size:14px;line-height:18px;text-align:center;text-decoration:none;border-radius:20px;box-shadow:rgba(0,0,0,0.15) 0px 0px 6px;-webkit-box-shadow:rgba(0,0,0,0.15) 0px 0px 6px;-moz-box-shadow:rgba(0,0,0,0.15) 0px 0px 6px; } .miniadmin-smartsupp { width:110px;display:inline-block;position:fixed;top:010px;right:76px;z-index:99;font-weight:bold;font-size:14px;line-height:14px;padding:5px 0px 5px 0px;text-align:center;text-decoration:none;border-radius:20px;box-shadow:rgba(0,0,0,0.15) 0px 0px 6px;-webkit-box-shadow:rgba(0,0,0,0.15) 0px 0px 6px;-moz-box-shadow:rgba(0,0,0,0.15) 0px 0px 6px; } .miniadmin-infolinka { width:110px;display:inline-block;position:fixed;top:086px;right:76px;z-index:99;font-weight:bold;font-size:14px;line-height:14px;padding:5px 0px 5px 0px;text-align:center;text-decoration:none;border-radius:20px;box-shadow:rgba(0,0,0,0.15) 0px 0px 6px;-webkit-box-shadow:rgba(0,0,0,0.15) 0px 0px 6px;-moz-box-shadow:rgba(0,0,0,0.15) 0px 0px 6px; } .miniadmin-cookies { width:110px;display:inline-block;position:fixed;top:132px;right:76px;z-index:99;font-weight:bold;font-size:12px;line-height:14px;padding:5px 0px 5px 0px;text-align:center;text-decoration:none;border-radius: 0px;box-shadow:rgba(0,0,0,0.15) 0px 0px 6px;-webkit-box-shadow:rgba(0,0,0,0.15) 0px 0px 6px;-moz-box-shadow:rgba(0,0,0,0.15) 0px 0px 6px;background-color:#ECECEC;color:#808080; } @media (max-width:1650px) { .miniadmin-jazyk { display:none; } .miniadmin-ab-test { display:none; } .miniadmin-smartsupp { display:none; } .miniadmin-infolinka { display:none; } .miniadmin-cookies { display:none; } } @media (max-width:1430px) { .miniadmin-prepinatko { padding:10px; } } .miniadmin { width:578px;height:calc(100% - 20px);position:fixed;z-index:299;top:0px;padding:10px;font-size:11px;line-height:21px;background-color:#FFFFFF;border-left:1px solid #ECECEC;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; } .miniadmin .zalozky { line-height:30px;font-size:17px;margin:35px 0px 0px 0px;border-bottom:2px solid #ACACAC; } .miniadmin .zalozky div { display:inline-block;text-align:center;padding:0px 9px 0px 9px;text-decoration:none; } .miniadmin .zalozky .akt { background-color:#ECECEC;color:#808080; } .miniadmin .zalozky .pas { background-color:#ACACAC;color:#FFFFFF; } .miniadmin .sloupec1 { width:calc(50% - 8px);float:left;padding:0px 0px 0px 0px; } .miniadmin .sloupec2 { width:calc(50% - 8px);float:left;padding:0px 0px 0px 0px;margin:0px 0px 0px 16px; } .miniadmin .sloupec .obsah { height:85px;overflow:auto;line-height:18px; } .miniadmin .sloupec .loading { width:50px; } .miniadmin .nadpis { line-height:26px;font-weight:bold;clear:both;margin:15px 0px 10px 0px;padding:3px 10px 3px 5px; } .miniadmin .nadpis-ok { background-color:#E7E7E7;color:#000000; } .miniadmin .nadpis-chyba { background-color:#FF0000;color:#FFFFFF; } .miniadmin .nadpis .databaze { float:right;margin:3px 0px 0px 0px;font-size:11px;line-height:11px; } .miniadmin .nadpis .databaze div { color:#FFFFFF;padding:4px;display:inline-block;border-radius:3px;border:1px solid #CBCBCB; } .miniadmin .nadpis a { float:right; } .miniadmin .nadpis .oddelovac { float:right;display:inline-block;padding:0px 5px 0px 5px; } .miniadmin .zahlavi-stranky { font-size:12px;line-height:18px; } .miniadmin .zahlavi-stranky .moc-dlouhe { font-size:11px;line-height:11px;font-weight:bold;background-color:#FF0000;display:inline-block;padding:2px 4px 2px 4px;color:#FFFFFF;margin:0px 0px 0px 5px;border-radius:2px;position:relative;top:-2px; } .miniadmin .zahlavi-stranky .polozka1 { width:550px;float:left;padding:0px 0px 0px 10px;color:#000000; } .miniadmin .zahlavi-stranky .polozka2 { width:550px;float:left;padding:0px 0px 8px 10px;color:#808080; } .miniadmin .zahlavi-stranky .polozka3 { width:550px;float:left;padding:0px 0px 0px 10px;color:#000000; } .miniadmin .zahlavi-stranky .polozka4 { width:550px;float:left;padding:0px 0px 5px 10px;color:#808080; } .miniadmin .systemove-drobnosti { line-height:16px;margin:7px 0px 0px 0px;padding:14px 0px 0px 0px;border-top:2px solid #E7E7E7;color:#808080; } .miniadmin .systemove-drobnosti .fb-image { width:145px;height:76px;display:block;float:left;margin:0px 4px 0px 10px;background-color:#E4E4E4;text-align:center;border:2px solid #ECECEC; } .miniadmin .systemove-drobnosti .fb-image img{ width:148px;height:76px; } .miniadmin .systemove-drobnosti div { display:inline-block;width:60px;font-weight:bold; } .miniadmin .systemove-drobnosti a { color:#808080; } .miniadmin .obsah-chyby { } .miniadmin .obsah-uzivatele-admina { } .miniadmin .obsah-uzivatele-admina .datum { width:070px;display:inline-block; } .miniadmin .obsah-uzivatele-admina .uzivatel { width:160px;display:inline-block; } .miniadmin .miniadmin-filtry .ma-zahlavi { height:35px; } .miniadmin .miniadmin-filtry .ma-obsah { font-size:17px;height:880px;overflow-x:none;overflow-y:auto;background-color:#F7F7F7;border-bottom:1px solid #E7E7E7; } .miniadmin .miniadmin-filtry .ma-zapati { font-size:17px;width:600px;height:40px;padding:7px 0px 13px 0px;position:fixed;bottom:0px; } .miniadmin .miniadmin-filtry .ma-ulozeno { width:200px;float:left;text-decoration:none;padding:6px 10px 6px 40px;margin:0px 0px 0px 10px;background-size:24px;background-repeat:no-repeat;background-position:center left 10px;background-image:url('/_v/s/om/ico-ih-uspech.png');background-color:#F1F7EF;color:#479132; } .miniadmin .filtry { margin:0px;padding:15px 15px 60px 15px; } .miniadmin .filtry .filtr { display:block;padding:0px 10px 8px 10px;border:1px solid #ECECEC; } .miniadmin .filtry .filtr .sipka { display:none; } .miniadmin .filtry .filtr:hover { background-color:#FFFFFF;border:1px solid #DCDCDC;color:#808080; } .miniadmin .filtry .filtr:active { background-color:#FFFFFF;border:1px solid #DCDCDC;color:#808080; } .miniadmin .filtry .filtr .obsah { width:100%;max-width:auto;min-width:auto;display:block;border:0px solid #CCCCCC;line-height:36px;padding:0px 0px 0px 0px;position:static;top:0px;left:0px;box-shadow:rgba(0,0,0,0) 0px 0px 0px; } .miniadmin .filtry .filtr .obsah .close { display:none; } .miniadmin .filtry .filtr .obsah .rozsah { width:calc(100% - 2px);clear:both !important; } .miniadmin .filtry .jsou-vypnute { display:none; } .miniadmin .filtry .zaver { display:none; } .miniadmin .bublinka { display:none !important; } .miniadmin .ma-rychloadmin { width:calc(100% - 20px);padding:10px;background-color:#E7E7E7;line-height:30px;margin:15px 0px 0px 0px; } .miniadmin .ma-rychloadmin input[type=text] { width:calc(100% - 6px);font-size:12px;line-height:12px;padding:3px;background-color:#FDFFC4;border:1px solid #E0E0E0; } .miniadmin .ma-rychloadmin input[type=file] { width:calc(100% - 226px);font-size:12px;line-height:12px;padding:3px;background-color:#FDFFC4;border:1px solid #E0E0E0; } .miniadmin .ma-rychloadmin input[type=submit]{ width:150px;font-size:15px;line-height:14px; } .miniadmin .ma-rychloadmin .checkbox { line-height:28px; } .miniadmin .ma-rychloadmin .checkbox .checkmark { height:16px;width:16px; } .miniadmin .ma-rychloadmin .checkbox .checkmark:after { left:5px;top:3px;width:3px;height:6px; } .miniadmin .ma-rychloadmin textarea { width:calc(100% - 6px);height:52px;font-size:12px;line-height:17px;padding:3px;background-color:#FDFFC4;border:1px solid #E0E0E0;margin:0px; } .miniadmin .ma-rychloadmin .pole-nazev { width:70px;line-height:25px;float:left;clear:left;font-weight:bold;padding:0px 5px 0px 0px;text-align:right;overflow:hidden; } .miniadmin .ma-rychloadmin .pole-form { width:480px;float:left;padding:0px 0px 6px 0px;line-height:1; } .miniadmin .ma-rychloadmin .pole-form .fileinfo { width:215px;height:25px;overflow:hidden;display:inline-block;float:right;padding:0px 0px 0px 3px; } .miniadmin .ma-rychloadmin .pole-form .fileinfo img { min-width:24px;height:24px;position:relative;top:0px;left:0px;float:left;margin:0px 5px 0px 0px;border:1px solid #ECECEC; } .miniadmin .ma-rychloadmin .pole-form .fileinfo span { position:relative;top:7px; } /********************** rychloadmin **********************/ .rychloedit { cursor:alias; } .rychloedit-form { position:relative;z-index:99;margin:0px 0px 0px -1px; } .rychloedit-form .velikost { position:absolute;top:-42px;left:-42px;width:25px;height:25px;background-color:#ECECEC;border:1px solid #888888;padding:5px 5px 5px 5px;margin:0px 0px 0px 0px;cursor:pointer;cursor:hand; } .rychloedit-form .velikost img { opacity:0.5; } .rychloedit-form .jazyk { position:absolute;top:0px;left:-110px;z-index:2; } .rychloedit-form .jazyk-a { width:80px;background-color:#FDFFC4;border:1px solid #888888;padding:10px 15px 10px 15px;font-weight:bold;text-align:right;margin:0px 0px -1px 0px;border-right-style:none; } .rychloedit-form .jazyk-n { width:69px;background-color:#ECECEC;border:1px solid #888888;padding:10px 15px 10px 15px;font-weight:bold;text-align:right;margin:0px 0px -1px 10px;color:#808080; } .rychloedit-form .preklad { border:1px solid #888888;border-bottom-style:none;background-color:#ECECEC;position:absolute;top:-42px;margin:0px 0px 0px 0px; } .rychloedit-form .preklad a { display:inline-block;color:#888888;padding:8px 12px 8px 12px; } .rychloedit-form .preklad a img { width:16px;opacity:0.5;margin:0px 2px 0px 0px;position:relative;top:2px; } .rychloedit-form .preklad a:not(:first-child){ border-left:1px solid #CCCCCC; } .rychloedit-form .ab { border:1px solid #888888;border-bottom-style:none;background-color:#ECECEC;position:absolute;top:-42px;right:-1px;margin:0px 0px 0px 0px;height:42px;overflow:hidden; } .rychloedit-form .ab span { display:inline-block;color:#888888;padding:8px 12px 8px 12px;text-decoration:underline;cursor:pointer;cursor:hand; } .rychloedit-form .ab span:not(:first-child) { border-left:1px solid #CCCCCC; } .rychloedit-form .ab .plus { text-decoration:none;font-weight:bold; } .rychloedit-form .nahled { position:absolute;right:0px;width:308px;min-height:150px;padding:10px;font-size:12px;line-height:19px;margin:0px -333px 0px 0px;border:1px solid #888888;background-color:#ECECEC;cursor:default; } .rychloedit-form textarea { padding:8px 10px 8px 10px;font-size:15px;line-height:23px; } .rychloedit-form .submit-top { position:absolute;top:-80px;left:-127px;background-color:#FDFFC4;border:1px solid #888888;border-ri1ght-style:none;padding:15px 15px 15px 15px; } .rychloedit-form .submit-middle { position:absolute;left:-116px;background-color:#FDFFC4;border:1px solid #888888;border-right-style:none;padding:10px 15px 10px 15px; } .rychloedit-form .submit-bottom { position:absolute;bottom:-58px;left:0px;background-color:#FDFFC4;border:1px solid #888888;border-top-style:none;padding:10px 15px 10px 15px; } /******************************************************************************************************************************************* VYPIS TEXTOVEHO OBSAHU *******************************************************************************************************************************************/ .clanek { font-size:17px;line-height:26px;position:relative; } .clanek .admin-tr { height:26px;text-align:right;position:absolute;top:0px;right:0px;z-index:1;margin:-45px 0px 0px 2px;font-size:75%;line-height:1.5; } .clanek .admin-tr 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; } .clanek .admin-tr a img { max-width:14px;max-height:14px;vertical-align:middle; } .clanek .admin a:hover { opacity:1; } .clanek .admin span:hover { opacity:1; } /********************** zakladni formatovani **********************/ .clanek { text-align:justify;border:1px solid transparent; } /* ten border tu zachovat */ .clanek h2 { color:#36C377; } .clanek h2 img { height:auto;padding:0px; } .clanek .h2top { background-color:#000;color:#FFFFFF;padding:7px 10px 7px 10px;text-align:center;line-height:1.2; } .clanek h3 { color:#36C377; } .clanek h3 span { background-color:#36C377;color:#FFFFFF;padding:0px 4px 1px 5px;border-radius:5px; } .clanek p { margin:6px 0px 14px 0px; } .clanek ul { margin:6px 0px 14px 0px;padding:0px 0px 0px 30px;list-style:disc; } .clanek li { margin:0px 0px 5px 0px; } .clanek img { max-width:100%; } .clanek a[name] { position:relative;top:-85px; } .clanek sup { font-size:70%; } @media (max-width:1100px) { .clanek { font-size:16px;line-height:24px; } } @media (max-width:800px) { .clanek { font-size:15px;line-height:22px;text-align:left; } } /********************** zakladni tagy **********************/ .clanek .tip { display:inline-block;background-color:#00BB00;color:#FFFFFF;padding:0px 5px 0px 5px;border-radius:3px;font-weight:bold;text-decoration:none; } .clanek .tip-mensi { display:inline-block;background-color:#00BB00;color:#FFFFFF;padding:2px 3px 2px 3px;border-radius:3px;font-weight:bold;text-decoration:none;font-size:75%;line-height:1; } .clanek .upozorneni { display:inline-block;background-color:#FF6C00;color:#FFFFFF;padding:0px 5px 0px 5px;border-radius:3px;font-weight:bold;text-decoration:none; } .clanek .vyprodej { display:inline-block;background-color:#FF66CC;color:#FFFFFF;padding:0px 5px 0px 5px;border-radius:3px;font-weight:bold;text-decoration:none; } .clanek .tajna-nabidka { display:inline-block;background-color:#000000;color:#FFFFFF;padding:0px 5px 0px 5px;border-radius:3px;font-weight:bold;text-decoration:none; } .clanek .tag-zobraz { display:inline-block;background-color:#ACACAC;color:#FFFFFF;padding:0px 6px 0px 6px;border-radius:3px;font-weight:bold;text-decoration:none; } .clanek .tag-zobraz span { position:absolute;width:66px;height:62px;margin:-25px 0px 0px -29px; } .clanek .tag-zobraz1 { display:inline-block;background-color:#ACACAC;color:#FFFFFF;padding:5px 8px 5px 8px;border-radius:3px;font-weight:bold;text-decoration:none;line-height:1.2;text-align:center;margin:2px 0px 2px 0px; } .clanek .tag-zobraz1a { display:inline-block;padding:0px 13px 0px 0px;border-bottom:1px dotted #000000;line-height:1;background-image:url('/_v/s/oms/sipka-04s-bottom.png');background-size:10px;background-repeat:no-repeat;background-position:right bottom 3px; } .clanek .tag-skryty-obsah { display:none;color:#888888;overflow:hidden;border-left:2px solid #E7E7E7;padding-left:8px;margin:10px 0px 10px 0px; } .clanek .vlozene-video { width:calc(100% - 65px);display:block;background-color:#F7F7F7;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;padding:15px 15px 15px 50px;background-image:url('https://tv.ronnie.cz/_img/_system/tv/ico-play-a.png');background-repeat:no-repeat;background-size:30px 30px;background-position:left 10px center; } /* vsuvka asi nikde neni... mozna v produktech, multivit survival */ .clanek .vsuvka { background-color:#ECECEC;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;margin:0px 0px 15px 0px;padding:15px 10px 15px 10px; } .clanek .cudlik { display:inline-block;padding:9px 15px 7px 15px;font-weight:normal;text-decoration:none;color:#FFFFFF;text-align:center;border:1px solid #36C377;background-color:#36C377;white-space:nowrap;cursor:pointer;cursor:hand;text-transform:uppercase; } .clanek .popisek { margin-top:-14px;text-align:center;padding:5px 10px 5px 10px;font-style:italic;color:#808080; } .clanek .fajfky-nw { display:inline-block;margin:0px 8px 0px 0px;white-space:nowrap; } .clanek .fajfky-w { display:inline-block;margin:0px 8px 0px 0px; } .clanek .blok-vyprodej { background-color:#FFEAF8;padding:10px 10px 5px 10px;text-align:left; } .clanek .blok-vyprodej a { color:#CC0099; } .clanek .youtube43 { padding-bottom:75%; } .clanek .youtube169 { padding-bottom:56.25%; } .clanek .youtube { position:relative;height:0; } .clanek .youtube iframe { position:absolute;top:0;left:0;width:100%;height:100%; } .citace { background-color:#F4F4F4;color:#999999;font-weight:bold;text-align:center;position:relative;padding:15px 40px 15px 40px;margin:6px 0px 14px 0px;font-size:120%; } .citace:after { content:"„";position:absolute;bottom:8px;left:10px; font-size:50px;line-height:50px;font-weight:bold;color:#AAAAAA; } .citace:before { content:"“";position:absolute;top:3px; right:10px;font-size:50px;line-height:50px;font-weight:bold;color:#AAAAAA; } .clanek .vizitka { width:100%;min-height:70px;margin:0px 0px 20px 0px;line-height:23px; } .clanek .vizitka img { height:70px;float:left;margin:0px 10px 15px 0px; } .clanek .vizitka .jmeno { font-weight:bold;color:#FF6C00;padding-top:3px; } .clanek .vizitka .pozice { } .clanek .vizitka .email { } .clanek .vizitka .telefon { } @media (max-width:400px) { .clanek .vizitka { width:100%;min-height:70px;margin:0px 0px 20px 0px;line-height:21px; } .clanek .vizitka img { height:60px;float:left;margin:0px 5px 15px 0px; } } @media (max-width:479px) { .clanek .tip-mensi { padding:3px 3px 2px 3px; } } /* .dlazdice { padding:10px 30px 10px 30px;background-color:#F4F4F4; } [class*="dlazdice-"] { display:grid;gap:20px;grid-template-columns:1fr;clear:both;padding:10px 0px 10px 0px; } [class*="dlazdice-"] div { background-color:#FFFFFF;box-shadow:rgba(0,0,0,0.15) 0px 0px 4px;text-align:center;padding:15px 10px 15px 10px;border-radius:10px; } [class*="dlazdice-"] div .cislo { display:block;font-size:60px;line-height:60px;padding:0px 0px 0px 0px;color:#404040;font-weight:bold; } [class*="dlazdice-"] div .popis1 { display:block;font-size:17px;line-height:18px;padding:0px 0px 0px 0px; } [class*="dlazdice-"] div .popis2 { display:block;font-size:12px;line-height:14px;padding:3px 0px 0px 0px;color:#ACACAC;font-weight:normal; } [class*="dlazdice-"] div p { margin:0px 0px 0px 0px; } .dlazdice { padding:10px 0px 10px 0px;background-color:#FFFFFF; } [class*="dlazdice-"] { display:grid;gap:10px;grid-template-columns:1fr;clear:both;padding:5px 0px 5px 0px; } [class*="dlazdice-"] div { background-color:#FF6C00;box-shadow:rgba(0,0,0,0.15) 0px 0px 4px;text-align:center;padding:15px 10px 15px 10px;border-radius:10px; } [class*="dlazdice-"] div .cislo { display:block;font-size:60px;line-height:60px;padding:0px 0px 0px 0px;color:#FFFFFF;font-weight:bold; } [class*="dlazdice-"] div .popis1 { display:block;font-size:17px;line-height:18px;padding:0px 0px 0px 0px;color:#FFFFFF;font-weight:bold; } [class*="dlazdice-"] div .popis2 { display:block;font-size:12px;line-height:14px;padding:3px 0px 0px 0px;color:#FFFFFF;font-weight:normal; } [class*="dlazdice-"] div p { margin:0px 0px 0px 0px; } [class*="dlazdice-"] div a { color:#FFFFFF; } */ .dlazdice { padding:10px 0px 10px 0px;background-color:#FFFFFF; } [class*="dlazdice-"] { display:grid;gap:16px;grid-template-columns:1fr;clear:both;padding:8px 0px 8px 0px; } [class*="dlazdice-"] div { background-color:#F0F0F0;box-shadow:rgba(0,0,0,0.3) 0px 0px 6px;text-align:center;padding:15px 10px 15px 10px;border:1px solid #FFFFFF;border-radius:10px; } [class*="dlazdice-"] div .cislo { display:block;font-size:60px;line-height:60px;padding:0px 0px 0px 0px;color:#FF6C00;font-weight:bold; } [class*="dlazdice-"] div .nadpis1 { display:block;font-size:23px;line-height:23px;padding:0px 0px 3px 0px;color:#FF6C00;font-weight:bold; } [class*="dlazdice-"] div .popis1a { display:block;font-size:17px;line-height:20px;padding:0px 0px 0px 0px;color:#404040;font-weight:bold;text-transform:uppercase; } [class*="dlazdice-"] div .popis1b { display:block;font-size:17px;line-height:23px;padding:0px 0px 0px 0px;color:#404040;font-weight:normal; } [class*="dlazdice-"] div .popis1c { display:block;font-size:17px;line-height:23px;padding:0px 0px 0px 0px;color:#404040;font-weight:bold; } [class*="dlazdice-"] div .popis2 { display:block;font-size:13px;line-height:16px;padding:4px 0px 0px 0px;color:#A0A0A0;font-weight:normal; } [class*="dlazdice-"] div p { margin:0px 0px 0px 0px; } [class*="dlazdice-"] div a { color:#404040; } @media (min-width: 600px) { /* Nad 600px: podle počtu DIVů */ .dlazdice-1 { grid-template-columns: 1fr; } .dlazdice-2 { grid-template-columns: 1fr 1fr; } .dlazdice-3 { grid-template-columns: 1fr 1fr 1fr; } .dlazdice-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media (min-width: 1150px) { /* Nad 600px: podle počtu DIVů */ .dlazdice-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } } /********************** tabulky **********************/ .clanek table { width:100%;border-collapse:collapse;overflow:auto;font-size:inherit;margin:0px 0px 20px 0px; } .clanek table caption { padding:6px 6px 6px 6px;text-align:center;vertical-align:middle;font-weight:bold;background-color:#E7E7E7;color:#808080;border-top:1px solid #D5D5D5;border-bottom:1px solid #D7D7D7;margin-bottom:-1px; } .clanek table tr th { padding:6px 6px 6px 6px;text-align:center;vertical-align:middle;font-weight:bold;background-color:#F7F7F7;color:#808080;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7; } .clanek table tr td { padding:5px 6px 5px 6px;text-align:center;vertical-align:middle; } .clanek table tr th:first-child { text-align:left; } .clanek table tr td:first-child { text-align:left; } .clanek table tr { border-bottom:1px solid #E7E7E7; } .clanek table tr:not(:first-child):hover { background-color:#FDFFC4;cursor:default; } .clanek table img { vertical-align:middle; } .clanek .btd1 tr td:nth-child(1) { border-right:1px solid #E7E7E7; } .clanek .btd2 tr td:nth-child(2) { border-right:1px solid #E7E7E7; } .clanek .btd3 tr td:nth-child(3) { border-right:1px solid #E7E7E7; } .clanek .btd4 tr td:nth-child(4) { border-right:1px solid #E7E7E7; } .clanek .btd5 tr td:nth-child(5) { border-right:1px solid #E7E7E7; } .clanek .btd6 tr td:nth-child(6) { border-right:1px solid #E7E7E7; } .clanek .btd7 tr td:nth-child(7) { border-right:1px solid #E7E7E7; } .clanek .bth1 tr th:nth-child(1) { border-right:1px solid #E7E7E7; } .clanek .bth2 tr th:nth-child(2) { border-right:1px solid #E7E7E7; } .clanek .bth3 tr th:nth-child(3) { border-right:1px solid #E7E7E7; } .clanek .bth4 tr th:nth-child(4) { border-right:1px solid #E7E7E7; } .clanek .bth5 tr th:nth-child(5) { border-right:1px solid #E7E7E7; } .clanek .bth6 tr th:nth-child(6) { border-right:1px solid #E7E7E7; } .clanek .bth7 tr th:nth-child(7) { border-right:1px solid #E7E7E7; } .web-o .clanek .obal-table { max-width:100%;overflow:auto;margin:0px 0px 20px 0px; } .web-o .clanek table tr td { white-space:nowrap; } .web-o .clanek table tr th:not(:first-child) { text-align:right; } .web-o .clanek table tr td:not(:first-child) { text-align:right; } .clanek table .caption { padding:6px 6px 6px 6px;text-align:center;vertical-align:middle;font-weight:bold;background-color:#E7E7E7;color:#808080;border-top:1px solid #D5D5D5;border-bottom:1px solid #D7D7D7;margin-bottom:-1px; } .clanek table tr .vlevo { text-align:left !important; } .clanek table tr .vpravo { text-align:right !important; } .clanek table tr .stred { text-align:center !important; } .clanek .pod-tabulkou { text-align:right;font-size:12px;color:#acacac;line-height:16px;margin:-10px 0px 0px 20px; } @media (max-width:400px) { .web-o .clanek table tr td:first-child { max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } } .clanek .cista { } .clanek .cista caption { padding:6px 6px 6px 6px;font-weight:bold;background-color:transparent;color:#000000;border-style:none; } .clanek .cista tr { border-style:none; } .clanek .cista tr th { padding:6px 6px 6px 6px;border-style:none; } .clanek .cista tr td { padding:5px 6px 5px 6px; } .clanek .tab01 tr th:first-child { text-align:center; } .clanek .tab01 tr td:first-child { text-align:left; } .web-o .clanek .tab01 tr th:not(:first-child){ text-align:center; } .web-o .clanek .tab01 tr td:not(:first-child){ text-align:center; } .clanek .tab02 tr th:first-child { text-align:center; } .clanek .tab02 tr td:first-child { text-align:center; } .web-o .clanek .tab02 tr th:not(:first-child){ text-align:center; } .web-o .clanek .tab02 tr td:not(:first-child){ text-align:center; } /********************** obrazky **********************/ .clanek .imgL25 { max-width:25%; float:left; margin:5px 15px 5px 0px; } .clanek .imgL50 { max-width:50%; float:left; margin:5px 15px 5px 0px; } .clanek .imgR25 { max-width:25%; float:right;margin:5px 0px 5px 15px; } .clanek .imgR50 { max-width:50%; float:right;margin:5px 0px 5px 15px; } .clanek .imgSTR { max-width:100%;float:none; margin:0px auto 0px auto;display:block; } @media (max-width:400px) { .clanek .imgL25 { max-width:25%; float:left; margin:5px 10px 5px 0px; } .clanek .imgL50 { max-width:100%;float:none; margin:5px 0px 10px 0px; } .clanek .imgR25 { max-width:25%; float:right;margin:5px 0px 5px 10px; } .clanek .imgR50 { max-width:100%;float:none; margin:5px 0px 10px 0px; } .clanek .imgSTR { max-width:100%;float:none; margin:5px auto 5px auto;display:block; } } /********************** tabulka pro EU dopravu **********************/ .clanek .doprava-eu { font-size:15px;margin:0px 0px 20px 0px; } .clanek .doprava-eu:first-of-type { width:calc(50% - 10px);margin:0px 10px 0px 0px;float:left; } .clanek .doprava-eu:last-of-type { width:calc(50% - 10px);margin:0px 0px 0px 10px;float:left; } .clanek .doprava-eu .th1 { text-align:center !important;width:35px; } .clanek .doprava-eu .th2 { text-align:center !important; } .clanek .doprava-eu .th3 { text-align:center !important;width:65px; } .clanek .doprava-eu .th4 { text-align:center !important;width:55px; } .clanek .doprava-eu .th5 { text-align:center !important;width:55px; } .clanek .doprava-eu td { vertical-align:middle; } .clanek .doprava-eu td img { vertical-align:middle;max-width:auto;width:25px; } .clanek .doprava-eu .td1 { text-align:center !important; } .clanek .doprava-eu .td2 { text-align:left !important; } @media (max-width:1100px) { .clanek .doprava-eu .th1 { width:25px; } .clanek .doprava-eu .th2 { } .clanek .doprava-eu .th3 { width:60px; } .clanek .doprava-eu .th4 { width:50px; } .clanek .doprava-eu .th5 { width:50px; } .clanek .doprava-eu .td1 { text-align:left !important;padding:0px; } } @media (max-width:1050px) { .clanek .doprava-eu .th1 { width:35px; } .clanek .doprava-eu:first-of-type { width:100%;margin:0px 0px 10px 0px;float:none; } .clanek .doprava-eu:last-of-type { width:100%;margin:0px 0px 10px 0px;float:none; } .clanek .doprava-eu .td1 { text-align:center !important; } } /********************** tabulka pro CZ dopravu **********************/ .clanek .doprava-cz { font-size:15px;margin:0px 0px 20px 0px; } .clanek .doprava-cz .th1 { text-align:center !important;width:35px !important; } .clanek .doprava-cz .th2 { text-align:center !important; } .clanek .doprava-cz .th3 { text-align:center !important;width:120px; } .clanek .doprava-cz .th4 { text-align:center !important;width:120px; } .clanek .doprava-cz .th5 { text-align:center !important;width:120px; } .clanek .doprava-cz td { vertical-align:middle;white-space:normal !important; } .clanek .doprava-cz td img { vertical-align:middle;width:100%; } .clanek .doprava-cz .td1 { text-align:center !important; } .clanek .doprava-cz .td2 { text-align:left !important; } @media (max-width:600px) { .clanek .doprava-cz .th1 { display:none; } .clanek .doprava-cz .td1 { display:none; } .clanek .doprava-cz .th3 { width:auto; } .clanek .doprava-cz .th4 { width:auto; } .clanek .doprava-cz .th5 { width:auto; } } /********************** tabulka pro prehled men **********************/ .clanek .aktivni-meny { font-size:15px;margin:0px 0px 20px 0px; } .clanek .aktivni-meny th { text-align:center !important;width:25% !important; } .clanek .aktivni-meny td { text-align:center !important; } /********************** tabulka pro dostupnosti zakaznicke podpory **********************/ .obsah .dostupnost-zp-1 { width:100%;min-width:220px;max-width:280px;margin:5px auto 0px auto;border-top:1px solid #606060;font-size:13px;line-height:30px;color:#ACACAC; } .obsah .dostupnost-zp-1 tr { border-bottom:1px solid #606060; } .obsah .dostupnost-zp-1 .td1 { text-align:right; } .obsah .dostupnost-zp-1 .td2 { text-align:left; } .obsah .dostupnost-zp-1 .td3 { text-align:left; } .obsah .dostupnost-zp-1 .td2 .dnes { display:inline-block;color:#FFFFFF;padding:1px 3px 1px 3px;border-radius:3px;margin:0px 0px 0px 5px;line-height:1.2; } .obsah .dostupnost-zp-1 .td2 .zitra { display:inline-block;color:#FFFFFF;padding:1px 3px 1px 3px;border-radius:3px;margin:0px 0px 0px 5px;line-height:1.2; } .obsah .dostupnost-zp-1 .td2 .dnes { background-color:#808080;color:#ECECEC; } .obsah .dostupnost-zp-1 .td2 .zitra { background-color:#404040;color:#ECECEC; } .obsah .dostupnost-zp-1 tr:hover { background-color:#202020 !important;cursor:default; } .clanek .dostupnost-zp-2 { width:100%;min-width:250px;max-width:320px;margin:5px 0px 15px 0px;border-top:1px solid #E7E7E7;font-size:12px;line-height:17px;color:#ACACAC; } .clanek .dostupnost-zp-2 .td1 { text-align:right; } .clanek .dostupnost-zp-2 .td2 { text-align:left; } .clanek .dostupnost-zp-2 .td3 { text-align:left; } .clanek .dostupnost-zp-2 .td2 .dnes { display:inline-block;color:#FFFFFF;padding:1px 3px 1px 3px;border-radius:3px;margin:0px 0px 0px 5px; } .clanek .dostupnost-zp-2 .td2 .zitra { display:inline-block;color:#FFFFFF;padding:1px 3px 1px 3px;border-radius:3px;margin:0px 0px 0px 5px; } .clanek .dostupnost-zp-2 .td2 .dnes { background-color:#ACACAC; } .clanek .dostupnost-zp-2 .td2 .zitra { background-color:#CCCCCC; } .clanek .dostupnost-zp-2 tr:hover { background-color:#FDFFC4;cursor:default; } /******************************************************************************************************************************************* LAYOUT *******************************************************************************************************************************************/ /********************** test **********************/ #test { position:fixed;z-index:999; top:10px;left:10px;background-color:#FFFFFF;padding:15px;color:#000000;font-weight:bold;border:2px solid #000000;opacity:0.9;margin:-2px 0px 0px -2px;font-family:courier;font-size:17px;line-height:19px; } #test2 { position:fixed;z-index:999;top:200px;left:10px;background-color:#FFFFFF;padding:15px;color:#000000;font-weight:bold;border:2px solid #000000;opacity:0.9;margin:-2px 0px 0px -2px;font-family:courier;font-size:17px;line-height:19px; } /********************** rychly pruh horni (2024) **********************/ .rychly-pruh-horni { z-index:298; } .rychly-pruh-horni .close { width:19px;height:19px;float:right;padding:1px 15px 1px 10px;display:none; } .rychly-pruh-horni-stats { position:absolute;left:30px;top:4px;color:#CCCCCC;font-size:11px;line-height:11px;font-weight:bold; } .fix .rychly-pruh-horni { position:fixed; } .rychly-pruh-horni-akce { background-color:#303030;width:100%;overflow:hidden; } .rychly-pruh-horni-akce a { width:calc(100% - 20px - 30px - 19px - 15px - 10px);display:block;color:#FFFFFF;text-decoration:none;padding:7px 20px 8px 30px; } .rychly-pruh-horni-akce a .radek1 { width:100%;font-size:17px;line-height:21px; } .rychly-pruh-horni-akce a .radek2 { width:100%;font-size:12px;line-height:16px; } .rychly-pruh-horni-akce a .radek3 { width:100%;font-size:12px;line-height:16px; } .rychly-pruh-horni-akce a span { color:#FFFF00; } .rychly-pruh-horni-vanoce { background-color:#303030;color:#FFFFFF;height:42px;line-height:42px;width:100%;overflow:hidden; } .rychly-pruh-horni-vanoce div { display:inline-block;float:left;font-size:12px;line-height:14px; } .rychly-pruh-horni-vanoce a { display:inline-block;float:left;color:#FFFFFF; } .rychly-pruh-horni-vanoce .uvod { font-size:17px;line-height:42px;padding:0px 30px 0px 33px;font-weight:bold; } .rychly-pruh-horni-vanoce .linka1 { padding:4px 0px 0px 0px;margin:5px 10px 0px 0px; border-right:1px solid #FFFFFF;width:1px;overflow:hidden; } .rychly-pruh-horni-vanoce .linka2 { padding:4px 0px 0px 0px;margin:5px 10px 0px 10px;border-right:1px solid #FFFFFF;width:1px;overflow:hidden; } .rychly-pruh-horni-vanoce .dopravci-cz-detail { padding:6px 20px 0px 20px; } .rychly-pruh-horni-vanoce .dopravci-cz-vsichni { padding:6px 20px 0px 20px;display:none; } .rychly-pruh-horni-vanoce .dopravci-prodejny { padding:6px 20px 0px 20px; } .rychly-pruh-horni-vanoce .dopravci-sk { padding:6px 12px 0px 12px; } @media (max-width:1020px) { .rychly-pruh-horni-akce a { width:calc(100% - 20px - 20px - 19px - 15px - 10px);padding:7px 20px 8px 20px; } .rychly-pruh-horni-stats { position:absolute;left:20px; } } @media (max-width:800px) { .rychly-pruh-horni { position:fixed;z-index:100; } .rychly-pruh-horni-akce a { width:calc(100% - 15px - 16px - 19px - 15px - 10px);padding:9px 15px 10px 16px; } .rychly-pruh-horni-stats { position:absolute;left:15px;top:1px; } .rychly-pruh-horni-vanoce .dopravci-cz-detail { display:none; } .rychly-pruh-horni-vanoce .dopravci-cz-vsichni { display:inline-block; } } @media (max-width:640px) { .rychly-pruh-horni-vanoce .uvod { font-size:15px;padding:0px 20px 0px 23px; } .rychly-pruh-horni-vanoce .linka1 { margin:5px 0px 0px 0px; } .rychly-pruh-horni-vanoce .linka2 { margin:5px 10px 0px 0px; } .rychly-pruh-horni-vanoce .dopravci-cz-vsichni { padding:6px 10px 0px 20px; } .rychly-pruh-horni-vanoce .dopravci-prodejny { padding:6px 20px 0px 10px; } } @media (max-width:520px) { .rychly-pruh-horni .close { width:15px;height:15px;padding:1px 15px 1px 5px; } .rychly-pruh-horni-akce a { width:calc(100% - 15px - 16px - 15px - 15px - 5px);padding:10px 15px 10px 16px; } .rychly-pruh-horni-stats { position:absolute;left:15px;top:3px; } .rychly-pruh-horni-vanoce .uvod { font-size:14px;padding:0px 10px 0px 13px; } .rychly-pruh-horni-vanoce .linka2 { display:none; } .rychly-pruh-horni-vanoce .dopravci-cz-vsichni { padding:6px 4px 0px 12px; } .rychly-pruh-horni-vanoce .dopravci-prodejny { padding:6px 4px 0px 8px; } .rychly-pruh-horni-vanoce .dopravci-sk { display:none; } } @media (max-width:390px) { .rychly-pruh-horni .close { width:13px;height:13px;padding:1px 15px 1px 5px; } .rychly-pruh-horni-akce a { width:calc(100% - 15px - 16px - 13px - 15px - 5px);padding:10px 15px 10px 16px; } .rychly-pruh-horni-vanoce .uvod { font-size:12px;padding:0px 8px 0px 10px; } .rychly-pruh-horni-vanoce .dopravci-cz-vsichni { padding:6px 2px 0px 10px; } .rychly-pruh-horni-vanoce .dopravci-prodejny { padding:6px 4px 0px 10px; } .rychly-pruh-horni-vanoce .dopravci-sk { display:none; } } @media (max-width:355px) { .rychly-pruh-horni-vanoce .uvod { font-size:13px;padding:0px 6px 0px 8px; } .rychly-pruh-horni-vanoce .linka1 { display:none; } .rychly-pruh-horni-vanoce .dopravci-cz-vsichni { padding:6px 2px 0px 4px; } .rychly-pruh-horni-vanoce .dopravci-prodejny { padding:6px 4px 0px 4px; } } /********************** zahlavi **********************/ #zahlavi { width:100%;min-width:inherit;max-width:inherit;height:112px;background-color:#FFFFFF;border-bottom:1px solid #E7E7E7;position:relative;top:0px; } #zahlavi .logo { width:355px;height:112px;line-height:112px;display:block;float:left;position:relative;overflow:hidden;font-size:13px; } #zahlavi .logo img { width:260px;height:36px;margin:-10px 0px 0px 30px;vertical-align:middle; } #zahlavi .logo .nazev-webu { color:#36C377;font-size:13px;position:absolute;top:25px;left:83px; } #zahlavi .menu { display:none; } #zahlavi .login { font-size:90%;height:40px;line-height:40px;display:inline-block;float:right;padding:0px 32px 19px 16px;font-weight:bold;text-decoration:none;margin:53px 0px 0px 0px; } #zahlavi .login-a { color:#36C377; } #zahlavi .login-n { color:#000000; } #zahlavi .login .user { width:20px;height:20px;margin:0px 5px 0px 0px; vertical-align:middle;position:relative;top:-2px; } #zahlavi .login .admin { width:10px;height:10px;margin:2px 0px 0px 14px;vertical-align:middle;position:absolute;z-index:1; } #zahlavi .login .popis { display:inline-block;vertical-align:middle; } #zahlavi .login .uroven { background-color:#FF6C00;color:#FFFFFF;font-size:11px;line-height:11px;padding:3px 0px 4px 0px;text-align:center;margin:-8px 0px 0px 0px; } #zahlavi .login .uroven span { font-weight:normal; } #zahlavi .login-form { height:59px;display:inline-block;float:right;margin:53px 0px 0px 0px;position:relative; } #zahlavi .login-form .close { width:30px;height:30px;padding:10px 0px 0px 10px;float:right;position:relative;top:-10px;right:-15px; } #zahlavi .login-form .close img { width:15px; } #zahlavi .login-form form { width:350px;padding:10px 15px 25px 15px;position:absolute;right:10px;top:35px;z-index:199;background-color:#F7F7F7;border:1px solid #E7E7E7;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; } #zahlavi .login-form form .cudlitko { margin:15px 0px 0px 0px;float:left; } #zahlavi .login-form form .odkazy { margin:10px 0px 0px 0px;float:right;font-size:14px;line-height:21px;text-align:right; } #zahlavi .login-form form .odkazy a { color:#808080; } #zahlavi .login-form .uspesny { width:350px;padding:10px 15px 10px 15px;position:absolute;right:10px;top:35px;z-index:199;background-color:#FDFFC4;border:1px solid #E7E7E7;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; } #zahlavi .login-form .privitani { margin:5px 0px 0px 0px; } #zahlavi .login-form .odkazy { margin:15px 0px 0px 0px; } #zahlavi .login-form .odkazy .nastaveni { float:right; } #zahlavi .login-form .zaver { color:#ACACAC;text-align:right;font-size:13px;line-height:13px;margin:18px 0px 0px 0px; } #zahlavi .kosik { font-size:90%;height:40px;line-height:40px;display:inline-block;float:right;padding:0px 16px 19px 16px;color:#000000;font-weight:bold;text-decoration:none;margin:53px 0px 0px 0px; } #zahlavi .kosik .zbozi-v-kosiku { position:absolute;width:20px;height:20px;font-size:11px;line-height:20px;font-weight:bold;overflow:hidden;text-align:center;border-radius:50%;color:#FFFFFF;z-index:1;background-color:#36C377;margin:-5px 0px 0px 10px;border:2px solid #FFFFFF; } #zahlavi .kosik .pocet-kosiku { position:absolute;width:16px;height:16px;font-size:11px;line-height:16px;font-weight:bold;overflow:hidden;text-align:center;border-radius:50%;color:#FFFFFF;z-index:1;background-color:#ACACAC;margin:-5px 0px 0px -10px;border:2px solid #FFFFFF; } #zahlavi .kosik .img-n { width:22px;height:21px;margin:0px 5px 0px 0px;vertical-align:middle;position:relative;top:-2px; } #zahlavi .kosik .img-a { width:22px;height:21px;margin:0px 5px 0px 0px;vertical-align:middle;position:relative;top:-2px;display:none; } #zahlavi .kosik .popis { display:inline-block;vertical-align:middle; } #zahlavi .oblibene { font-size:90%;height:40px;line-height:40px;float:right;padding:0px 16px 19px 8px;display:inline-block;color:#000000;font-weight:bold;text-decoration:none;margin:53px 0px 0px 0px; } #zahlavi .oblibene .zbozi-v-oblibenych { position:absolute;width:20px;height:20px;font-size:11px;line-height:20px;font-weight:bold;overflow:hidden;text-align:center;border-radius:50%;color:#FFFFFF;z-index:1;background-color:#ACACAC;margin:-5px 0px 0px 10px;border:2px solid #FFFFFF; } #zahlavi .oblibene .img-n { width:23px;height:22px;margin:0px 5px 0px 0px;vertical-align:middle;position:relative;top:-2px; } #zahlavi .oblibene .img-a { width:23px;height:22px;margin:0px 5px 0px 0px;vertical-align:middle;position:relative;top:-2px;display:none; } #zahlavi .oblibene .popis { display:inline-block;vertical-align:middle; } #zahlavi .hodnoceni { font-size:90%;height:40px;line-height:40px;float:right;padding:0px 16px 19px 8px;color:#000000;font-weight:bold;text-decoration:none;margin:53px 0px 0px 0px; } #zahlavi .hodnoceni .zbozi-pro-hodnoceni { position:absolute;width:20px;height:20px;font-size:11px;line-height:20px;font-weight:bold;overflow:hidden;text-align:center;border-radius:50%;color:#FFFFFF;z-index:1;background-color:#ACACAC;margin:-5px 0px 0px 10px;border:2px solid #FFFFFF; } #zahlavi .hodnoceni .img-n { width:20px;height:20px;margin:0px 5px 0px 0px;vertical-align:middle;position:relative;top:-1px; } #zahlavi .hodnoceni .img-a { width:20px;height:20px;margin:0px 5px 0px 0px;vertical-align:middle;position:relative;top:-1px;display:none; } #zahlavi .hodnoceni .popis { display:inline-block;vertical-align:middle; } #zahlavi .mena { font-size:90%;height:40px;line-height:40px;float:left;padding:0px 0px 19px 8px;color:#000000;font-weight:bold;text-decoration:none;margin:53px 0px 0px 0px; } #zahlavi .mena div { display:inline-block;width:20px;height:20px;line-height:20px;color:#FFFFFF;text-align:center;font-size:13px;float:left;margin:10px 2px 0px 0px;text-decoration:none; } #zahlavi .mena .mena-1 { position:relative; } #zahlavi .mena .mena-2 { position:relative;top:10px;left:-6px; } #zahlavi .mena .mena-a { background-color:#FF6C00;z-index:2;box-shadow:rgba(255,255,255,1) 0px 0px 1px;-webkit-box-shadow:rgba(255,255,255,1) 0px 0px 1px;-moz-box-shadow:rgba(255,255,255,1) 0px 0px 1px; } #zahlavi .mena .mena-n { background-color:#D0D0D0;z-index:1;color:#FFFFFF; } #zahlavi .hledat-m { display:none; } #zahlavi .hledat-d { width:349px;display:inline-block;padding:15px 0px 18px 0px;white-space:nowrap;float:left; } #zahlavi .hledat-d .oddeleni { display:inline-block;vertical-align:bottom;width:1px;height:29px;background-color:#E7E7E7;margin:0px 15px 0px 15px; } #zahlavi .hledat-d .odkaz { display:inline-block;vertical-align:bottom;height:15px;line-height:15px;font-size:15px;font-weight:bold;padding:5px 15px 5px 15px;margin:2px 0px 2px 0px;text-decoration:none; } #zahlavi .hledat-d .magazin-a { color:#FFFFFF;background-color:#008FD5; } #zahlavi .hledat-d .magazin-n { color:#008FD5;background-color:#FFFFFF; } #zahlavi .hledat-d .obchod-a { color:#FFFFFF;background-color:#FF6C00; } #zahlavi .hledat-d .obchod-n { color:#FF6C00;background-color:#FFFFFF; } #zahlavi .hledat-d .akademie-a { color:#FFFFFF;background-color:#36C377; } #zahlavi .hledat-d .akademie-n { color:#36C377;background-color:#FFFFFF; } #zahlavi .hledat-d form { padding:10px 0px 0px 0px;position:relative;z-index:197; } #zahlavi .hledat-d form input[type=text] { width:307px;line-height:22px;padding:8px 5px 8px 35px;border:1px solid #D7D7D7;background-color:#F7F7F7;background-image:url('/_v/s/amf/ico-hledat-n.svg');background-size:16px 16px;background-position:15px center;background-repeat:no-repeat; } #zahlavi .hledat-d .lb-stats { display:block;width:14px;height:14px;padding:4px;line-height:1;position:absolute;top:18px;left:324px;background-color:#F7F7F7; } #zahlavi .hledat-d .lb-stats img { opacity:0.6;width:14px;height:14px; } #zahlavi .hledat-d .ext { width:130px;height:40px;position:absolute;margin:0px 0px 0px 350px;display:none; } #zahlavi .hledat-d .ext .top { width:120px;height:38px;background-color:#F7F7F7;margin:0px 0px 0px -2px;position:relative;border:1px solid #D7D7D7;border-left-style:none; } #zahlavi .hledat-d .ext .top input { width:117px;font-size:20px;display:inline-block;line-height:20px;padding:7px 0px 7px 0px;text-align:center;background-color:#36C377;color:#FFFFFF;margin:2px 0px 0px 1px;border-style:none; } #zahlavi .hledat-d .ext .zavrit { width:120px;height:45px;opacity:0.8; } #zahlavi .hledat-d .ext .zavrit:hover { opacity:1; } #zahlavi .hledat-d .ext .zavrit img { width:25px;float:left;margin:10px 6px 0px 10px; } #zahlavi .hledat-d .ext .zavrit div { float:left;color:#FFFFFF;font-size:75%;line-height:15px;padding:6px 0px 0px 0px; } #zahlavi-stin { } #zahlavi-sipka { display:none; } .zahlavi-kosik { width:100%;height:70px !important;border:0px none #FFFFFF;position:sticky !important;top:0px;z-index:100; } .zahlavi-kosik .zk-login { width:100%;height:70px;background-color:#FFFFFF;border-bottom:1px solid #D7D7D7;line-height:1px;text-align:center; } .zahlavi-kosik .zk-login .login { width:100px;height:35px !important;margin:15px 0px 0px 0px !important;text-align:right; } .zahlavi-kosik .zk-login .login-form { margin:15px 0px 0px 0px !important;text-align:left; } .zahlavi-kosik .zk-login .zk-zpet { width:70px;height:70px;float:left;border-right:1px solid #D7D7D7;text-decoration:none;color:#000000; } .zahlavi-kosik .zk-login .zk-zpet:active { background-color:#F7F7F7; } .zahlavi-kosik .zk-login .zk-zpet img { width:18px;margin:13px 0px 5px 0px; } .zahlavi-kosik .zk-login .zk-zpet div { font-size:13px;line-height:13px; } .zahlavi-kosik .zk-login .zk-logo { width:260px;height:70px;display:block;float:left;font-size:13px;text-align:left;text-decoration:none; } .zahlavi-kosik .zk-login .zk-logo img { width:228px;height:32px;margin:12px 0px 8px 20px;vertical-align:middle; } .zahlavi-kosik .zk-login .zk-logo div { color:#FF6C00;font-size:13px;margin:0px 0px 0px 66px; } .zahlavi-kosik .zk-login .zk-telefon { width:220px;height:70px;line-height:70px;display:inline-block;margin:0px 0px 0px -165px; } .zahlavi-kosik .zk-login .zk-telefon img { width:48px;height:48px;float:left;margin:11px 6px 0px 0px; } .zahlavi-kosik .zk-login .zk-telefon .r1 { float:left;font-size:13px;line-height:13px;margin:11px 0px 0px 0px;font-weight:bold; } .zahlavi-kosik .zk-login .zk-telefon .r2 { float:left;font-size:20px;line-height:20px;margin:2px 0px 0px 0px;font-weight:bold;color:#00BB00;font-family:Ronnie2; } .zahlavi-kosik .zk-login .zk-telefon .r3 { float:left;font-size:11px;line-height:13px;margin:0px 0px 0px 0px; } .zahlavi-kosik .zk-kroky { width:100%;height:48px;line-height:46px;background-color:#F7F7F7;overflow:hidden;border-bottom:1px solid #D7D7D7;text-align:center;position:relative; } .zahlavi-kosik .zk-kroky .linka { display:inline-block;background:#f7f7f7 linear-gradient(to right,transparent 20px,#d7d7d7 20px,#d7d7d7 calc(100% - 20px),transparent calc(100% - 20px)) 0 calc(50% - 0px) / 100% 2px no-repeat; } .zahlavi-kosik .zk-kroky .krok { display:inline-block;transition:all 0.3s ease; } .zahlavi-kosik .zk-kroky .krok .mezera { display:inline-block;vertical-align:middle;padding:0px 5px 0px 5px;background-color:#F7F7F7;color:#ACACAC;margin:0px 0px 0px 0px; } .zahlavi-kosik .zk-kroky .krok .cislo { display:inline-block;width:28px;height:28px;line-height:28px;border-radius:50%;border:1px solid #D7D7D7;background-color:#FFFFFF;vertical-align:middle;text-align:center;font-weight:bold;color:#ACACAC; } .zahlavi-kosik .zk-kroky .krok .nazev { display:inline-block;vertical-align:middle;padding:0px 10px 0px 5px;background-color:#F7F7F7;color:#ACACAC;margin:0px 20px 0px 0px; } .zahlavi-kosik .zk-kroky .krok-hotovo .cislo { border:1px solid #00BB00;background-color:#00BB00;color:#FFFFFF; } .zahlavi-kosik .zk-kroky .krok-hotovo .nazev { color:#00BB00; } .zahlavi-kosik .zk-kroky .krok-aktivni .cislo{ border:1px solid #000000;color:#000000; } .zahlavi-kosik .zk-kroky .krok-aktivni .nazev{ color:#000000; } @media (max-width:1250px) { #zahlavi .hodnoceni .popis { display:none; } } @media (max-width:1190px) { #zahlavi .oblibene { padding:0px 8px 19px 8px; } #zahlavi .oblibene .popis { display:none; } } @media (max-width:1100px) { #zahlavi .login .uroven { padding:4px 0px 3px 0px; } } @media (max-width:1085px) { #zahlavi .logo { width:320px; } #zahlavi .logo img { width:240px;height:34px; } #zahlavi .logo .nazev-webu { font-size:13px;top:24px;left:78px; } } @media (max-width:1055px) { #zahlavi .kosik .popis { display:none; } } @media (max-width:1020px) { #zahlavi .hodnoceni { padding:0px 8px 19px 7px; } #zahlavi .oblibene { padding:0px 8px 19px 7px; } #zahlavi .kosik { padding:0px 8px 19px 7px; } #zahlavi .login { padding:0px 18px 19px 7px; } } @media (max-width:980px) { #zahlavi .logo { width:270px; } #zahlavi .logo img { width:210px;height:39px; } #zahlavi .logo .nazev-webu { font-size:12px;top:21px;left:72px; } #zahlavi .login .popis { display:none; } #zahlavi .login .uroven { width:20px;font-size:10px;line-height:11px;padding:1px 0px 2px 0px; } #zahlavi .login .uroven span { display:none; } } @media (max-width:860px) { #zahlavi .hodnoceni { padding:0px 4px 19px 4px; } #zahlavi .oblibene { padding:0px 4px 19px 4px; } #zahlavi .kosik { padding:0px 4px 19px 4px; } #zahlavi .login { padding:0px 14px 19px 4px; } #zahlavi .logo { width:240px; } #zahlavi .logo img { width:190px;height:39px; } #zahlavi .logo .nazev-webu { font-size:12px;top:21px;left:68px; } #zahlavi .login .popis { display:none; } } @media (max-width:800px) { #zahlavi { height:64px;position:fixed;overflow:hidden;z-index:100; } #zahlavi .logo { width:200px;height:64px;line-height:64px;padding:0px 19px 0px 16px;position:absolute; } #zahlavi .logo img { width:200px;height:28px;margin:-10px 0px 0px 0px; } #zahlavi .logo .nazev-webu { font-size:11px;top:18px;left:56px; } #zahlavi .menu { width:24px;height:64px;line-height:64px;display:block;float:right;padding:0px 16px 0px 16px;border-left:1px solid #E7E7E7;position:relative; } #zahlavi .menu .uzivatel-prihlasen { width:16px;height:16px;position:absolute;overflow:hidden;z-index:1;margin:28px 0px 0px 16px;background-image:url('/_v/s/om/ico-menu-user-1.png');background-size:16px; } #zahlavi .menu .img-n { width:24px;height:15px;vertical-align:middle;position:relative;top:-1px; } #zahlavi .menu .img-a { width:24px;height:15px;vertical-align:middle;position:relative;top:-1px;display:none; } #zahlavi .menu .admin { width:10px;height:10px;vertical-align:middle;position:absolute;z-index:1;margin:12px 0px 0px -5px; } #zahlavi .menu .uroven { width:54px;font-weight:bold;font-size:11px;line-height:11px;padding:1px 0px 1px 0px;position:absolute;bottom:1px;left:1px;background-color:#FF6C00;color:#FFFFFF;text-decoration:none;text-align:center;white-space:nowrap; } #zahlavi .menu .uroven span { font-weight:normal;font-size:9px; } #zahlavi .login { display:none; } #zahlavi .kosik { height:64px;line-height:64px;display:block;padding:0px 24px 0px 12px;margin:0px 0px 0px 0px; } #zahlavi .kosik .zbozi-v-kosiku { margin:12px 0px 0px 10px; } #zahlavi .kosik .pocet-kosiku { margin:12px 0px 0px -10px; } #zahlavi .kosik .img-n { width:20px;height:19px;margin:0px 0px 0px 0px;top:-1px; } #zahlavi .kosik .img-a { width:20px;height:19px;margin:0px 0px 0px 0px;top:-1px; } #zahlavi .kosik .popis { display:none; } #zahlavi .oblibene { height:64px;line-height:64px;padding:0px 12px 0px 12px;margin:0px 0px 0px 0px; } #zahlavi .oblibene .zbozi-v-oblibenych { width:18px;height:18px;font-size:10px;line-height:18px;margin:12px 0px 0px 10px; } #zahlavi .oblibene .img-n { width:24px;height:23px;margin:0px 0px 0px 0px; } #zahlavi .oblibene .img-a { width:24px;height:23px;margin:0px 0px 0px 0px; } #zahlavi .oblibene .popis { display:none; } #zahlavi .hodnoceni { height:64px;line-height:64px;padding:0px 12px 0px 12px;margin:0px 0px 0px 0px; } #zahlavi .hodnoceni .zbozi-pro-hodnoceni{ width:18px;height:18px;font-size:10px;line-height:18px;margin:12px 0px 0px 10px; } #zahlavi .hodnoceni .img-n { width:20px;height:20px;margin:0px 0px 0px 0px; } #zahlavi .hodnoceni .img-a { width:20px;height:20px;margin:0px 0px 0px 0px; } #zahlavi .hodnoceni .popis { display:none; } #zahlavi .mena { height:64px;line-height:64px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;position:absolute;top:0px;left:230px; } #zahlavi .mena div { margin:20px 2px 0px 0px; } #zahlavi .hledat-m { height:64px;line-height:64px;display:block;float:right;padding:0px 12px 0px 12px; } #zahlavi .hledat-m .img-n { width:20px;height:20px;vertical-align:middle;position:relative;top:-1px; } #zahlavi .hledat-m .img-a { width:20px;height:20px;vertical-align:middle;position:relative;top:-1px;display:none; } #zahlavi .hledat-d { display:none; } .web-a #zahlavi .hledat-m { padding:0px 18px 0px 12px; } #zahlavi .menu:active { opacity:0.5; } #zahlavi .kosik:active { opacity:0.5; } #zahlavi .oblibene:active { opacity:0.5; } #zahlavi .hledat:active { opacity:0.5; } #zahlavi .logo:active { opacity:0.5; } #zahlavi-stin { width:100%;height:64px;overflow:hidden;border-bottom:1px solid #E7E7E7; } #zahlavi-sipka { display:block;text-align:right; } #zahlavi-sipka img { width:15px;height:13px;position:fixed;z-index:99; } #zahlavi-sipka .menu { margin:-13px 0px 0px -035px; } #zahlavi-sipka .kosik { margin:-13px 0px 0px -098px; } #zahlavi-sipka .oblibene { margin:-13px 0px 0px -144px; } #zahlavi-sipka .hledat { margin:-13px 0px 0px -192px; } .web-a #zahlavi-sipka .hledat { margin:-13px 0px 0px -094px; } } @media (max-width:540px) { #zahlavi .logo { width:140px;height:64px; } #zahlavi .logo img { width:140px;height:20px; } #zahlavi .logo .nazev-webu { font-size:10px;top:14px;left:44px; } #zahlavi .kosik { padding:0px 20px 0px 10px; } #zahlavi .oblibene { padding:0px 10px 0px 10px; } #zahlavi .hodnoceni { padding:0px 10px 0px 10px; } #zahlavi .mena { left:170px; } #zahlavi .mena div { margin:18px 2px 0px 0px; } #zahlavi .hledat-m { padding:0px 10px 0px 10px; } #zahlavi-sipka .kosik { margin:-13px 0px 0px -095px; } #zahlavi-sipka .oblibene { margin:-13px 0px 0px -136px; } #zahlavi-sipka .hledat { margin:-13px 0px 0px -180px; } } @media (max-width:450px) { #zahlavi .kosik { padding:0px 16px 0px 7px; } #zahlavi .oblibene { padding:0px 7px 0px 7px; } #zahlavi .hodnoceni { padding:0px 7px 0px 7px; } #zahlavi .hledat-m { padding:0px 7px 0px 7px; } #zahlavi-sipka .kosik { margin:-13px 0px 0px -089px; } #zahlavi-sipka .oblibene { margin:-13px 0px 0px -124px; } #zahlavi-sipka .hledat { margin:-13px 0px 0px -163px; } } @media (max-width:430px) { #zahlavi .logo { width:120px;height:64px; } #zahlavi .logo img { width:120px;height:17px; } #zahlavi .logo .nazev-webu { font-size:10px;top:13px;left:40px; } #zahlavi .kosik { padding:0px 18px 0px 7px; } #zahlavi .oblibene { padding:0px 7px 0px 7px; } #zahlavi .hodnoceni { padding:0px 9px 0px 7px; } #zahlavi .mena { left:145px; } #zahlavi .mena div { margin:18px 2px 0px 0px;width:18px;height:18px;line-height:18px;font-size:12px; } #zahlavi .hledat-m { padding:0px 7px 0px 7px;position:relative;z-index:4; } #zahlavi .kosik .img-n { width:18px;height:17px; } #zahlavi .kosik .img-a { width:18px;height:17px; } #zahlavi .oblibene .img-n { width:22px;height:21px; } #zahlavi .oblibene .img-a { width:22px;height:21px; } #zahlavi .hodnoceni .img-n { width:18px;height:18px; } #zahlavi .hodnoceni .img-a { width:18px;height:18px; } #zahlavi .hledat-m .img-n { width:19px;height:19px; } #zahlavi .hledat-m .img-a { width:19px;height:19px; } } @media (max-width:390px) { #zahlavi .hodnoceni { display:none; } } @media (max-width:359px) { #zahlavi .oblibene { padding:0px 3px 0px 3px; } #zahlavi .mena { left:140px; } #zahlavi .mena .mena-2 { position:relative;top:17px;left:-15px; } #zahlavi .hledat-m { padding:0px 3px 0px 3px; } } @media (max-width:901px) { .fix #zahlavi .hledat-d { width:329px; } .fix #zahlavi .hledat-d form input[type=text] { width:287px; } .fix #zahlavi .hledat-d .ext { margin:0px 0px 0px 330px; } .fix .naseptavac { width:327px; } } @media (min-width:801px) { .fix #zahlavi { position:fixed;height:60px;background-color:#F7F7F7;z-index:298;overf1low:hidden; } .fix #zahlavi .login { height:27px;overflow:hidden;margin:8px 0px 0px 0px; } .fix #zahlavi .login .uroven { font-size:11px;line-height:11px;padding:2px 0px 2px 0px;margin:-11px 0px 0px 0px; } .fix #zahlavi .kosik { height:27px;overflow:hidden;margin:14px 0px 0px 0px; } .fix #zahlavi .oblibene { height:27px;overflow:hidden;margin:14px 0px 0px 0px; } .fix #zahlavi .hodnoceni { height:27px;overflow:hidden;margin:14px 0px 0px 0px; } .fix #zahlavi .mena { height:40px;line-height:40px;padding:6px 0px 14px 8px;margin:0px 0px 0px 0px; } .fix #zahlavi .hledat-d { padding:0px 0px 10px 0px; } .fix #zahlavi .hledat-d .oddeleni { display:none; } .fix #zahlavi .hledat-d .odkaz { display:none; } .fix #zahlavi .hledat-d form .q { background-color:#FFFFFF; } .fix #zahlavi .hledat-d .ext .zavrit { margin-top:10px; } .fix #zahlavi .logo { width:240px;height:60px;line-height:60px;padding:0px 30px 0px 0px; } .fix #zahlavi .logo img { width:210px;height:30px;position:relative;top:-2px; } .fix #zahlavi .logo .nazev-webu { font-size:12px;top:17px;left:72px; } .fix #zahlavi-stin { width:100%;height:114px;overflow:hidden;border-bottom:1px solid #E7E7E7; } } /********************** naseptavac **********************/ .naseptavac { width:347px;position:absolute;z-index:199;margin-top:3px;background-color:#FFFFFF;border:1px solid #E7E7E7;background-color:#FFFFFF;box-shadow:rgba(0,0,0,0.25) 0px 6px 6px;-webkit-box-shadow:rgba(0,0,0,0.25) 0px 6px 6px;-moz-box-shadow:rgba(0,0,0,0.25) 0px 6px 6px; } .naseptavac .start { padding:8px 10px 8px 20px;color:#ACACAC;font-style:italic;background-color:#E7E7E7; } .naseptavac h2 { margin:0px;padding:7px 0px 7px 10px;border-bottom:1px solid #E7E7E7; } .naseptavac .kde { font-weight:bold;color:#ACACAC;border-bottom:1px solid #E7E7E7;padding:0px 10px 0px 10px;background-color:#F7F7F7; } .naseptavac a { width:inerhit;display:block;clear:both;text-decoration:none;padding:7px 10px 7px 10px;overflow:hidden;border-bottom:1px solid #E7E7E7; } .naseptavac a:hover { background-color:#E7E7E7; } .naseptavac .sklad-ano { color:#000000; } .naseptavac .sklad-ano .q { background-color:#FFEA78;color:#000000;padding:0px 0px 0px 0px;border-radius:2px; } .naseptavac .sklad-ano:hover .q { background-color:#CCCCCC; } .naseptavac .sklad-ne { color:#ACACAC; } .naseptavac .sklad-ne .q { background-color:#E7E7E7;color:#ACACAC;padding:0px 0px 0px 0px;border-radius:2px; } .naseptavac .sklad-ne:hover .q { background-color:#CCCCCC; } .naseptavac .sklad-ne .img img { opacity:0.4; } .naseptavac .hover { background-color:#E7E7E7; } .naseptavac .hover .q { background-color:#CCCCCC; } .naseptavac .produkt { height:50px; } .naseptavac .znacka { height:32px; } .naseptavac .kategorie { height:24px; } .naseptavac .clanek { height:24px; } .naseptavac .produkt .img { width:50px;float:left;margin:0px 7px 0px 0px; } .naseptavac .znacka .img { width:70px;float:left;margin:0px 12px 0px 0px;height:32px;background-repeat:no-repeat;background-size:contain;background-position:center center;overflow:hidden; } .naseptavac .kategorie .img { width:16px;float:left;margin:2px 6px 0px 0px; } .naseptavac .clanek .img { width:16px;float:left;margin:1px 7px 0px 0px; } .naseptavac .produkt .img img { max-width:50px;max-height:50px; } .naseptavac .kategorie .img img { width:16px;height:12px;opacity:0.6; } .naseptavac .clanek .img img { width:16px;height:22px;opacity:0.6; } .naseptavac .produkt .nadpis { width:inerhit;line-height:1.2;margin:5px 0px 3px 0px;overflow:hidden;text-overflow:ellipsis; } .naseptavac .znacka .nadpis { width:inerhit;line-height:1.2;margin:0px 0px 0px 0px;overflow:hidden;text-overflow:ellipsis; } .naseptavac .kategorie .nadpis { width:inerhit;line-height:1.2;margin:3px 0px 2px 0px;overflow:hidden;text-overflow:ellipsis; } .naseptavac .clanek .nadpis { width:inerhit;line-height:1.2;margin:3px 0px 2px 0px;overflow:hidden;text-overflow:ellipsis; } .naseptavac .produkt .popis { width:inerhit;font-size:75%;line-height:1.2;margin:0px 0px 0px 0px;overflow:hidden;text-overflow:ellipsis;color:#ACACAC; } .naseptavac .znacka .popis { width:inerhit;font-size:75%;line-height:1.2;margin:0px 0px 0px 0px;overflow:hidden;text-overflow:ellipsis;color:#ACACAC;} .naseptavac .kategorie .popis { display:none; } .naseptavac .clanek .popis { display:none; } .naseptavac .vsechny { display:block;font-size:75%;line-height:34px;border-bottom:1px solid #E7E7E7;padding:0px 10px 0px 10px;background-color:#F7F7F7;text-align:right;color:#ACACAC;text-decoration:none; } .naseptavac .vsechny img { height:12px;float:right;margin:12px 5px 0px 7px; } .naseptavac .akademie { white-space:normal; } .naseptavac .akademie .nadpis { width:inerhit;line-height:1.2;margin:5px 0px 3px 0px;color:#000000;text-decoration:underline;font-weight:bold; } .naseptavac .akademie .upoutavka { width:inerhit;line-height:1.2;margin:5px 0px 3px 0px;color:#ACACAC;font-size:75%; } .naseptavac .akademie .q { background-color:#FFEA78; } /********************** luigisbox naseptavac **********************/ .luigi-ac-hero>div { box-shadow:rgba(0,0,0,0.45) 0px 0px 10px; } /* hlavni obal */ .luigi-ac-hero .luigi-ac-ribbon { height:6px !important;background:#FF6C00 !important; } /* horni linka */ .luigi-ac-hero .luigi-ac-caret { background:#FF6C00 !important; } /* sipka k inputu */ .luigi-ac-header { font-size:23px;line-height:23px;height:23px !important;font-weight:bold;color:#FF6C00 !important; } /* nadpisy */ .luigi-ac-hero .luigi-ac-close { right:14px;top:14px;width:30px;height:30px;padding:0px !important; } /* zaviraci krizek */ .luigi-ac-hero .luigi-ac-close:hover { background-color:#ECECEC; } /* zaviraci krizek */ .luigi-ac-button { background-color:#FF6C00 !important;transition:all 0.2s ease !important; } /* tlačítko Zobrazit všechny produkty */ .luigi-ac-button:hover { background-color:#DF5F00 !important; } /* tlačítko Zobrazit všechny produkty */ .luigi-ac-footer { opacity:0.5; } /* paticka luigisbox */ .luigi-ac-hero .luigi-ac-highlight { background-color:#FFEA78 !important; } /* highlight */ .luigi-ac-item { padding-top:3px !important;padding-bottom:3px !important;margin:0px !important; } /* výsledky - vsechny - jednotlive radky */ .luigi-ac-item { transition:all 0.2s ease !important; } /* výsledky - vsechny - jednotlive radky */ .luigi-ac-availability--0 { opacity:0.4 !important; } /* výsledky - vsechny - pokud zboží není skladem */ .luigi-ac-availability--0 .luigi-ac-image::before { content:'NENÍ SKLADEM';display:inline-block;position:absolute;bottom:5px;left:50%;transform:translateX(-50%);z-index:5;background-color:#808080;color:#ffffff;padding:4px 8px 4px 8px;text-align:center;font-size:11px;line-height:11px;font-weight:bold; } .luigi-ac-others { background-color:#F7F7F7 !important; } /* výsledky - ostatní - obal (fráze, kategorie, články, značky) */ .luigi-ac-item .luigi-ac-other-content { font-size:17px !important; } /* výsledky - ostatní - polozky */ .luigi-ac-query { } /* výsledky - ostatní - fráze */ .luigi-ac-query .luigi-ac-item { background-color:#FF6C00 !important;line-height:21px !important;padding:0px 6px 2px 6px !important; } /* výsledky - ostatní - fráze (položky) */ .luigi-ac-query .luigi-ac-item:hover { background-color:#DF5F00 !important; } /* výsledky - ostatní - fráze (položky) */ .luigi-ac-main { } /* výsledky - produkty - obal */ .luigi-ac-product { padding:10px 10px 10px 10px !important; } /* výsledky - produkt */ .luigi-ac-product:nth-child(2) { border-bottom:1px solid #ECECEC;border-right:1px solid #ECECEC; } /* výsledky - produkt - 1. vpravo */ .luigi-ac-product:nth-child(3) { border-bottom:1px solid #ECECEC; } /* výsledky - produkt - 2. vpravo */ .luigi-ac-product:nth-child(4) { border-bottom:1px solid #ECECEC;border-right:1px solid #ECECEC; } /* výsledky - produkt - 3. vpravo */ .luigi-ac-product:nth-child(5) { border-bottom:1px solid #ECECEC; } /* výsledky - produkt - 4. vpravo */ .luigi-ac-product:nth-child(6) { border-right:1px solid #ECECEC; } /* výsledky - produkt - 5. vpravo */ .luigi-ac-product:nth-child(7) { } /* výsledky - produkt - 6. vpravo */ .luigi-ac-product:last-child { border:0px none #FFFFFF; } /* výsledky - produkt - TOP vpravo */ .luigi-ac-product:last-child .luigi-ac-name { font-size:20px !important;line-height:25px;height:50px;margin:0px !important; } /* výsledky - produkt - TOP vpravo (název) */ .luigi-ac-product:last-child .luigi-ac-image { margin-bottom:0px !important; } /* výsledky - produkt - TOP vpravo (obrázek) */ .luigi-ac-image { font-size:10px !important;line-height:12px !important;text-align:center !important;position:relative; } /* výsledky - produkt - obrazky (kvůli alternativním textům) */ .luigi-ac-text { font-size:10px !important; } /* výsledky - produkt - texty (obal) */ .luigi-ac-text .luigi-ac-name { font-size:17px !important;line-height:21px !important;height:42px !important; } /* výsledky - produkt - texty (nazev produktu) */ .luigi-ac-text .luigi-ac-attrs { margin:2px 0px 0px 0px !important;padding:0px !important; } /* výsledky - produkt - texty (znacka a kategorie, obal) */ .luigi-ac-attrs .luigi-ac-attr { display:block !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } /* vysledky - produkt - texty (kategorie a znacka) */ .luigi-ac-attrs .luigi-ac-attr--brand { width:100%;height:17px;font-size:13px !important;font-weight:normal !important;color:#000000 !important; } /* vysledky - produkt - texty (znacka) */ .luigi-ac-attrs .luigi-ac-attr--main_category_lvl_2 { width:100%;height:17px;font-size:13px !important;font-weight:normal !important;color:#ACACAC !important; } /* vysledky - produkt - texty (kategorie) */ .luigi-ac-price { display:none !important; } /* produkt - cena */ .luigi-ac-product:nth-child(7) .luigi-ac-name{ font-size:17px !important; } /* hack / výsledky - produkt - texty (nazev produktu) - pro 6. produkt */ @media (max-width:1020px) { .luigi-ac-others { padding-bottom:10px !important;background-color:#F7F7F7 !important; } /* výsledky - ostatní - obal (fráze, kategorie, články, značky) */ .luigi-ac-item { padding-top:1px !important;padding-bottom:1px !important; } /* výsledky - ostatní - jednotlive radky */ .luigi-ac-item .luigi-ac-other-content { font-size:15px !important; } /* výsledky - ostatní - polozky */ .luigi-ac-products { padding:0px !important;margin:0px !important; } /* výsledky - produkty - obal */ .luigi-ac-rest-main { padding:0px !important;margin:0px !important; } /* výsledky - produkty - obal vnitrni */ .luigi-ac-main .luigi-ac-header { height:auto !important;padding:5px 5px 5px 10px !important;border-bottom:1px solid #ECECEC !important; } /* nadpis "nalezene produkty" */ .luigi-ac-product { padding:0px 10px 0px 10px !important;border:1px solid #ECECEC !important;border-width:0px 0px 1px 0px !important; } /* výsledky - produkt */ .luigi-ac-product .luigi-ac-image { padding:15px 0px 15px 0px !important;height:auto !important; } /* vysledky - produkt - obrazek */ .luigi-ac-product .luigi-ac-image img { width:60px !important;height:60px !important; } /* vysledky - produkt - obrazek */ .luigi-ac-text { } /* výsledky - produkt - texty */ .luigi-ac-text .luigi-ac-name { font-size:15px !important;height:auto !important;white-space:normal !important; } /* výsledky - produkt - texty (nazev produktu) */ .luigi-ac-product:last-child .luigi-ac-name { font-size:15px !important; } /* hack / výsledky - produkt - texty (nazev produktu) - pro 6. produkt */ .luigi-ac-product:nth-child(7) .luigi-ac-name{ font-size:15px !important; } /* hack / výsledky - produkt - texty (nazev produktu) - pro 7. produkt */ .luigi-ac-footer { display:none !important; } /* hack / paticka luigisbox */ } @media (max-width:800px) { .luigi-ac-hero>div { margin-top:-3px !important; } /* hlavni obal */ } /********************** luigisbox vyhledavani **********************/ #vysledky-luigis-box { min-height:200px; } /* hlavni pole pro vyhledavani */ #vysledky-luigis-box .lb-loading { background-color:#FAFAFA;margin:0px 20px 0px 20px;line-height:1; } /* pole loading */ #vysledky-luigis-box .lb-loading div { min-height:150px;padding:20px 0px 0px 20px;text-align:center;color:#ACACAC;opacity:0.5; } /* jeho vnitrek */ .lb-search { margin:0px 0px 0px 0px;padding:0px;font-family:Ronnie !important; } /* hlavni pole vyhledavani */ .lb-search #results-scroll-to { position:absolute;top:0px; } /* zalozka pro scrollovani */ .lb-search .lb-search__aside { width:calc(100% / 6) !important;background-color:#F7F7F7;padding:10px 20px 10px 20px; } /* leve pole filtru */ .lb-search .lb-search__main { width:calc(100% / 6 * 5) !important;padding:0px 0px 0px 0px !important;line-height:30px !important; } /* prave pole vysledku */ .lb-search .lb-search__main-0 { width:100% !important; } /* prave pole vysledku, kdyz je nalezeno 0 produktu */ .lb-search .lb-aside-heading { font-size:21px !important;margin:0px; } /* leve pole filtru - zahlavi */ .lb-search .lb-aside-border { border:0px none #FFFFFF !important; } /* leve pole filtru - vsechny filtry */ .lb-aside-section { border:1px solid #F7F7F7;padding:0px 0px 20px 0px !important; } /* pole jednotlivych filtru */ .lb-facets { padding:0px !important; } /* pole filtru znacka a kategorie */ .lb-active-filters { padding:0px 0px 10px 0px; } /* pole aktivnich filtru */ .lb-active-filters .lb-facet__header { padding:0px !important;margin:0px !important; } /* jejich zahlavi */ .lb-active-filters .lb-facet__cancel { position:absolute;top:22px;right:0px; } /* zrusit filtry */ .lb-active-filters .lb-active-filter { display:inline-block;max-width:100%;line-height:23px !important;border:1px solid #CCCCCC;background-color:#ECECEC;color:#888888;border-radius:5px;padding:0px 22px 0px 6px !important;margin:0px 5px 5px 0px !important;background-image:url('/_v/s/om/ico-close-s.png');background-size:9px;background-repeat:no-repeat;background-position:right 6px center; } /* aktivni filtr */ .lb-active-filters .lb-active-filter div { font-size:15px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } /* vnitrek aktivniho filtru */ .lb-active-filters .lb-active-filter::after { content:'' !important;position:relative;right:0px;top:0px; } /* puvodni zaviratko aktivniho filtru */ .lb-facet--multichoice { padding:0px !important; } /* pole vicevyberu */ .lb-facet--multichoice .lb-facet__header { margin:10px 0px 0px 0px !important; } /* zahlavi */ .lb-facet--multichoice .lb-facet__header .lb-facet__title::after { display:inline-block;border:1px solid #CCCCCC;background-color:#ECECEC;color:#888888;border-radius:5px; } /* sbal nebo rozbal */ .lb-facet--multichoice .lb-facet__search { display:none; } /* pole vyhledavani ve vicevyberu */ .lb-facet--multichoice .lb-facet__list div { width:100%; } /* jednotlive radky filtru */ .lb-facet--multichoice .lb-facet__list .lb-checkbox__text { width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } /* text v jednotlivych radcich filtru */ .lb-facet--multichoice .lb-facet__list .lb-facet__more { margin:0px;display:inline;padding:0px 0px 0px 25px;font-weight:bold; } /* zobraz dalsi */ .lb-no-results { width:100% !important;background-color:transparent !important;padding:0px !important; } /* nic nenalezeno */ .lb-no-results .lb-hlaska { margin:0px 16px 0px 16px;font-size:17px !important; } /* obal infohlasky */ .lb-top-items { padding:0px !important; } /* pole Mohlo by vas zajimat (kdyz nic nenajde) */ .lb-top-items h2 { font-weight:bold !important;margin:0px 0px 0px 16px !important; } /* nadpis Mohlo by vas zajimat */ .lb-top-items .lb-top-items__results h3 { display:none; } /* podnadpis */ .lb-top-items .lb-top-items__results .lb-results { } /* pole vysledku */ .lb-top-items .lb-top-items__results .lb-results .vypis-zbozi-norm { text-align:left; } /* pole vysledku */ .lb-top-items .lb-top-items__results .lb-results .vypis-zbozi-norm .polozka { width:calc(100% / 6 - 5px);left:14px; } /* zbozi */ .lb-search__main .lb-error__title { margin:0px 20px 0px 20px;font-size:17px; } /* chybova hlaska na chybove strance */ .lb-search__main .lb-error__title p { margin:0px 0px 0px 0px; } /* odstavec */ .lb-search__main .lb-error__title .error-diagnostics { margin:0px !important;padding:0px !important; } /* detaily chyb */ .lb-search__main .lb-error__title .error-diagnostics-show-button { margin:0px !important;padding:0px !important; } /* detaily chyb */ .lb-search__main .lb-additional-results { } /* pole Mohlo by vas zajimat (doplneni vysledku) */ .lb-search__main .lb-additional-results h2 { font-weight:bold;font-size:28px;margin:0px 0px 0px 20px; } /* nadpis Mohlo by vas zajimat */ .lb-search__main .lb-additional-results .lb-results { } /* pole vysledku */ .lb-search__main .lb-additional-results .lb-results .vypis-zbozi-norm { text-align:left; } /* pole vysledku */ .lb-search__main .lb-additional-results .lb-results .vypis-zbozi-norm .polozka { width:calc(100% / 5 - 5px);left:14px; } /* zbozi */ .lb-search__main .lb-search__headline { margin:0px 20px 0px 20px !important;font-size:21px !important;float:left;clear:none; } /* info o nalezenych vysledcich */ .lb-search__main .lb-search__headline .lb-search__query { color:#000 !important;font-style:italic !important;font-weight:bold; } /* a v nem hledany vyraz */ .lb-search__main .lb-search__corrected-query { margin:10px 20px 0px 20px !important;font-size:17px !important;color:#808080; } /* info o uprave hledane fraze */ .lb-search__main .lb-search__corrected-query span { font-style:italic; } /* a v ni hledany vyraz */ .lb-search__main .lb-query-understanding { margin:10px 20px 0px 20px !important;border:1px dotted blue; } /* */ .lb-search__main .lb-search__button-and-sorting { margin:-10px 20px 0px 20px !important;line-height:21px !important;float:right; } /* pole s nadpisem "Vysledky pro vyraz" a razenim */ .lb-search__main .lb-results__heading { margin:25px 0px 0px 0px !important;font-size:17px !important; } /* nadpis "Nalezené produkty" */ .lb-search__main .lb-sorts { height:auto !important;line-height:17px !important; } /* razeni - cele pole */ .lb-search__main .lb-sorts .lb-sorts__title { font-size:17px !important;text-align:right;padding:0px 8px 0px 0px !important;margin:0px !important; } /* razeni - nadpis pred */ .lb-search__main .lb-sorts select { border:1px none #FFF !important;padding:5px 10px 5px 10px !important;background-color:#ECECEC !important; } /* razeni - select */ .lb-search__main .lb-sorts select option { font-family:'Ronnie','Arial' !important;font-size:17px; } /* razeni - option */ .lb-quick-searches { margin:20px 20px -15px 20px !important;background-color:transparent !important;line-height:30px; } /* nalezene kategorie a znacky - obal */ .lb-quick-searches .lb-quick-searches__headings { display:block !important;border:0px solid #FFFFFF !important; } /* nalezene kategorie a znacky - obal nadpisu */ .lb-quick-searches .lb-quick-searches__heading { padding:0px !important;margin:0px !important;font-size:17px !important; } /* nalezene kategorie a znacky - nadpis "Nalezene kategorie/znacky" */ .lb-quick-searches .lb-quick-search-default__heading { padding:0px !important;margin:0px !important;font-size:17px !important; } /* nalezene kategorie a znacky - nadpis "Nalezene kategorie/znacky" v Mohlo by Vas zajimat */ .lb-quick-search-default { } /* nalezene kategorie a znacky - vysledky - obal */ .lb-quick-search-default .lb-quick-search-default__list { padding:0px !important;border:0px solid #FFFFFF !important; } /* nalezene kategorie a znacky - vysledky - obal vnitrni */ .lb-quick-search-default .lb-quick-search-default__item { margin:0px 5px 5px 0px !important;background-color:#ECECEC; } /* nalezene kategorie a znacky - vysledky - obal nalezeneho vysledku */ .lb-quick-search-default .lb-quick-search-default__item::after { } /* nalezene kategorie a znacky - vysledky - sipka */ .lb-quick-search-default .lb-quick-search-default__item-title { font-size:17px !important; } /* nalezene kategorie a znacky - vysledky - vnitrni obal textu nalezeneho vysledku */ .lb-search__main .vypis-zbozi-norm { left:-2px;padding:20px 0px 0px 0px;margin:0px 5px 15px 5px; } .lb-search__main .vypis-zbozi-norm .polozka { width:calc(100% / 5 - 5px);left:14px; } .lb-search__main .vypis-zbozi-norm .polozka .zbozi { width:100%; } .lb-search__main .vypis-zbozi-norm .polozka .zbozi .obsah .in .nazev { max-height:84px; } @media (max-width:1085px) { .lb-search__main .vypis-zbozi-norm .polozka .zbozi .obsah .in .nazev { font-size:17px;padding:10px 0px 0px 0px;max-height:96px; } } @media (max-width:1000px) { .lb-search .lb-search__aside { width:calc(100% / 5) !important; } .lb-search .lb-search__main { width:calc(100% / 5 * 4) !important; } .lb-search__main .vypis-zbozi-norm .polozka { width:calc(100% / 4 - 4px);height:320px; } } @media (max-width:900px) { .lb-search .lb-search__aside { width:calc(100% / 4) !important; } .lb-search .lb-search__main { width:calc(100% / 4 * 3) !important; } .lb-search__main .vypis-zbozi-norm .polozka { width:calc(100% / 3 - 4px);height:320px; } } @media (max-width:766px) { .lb-search .lb-search__aside { } .lb-search .lb-search__main { width:100% !important; } .lb-search__main .vypis-zbozi-norm .polozka { width:calc(100% / 3 - 4px);height:320px; } } @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) !important;height:auto !important;display:block;margin-top:0px; } /* tohle tomu pomohlo */ .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; } } .lb-pagination { } /* strankovani - obal */ .lb-pagination .lb-pagination__pager { line-height:30px !important; } /* strankovani - obal radku cisel stranek */ .lb-pagination .lb-pagination_page { min-width:30px;background-color:#E7E7E7 !important;top:0px !important;display:block;padding:5px !important;height:auto !important;margin:0px 3px 0px 3px !important;vertical-align:middle !important; } /* cisla stranek a sipky */ .lb-pagination .lb-pagination__btn { background-color:#FF6C00 !important;padding:12px 30px 12px 30px !important;font-weight:normal !important;width:auto !important; } /* tlacitko Nacist dalsi */ .lb-pagination .lb-pagination_page--disabled { opacity:0.3 !important; } /* neaktivni tlacitko */ .lb-pagination .lb-pagination_page--active { background-color:#888888 !important;color:#FFFFFF;font-weight:bold; } /* aktivni tlacitko */ .lb-pagination .lb-pagination__info { color:#ACACAC !important; } /* info o cisle stranky a jejich poctu celkem */ /********************** zahlavi-pod-m **********************/ #zahlavi-pod-m { display:none; } @media (max-width:800px) { #zahlavi-pod-m { display:block;position:relative;z-index:97; } #zahlavi-pod-m .menu-v-menu { width:100%;display:none;padding:0px;text-align:left;position:absolute;right:0px;min-width:320px;max-width:360px;border-bottom:1px solid #FFFFFF;box-shadow:rgba(0,0,0,0.25) 0px 6px 6px;-webkit-box-shadow:rgba(0,0,0,0.25) 0px 6px 6px;-moz-box-shadow:rgba(0,0,0,0.25) 0px 6px 6px; } #zahlavi-pod-m .menu-v-obsahu { display:block;padding:0px;text-align:left;position:relative;top:0px;min-width:280px; } #zahlavi-pod-m .menu { } #zahlavi-pod-m .menu .polozka { display:block;text-decoration:none;color:#000000;line-height:44px;background-color:#F7F7F7;border-bottom:1px solid #E7E7E7;background-repeat:no-repeat;background-size:7px; } #zahlavi-pod-m .menu .polozka .ico { width:15px;height:21px;position:relative;top:5px;margin-right:5px; } #zahlavi-pod-m .menu .polozka .user { width:17px;height:17px;position:relative;top:2px;margin-right:4px; } #zahlavi-pod-m .menu .polozka .stitek-z { font-size:11px;line-height:14px;background-color:#00BB00;color:#FFFFFF;font-weight:bold;display:inline-block;padding:0px 4px 0px 4px;border-radius:3px; } #zahlavi-pod-m .menu .polozka:active { color:#36C377; } #zahlavi-pod-m .menu .pismeno { display:none; } #zahlavi-pod-m .menu .prihlasen { color:#36C377;font-weight:bold; } #zahlavi-pod-m .menu .filtr-d { display:none; } #zahlavi-pod-m .menu .filtr-m { background-color:#F7F7F7;height:45px;overflow:hidden; } #zahlavi-pod-m .menu .filtr-m .d0 { width:65px;float:left;padding:0px; } #zahlavi-pod-m .menu .filtr-m .d1 { width:calc(100% - 65px);float:left;padding:0px;line-height:44px; } #zahlavi-pod-m .menu .filtr-m .d1 a { width:calc(100% / 5 - 2px);float:left;text-decoration:none;text-align:center;border-left:1px solid #E7E7E7; } #zahlavi-pod-m .menu .filtr-m .d1 a div { text-align:center;line-height:12px; } #zahlavi-pod-m .menu .filtr-m .d1 a div img { width:15px;height:12px;position:absolute;margin:-12px 0px 0px -8px; } #zahlavi-pod-m .menu .filtr-m .d1 .akt { color:#FFFFFF;background-color:#36C377; } #zahlavi-pod-m .menu .filtr-m .d1 .pas { color:#36C377;background-color:#F7F7F7; } #zahlavi-pod-m .menu .firsthide { display:none; } #zahlavi-pod-m .menu .oddeleni { clear:both;border-top:2px solid #E7E7E7;margin:0px 0px -1px 0px;position:relative;top:-1px; } #zahlavi-pod-m .menu .level0 { padding:0px 0px 0px 45px; } #zahlavi-pod-m .menu .level1 { padding:0px 0px 0px 65px; } #zahlavi-pod-m .menu .level2 { padding:0px 0px 0px 85px; } #zahlavi-pod-m .menu .s { color:#808080; } #zahlavi-pod-m .menu .s-tam { background-image:url('/_v/s/oms/ico-01c-right.png');background-position:right 20px top 16px; } #zahlavi-pod-m .menu .s-zpet { background-image:url('/_v/s/oms/ico-01c-left.png'); background-position:left 20px top 16px; } #zahlavi-pod-m .menu .login { display:block;text-decoration:none;color:#000000;line-height:43px;background-color:#F7F7F7 !important;border-bottom:1px solid #E7E7E7;background-repeat:no-repeat;padding:10px 0px 10px 65px; } #zahlavi-pod-m .menu .login .popis { display:inline-block;width:60px; } #zahlavi-pod-m .menu .login .prihlasit { width:177px;position:relative;top:1px; } #zahlavi-pod-m .menu .login a { width:130px;margin-left:60px;line-height:1.4; } #zahlavi-pod-m .menu .login input[type=text] { width:calc(90% - 70px);min-width:162px; } #zahlavi-pod-m .menu .login input[type=password] { width:calc(90% - 70px);min-width:162px; } #zahlavi-pod-m .menu .login input[type=submit] { width:calc(90% - 53px);min-width:179px;margin:0px 0px 12px 0px; } #zahlavi-pod-m .hledat-m2 { width:100%;display:none;background-color:#E7E7E7;padding:13px 0px 15px 0px;position:absolute;right:0px;min-width:320px;box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;text-align:center; } #zahlavi-pod-m .hledat-m2 input[type=text] { width:calc(100% - 192px);margin:0px 0px 0px 18px;max-width:300px; } #zahlavi-pod-m .hledat-m2 input[type=submit] { width:100px;position:relative;left:-1px;top:1px; } #zahlavi-pod-m .hledat-m2 .zavrit { float:right;width:30px;height:30px;padding:2px;text-align:center;margin:2px 10px 0px 0px; } #zahlavi-pod-m .hledat-m2 .zavrit img { width:30px;height:30px; } #zahlavi-pod-m .hledat-m2 .naseptavac-obal { position:relative;top:15px;border-top:1px solid #CCCCCC;text-align:left; } #zahlavi-pod-m .hledat-m2 .naseptavac { width:calc(100% - 22px);margin:0px 0px 0px 10px; } #zahlavi-pod-m .hledat-m2 .naseptavac .start { padding:6px 10px 6px 10px; } /* tohle je tu asi k nicemu, ale nevim */ #zahlavi-pod-m .kosik { width:100%;display:none;background-color:#E4E4E4;padding:6px 0px 10px 0px;text-align:center;position:absolute;right:0px;top:0px;min-width:320px;max-width:360px;border-bottom:1px solid #FFFFFF;border:1px solid red; } #zahlavi-pod-m .oblibene { width:100%;display:none;background-color:#E4E4E4;padding:6px 0px 10px 0px;text-align:center;position:absolute;right:0px;top:0px;min-width:320px;max-width:360px;border-bottom:1px solid #FFFFFF;border:1px solid red; } } /********************** sloupcovy layout **********************/ .innerL1 { width:800px;float:left;margin:0px 0px 0px 20px; } .innerL1bez { width:840px;float:left;margin:0px 0px 0px 0px; } .innerR1 { width:calc(100% - 20px - 20px - 44px - 800px);float:right;margin:0px 20px 40px 0px;overflow:hidden; } .innerL1 .innerL1 { margin:0px; } .inner-pulka { width:calc(50% - 40px);float:left;margin:0px 20px 0px 20px; } @media (max-width:1186px) { .innerL1 { width:calc(100% - 20px - 20px - 30px - 300px); } .innerL1bez { width:calc(100% - 0px - 0px - 30px - 300px); } .innerR1 { width:300px; } } @media (max-width:900px) { .innerL1 { width:calc(100% - 20px - 20px - 30px - 250px); } .innerL1bez { width:calc(100% - 0px - 0px - 30px - 250px); } .innerR1 { width:250px; } } @media (max-width:800px) { .innerL1 { width:calc(100% - 40px);float:none;margin:0px 20px 0px 20px; } .innerL1bez { width:calc(100% - 0px);float:none;margin:0px 0px 0px 0px; } .innerR1 { width:calc(100% - 40px);float:none;margin:0px 20px 0px 20px; } .inner-pulka { width:calc(100% - 40px);float:none;margin:0px 20px 0px 20px; } .inner-pulka-2 { margin-top:30px; } } .innerL2 { width:480px;float:left;margin:0px 0px 0px 20px; } .innerR2 { width:calc(100% - 20px - 20px - 44px - 480px);float:right;margin:0px 20px 0px 0px; } @media (max-width:800px) { .innerL2 { width:calc(100% - 40px);float:none;margin:0px 20px 0px 20px; } .innerR2 { width:calc(100% - 40px);float:none;margin:0px 20px 0px 20px; } } .inner { margin-left:20px;margin-right:20px; } .stickyR { position:sticky;top:80px; } /********************** menu desktop **********************/ #zahlavi-pod-d { position:relative; } #zahlavi-pod-d .nk { width:100%;max-width:inherit;height:50px;line-height:50px;background-color:#F7F7F7;border-bottom:1px solid #E7E7E7;z-index:98;overflow:hidden;font-weight:bold;font-size:90%;position:relative; } #zahlavi-pod-d .nk a { display:inline-block;text-decoration:none;position:relative; } #zahlavi-pod-d .nk .nova { font-size:11px;line-height:11px;background-color:#00BB00;color:#FFFFFF;position:absolute;top:5px;padding:0px 3px 1px 3px; } #zahlavi-pod-d .nk a .dlouha { display:inline-block; } #zahlavi-pod-d .nk a .kratka { display:none; } #zahlavi-pod-d .nk .akt { color:#36C377; } #zahlavi-pod-d .nk .akt-bg { color:#FFFFFF;background-color:#36C377; background-image:url('/_v/s/om/ico-menu-sipka-1.png');background-size:16px 14px;background-repeat:no-repeat;background-position:center bottom; } #zahlavi-pod-d .nk .pas { color:#000000;background-color:transparent;background-image:none; } #zahlavi-pod-d .nk .akt:hover { background-color:#E7E7E7; } #zahlavi-pod-d .nk .pas:hover { background-color:#E7E7E7; } #zahlavi-pod-d .nk .frst { padding:0px 15px 0px 25px; } #zahlavi-pod-d .nk .last { padding:0px 25px 0px 15px; } #zahlavi-pod-d .nk .norm { padding:0px 15px 0px 15px; } #zahlavi-pod-d .nk .right { float:right; } #zahlavi-pod-d .k { position:absolute;width:calc(100% - 20px);z-index:99;margin:-5px 10px 0px 10px; } #zahlavi-pod-d .k table { display:none;background-color:#FFFFFF;box-shadow:rgba(0,0,0,0.25) 0px 6px 6px;-webkit-box-shadow:rgba(0,0,0,0.25) 0px 6px 6px;-moz-box-shadow:rgba(0,0,0,0.25) 0px 6px 6px; } #zahlavi-pod-d .k .kat-stred { margin:0px auto 0px auto; } #zahlavi-pod-d .k .kat-right { float:right } #zahlavi-pod-d .k .kat-right2 { margin-right:80px; } #zahlavi-pod-d .k table td { width:250px;border:1px solid #E7E7E7; } #zahlavi-pod-d .k .kat-right2 td { width:285px; } #zahlavi-pod-d .k table div { position:relative; } #zahlavi-pod-d .k table div img { height:75px;position:absolute;right:10px;bottom:10px;z-index:0;opacity:0.5; } #zahlavi-pod-d .k table .border { border-top:1px solid #E7E7E7; } #zahlavi-pod-d .k table .bila { background-color:#FFFFFF; } #zahlavi-pod-d .k table .bila a:hover { background-color:#F7F7F7; } #zahlavi-pod-d .k table .zluta { background-color:#FEFFE1; } #zahlavi-pod-d .k table .zluta a:hover { background-color:#FDFFC4; } #zahlavi-pod-d .k table .seda { background-color:#F7F7F7; } #zahlavi-pod-d .k table .seda a:hover { background-color:#F0F0F0; } #zahlavi-pod-d .k table .zelena { background-color:#E5F8E5; } #zahlavi-pod-d .k table .zelena a:hover { background-color:#CEF2CE; } #zahlavi-pod-d .k table .ruzova { background-color:#FFEAF8; } #zahlavi-pod-d .k table .ruzova a:hover { background-color:#FFD6F1; } #zahlavi-pod-d .k table div a { text-decoration:none;display:block;color:#000000; } #zahlavi-pod-d .k table div a span { background-color:#36C377;color:#FFFFFF;font-size:75%;line-height:1;padding:2px 3px 2px 3px;border-radius:3px;white-space:nowrap;position:absolute;margin:3px 0px 0px 3px; } #zahlavi-pod-d .k table div .text-k { font-size:100%;line-height:1.2;font-weight:normal; } #zahlavi-pod-d .k table div .text-k-s { color:#808080; } #zahlavi-pod-d .k table div .text-k .stitek-z { background-color:#00BB00;color:#FFFFFF;font-size:75%;line-height:1;padding:2px 5px 2px 5px;border-radius:3px;white-space:nowrap;position:static;margin:3px 0px 0px 3px;font-weight:bold; } #zahlavi-pod-d .k table div .more { padding:12px 5px 8px 12px; } #zahlavi-pod-d .k table div .only { padding:12px 5px 12px 12px; } #zahlavi-pod-d .k table div .akt { color:#36C377;font-weight:bold; } #zahlavi-pod-d .k table div .text-pk { font-size:80%;line-height:1.2; } #zahlavi-pod-d .k table div .norm { padding:6px 5px 6px 12px; } #zahlavi-pod-d .k table div .last { padding:6px 5px 15px 12px; } @media (max-width:1205px) { #zahlavi-pod-d .nk .frst { padding:0px 12px 0px 25px; } #zahlavi-pod-d .nk .last { padding:0px 25px 0px 12px; } #zahlavi-pod-d .nk .norm { padding:0px 12px 0px 12px; } #zahlavi-pod-d .k table div .more { padding:10px 5px 6px 12px; } #zahlavi-pod-d .k table div .only { padding:10px 5px 10px 12px; } #zahlavi-pod-d .k table div .norm { padding:5px 5px 5px 12px; } #zahlavi-pod-d .k table div .last { padding:5px 5px 14px 12px; } } @media (max-width:1120px) { #zahlavi-pod-d .nk .frst { padding:0px 10px 0px 25px; } #zahlavi-pod-d .nk .last { padding:0px 25px 0px 10px; } #zahlavi-pod-d .nk .norm { padding:0px 10px 0px 10px; } #zahlavi-pod-d .nk a .dlouha { display:none; } #zahlavi-pod-d .nk a .kratka { display:inline-block; } } @media (max-width:1020px) { #zahlavi-pod-d .nk { font-size:80%; } #zahlavi-pod-d .nk .frst { padding:0px 9px 0px 20px; } #zahlavi-pod-d .nk .last { padding:0px 19px 0px 9px; } #zahlavi-pod-d .nk .norm { padding:0px 9px 0px 9px; } } @media (max-width:1005px) { #zahlavi-pod-d .k table td { width:220px; } #zahlavi-pod-d .k table div .text-k { } #zahlavi-pod-d .k table div .more { padding:9px 4px 5px 10px; } #zahlavi-pod-d .k table div .only { padding:9px 4px 9px 10px; } #zahlavi-pod-d .k table div .text-pk { } #zahlavi-pod-d .k table div .norm { padding:5px 4px 5px 10px; } #zahlavi-pod-d .k table div .last { padding:5px 4px 14px 10px; } #zahlavi-pod-d .k table div img { display:none; } } @media (max-width:890px) { #zahlavi-pod-d .nk .frst { padding:0px 7px 0px 17px; } #zahlavi-pod-d .nk .last { padding:0px 17px 0px 7px; } #zahlavi-pod-d .nk .norm { padding:0px 7px 0px 7px; } } @media (max-width:800px) { #zahlavi-pod-d { display:none; } } /********************** noscript **********************/ #nemate-js { border-bottom:1px solid #E7E7E7;margin:0px 0px 0px 0px; } #horni-hlaska { padding:15px;text-align:center;background-color:#FFEA78;line-height:23px; } #horni-hlaska-policie { position:relative;padding:12px 15px 12px 30px;text-align:center;background-color:#FFEA78;line-height:23px;background-image:url('/_v/s/om/pozadi-policie.png');background-repeat:repeat-y;background-size:20px; } #horni-hlaska-policie a { color:#000000; } #horni-hlaska-armada { position:relative;padding:12px 15px 12px 30px;text-align:center;background-color:#D8DFAB;line-height:23px;background-image:url('/_v/s/om/pozadi-armada.png');background-repeat:repeat-y;background-size:20px; } #horni-hlaska-armada a { color:#000000; } #horni-hlaska-infolinka { position:relative;padding:12px 15px 12px 15px;text-align:center;background-color:#E0FFE0;border-bottom:1px solid #E7E7E7;line-height:23px;co1lor:#479132; } #horni-hlaska-infolinka a { color:#000000; } #horni-hlaska-infolinka .jsme-online { display:inline-block;width:14px;height:14px;background-color:#00BB00;border-radius:50%;margin:0px 3px 0px 0px;position:relative;top:1px;animation:online 5s infinite; } @keyframes online { 0% { background-color:#00BB00;transform:scale(1.0); } 10% { background-color:#E0FFE0;transform:scale(0.5); } 20% { background-color:#00BB00;transform:scale(1.0); } 100% { background-color:#00BB00;transform:scale(1.0); } } @media (max-width:800px) { #horni-hlaska-policie { font-size:13px;line-height:21px; } #horni-hlaska-armada { font-size:13px;line-height:21px; } } @media (max-width:460px) { #horni-hlaska-infolinka { padding:7px 15px 7px 15px;line-height:20px; } } /********************** zahlavi-navigace **********************/ #zahlavi-navigace { width:100%;height:36px;line-height:36px;border-bottom:0px none #FFFFFF;background-color:#transparent;margin:0px 0px -10px 0px;font-size:75%;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } #zahlavi-navigace .web { height:36px;display:inline-block;color:#ACACAC;padding:0px 0px 0px 16px;text-decoration:none;background-image:url('/_v/s/om/ico-home-n.png');background-repeat:no-repeat;background-size:12px 10px;background-position:top 13px left 20px; } #zahlavi-navigace .web span { display:inline-none;padding:0px 7px 0px 20px; } #zahlavi-navigace .web:active { background-image:url('/_v/s/om/ico-home-a.png');color:#36C377; } #zahlavi-navigace #b05b { display:inline-block;background-image:url('/_v/s/om/ico-navigace-d.png');background-repeat:no-repeat;background-size:5px 9px;background-position:left center; } #zahlavi-navigace .b05b_m { padding:0px 7px 0px 12px;text-decoration:none;color:#ACACAC;font-weight:bold; } #zahlavi-navigace .b05b_c { padding:0px 7px 0px 12px;text-decoration:none;color:#ACACAC; } #zahlavi-navigace a:active { color:#36C377; } @media (max-width:800px) { #zahlavi-navigace { width:100%;height:34px;line-height:34px;border-bottom:1px solid #E7E7E7;background-color:#F7F7F7;margin:0px;font-size:12px; } #zahlavi-navigace .web { width:29px;height:34px;background-size:18px 16px;background-position:top 9px right 10px; } #zahlavi-navigace .web span { display:none; } #zahlavi-navigace #b05b { background-image:url('/_v/s/om/ico-navigace-m.png');background-size:contain; } #zahlavi-navigace .b05b_m { padding:0px 7px 0px 24px;color:#000000;font-weight:bold; } #zahlavi-navigace .b05b_c { padding:0px 7px 0px 24px;color:#888888; } } /********************** obsah **********************/ #obsah { } /********************** cookie lista **********************/ .cookie-lista { width:100%;position:fixed;bottom:0px;left:0px;z-index:199;background-color:#FFFFFF;border-top:1px solid #ACACAC;box-shadow:rgba(0,0,0,0.9) 0px 0px 12px;-webkit-box-shadow:rgba(0,0,0,0.9) 0px 0px 12px;-moz-box-shadow:rgba(0,0,0,0.9) 0px 0px 12px; } .cookie-lista .c-obsah { width:100%;max-width:1270px;margin:30px auto 10px auto; } .cookie-lista .c-obsah .c-left { width:calc(100% - 290px);float:left;padding:0px 20px 0px 20px; } .cookie-lista .c-obsah .c-left .problem { font-size:12px;line-height:15px;color:#ACACAC;padding:5px 0px 5px 0px; } .cookie-lista .c-obsah .c-left .problem a { color:#ACACAC; } .cookie-lista .c-obsah .c-right { width:226px;float:right;text-align:left;padding:30px 20px 0px 0px;position:relative; } .cookie-lista .c-obsah .c-right .verze { font-size:11px;color:#CCCCCC;position:absolute;right:15px;top:-12px; } .cookie-lista .c-obsah .c-right .cudlik-zeleny-bez { float:left;clear:both; } .cookie-lista .c-obsah .c-right .cudlik-sedy-bez { float:left;clear:both;margin:10px 0px 0px 0px; } .cookie-lista .c-obsah .c-right .cudlik-podrobne { float:left;clear:both;margin:10px 0px 0px 0px; } .cookie-stav-zadny { font-weight:bold;color:#808080; } .cookie-stav-souhlas { font-weight:bold;color:#008000; } .cookie-stav-nesouhlas { font-weight:bold;color:#FF0000; } .cookie-stav-zadny span { display:inline-block;width:13px;height:13px;border-radius:50%;background-color:#808080;margin:0px 2px 0px 3px;vertical-align:middle;position:relative;top:-1px; } .cookie-stav-souhlas span { display:inline-block;width:13px;height:13px;border-radius:50%;background-color:#008000;margin:0px 2px 0px 3px;vertical-align:middle;position:relative;top:-1px; } .cookie-stav-nesouhlas span { display:inline-block;width:13px;height:13px;border-radius:50%;background-color:#FF0000;margin:0px 2px 0px 3px;vertical-align:middle;position:relative;top:-1px; } @media (max-width:900px) { .cookie-lista { font-size:12px;line-height:16px;box-shadow:rgba(0,0,0,0.8) 0px 0px 16px;-webkit-box-shadow:rgba(0,0,0,0.8) 0px 0px 16px;-moz-box-shadow:rgba(0,0,0,0.8) 0px 0px 16px; } .cookie-lista .c-obsah { margin:20px auto 20px auto; } .cookie-lista .c-obsah .c-left { width:calc(100% - 40px);cle1ar:both;float:none;padding:0px 20px 0px 20px; } .cookie-lista .c-obsah .c-right { width:170px;float:right;text-align:right;padding:10px 10px 10px 10px;margin:-15px 0px 0px 0px; } .cookie-lista .c-obsah .c-right .cudlik-zeleny-bez{ float:left;clear:none;margin:0px 10px 5px 0px;font-size:16px;line-height:28px; } .cookie-lista .c-obsah .c-right .cudlik-sedy-bez { float:left;clear:none;margin:0px 10px 5px 0px;font-size:16px;line-height:28px; } .cookie-lista .c-obsah .c-right .cudlik-podrobne { float:left;clear:none;margin:5px 10px 0px 0px;font-size:16px;line-height:28px; } } /********************** zapati **********************/ #zapati { color:#888888;background-color:#000000;text-align:center;padding:20px 0px 30px 0px;font-size:90%;clear:both; } #zapati .weby { width:calc(84% + 12px);max-width:432px;padding:7px 10px 7px 10px;white-space:nowrap;text-align:center;margin:10px auto 20px auto;background-color:#000000;border-bottom:3px solid #606060; } #zapati .weby .oddeleni { display:inline-block;vertical-align:bottom;width:1px;height:29px;background-color:#000000;margin:0px 15px 0px 15px; } #zapati .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; } #zapati .weby .magazin-a { color:#FFFFFF;background-color:#008FD5; } #zapati .weby .magazin-n { color:#008FD5; } #zapati .weby .obchod-a { color:#FFFFFF;background-color:#FF6C00; } #zapati .weby .obchod-n { color:#FF6C00; } #zapati .weby .akademie-a { color:#FFFFFF;background-color:#36C377; } #zapati .weby .akademie-n { color:#36C377; } #zapati .obsah { text-align:center; } #zapati .obsah .telefon { color:#FFFFFF;font-size:125%;padding:0px 0px 15px 0px; } #zapati .obsah .telefon .cislo { color:#00BB00; } #zapati .obsah .telefon .doba { color:#888888; } #zapati .obsah a { width:calc(42% - 40px);max-width:170px;margin:5px;d1isplay:block; } #zapati .obsah .copyright { margin:10px 0px 10px 0px; } #zapati .obsah .copyright a { display:inline; } #zapati .obsah .eet { padding:20px 20px 0px 20px;font-size:11px;line-height:16px; } /********************** admin prvky **********************/ #admin { position:relative;border-top:1px solid #FFFFFF; } #admin .ovladani { position:absolute;right:20px;top:15px;text-align:right;z-index:1;font-size:15px;line-height:26px; } #admin .ovladani a { position:relative;display:inline-block;background-color:#F7F7F7;border-left:1px solid #FFFFFF;padding:0px 8px 0px 8px;text-align:center;color:#808080; } #admin .ovladani a img { max-width:14px;height:18px;max-height:14px;vertical-align:middle;opacity:0.4; } #admin .ovladani a:hover { background-color:#ECECEC; } #admin .ovladani .jen-text { position:relative;display:inline-block;background-color:#F7F7F7;border-left:1px solid #FFFFFF;padding:0px 8px 0px 8px;text-align:center;color:#808080;cursor:default; } #admin .ovladani .jen-text:hover { background-color:#ECECEC; } #admin .ovladani .tmave { background-color:#808080;color:#FFFFFF; } #admin .ovladani .cervene { background-color:red;color:#FFF;opacity:0.2; } #admin .ovladani .tmave:hover { background-color:#707070;color:#FFFFFF; } #admin .ovladani a .nadtext { position:absolute;width:100%;overflow:hidden;top:-13px;left:0px;font-size:10px;line-height:11px;color:#808080;text-align:center;border-bottom:2px solid #FFFFFF; } #admin .ovladani a .podtext { position:absolute;width:100%;overflow:hidden;top: 25px;left:0px;font-size:10px;line-height:11px;color:#808080;text-align:center;border-top:1px solid #FFFFFF; } #admin .ovladani-pod { position:absolute;right:0px;top:26px;text-align:right;z-index:1;font-size:12px;line-height:26px;background-color:#F7F7F7;border-top:1px solid #FFFFFF;color:#808080;display:none;border-left:2px solid #FFFFFF;border-right:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF; } #admin .ovladani-pod table th { background-color:#ECECEC;font-weight:bold;text-align:center;border-bottom:1px solid #E0E0E0; } #admin .ovladani-pod table .dr { font-size:9px;line-height:10px;vertical-align:middle; } #admin .ovladani-pod table tr { border-bottom:1px solid #ECECEC; } #admin .ovladani-pod table td { text-align:center; } #admin .ovladani-vpravo { position:absolute;width:270px;top:0px;right:-320px;border:1px solid #888888;background-color:#FFFFFF;padding:10px 10px 10px 10px;text-align:left;font-size:12px;line-height:21px; } #admin .obsah { border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;margin:55px 0px 0px 0px;padding:20px;background-color:#F7F7F7;position:relative; } #admin .obsah .top-right { position:absolute;top:0px;background-color:green;line-height:1px;padding:10px;background-color:transparent; } #admin .obsah .top-right img { width:16px;height:16px;opacity:0.4; } #admin .obsah .top-right:hover { background-color:#ECECEC; } #admin .obsah .close { right:0px; } #admin .obsah .reload { right:36px; } #admin .obsah .reload img { opacity:0.2; } #admin .obsah .horni-statistiky { width:calc((100% - 400px - 90px)/6);height:60px;overflow:hidden;float:right;margin:0px 6px 0px 0px;text-align:center;color:#ACACAC;font-size:14px;line-height:27px;cursor:default; } #admin .obsah .horni-statistiky .dve { height:27px;background-color:#FFFFFF;margin:0px 0px 6px 0px;padding:0px 0px 0px 8px; } #admin .obsah .horni-statistiky .jedna { height:60px;background-color:#FFFFFF;padding:0px 10px 0px 0px;font-size:35px;line-height:27px;font-weight:bold;padding:8px 10px 0px 0px;text-align:right; } #admin .obsah .horni-statistiky .jedna .jednotka { font-size:25px; } #admin .obsah .horni-statistiky .jedna .popis { font-size:14px;line-height:14px; } #admin .obsah .nazev-zbozi { width:380px; } #admin .obsah .nazev-zbozi a img { width:75px;height:75px;float:left;margin:0px 10px 0px 0px; } #admin .obsah .nazev-zbozi .nazev { font-size:25px;line-height:25px;font-weight:bold;padding:10px 0px 0px 0px; } #admin .obsah .nazev-zbozi .vyrobce { font-size:13px;line-height:13px;font-weight:bold;display:inline-block;padding:2px 5px 2px 5px;background-color:#000000;color:#FFFFFF;text-decoration:none; } #admin .obsah .graf-bezny { width:calc(100% / 5 * 3 - 10px);height:400px;background-color:#FFFFFF;float:left;margin:0px 10px 0px 0px;line-height:1px;position:relative; } #admin .obsah .graf-bezny .div-top-right { position:absolute;top:5px;right:5px; } #admin .obsah .graf-bezny .div-bottom-right { position:absolute;bottom:5px;right:5px; } #admin .obsah .graf-bezny .div-bottom-left { position:absolute;bottom:5px;left:5px; } #admin .obsah .graf-bezny div .tlacitko { display:inline-block;float:left;font-size:14px;line-height:23px;padding:0px 7px 0px 7px;background-color:#F7F7F7;color:#808080;margin:0px 0px 0px 5px;cursor:pointer;cursor:hand; } #admin .obsah .graf-bezny div .tlacitko:hover { background-color:#ECECEC; } #admin .obsah .graf-bezny select { opacity:0.4;font-size:14px;cursor:pointer;cursor:hand; } #admin .obsah .graf-kolac { width:calc(100% / 5 * 2 - 10px);float:left;margin:0px 0px 0px 10px;line-height:1px; } #admin .obsah .graf-kolac .graf { width:100%;height:400px;background-color:#FFFFFF; } #admin .obsah .graf-kolac table { width:100%;font-size:14px;line-height:25px;margin:10px 0px 0px 0px;background-color:#FFFFFF; } #admin .obsah .graf-kolac table th { background-color:#ECECEC;font-weight:bold; } #admin .obsah .graf-kolac table th:nth-child(2) { width:55px;text-align:right;padding-right:10px; } #admin .obsah .graf-kolac table th:nth-child(3) { width:65px;text-align:right;padding-right:10px; } #admin .obsah .graf-kolac table tr { border-bottom:1px solid #ECECEC; } #admin .obsah .graf-kolac table tr:hover { background-color:#FDFFC4; } #admin .obsah .graf-kolac table td { } #admin .obsah .graf-kolac table td a { width:330px;display:block;color:#000000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;padding-left:5px; } #admin .obsah .graf-kolac table td:nth-child(2) { text-align:right;padding-right:10px; } #admin .obsah .graf-kolac table td:nth-child(3) { text-align:right;padding-right:10px; } #admin .obsah .graf-kolac .zobraz-vice { width:100%;font-size:14px;line-height:23px;text-align:right;text-decoration:underline;cursor:pointer;cursor:hand; } @media (max-width:1890px) { #admin .ovladani-vpravo { display:none; } } /********************** stare admin prvky, pujde casem smazat **********************/ .admin-top { position:absolute;top:0px;right:0px;z-index:1;font-size:75%;line-height:26px;white-space:nowrap;padding:0px 20px 0px 0px; } .admin-top a { width:28px;display:inline-block;text-align:center;background-color:#ECECEC;opacity:0.5;margin:0px 0px 0px 0px;color:#000000;border-left:1px solid #FFFFFF; } .admin-top a img { max-width:14px;max-height:14px;vertical-align:middle; } .admin-top span { display:inline-block;background-color:#ECECEC;opacity:0.5;margin:0px 0px 0px 0px;padding:0px 5px 0px 4px;cursor:default;text-align:center;border-left:1px solid #FFFFFF; } .admin-top a:hover { opacity:1; } .admin-top span:hover { opacity:1; } @media (max-width:800px) { .admin-top { top:15px; } } /********************** konec sveta :) **********************/