/*------------------------------MAIN-------------------------- */ :root{ --mainColor01: #db0068; --mainColor02: #2ca9a3; --mainColor03: #aac10f; --mainColor04: #90106f; --mainColor05: #4490de; --mainColor06: #cb111e; --mainColor07: #191c61; --mainColor08: #818286; --mainColor09: #f39c12; --mainColorH01: #fde5f3; --mainColorH02: #defbfa; --mainColorH03: #e2ed97; --mainColorH04: #f4d7ed; --mainColorH05: #d7e6f6; --mainColorH06: #f8c9cd; --mainColorH07: #bcbef5; --mainColorH08: #e7e8ea; --mainColorH09: #fdeac8; --mezeraBloky:2.38rem; --mezeraSloupce:1.25rem; --odsazeniWebu:0.75rem; --sirkaWebu:calc(1350px + (var(--odsazeniWebu)*2)); } iframe{max-width: 100%;}table{max-width: 100%;border-collapse: collapse;} .text-transform-up{text-transform: uppercase;}.text-transform-low{text-transform: lowercase;}.text-transform-normal{text-transform: none;} /*500|1200*/ body.myBody { min-width: 320px; font-size:100%; /* line-height: 1.2em; */ font-family: 'Source Sans Pro',verdana, sans-serif; background:#fff; color-scheme: only light; overflow-x: hidden; } body :is(a.tl,.tl){display: inline-block;text-decoration: none;padding: 0.25rem 0.95rem;cursor: pointer;border: 1px solid var(--mainColor02);background-color: var(--mainColor02);color: #fff;transition: all linear 0.3s;} body :is(a.tl:hover,.tl:hover){background: #fff;color: #000 !important;} body :is(a.tl-ruzova,.tl-ruzova){border-color: var(--mainColor01);background-color: var(--mainColor01);} body :is(a.tl-ruzova:hover,.tl-ruzova:hover){} body :is(a.tl-bila,.tl-bila){border-color: var(--mainColor01);background-color: #fff;color: #000;} body :is(a.tl-bila:hover,.tl-bila:hover){background: #fff;color: #000 !important;} body :is(a.tl-big,.tl-big){letter-spacing: 1px;font-size: 1.1rem;line-height: 1.1em;font-weight: 600;} .reklamaTitle{display: block;text-align: right;padding: 0.25rem 0;font-size: 0.9rem;line-height: 1em;color: #777;box-sizing: border-box;} html,body.myBody,#ContainerC,#Container{height: 100%;} #ContainerC #Container{display: grid;grid-template-columns: 100%;grid-template-rows: repeat(2,auto) 1fr;} #ContainerC #Container .reklama1000{grid-column: 1;grid-row: 1;margin-bottom: 1.25rem;} #ContainerC #Container #topBanner{grid-column: 1;grid-row: 2;} #ContainerC #Container .positionRelative{grid-column: 1;grid-row: 3;} /*hlavicka rozlozeni*/ #ContainerC #Container #topBanner{display: flex;flex-direction: column;} #ContainerC #Container #topBanner .KosikLogoHledat{} #ContainerC #Container #topBanner #topNavigC{} #ContainerC #Container #topBanner #dostanemMenu{}/*padding: calc(var(--mezeraBloky)/2) 0;box-sizing: border-box;*/ #ContainerC #Container #topBanner .HPbanner{} #ContainerC #Container #topBanner .HPbanner img{max-width: 100%;display: block;} #ContainerC #Container #topBanner .KosikLogoHledat .clearFloat{display: none;} #ContainerC #Container #topBanner .KosikLogoHledatC{display: grid;grid-template-columns: auto 1fr;gap: 0.25rem 1.5rem;grid-template-rows: 1fr auto;} #ContainerC #Container #topBanner .KosikLogoHledat #topLeft{grid-column: 1;grid-row: 1/-1;align-self: end;position: relative;z-index: 11;} #ContainerC #Container #topBanner .KosikLogoHledat #topRight{grid-column: 2;grid-row: 1;align-self: end;display: grid;grid-template-columns: repeat(3,auto);align-items: center;gap: 0.5em;justify-self: end;} #ContainerC #Container #topBanner .KosikLogoHledat #topNavigC{grid-column: 2;grid-row: 2;align-self: end;} #ContainerC #Container #topBanner .KosikLogoHledat #topRight #searchBlockC{grid-column: 1;grid-row: 1;} #ContainerC #Container #topBanner .KosikLogoHledat #topRight #subnavig{grid-column: 2;grid-row: 1;} #ContainerC #Container #topBanner .KosikLogoHledat #topRight #kosik{grid-column: 3;grid-row: 1;} #ContainerC #Container #topBanner .KosikLogoHledat #topRight #subnavig li.li_1 a, #ContainerC #Container #topBanner .KosikLogoHledat #topRight #searchBlockC .LupaMobil, #ContainerC #Container #topBanner .KosikLogoHledat #topRight #kosik.prazdnyKosik .basketOdkaz, #ContainerC #Container #topBanner .KosikLogoHledat #topRight #kosik:not(.prazdnyKosik) .basketOdkaz a{ width: 2rem;height: 2rem; display: flex; align-items: center; justify-content: center; border: 1px solid #e9e9e9; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } /*obsah a paticka*/ #ContainerC #Container .positionRelative{} #ContainerC #Container .positionRelative #contentC{display: grid;grid-template-columns: 100%;grid-template-rows: 1fr auto;min-height: 100%;} #ContainerC #Container .positionRelative #contentC #content{grid-column: 1/-1;grid-row: 1;} #ContainerC #Container .positionRelative #contentC #bottomC{grid-column: 1/-1;grid-row: 2;} /*obsah*/ #ContainerC #Container .positionRelative #contentC #content{--Wreklama:250px;--Hreklama:calc(254px);display: grid;grid-template-columns: 1fr var(--Wreklama);grid-template-rows: repeat(2,auto) 1fr;gap: var(--mezeraBloky) var(--mezeraSloupce);} #ContainerC #Container .positionRelative #contentC #content:has( #sloupecrC.siroky), #ContainerC #Container .positionRelative #contentC #content:has( #sloupecrCx.siroky), #ContainerC.APkurzy #Container .positionRelative #contentC #content, #ContainerC.APkurzy #Container .positionRelative #contentC #content{grid-template-rows: repeat(3,auto) 1fr;} #ContainerC #Container .positionRelative #contentC #content .bannerWrapperOwn{display: none;}/*vkodu vymazat nic nedela*/ #ContainerC #Container .positionRelative #contentC #content #sloupecC{grid-column: 1/-2;grid-row: 1/-2;} #ContainerC #Container .positionRelative #contentC #content :where(#sloupecrC,#sloupecrCx){grid-column: -2/-1;grid-row: 1/-2;} #ContainerC #Container .positionRelative #contentC #content #nejBlockC{grid-column: 1/-1;grid-row: -2/-1;align-self: start;} #ContainerC #Container .positionRelative #contentC #content #bannersMiddle{grid-column: 1/-2;grid-row: 2;align-self: end;} #ContainerC #Container .positionRelative #contentC #content:has( #sloupecrC.siroky) #bannersMiddle, #ContainerC #Container .positionRelative #contentC #content:has( #sloupecrCx.siroky) #bannersMiddle, #ContainerC.APkurzy #Container .positionRelative #contentC #content #bannersMiddle, #ContainerC.APkurzy #Container .positionRelative #contentC #content #bannersMiddle{grid-row: 3;} /* #sloupecC.siroky,#sloupecCx.siroky,.APkurzy #sloupecC,.APkurzy #sloupecCx */ #ContainerC #Container .positionRelative #contentC #content #sloupecC.siroky, #ContainerC #Container .positionRelative #contentC #content #sloupecCx.siroky, #ContainerC.APkurzy #Container .positionRelative #contentC #content #sloupecC, #ContainerC.APkurzy #Container .positionRelative #contentC #content #sloupecCx {grid-column: 1/-1;grid-row: 1;} /* .APkurzy #sloupecrCx, .APkurzy #sloupecrC, #sloupecrCx.siroky, #sloupecrC.siroky */ #ContainerC #Container .positionRelative #contentC #content #sloupecrC.siroky, #ContainerC #Container .positionRelative #contentC #content #sloupecrCx.siroky, #ContainerC.APkurzy #Container .positionRelative #contentC #content #sloupecrC, #ContainerC.APkurzy #Container .positionRelative #contentC #content #sloupecrCx {grid-column: 1/-1;grid-row: 2;} #ContainerC.HP #Container .positionRelative #contentC #content{ grid-template-columns: 1fr var(--Wreklama) var(--Wreklama); grid-template-rows: [aktuality] calc(var(--Hreklama) + (40px*2)) [nej] var(--nejBlockH,calc(var(--Hreklama)*2)) [clanky] auto [reklamaStred] auto 1fr; } #ContainerC.HP #Container .positionRelative #contentC #content #nejBlockC{grid-row: nej;} #ContainerC.HP #Container .positionRelative #contentC #content #sloupecrC{grid-row: clanky/-1;} #ContainerC.HP #Container .positionRelative #contentC #content #sloupecC{display: grid;grid-template-columns: subgrid;grid-template-rows: subgrid;gap: inherit;} #ContainerC.HP #Container .positionRelative #contentC #content #sloupecC #carouselBlock{grid-column: 1/-2;grid-row: aktuality;} #ContainerC.HP #Container .positionRelative #contentC #content .banneryHlavni{grid-column: 2 / -1;grid-row: aktuality;} #ContainerC.HP #Container .positionRelative #contentC #content #sloupecC #searchHpBlock{grid-column: 1/-1;grid-row: hledani;} #ContainerC.HP #Container .positionRelative #contentC #content #sloupecC .clankyHPGrid{grid-column: 1/-1;grid-row: clanky;} #ContainerC.HP #Container .positionRelative #contentC #content #sloupecC .clankyHPGrid{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: subgrid;gap: var(--mezeraBloky) var(--mezeraSloupce);} #ContainerC.HP #Container .positionRelative #contentC #content #sloupecC .clanekList.prart{grid-column: 1;grid-row: clanky;} #ContainerC.HP #Container .positionRelative #contentC #content #sloupecC .clanekList:not(.prart){grid-column: 2;grid-row: clanky;} #ContainerC.HP #Container .positionRelative #contentC #content #bannersMiddle{grid-column: 1/-2;grid-row: reklamaStred;} #ContainerC.HP #Container .positionRelative #contentC #content #sloupecC .clearFloat{display: none;} @media only screen and (max-width:971px) {} @media only screen and (max-width:970px) { /*HP*/ #ContainerC.HP #Container .positionRelative #contentC #content{grid-template-columns: 100%;grid-template-rows: [aktuality] calc(var(--Hreklama) + (40px*2)) [reklamaHlavni] auto [nej] var(--nejBlockH,calc(var(--Hreklama)*2)) [clanky] auto [reklamaRight] auto [reklamaStred] auto 1fr;} #ContainerC #Container .positionRelative #contentC #content #sloupecrC,#ContainerC.HP #Container .positionRelative #contentC #content #sloupecrC {grid-column: 1/-1;grid-row: reklamaRight;justify-self: center;} #ContainerC.HP #Container .positionRelative #contentC #content #sloupecC #carouselBlock{grid-column: 1/-1;} #ContainerC.HP #Container .positionRelative #contentC #content .banneryHlavni{grid-column: 1/-1;grid-row: reklamaHlavni;justify-content: space-evenly;} /*NHP*/ #ContainerC #Container .positionRelative #contentC #content{grid-template-columns: 100%;grid-template-rows: repeat(3,auto) 1fr;} #ContainerC #Container .positionRelative #contentC #content :where(#sloupecrC,#sloupecrCx){grid-row: 2;} #ContainerC #Container .positionRelative #contentC #content #bannersMiddle{grid-row: 3;} } @media only screen and (max-width:770px) { #ContainerC.HP #Container .positionRelative #contentC #content{grid-template-rows: [aktuality] calc(var(--Hreklama) + (40px*2)) [reklamaHlavni] auto [nej] var(--nejBlockH,calc(var(--Hreklama)*2)) [clanky] auto [clanky2] auto [reklamaRight] auto [reklamaStred] auto 1fr;} #ContainerC.HP #Container .positionRelative #contentC #content #sloupecC .clankyHPGrid{grid-template-rows: auto auto;} #ContainerC.HP #Container .positionRelative #contentC #content #sloupecC .clanekList.prart{grid-column: 1/-1;grid-row: 1;} #ContainerC.HP #Container .positionRelative #contentC #content #sloupecC .clanekList:not(.prart){grid-column: 1/-1;grid-row: 2;} } /*HBbaner*/ /*500*/ .hpBaner{display: grid;grid-template-columns: 1fr 1.25fr;} .hpBaner *,.hpBaner *::after,.hpBaner *::before{box-sizing: border-box;} .hpBaner .b-img{grid-column: 1/-1;grid-row: 1;position: relative;z-index: 1;} .hpBaner .b-Left{grid-column: 1;grid-row: 1;position: relative;z-index: 2;} .hpBaner .b-right{grid-column: -2;grid-row: 1;position: relative;z-index: 2;} .hpBaner .b-pop {grid-column: 1/-1;grid-row: 1/-1;} .hpBaner .b-img{} .hpBaner .b-img img{display: block;max-width: 100%;width: 100%;height: 100%;object-fit: cover;object-position: right;} .hpBaner .b-Left{align-self: end;display: flex;flex-direction: column;gap: clamp(1.0000rem, 0.3750rem + 2.0000vw, 2.0000rem);margin-bottom: clamp(1.0000rem, -0.8750rem + 6.0000vw, 4.0000rem);} .hpBaner .b-Left .b-text{color: #1e2835;} .hpBaner .b-Left .b-text h2{color: inherit;font-size: clamp(1.5625rem, 0.1953rem + 4.3750vw, 3.7500rem);line-height: 1.2em;} .hpBaner .b-Left .b-text h2 span{ background: linear-gradient(90deg,rgba(170, 193, 15, 1) 20%, rgba(219, 0, 104, 1) 50%, rgba(44, 169, 163, 1) 80%); background-clip: text; -webkit-background-clip: text; color: transparent;} .hpBaner .b-Left .b-text p{color: inherit;font-size: clamp(1.0000rem, 0.8438rem + 0.5000vw, 1.2500rem);line-height: 1.4em;max-width: 33ch;} .hpBaner .b-Left .b-btn{display: flex;gap: clamp(0.5000rem, 0.1875rem + 1.0000vw, 1.0000rem);} .hpBaner .b-Left .b-btn .btn.btn-green{--btnBG: var(--mainColor03);--btnBGH:var(--mainColorH03);--btnIco:url('/images/new_26/btn_courthouse.png');--btnIcoH:url('/images/new_26/btn_courthouse_hover.png')} .hpBaner .b-Left .b-btn .btn.btn-red{--btnBG: var(--mainColor01);--btnBGH:var(--mainColorH01);--btnIco:url('/images/new_26/btn_calendar.png');--btnIcoH:url('/images/new_26/btn_calendar_hover.png');} .hpBaner .b-Left .b-btn .btn.btn-blue{--btnBG: var(--mainColor02);--btnBGH:var(--mainColorH02);--btnIco:url('/images/new_26/btn_book.png');--btnIcoH:url('/images/new_26/btn_book_hover.png');} .hpBaner .b-Left .b-btn .btn{flex: 1 1 auto;text-decoration: none;color: #fff;border-radius: 10px;padding: 1rem .5rem;display: flex;align-items: center;gap: 0.5rem;justify-content: center;background-color: var(--btnBG);border: 1px solid var(--btnBG);transition: all linear 0.3s;font-weight: 600;} .hpBaner .b-Left .b-btn .btn:hover{background-color: var(--btnBGH);color: #000;} .hpBaner .b-Left .b-btn .btn::before{--wh:clamp(0.9375rem, 0.5469rem + 1.2500vw, 1.5625rem);content: '';display: block;min-width:var(--wh);width:var(--wh);height:var(--wh);background-size: contain;background-repeat: no-repeat;background-image: var(--btnIco);transition: all linear 0.3s;} .hpBaner .b-Left .b-btn .btn::after{content: '';display: block;min-width: 10px;width: 10px;height: 10px;border: 0 solid #fff;border-width: 0 2px 2px 0;transform: rotate(-45deg);transform-origin: center;transition: all linear 0.3s;} .hpBaner .b-Left .b-btn .btn:hover::after{border-color: #000;} .hpBaner .b-Left .b-btn .btn:hover::before{background-image: var(--btnIcoH);} .hpBaner .b-Left .b-checkList{--odsazeni: clamp(0.2500rem, -0.0625rem + 1.0000vw, 0.7500rem);} .hpBaner .b-Left .b-checkList ul{list-style: none;margin: 0;padding: 0;display: flex;justify-content: space-between;gap: clamp(0.2500rem, 0.0938rem + 0.5000vw, 0.5000rem);} .hpBaner .b-Left .b-checkList ul li{list-style: none;flex: 1 1;margin: 0;padding: clamp(0.2500rem, 0.0938rem + 0.5000vw, 0.5000rem) 0;display: flex;align-items: center;gap: clamp(0.2500rem, -0.0625rem + 1.0000vw, 0.7500rem);} /*https://www.svgrepo.com/svg/450711/check-circle?edit=true*/ .hpBaner .b-Left .b-checkList ul li::before{--wh:clamp(0.9375rem, -0.0391rem + 3.1250vw, 2.5000rem);content: '';display: block;min-width:var(--wh);width:var(--wh);height:var(--wh);background-size: contain;background-repeat: no-repeat;} .hpBaner .b-Left .b-checkList ul li:nth-child(1):before{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23aac10f'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M7 13.689l.637-.636 2.863 2.674 7.022-6.87.637.637L10.5 17zM22.8 12.5A10.3 10.3 0 1 1 12.5 2.2a10.297 10.297 0 0 1 10.3 10.3zm-1 0a9.3 9.3 0 1 0-9.3 9.3 9.31 9.31 0 0 0 9.3-9.3z'%3E%3C/path%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");} .hpBaner .b-Left .b-checkList ul li:nth-child(2):before{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23db0068'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M7 13.689l.637-.636 2.863 2.674 7.022-6.87.637.637L10.5 17zM22.8 12.5A10.3 10.3 0 1 1 12.5 2.2a10.297 10.297 0 0 1 10.3 10.3zm-1 0a9.3 9.3 0 1 0-9.3 9.3 9.31 9.31 0 0 0 9.3-9.3z'%3E%3C/path%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");} .hpBaner .b-Left .b-checkList ul li:nth-child(3):before{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%232ca9a3'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M7 13.689l.637-.636 2.863 2.674 7.022-6.87.637.637L10.5 17zM22.8 12.5A10.3 10.3 0 1 1 12.5 2.2a10.297 10.297 0 0 1 10.3 10.3zm-1 0a9.3 9.3 0 1 0-9.3 9.3 9.31 9.31 0 0 0 9.3-9.3z'%3E%3C/path%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");} .hpBaner .b-Left .b-checkList ul li p{margin: 0;padding: 0;} .hpBaner .b-right{display: grid;grid-template-columns: repeat(12,1fr);grid-template-rows: repeat(7,1fr);gap: 0.25rem;} .hpBaner .b-right .buble.b01{grid-column: 1/5;grid-row: 4;justify-self: start;--bBG:var(--mainColor02);} .hpBaner .b-right .buble.b02{grid-column: 2/6;grid-row: 3;justify-self: end;--bBG:var(--mainColor01);} .hpBaner .b-right .buble.b03{grid-column: 3/7;grid-row: 2;justify-self: end;--bBG:var(--mainColor03);} .hpBaner .b-right .buble.b04{grid-column: -5/-1;grid-row: 3;justify-self: center;--bBG:var(--mainColor04);} .hpBaner .b-right .buble.b05{grid-column: -6/-2;grid-row: 4;justify-self: center;--bBG:var(--mainColor05);} .hpBaner .b-right .buble.b06{grid-column: -5/-1;grid-row: -3;justify-self: center;--bBG:var(--mainColor06);} .hpBaner .b-right .buble{align-self: center;} .hpBaner .b-right .buble > a{text-decoration: none;color: inherit;display: inline-flex;align-items: center;gap: 1rem;border: 1px solid #edeff3;border-radius: 15px;box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;background: #fff;padding: .75rem;width: 25ch;height: 10ch;position: relative;} .hpBaner .b-right .buble > a img{width: 40px;height: 40px;} .hpBaner .b-right .buble > a .bc{} .hpBaner .b-right .buble p{margin: 0;padding: 0;} .hpBaner .b-right .buble p:not(:has( > strong)){font-size: 0.75rem;} .hpBaner .b-right .buble > a::before{content: '';position: absolute;bottom: calc(.75rem/3);right: calc(.75rem/3);display: block;width: 17px;height: 17px;border-radius: 100%;background-color: var(--bBG);background-size: 90%;background-repeat: no-repeat;background-position: center; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M10 7L15 12L10 17' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");} .hpBaner .b-right .buble a:hover{color: var(--bBG);} .bublePopF:not(.open) { display: none; } .bublePopF { position: absolute; z-index: 100000; margin: 1em 0 0; transform: translateX(-50%); } .bublePopF .bublePopC { position: relative; font-size: 1rem; filter: drop-shadow(0 1px 4px #919191); } .bublePopF .bpcClose { position: absolute; top: 0; right: 0; z-index: 300; display: flex; justify-content: center; align-items: center; box-sizing: border-box; width: calc(1em + 0.13em); height: calc(1em + 0.13em); margin: calc(-1*(1em + 0.13em)/3); padding: 0; border: 1px solid #cecece; border-radius: 100%; background: #fff; font-family: arial; font-size: 1.7em; line-height: 1em; transition: all linear 0.3s; cursor: pointer; } .bublePopF .bpcClose:hover { background: #222; color: #fff; } .bublePopF .bpc { overflow: hidden; min-width: 50px; min-height: 50px; padding: 0.95em; border-radius: 15px; background: #fff; } .bublePopF .bpc ul { gap: 1.5rem; columns: 2; margin: 0; padding: 0; list-style: none; } .bublePopF .bpc ul li { margin: 0; padding: 0; } .bublePopF .bpc a { white-space: nowrap; } @media only screen and (max-width:1540px) and (min-width:551px) { .hpBaner .b-right .buble{position: relative;} .bublePopF{transform: none;left: auto !important;right: 0 !important;} .buble:where(.b01,.b02,.b03) .bublePopF{left: 0 !important;right: auto !important;min-width: 100%;} .b-btn .bublePopF{left: 0 !important;margin-left: auto;margin-right: auto;} .bublePopF .bpc ul{columns: 1;} } @media only screen and (max-width:1020px) and (min-width:931px) { .hpBaner .b-Left .b-btn .btn, .hpBaner .b-Left .b-checkList ul li{flex-direction: column;text-align: center;} .hpBaner .b-Left .b-btn .btn::after{display: none;} } @media only screen and (max-width:1160px) { .hpBaner .b-right .buble.b02{grid-column-start: 1;} .hpBaner .b-right .buble.b03{grid-column-start: 1;} .hpBaner .b-right .buble.b04{grid-column-start: -7;justify-self: end;} .hpBaner .b-right .buble.b05{grid-column-start: -7;justify-self: end;} .hpBaner .b-right .buble.b06{grid-column-start: -7;justify-self: end;} } @media only screen and (max-width:930px) { .hpBaner{grid-template-columns: 100%;grid-template-rows: auto 1fr;gap: 0.5rem;padding: 0.75rem 0;} .hpBaner .b-Left{grid-column: 1/-1;grid-row: 1;margin: 0;z-index: 3;} .hpBaner .b-right{grid-column: 1/-1;grid-row: 2;} .hpBaner .b-img{grid-column: 1/-1;grid-row: -2/-1;} } @media only screen and (min-width:551px){ .hpBaner .b-Left .b-checkList{border: 1px solid #edeff3;border-radius: 15px;box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;background: #fff;padding: var(--odsazeni);} } @media only screen and (max-width:550px) { .hpBaner{grid-template-rows: auto 1fr 13rem;} .hpBaner .b-img{grid-column: 1/-1;grid-row: -3/-1;} .hpBaner .b-Left{gap: 0.5rem;} .hpBaner .b-Left .b-btn{flex-direction: column;gap: 0.5rem;} .hpBaner .b-Left .b-btn .btn{padding: 0.5rem;gap: 0.5rem;} .hpBaner .b-Left .b-btn .btn::before{--wh:25px} .hpBaner .b-Left .b-btn .btn::after{margin-left: auto;} .hpBaner .b-Left .b-checkList{--odsazeni:0.5rem} .hpBaner .b-Left .b-checkList ul{flex-direction: column;gap: 0.5rem;} .hpBaner .b-Left .b-checkList ul li{border: 1px solid #edeff3;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;background: #fff;padding: var(--odsazeni);gap: 0.5rem;} .hpBaner .b-Left .b-checkList ul li::before{--wh:25px} .hpBaner .b-right{grid-template-columns: 1fr 1fr;grid-template-rows: repeat(3,1fr);} .hpBaner .b-right .buble.b01{grid-column: 1;grid-row: 1;justify-self: center;} .hpBaner .b-right .buble.b02{grid-column: 1;grid-row: 2;justify-self: center;} .hpBaner .b-right .buble.b03{grid-column: 1;grid-row: 3;justify-self: center;} .hpBaner .b-right .buble.b04{grid-column: 2;grid-row: 1;justify-self: center;} .hpBaner .b-right .buble.b05{grid-column: 2;grid-row: 2;justify-self: center;} .hpBaner .b-right .buble.b06{grid-column: 2;grid-row: 3;justify-self: center;} .hpBaner .b-right .buble > a{background: rgba(255,255,255,0.85);} .bublePopF{max-width: 80vw;left: 0 !important;right: 0;transform: translateX(0);margin-left: auto;margin-right: auto;} .bublePopF .bpc ul{columns: 1;} } @media only screen and (max-width:440px) { .hpBaner{grid-template-rows: auto 1fr;} .hpBaner .b-img{display: none;} .hpBaner .b-right{grid-template-columns: 100%;grid-template-rows: repeat(3,auto);gap: 0.5rem;z-index: 0;} .hpBaner .b-right .buble.b01, .hpBaner .b-right .buble.b02, .hpBaner .b-right .buble.b03{display: none;} .hpBaner .b-right .buble.b04{grid-column: -2;grid-row: 1;justify-self: stretch;} .hpBaner .b-right .buble.b05{grid-column: -2;grid-row: 2;justify-self: stretch;} .hpBaner .b-right .buble.b06{grid-column: -2;grid-row: 3;justify-self: stretch;} .hpBaner .b-right .buble > a{padding: 0.5rem;gap: 0.5rem;width: 100%;height: auto;} .hpBaner .b-right .buble > a img{width: 25px;height: 25px;} .hpBaner .b-right .buble > a::before{position: static;order: 9999;margin-left: auto;} } #ContainerC,.KosikLogoHledat.fixed .KosikLogoHledatC { width: 100%; max-width: var(--sirkaWebu); text-align: left; margin: 0 auto; padding: 0 var(--odsazeniWebu); box-sizing: border-box; } .datatable {background: #f1eeee;} .datatable.medicina td img {width:88px;} .datatable.tabDivBox{background: transparent;} .tabHover tr :where(th,td){--thpb:0.35rem;padding-top: var(--thpb);padding-bottom: var(--thpb);} .tabHover tr:hover :where(th,td){background: var(--mainColorH05);} table.domprip td {width:20%;} #Container { padding: 0; position: relative; border-top:0 !important; position:relative; } /*page color*/ #Container.menu_43{--pageColor:var(--mainColor01);--pageColorH:var(--mainColorH01);} #Container.menu_48{--pageColor:var(--mainColor02);--pageColorH:var(--mainColorH02);} #Container.menu_56{--pageColor:var(--mainColor03);--pageColorH:var(--mainColorH03);} #Container.menu_62{--pageColor:var(--mainColor04);--pageColorH:var(--mainColorH04);} #Container.menu_1059{--pageColor:var(--mainColor05);--pageColorH:var(--mainColorH05);} #contentC {background: #fff;margin: 0;padding:0;} #contentC{} #contentC .content{} #contentC .content .bannerWrapperOwn{} #contentC .content #sloupecC{} #contentC .content #sloupecrC{} #contentC .content #nejBlockC{} #content {padding: 0px;} #content :where(.anot,.text,.courseDetail,.dostanemeVas) ul, #content :where(.anot,.text,.courseDetail,.dostanemeVas) ul:where(.special) {list-style:none;margin: 0;} #content :where(.anot,.text,.courseDetail,.dostanemeVas) ul:not([class],[id]) li::before, #content :where(.anot,.text,.courseDetail,.dostanemeVas) ul:where(.special) li::before {content: '';display: inline-block;width: 1rem;height: 16px;background: none;background: url(/images/new_2014/gpunta3.png) no-repeat;background-position: center;vertical-align: center;margin: 0 0.25rem;margin-left: calc(-1*(1.25rem));} #content :where(.anot,.text,.courseDetail,.dostanemeVas) ul:where(.special) li::before{background-image: url('/images/new_2014/puntaGreen.png');} #content :where(.anot,.text,.courseDetail,.dostanemeVas) ul li, #content :where(.anot,.text,.courseDetail,.dostanemeVas) ul:where(.special) li{margin: 0;padding-left: 1.5rem;} #content :where(.anot,.text,.courseDetail,.dostanemeVas) ul li p, #content :where(.anot,.text,.courseDetail,.dostanemeVas) ul:where(.special) li p{display: inline-block;margin: 0;} /* #content ul li {margin: 0;padding: 0;} */ /* #content ul li + li{margin-top: 0.25rem;} */ #content :is(h1,h2,h3,h4,h5,h6,p){margin-bottom: 0;} /*500|1350*/ #content :where(p,ul,ol,table,.nerespotable,.rozbit-container,.tabDivBox) + :is(p,ul,ol,table,.nerespotable,.rozbit-container,.tabDivBox) {margin-top: clamp(0.3000rem, 0.2412rem + 0.1882vw, 0.4000rem);} #content :where(li) + :is(li) {margin-top: clamp(0.3000rem, 0.2412rem + 0.1882vw, 0.4000rem);} #content :where(h2,h3,h4,h5,h6) + :is(p,ul,ol) {margin-top: clamp(0.1500rem, 0.0324rem + 0.3765vw, 0.3500rem);} #content :where(p,ul,ol,table,.nerespotable,.rozbit-container,.tabDivBox) + :is(h2,h3,h4,h5,h6) {margin-top: clamp(1.0000rem, 0.8529rem + 0.4706vw, 1.2500rem);} #content :where(h2,h3,h4,h5,h6,p) + :is(table,.nerespotable,.rozbit-container,.tabDivBox) {margin-top: clamp(0.9rem, 0.76rem + 0.56vw, 1.25rem);} #content :where(h2,h3,h4,h5,h6) + :is(h2,h3,h4,h5,h6) {margin-top: clamp(0.1500rem, 0.0324rem + 0.3765vw, 0.3500rem);} /* --------------- Odkaz ----------------------- */ a:link, a { color: #ed008c; text-decoration:underline; } a:visited { color: #ed008c; text-decoration:underline; } a:hover, a:active, a:focus { color: #0395A2; text-decoration: none; } td,th {font-family: 'Source Sans Pro',verdana, sans-serif;} /* --------------------- skoolList -------------------*/ #skoolList h3 {margin-top:0;} #skoolList .anot {margin:5px 0;background:#F6F6F6;padding:5px 10px 10px 10px;} #skoolList .anot.suda {background:#fff;} #skoolList .seznamFakult {margin-left:30px;} #skoolList .seznamFakult a {font-weight:normal;} /* -------------------- top garance ------------------*/ /* 740|620 */ #garanceTop{font-size:clamp(1.0000rem, 0.4833rem + 1.3333vw, 1.1000rem);height:clamp(10.0000rem, -0.0104rem + 25.8333vw, 11.9375rem);width:705px;margin:0 auto;margin-bottom:20px;padding:clamp(0.6250rem, -2.6042rem + 8.3333vw, 1.2500rem);padding-right: clamp(15.6250rem, -2.1354rem + 45.8333vw, 19.0625rem);background:url(/images/new_2014/garanceBg_1.png) no-repeat 0 0;box-sizing: border-box;max-width: 100%;background-size: contain;} #garanceTop p {margin-bottom:12px;} @media only screen and (max-width:610px) { #garanceTop{background-image: url('/images/new_2014/garanceBg_bezloga.png');padding: 10px;width: 100%;height: auto;background-size: cover;background-position: center;} } /* Levy sloupec */ #sloupecC,#sloupecCx {} /* Levy sloupec sekce jak se dostat */ #sloupecC.siroky,#sloupecCx.siroky,.APkurzy #sloupecC,.APkurzy #sloupecCx{width:100%;border-right:0;padding: 0;} /* Levy sloupec v iframe */ .myBodyIframe #sloupecC {padding-right:0;border:0} #dopskolu {clear: both; background: #4490de url("/images/dopskoluNew1.gif") left top no-repeat;width: 190px;margin:15px auto 0 auto;} #dopskolu div {padding: 30px 0 10px 0px;text-align:center;} #dopskolu2 {margin: 10px 0; width: 170px; overflow: hidden; background: #b30029 url("/images/dopskolu2New.gif") left top no-repeat;} #dopskolu2 div {padding: 30px 0 10px 0px;} #dopskolu2 div a {display: block; width: 170px; height: 170px; float: left; margin-left: 0px;} #Newsletter2 {margin: 10px 0; width: 170px; overflow: hidden; background: #818286 url("/images/newsleter2New.gif") left top no-repeat;} #Newsletter2 h3 {color: #FFF; padding-top: 2px; margin-top: 3px; padding-bottom:5px; padding-left: 5px;} #Newsletter2 div {padding: 5px 0 10px 0px; color:#FFF; padding: 0px 10px 10px 10px;} #Newsletter2 div a {color:#FFF;} #SkoolSearch2 {margin: 10px 0; width: 170px; overflow: hidden; background: #cad70e url("/images/newsleter2New.gif") left top no-repeat;} #SkoolSearch2 h3 {color: #FFF; padding-top: 5px; margin-top: 3px; padding-bottom:5px; padding-left: 10px;} #SkoolSearch {padding: 10px 0 10px 0px; background-color: #FFF; border:1px solid #cad70e; padding: 0px 5px 10px 5px;} #CourseBooksSearch h3 {background-color: #cad70e; color: #FFF; padding-top: 5px; margin-top: 3px; padding-bottom:5px; padding-left: 10px;} #CourseBooksSearch {margin:0; width: 100%; overflow: hidden; } #CourseSearch {padding: 10px 0 10px 0px; background-color: #FFF; border:1px solid #cad70e; padding: 0px 5px 10px 5px;} .infotext {padding: 10px 0 20px 20px; } #sloupec1Cx .infotext {padding: 0px 0 10px 0px;} #ziskas {border: 1px solid #adadad;word-wrap: break-word;} #ziskas2 {border: 1px solid #adadad;} #ziskas .clanek1 {padding: 10px; background: #fafafa;} #ziskas .lichy {background: #efefef;} #ziskas .clanek1 img {float: none !important; padding: 0 0 10px 0;} #ziskas .clanek1 h4 {margin: 0 0 4px 10px; font-size: 1em;background:none;} #ziskas .clanek1 p {margin: 0 0 0 10px;line-height: 1.3em;} #ziskas2 .clanek1 {padding: 10px; background: #fafafa;} #ziskas2 .lichy {background: #efefef;} #ziskas2 .clanek1 h4 {margin: 0 0 4px 0px; font-size: 1em;} #ziskas2 .clanek1 p {margin:0; line-height: 1.3em;} /* pozadi pro blok textu k menu */ #selfpromo {padding: 10px 10px 5px 15px;margin:0 10px;background-color:#ffb023;} #selfpromox {padding: 0 0 5px 0;margin:0 5px;background:#db0068;} #selfpromox a {color:#fff;} #selfpromox h2 {font-size: 1.9em; color: #fff; font-weight: normal;} #selfpromox p {line-height: 1.4em;padding:15px;padding-top:0px;} #actualPathInnerC h1 {padding:0;background:none;color: #000;text-transform:uppercase;font-weight:bold;font-size:1.8em;} #actualPathInnerC{padding-top: 0.5em;} #actualPathInner{padding-top: 0;padding-left:0;padding-bottom: 5px;margin-bottom: 0;} /*--------------------------------*/ .clanekList * {box-sizing: border-box;} .clanekList{display: flex;flex-direction: column;box-sizing: border-box;filter: drop-shadow(rgba(0, 0, 0, 0.24) 0px 3px 8px);}/*gap: var(--mezeraSloupce);*/ .clanekList .cervenynadpis{font-weight: normal;color: #fff;}/*margin-bottom: calc(-1*var(--mezeraSloupce));*/ .clanekList .allArticlesBottom{margin: 0;background: #fff;padding: calc(var(--mezeraSloupce)/2);} .clanekList.prart .cervenynadpis{border-bottom-color: var(--mainColor01);} .clanekList.prart .cervenynadpis span{background: var(--mainColor01);} .clanekList:not(.prart) .cervenynadpis{border-bottom-color: var(--mainColor05);} .clanekList:not(.prart) .cervenynadpis span{background: var(--mainColor05);} .clanek {padding:9px; margin: 0px 0 10px 0;} .clanek.lichy {background:#e6e6e7;} .clanek img {float: left; margin: 0 5px 0 0;width:105px;} .clanek a img {float:none;width:200px;padding-top:1em;} .clanek h4 {font-size: 1.1em;margin: 0 0 5px 0px;padding: 0px 0px 5px 0px;max-height:2.3em;overflow:hidden;} .clanek h4 a {color:#00bac9;text-decoration:none;} .clanek:hover h4 a{color: #db0068;} .clanek p {margin: 0 0 5px 0px; line-height: 1.3em;} .clanek ul {margin: 0 0 5px 15px; line-height: 1.3em;} .clanekInner{display: grid;grid-template-columns: auto 1fr;grid-template-rows: auto 1fr;gap: 0 1rem;container-name: clanekPRUvodka;container-type: inline-size;} .clanekInner .artImg{grid-column: 1;grid-row: 1;} .clanekInner .artText{grid-column: 2;grid-row: 1/-1;} .clanekInner .CAfull{grid-column: 1/-1;grid-row: 1/-1;} .clanekInner .clearFloat{display: none;} .clanekInner .artImg,.clanekInner .artImg a,.clanekInner .artImg img{width:180px;height:180px;max-height: 180px;} .clanekInner .artImg {float:left;overflow:hidden;} .clanekInner .artImg a {display:inline-block;} .clanekInner .artImg a img {height: auto;padding:0;margin:0;object-fit: contain;} .clanekInner .artText {} .clanekInner .artText .anotText {height:calc(1.3em*4);overflow:hidden;} .clanekInner .artText .anotText > *:first-of-type{margin-top: 0;padding-top: 0;} .clanekInner .artText .anotText > p{margin-bottom: 0;} .clanekInner .artText .anotText > :where(h2,h3,h4,h5,h6){margin-bottom: 0;padding-bottom: 0;font-size: 1em;} .clanekInner a.kpokladne2 {color:#00bac9;text-decoration:none;} .clanekList .clanek{margin:0;background: #fff;padding: 0;} .clanekList .clanek + .clanek{padding-top: var(--mezeraSloupce);} .clanekList .clanek h4 {height:calc(1.2em*2);color: inherit;line-height: 1.2em;padding: 0;margin: 0 0 10px;max-height: none;} .clanekList .clanek h4 a{color: inherit;} .clanekList .clanekInner{} .clanekList .clanekInner .artImg{} .clanekList .clanekInner .artText{width: 100%;padding-top: 0.3rem;} .clanekList .clanekInner .CAfull{position: relative;z-index: 2;transition: all linear 0.3s;} .clanekList .clanekInner .clearFloat{display: none;} .clanekList .clanekInner .artImg img{transform: scale(1.0);transition: all linear 0.3s;} .clanekList .cervenynadpis + .clanek .artText{} .clanekList .clanekInner:hover .artImg img{transform: scale(1.1);} .clanekList .clanek:hover h4{color: var(--mainColor06);} .clanekList .clanek:hover .clanekInner .CAfull{box-shadow: rgba(0,0,0,0.3) 0px 5px 25px 0px inset;} /* .clanekList .clanekInner .artText {width:195px;float:left;} */ a.allArticlesBottom {color:#838382;float:right;margin-right: 10px;} a.allArticlesBottom:hover {color:#000;} @container clanekPRUvodka (width < 420px) { .clanekInner{grid-template-columns: 100%;grid-template-rows: auto 1fr;} .clanekInner .artImg {grid-column: 1;grid-row: 1;} .clanekInner .artText {grid-column: 1;grid-row: 2;padding: 0.3rem;} } .socakam {float:right;display:block;font-weight:bold;padding:15px;} #openDiv {float:left;display:block;margin-top:8px;cursor:pointer;} #openDiv.dopKam span {display:none;} #openDiv.dopKam {display:block;width:225px;height:22px;background:url(/images/new_2014/but_doporucit.png) no-repeat 0 0;} #hideDiv {clear:both;} #socialBar {margin:0px 0 0 10px;float:left;} #searchBlockMainC {padding-bottom:1em;} .infoMsg {margin-bottom:2em;} #sloupecrC, #sloupecrCx{width: 100%;} #sloupecr :where(.clearFloat,br){display: none;} #sloupecr{--gapRadek:var(--mezeraSloupce);display: flex;gap: var(--gapRadek);flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;} #sloupecr .reklamaTitle,.banneryHlavni .reklamaTitle{min-height: 40px;display: flex;justify-content: flex-end;align-items: end;display: none;} /* .HP #sloupecr .banner:nth-child(-n+1 of .banner) .reklamaTitle{display: flex;} */ .NHP #sloupecr .banner:nth-child(-n+1 of .ukaR) .reklamaTitle{display: flex;} .banneryHlavni{ display: flex; gap: var(--mezeraSloupce); flex-wrap: wrap; } .banneryHlavni .reklamaTitle{display: flex;} @media only screen and (min-width:971px) { #sloupecrC,#sloupecrCx {width: var(--Wreklama);} #sloupecr{flex-direction: column;} /* .HP #sloupecr .banner:nth-child(1 of .ukaR){margin-top: -40px;} */ .HP #sloupecr .banner:nth-child(1 of .ukaR) .reklamaTitle{display: flex;} /* .banneryHlavni{align-items: flex-end;} */ .banneryHlavni .banner:nth-child(1 of .ukaR) .reklamaTitle{color: transparent;} /* .HP #sloupecr .banneryHlavni .banner:nth-child(2 of .ukaR) .reklamaTitle{display: flex;} */ /* .HP #sloupecr .banneryHlavni{margin-bottom: calc(var(--nejBlockH,calc(var(--Hreklama)*2)) + 40px + (var(--mezeraBloky)*1) - var(--gapRadek))} */ /* .HP #sloupecr .banner:nth-child(-n+1 of .ukaR){margin-bottom: calc(var(--nejBlockH,calc(var(--Hreklama)*2)) + 40px + (var(--mezeraBloky)*1) - var(--gapRadek))} */ } #sloupecrCx #sloupecr{flex-direction: row;align-items: flex-end;} /* @media only screen and (max-width:970px) { #sloupecr center{flex: 1 1;} } */ #sloupecr .banner:not(.ukaR){display: none;} @media only screen and (min-width : 981px) { .APkurzy #selectorSearch{width:100%;box-sizing:border-box;} .APkurzy #selectorSearch div.search{width:100%;} .APkurzy table.hpSearch{width:100%;} /* .APkurzy #searchHpMapka + table.hpSearch{width:calc(100% - 340px);} */ .APkurzy table.hpSearch.wide select,.APkurzy table.hpSearch.wide input[type="submit"],.APkurzy table.hpSearch select,.APkurzy table.hpSearch input[type="submit"]{width:calc(100% - 20px);} .APkurzy table.hpSearch.wide input,.APkurzy table.hpSearch input{width:calc(100% - 31px);} /* .APkurzy .anotTxt,.APkurzy .catBlock h3{width:calc(100% - 215px)} */ .APkurzy #sloupecrCx,.APkurzy #sloupecrC,#sloupecrCx.siroky,#sloupecrC.siroky{width:100%;padding:0;} /* .APkurzy #sloupecrCx .banner,.APkurzy #sloupecrC .banner,#sloupecrCx.siroky .banner,#sloupecrC.siroky .banner{float:left;width:33%;} */ } #sloupecrCx .reklama300 {width: 250px;} #sloupecr h2 {margin-bottom: 3px; background: #3c3b3b; color: #fff; font-weight: bold; font-size:1em; height: 34px; line-height: 34px; padding: 0 0 0 10px; } /* ul.bgmodra {margin: 0 0 15px 0;} ul.bgmodra {list-style: none; margin:0; padding:0;} ul.bgmodra li {line-height: 1.3em; font-size: 0.85em;margin: 0 0 0px 0; padding: 6px 0 3px 23px; background: url("/images/podklad-seznamNew.gif") left top no-repeat;} ul.bgmodra li a {color: #000; text-decoration: none;} ul.bgmodra li a:hover {color: #333; text-decoration: underline;} */ .zajimaveodkazy { background: #95c5c9;} #sloupecrCx .zajimaveodkazy { background: #95c5c9;} .zajimaveodkazy h3 {background: #0296a2; color: #fff; font-weight: bold; font-size:1em; height: 34px; line-height: 34px; padding: 0 0 0 10px;} .zajimaveodkazy table {width: 100%;} .zajimaveodkazy td {padding: 2px 10px; } .zajimaveodkazy a {color: #fff;font-size:0.85em; text-decoration: none;} .zajimaveodkazy a:hover {color: #076971; text-decoration: underline;} .patickaPozadi{display: block;min-height: 100%;position: relative;z-index:-1;} .patickaPozadiC{width: 100%;background: #4e4f4e;position: absolute;bottom: 0;left: 0;right: 0;} #bottomC {clear: both;position: relative;padding: 0 0 10px 0;color: #fff;height:auto;background-color:#4e4f4e;} #bottomC::before{content: '';display: block;width: 100vw;height: 100%;margin-left: calc(-1*(100vw - 100%)/2);background-color:#4e4f4e;position: absolute;top: 0;left: 0;z-index: -1;} .NHP #bottomC{margin-top: 2rem;} #bottomC a:hover {color: #cad513; text-decoration: none;} #bottomC ul{} #bottomC ul li {padding-left: 0px;background: none;} #projekty {padding:20px 0;background:url(/images/new_2014/bottomSeparator.png) repeat-x left bottom;} table.projekty .hiddenTD{display: none;} table.projekty {width:100%;} table.projekty, table.projekty > tbody, table.projekty > tbody > tr, table.projekty > tbody > tr > th, table.projekty > tbody > tr > td{display: block;width: 100%;} table.projekty > tbody > tr{display: grid;grid-template-columns: repeat(auto-fill,minmax(160px,1fr));gap: 1rem;align-items: center;} /*display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;*/ table.projekty > tbody > tr > th, table.projekty > tbody > tr > th{grid-column: 1/-1;width: 100%;} table.projekty > tbody > tr > td{width: auto;} table.projekty > tbody > tr > td a{display: inline-block;} table.projekty > tbody > tr > td img{max-width: 100%;object-fit: contain;} table.projekty th {text-align:center;color:#cad513;vertical-align:middle;padding-bottom:10px;} table.projekty td {text-align:left;} #projekty a {color:#fff;} @media only screen and (max-width:450px) { table.projekty > tbody > tr > td{justify-self: center;} } #poradenstviC{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 0.5rem;} @media only screen and (max-width:600px){ #poradenstviC{grid-template-columns: 100%;} #poradenstviC #fNavigBlock,#poradenstviC #secondNavig{margin-top: 0;} #poradenstviC #poradenstvi,#poradenstviC #fNavigBlock,#poradenstviC #secondNavig,#poradenstviC #newslwtterC{padding: 0;max-width: 300px;width: 100%;justify-self: center;} } #poradenstviC h4 {color: #cad513;font-weight:normal;padding-bottom:15px;} #poradenstviC a {color:#fff;} #poradenstviC ul {list-style:none;margin:0;} #poradenstvi {float:left;padding-right:10px;padding-bottom:20px;} #fNavigBlock {float:left;margin-top:55px;padding-right:25px;} #firstNavig ul {width:175px;} /* #firstNavig li {display:block;float:left;padding-right:3px;margin-right:3px;border-right:1px solid;padding-bottom:2px;} */ /* #firstNavig li:last-child {border:0;} */ #mobileAppOdkaz {clear:left;padding-top:15px;} #mobileAppOdkaz a {display:block;} #appStore {width:104px;height:31px;background:url(/images/appStore.png) no-repeat 0 0;float:left;} #googleStore {width:89px;height:31px;background:url(/images/googPlay.png) no-repeat 0 0;float:right;} #mobileAppOdkaz span {display:none;} #secondNavig {float:left;margin-top:55px;padding-right:20px;} #newslwtterC {float:left;padding-bottom:30px;} #newslwtter p {padding-bottom:15px;} #newslwtter form {display:block;width:240px;height:40px;padding:0 1rem;background:#fff;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;border-radius: 50px;} #regnewslwtter form {display:block;} #regnewslwtter label{margin-right:10px;} #regnewslwtter .newsLinput{font-family: Tahoma,"Helvetica CE",Helvetica,sans-serif;font-size: 1em;border: 1px solid #00979e;background-color: #FFFFFF;color: #314D84;} #regnewslwtter{background: #defbfa;padding: 25px 5px;margin-top: 15px;} #regnewslwtter .newsLinput,#regnewslwtter #captcha,#regnewslwtter select,#regnewslwtter input[name=age]{width:160px;box-sizing: border-box;margin: 4px 0;padding: 4px 4px;} #regnewslwtter #captchaImg{padding:6px 0;} #regnewslwtter .newsLsubmit{background:#ed008c;color:#fff;padding:7px 11px;margin:6px 0 0 0;}#regnewslwtter .newsLsubmit:hover{background:#00979e;} .newsLinput {border:0;font-style:italic;} .newsLsubmit {border:0;cursor:pointer;font-weight:bold;} .newsLsubmit:hover {color:#19a31d;} #poradenstviC #socOdkBottom {padding-left:0px;float:left;width: 100%;max-width:250px;margin-top:15px;clear:left;} #socOdkBottom a {display:block; float:left; width:32px; height:30px; margin-right:15px; background:url(/images/new_2014/socIkoSmall.png) no-repeat 0 0;} #socOdkBottom a span {display:none;} #socOdkBottom a.facebook {background-position:-50px 0;} #socOdkBottom a.instagram {background: #fff url(/images/new_2014/ginstaIco.png) no-repeat;background-size:cover;background-position: center;border-radius: 10px;} #socOdkBottom a.google {background-position:-100px 0;} #socOdkBottom a.youtube {background-position:-150px 0;} #socOdkBottom a.twitter {background-position:-200px 0;margin-right:0px;} .plat-brana{padding:13px 0 0;display: block;clear: both;box-sizing: border-box;} .plat-brana img{object-fit: cover;width: 100%;height: 100%;} #copyright {text-align:center;color:#d7d400;padding-top:26px;background:url(/images/new_2014/bottomSeparator.png) repeat-x 0 0;clear:both;} /* reklama 300*300 */ .reklama300 {width: 300px; padding-top:10px; text-align:center;} /* reklama 250*100 */ .bannerRightBlock {width: 250px; padding:8px 0; text-align:center; margin:0; } /* reklama nad hlavickou */ .reklama1000{display: grid;grid-template-columns: 1fr auto 1fr;} .reklama1000 .reklama1000C{grid-column: 2/-2;grid-row: 1;align-self: center;} .reklama1000 .reklamaTitle{grid-column: 1;grid-row: 1;} .reklama1000 .reklama1000C img{max-width: 100%;height: auto;} /* reklama vpravo */ .reklamaright {width: 120px; height: 616px; position: absolute; left: 977px; top: 15px;} /* banery uvnitr webu bs10 a 11*/ #bannersMiddle {--gapRadek: var(--mezeraSloupce);margin:25px 0;width:100%;text-align:center;display: flex;flex-wrap: wrap;gap: var(--gapRadek);} #bannersMiddle .banner.left, #bannersMiddle .banner.right{flex: 1 1;} #bannersMiddle .reklamaTitle{display: none;} /*reklama title na vertikalne*/ :where(.reklama1000,#bannersMiddle_,) .reklamaTitle{padding: 0.25rem;justify-self: end;align-self: center;writing-mode: vertical-lr;transform: rotate(180deg);transform-origin: center center;} #content .fullArticle{ font-weight: bold; padding-left: 30px; background: url(/images/sipkaMala.gif) no-repeat 10px 0px;; } #content .anot img{ float:left; padding-right: 1em; } #content .anot.artc img {max-width:200px;} #content .text { padding-top: 1em; clear:both; } .autor {padding-bottom:10px;} #content .photogaleryFoto{ float:left; padding: 1em; } #content .menuText {color:#000;} #content .menuText.podbarvi { color:#000; padding: 1.25rem; margin: 0.5rem 0 1rem; } #content .menuText.podbarvi > *:first-child{margin-top: 0;} #content .menuText.podbarvi :where(p + table,p:has( > iframe)){margin-top: 0.75rem;} #content .menuText.podbarvi table td{padding: 0.5rem;} #content .menuText.podbarvi table td:first-child{padding-left: 0;} .menuText.podbarvi.m_43 {background-color:#fde5f3;} .menuText.podbarvi.m_48 {background-color:#defbfa;} .menuText.podbarvi.m_56 {background-color:#e2ed97;} .menuText.podbarvi.m_62 {background-color:#f4d7ed;} .menuText.podbarvi.m_851 {background-color:#f8c9cd;} .menuText.podbarvi.m_1059 {background-color:#d7e6f6;} .menuText.podbarvi.m_1373 {background-color:#caccf7;} /*old*/ #subThemaList {padding-top:10px;} #subThemaList ul {margin:10px 0 15px 0;} #subThemaList li ul {margin-left:10px;} #subThemaList li {color:#DB0068;padding:4px 0 3px 0px;list-style: none;} #subThemaList li li {padding-left: 10px;background: none;background: url(/images/new_2014/gpunta3.png) no-repeat 0 10px;} /* #subThemaList.for_3146 > ul > li, */ /* #subThemaList.for_2901 > ul > li, */ /* #subThemaList.for_2548 > ul > li */ /* #subThemaList.for_2920 > ul > li */ /* {width:48%;float:left;} */ /*new*/ #Container[class*="subList"] #subThemaList ul:has( > li > a) a,.rozcestnik26 a {display: flex;justify-content: center;align-items: center;padding: 0.75rem 0.5rem;text-decoration: none;border: 1px solid var(--pageColor,var(--mainColor01));border-width: 0 1px 1px 0;background: transparent;color: black;font-size: 1.1rem;line-height: 1.1em;;position: relative;z-index: 2;transition: all linear 0.2s;} #Container[class*="subList"] #subThemaList ul:has( > li > a) a:hover,.rozcestnik26 a:hover {color: white;background: transparent;} #Container[class*="subList"] #subThemaList ul:has( > li > a) a::before,.rozcestnik26 a::before{content: '';display: block;position: absolute;z-index: -1;bottom: 0;left: 0;width: 100%;height: 0;background: var(--pageColor,var(--mainColor01));transition: all linear 0.2s} #Container[class*="subList"] #subThemaList ul:has( > li > a) a:hover::before,.rozcestnik26 a:hover::before{height: 100%;} #Container.subList1 #subThemaList ul:has( > li > a) a{justify-content: flex-start;} #Container.subList2 #subThemaList ul:has( > li > a) a{justify-content: flex-start;} #Container[class*="subList"] #subThemaList ul{margin: 0;padding: 0;} #Container[class*="subList"] #subThemaList ul{--grid-layout-gap: 2em;--grid-item--min-width: 250px;display: grid;margin: 0.75rem 0; grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), calc((100% - calc(calc(var(--grid-column-count) - 1) * var(--grid-layout-gap))) / var(--grid-column-count))), 1fr)); gap: var(--grid-layout-gap);} #Container.subList2 #subThemaList ul{--grid-column-count: 2;--grid-item--min-width: 250px;} #Container.subList3 #subThemaList ul{--grid-column-count: 3;--grid-item--min-width: 250px;} #Container.subList4 #subThemaList ul{--grid-column-count: 4;--grid-item--min-width: 200px;} #Container.subList5 #subThemaList ul{--grid-column-count: 5;--grid-item--min-width: 150px;} #Container[class*="subList"] #subThemaList ul li{margin: 0;padding: 0;background: none;} #Container[class*="subList"] #subThemaList ul li strong{font-size: 1.2rem;line-height: 1.1em;} #Container[class*="subList"] #subThemaList ul li strong:has( + ul > li > strong){text-align: center;display: block;font-size: 1.5rem;color: var(--pageColor,var(--mainColor01));} #Container[class*="subList"] #subThemaList ul li:has(> strong){grid-column: 1/-1;} #Container[class*="subList"] #subThemaList ul li:has( > a){display: flex;} #Container[class*="subList"] #subThemaList ul:has( > li > a) a{flex: 1;} .tabDivBox.respo2.rozcestnik26{--grid-layout-gap:2em;margin: 0;padding: 0.75rem 0 0;} .tabDivBox.respo2.rozcestnik26 p{margin: 0;padding: 0;} .tabDivBox.respo2.rozcestnik26 .tdb-container{gap: var(--grid-layout-gap);} .tabDivBox.respo2.rozcestnik26 .tdb-content{display: flex;align-self: stretch;} .tabDivBox.respo2.rozcestnik26 .tdb-content p:has( a){display: flex;} .tabDivBox.respo2.rozcestnik26 .tdb-content :where(p,a){flex: 1;} h3:has( + .tabDivBox.rozcestnik26){margin: 2rem 0 0;font-size: 1.2rem;line-height: 1.1em;color: #DB0068;} h3:first-child:has( + .tabDivBox.rozcestnik26){margin: 0;} .detailProductObsah{margin-top: 1rem;display: grid;grid-template-columns: auto 1fr;grid-template-rows: auto auto 1fr auto auto auto;background: #F6F6F6;padding: 1rem;} .detailProductObsah h3#termin{grid-column: -2/-1;grid-row: 1;margin-top: 0;} .detailProductObsah #placeHolder_detailDivLinks{grid-column: 1/-1;display: grid;grid-template-columns: subgrid;grid-template-rows: subgrid;grid-row: 1/-2;} .detailProductObsah #placeHolder_detailDivLinks .anot{grid-template-columns: subgrid;grid-template-rows: subgrid;grid-column: 1/-1;grid-row: 1/-2;} .detailProductObsah #placeHolder_terminDivLinks{grid-column: 1/-1;} h3#termin{margin: 1rem 0 0.75rem 0;font-size: 1.25rem;line-height: 1.1em;} #placeHolder_detailDivLinks{padding: 0;margin: 0;background: transparent;} #placeHolder_detailDivLinks .anot{display: grid;grid-template-columns: auto 1fr;} #placeHolder_detailDivLinks .anot .anot-foto{grid-column: 1;grid-row: 1/4;} #placeHolder_detailDivLinks .anot .cat-info{grid-column: -2;grid-row: 2;} #placeHolder_detailDivLinks .anot .anot-tx{grid-column: 1/-1;grid-row: 4;padding: 0.5rem 0 0;} #placeHolder_detailDivLinks .anot #orderBar{grid-column: -2;grid-row: 3;} #placeHolder_detailDivLinks .anot .clearFloat{display: none;} #placeHolder_detailDivLinks .text:empty{display: none;} #placeHolder_detailDivLinks .text{grid-column: 1/-1;grid-row: 5;} #placeHolder_detailDivLinks .anot .anot-foto img{float: none;} @media only screen and (max-width:700px) { .detailProductObsah{grid-template-columns: 100%;grid-template-rows: repeat(3,auto);} .detailProductObsah h3#termin{grid-column: 1/-1;} .detailProductObsah #placeHolder_detailDivLinks{display: block;grid-row: 2;} #placeHolder_detailDivLinks .anot{grid-template-columns: 100%;grid-template-rows: repeat(4,auto);gap: 0.5rem;} #placeHolder_detailDivLinks .anot .anot-foto{grid-column: 1;grid-row: 1;} #placeHolder_detailDivLinks .anot .cat-info{grid-column: 1;grid-row: 2;} #placeHolder_detailDivLinks .anot .anot-tx{grid-column: 1;grid-row: 4;} #placeHolder_detailDivLinks .anot #orderBar{grid-column: 1;grid-row: 3;} #placeHolder_detailDivLinks .text{grid-column: 1/-1;grid-row: 5;} } #orderBar{margin: 0;padding: 0;float: left;width: 100%;} #orderBar{display: grid;grid-template-columns: auto 1fr auto;grid-template-rows: auto auto auto 1fr;text-align: left;gap: 0.25rem;padding: 0.5rem 0 0;box-sizing: border-box;} #orderBar .leftPcs{grid-column: 1/2;grid-row: 1/2;margin: 0;} #orderBar .rightPcs{grid-column: 1;grid-row: 3;justify-self: start;} #orderBar .ptatSe{grid-column: -2;grid-row: -3;justify-self: end;margin: 0;align-self: end;} #orderBar .dodatekD{grid-column: 1/2;grid-row: 2;font-weight: bold;margin: 0;align-self: center;text-align: left;} #orderBar img{padding:0 !important;} #orderBar .rightPcs a.tl{} @media only screen and (max-width:700px) { #orderBar{grid-template-columns: 1fr auto;grid-template-rows: repeat(3,auto);} #orderBar .leftPcs{grid-column: 1/-1;grid-row: 1;margin: 0;} #orderBar .dodatekD{grid-column: 1/-1;grid-row: 2;justify-self: start;} #orderBar .rightPcs{grid-column: 1/-1;grid-row: 3;justify-self: start;} #orderBar .ptatSe{grid-column: -2;grid-row: 3;margin: 0;align-self: end;} } @media only screen and (max-width: 450px) { #orderBar{position: fixed;margin: 0;background: #fff;padding: 1rem;left: 0;right: 0;justify-content: center;bottom: 0;box-shadow: 0 -4px 10px -8px #a4a4a4;z-index: 40;box-sizing: border-box;} #orderBar{grid-template-columns: 100%;grid-template-rows: repeat(4,auto);} #orderBar .leftPcs{grid-column: 1/-1;grid-row: 1;margin: 0;justify-self: center;} #orderBar .dodatekD{grid-column: 1/-1;grid-row: 2;justify-self: center;} #orderBar .rightPcs{grid-column: 1/-1;grid-row: 3;justify-self: center;} #orderBar .ptatSe{grid-column: 1/-1;grid-row: 4;margin: 0;align-self: end;justify-self: center;} } .patKurz {background:#e6e6e7;padding:3px;margin:15px -15px -15px -15px;} .patKurz ul li {display:inline;background:none !important;padding:0 4px !important;border-left:1px solid #ed008c;} .patKurz ul li:first-child {padding-left:0 !important;border:0} .discussItem{ margin-top: 1em; border: 1px dotted #ebebeb; } .documentList{display: grid;gap: 1rem;} .documentList .clearFloat{display: none;} .documentList .dlItem{display: grid;grid-template-columns: subgrid;grid-template-rows: subgrid;gap: .75rem 1rem;grid-column: span 2;grid-row: span 2;padding: 0.75rem;} .documentList .dlItem:nth-child(even){background: #f9f9f9;} .documentList .dlItem h3{grid-column: 1/-1;grid-row: 1;} .documentList .dlItem .anot{grid-column: 1;grid-row: 2;} .documentList .dlItem .documentPanel{grid-column: -2;grid-row: 2;border: 1px dotted #ebebeb; } .documentList .dlItem .documentPanel .dlFile{padding: 1rem;box-sizing: border-box;background: none !important;} .bannerHP_IN_TEXT{ margin-top: 1em; margin-bottom: 1em; } .bannerTOP{text-align:center;} /* ----------------------- jak na obor 2014 ------------------*/ .seznamoboru {float:left;} .oborblock {clear:both;margin-bottom:25px;float:left;} .oborblock h2 img {vertical-align:top;padding-right:20px;} .oborblock h2 a {display:block;font-size:1.4em;margin-bottom:10px;} .oborblock h2 {padding:10px 0 0px 0;} .oborblock .zpatky {padding:5px 0;} .oborblock .zpatky a {float:right;display:block;background:#0096A1;color:#fff;text-decoration:none;padding:2px 5px;text-align:center;width:60px;font-weight:bold;} .oborblock .zpatky a:hover {background:#191C61;} /* ---------------------------DOUCOVANI----------------------- */ .doucovani{ margin-top: 1em; border: 1px dotted #ebebeb; } .doucovani h3{ margin-top: 0px;padding: 3px; background-color: #ebebeb; } /* ---------------------------HP----------------------- */ #HPBoxC{ padding-bottom: 10px; } .HPBox{ float:left; padding: 5px; width: 218px; } .HPBox img{ margin-right: 5px; } .HPBox1{ margin-right:10px; } /* ---------------------------HP----------------------- */ #skoolbox{ padding: 0px; } #skoolbox div{ padding: 0px; } #skoolbox fieldset{ float:left; width: 190px; overflow:hidden; } #skoolbox fieldset legend{ font-weight: bold; } #skoolbox img{ margin: 0px; } /* ---------------------------formulare----------------------- */ .inputTextSmall { width: 50px; } .inputText { width: 200px; } .inputSelect { width: 200px; } .inputTextarea { width: 200px; height: 100px; } .divFormC .inputSubmit { cursor:pointer; color:#fff; font-weight:bold; border:1px solid var(--mainColor01); background-color:var(--mainColor01); padding: 0.15rem 0.75rem; box-sizing: border-box; } .divFormC .inputSubmit:hover {background-color:#fff;color: var(--mainColor01);} .divFormF input {width:120px;} .divFormF input.inputSubmit {width:60px;} .inputSubmit {cursor:pointer;} #contactForm .inputSubmit {background:#db0068;color:#fff;border-color:#db0068; } #contactForm .inputSubmit:hover {background:#00979e;border-color:#00979e;} #captcha {width:90px;} #captchaImg {vertical-align:top;margin-left:4px;padding:5px 0;background:#fff;} .divFormC.newf td.fLeft {text-align:left;} .divFormC.newf td.fLeft #captchaImg,.divFormC.newf td.fLeft .captchaImg {padding:0;} .divFormC.newf td.fLeft.full {min-width:500px;max-width:500px;width:500px;} .err { font-weight: bold; color: red; padding: 4px; border: 1px solid red; } /* ---------------------- poradatel -----------------------------*/ .amosporada {padding:0 0 15px 0;width:350px;background:#e6e6e7} .amosporada h3 {background:#01B9C7;color:#fff !important; padding:4px 10px 4px 15px; margin:0px 0px 10px 0px; font-size:1.5em; } .amosporada p {padding:0 8px;} .amosporada table {margin-top:10px;} .amosporada table td {padding:5px;} .amosporada .cislo {font-size:1.2em;font-weight:bold;color:#ed008c;} /* --------------------------- vypis kurzu ------------------------- */ .catBlock {margin-bottom:15px;float:left;min-height:140px;height:auto;overflow:hidden;} .catBlock {min-height:240px;height:auto;width:100%;} .catBlock .anot{display: grid;grid-template-columns: auto 1fr;grid-template-rows: auto auto auto 1fr;padding: 10px;gap: 0 10px;} .catBlock .anot .anotImg{grid-column: 1;grid-row: 1/-1;} .catBlock .anot h3{grid-column: 2;grid-row: 1;} .catBlock .anot .anotTxt{grid-column: 2;grid-row: 2;} .catBlock .anot .fullA{grid-column: 1/-1;grid-row: 1/-2;} .catBlock .anot :where(h3,.anotTxt){width: 100%;} .catBlock .anot .anotImg{height: auto;padding: 0;} .catBlock .anot .anotImg a{} .catBlock .anot .anotImg img{} .catBlock .anot h3{font-size: 1.45rem;line-height: 1.1em;} .catBlock .anot h3 a{} .catBlock .anot .anotTxt{display: grid;grid-template-rows: subgrid;grid-row: 2/-1;} .catBlock .anot .anotTxt .bottomBlok{font-size: 1rem;line-height: 1.2em;gap: 0.75rem;margin:auto 0 0 0;padding-top: 1rem;display: grid;grid-template-columns: auto auto 1fr auto auto;} .catBlock .anot .anotTxt .bottomBlok :where(.priceBl,.normPr,.butBlok,.dodatek){padding: 0;margin: 0;align-self: end;} .catBlock .anot .anotTxt .bottomBlok .priceBl{grid-column: 1;grid-row: 1;display: flex;align-items: flex-end;} .catBlock .anot .anotTxt .bottomBlok .normPr{grid-column: 2;grid-row: 1;} .catBlock .anot .anotTxt .bottomBlok .butBlok{grid-column: -2;grid-row: 1;} .catBlock .anot .anotTxt .bottomBlok .dodatek{grid-column: -3;grid-row: 1;} .catBlock .anot .anotTxt .bottomBlok .butBlok:not(:has( strong)), .catBlock .anot .anotTxt .bottomBlok .butBlok strong{display: flex;gap: 1rem;} /* .catBlock .anot .anotTxt .bottomBlok .butBlok .tl{} */ @media only screen and (max-width:990px) and (min-width:771px){ .catBlock .anot .anotTxt .bottomBlok{display: grid;grid-template-columns: auto auto 1fr auto;grid-template-rows: auto auto;gap: 0.25rem 0.75rem;} .catBlock .anot .anotTxt .bottomBlok .priceBl{grid-column: 1;grid-row: 1;} .catBlock .anot .anotTxt .bottomBlok .normPr{grid-column: 2;grid-row: 1;} .catBlock .anot .anotTxt .bottomBlok .butBlok{grid-column: -2;grid-row: 1;} .catBlock .anot .anotTxt .bottomBlok .dodatek{grid-column: -2;grid-row: 2;} } @media only screen and (max-width:770px) { .catBlock .anot .anotTxt .bottomBlok{display: grid;grid-template-columns: auto auto 1fr;grid-template-rows: auto auto auto;gap: 0.25rem 0.75rem;} .catBlock .anot .anotTxt .bottomBlok .priceBl{grid-column: 1;grid-row: 1;} .catBlock .anot .anotTxt .bottomBlok .normPr{grid-column: 2;grid-row: 1;} .catBlock .anot .anotTxt .bottomBlok .butBlok{grid-column: 1/-1;grid-row: 3;} .catBlock .anot .anotTxt .bottomBlok .dodatek{grid-column: 1/-1;grid-row: 2;margin: 0;} } @media only screen and (max-width:550px) { .catBlock .anot{grid-template-columns: 100%;grid-template-rows: repeat(4,auto) 1fr;} .catBlock .anot .anotImg{grid-column: 1/-1;grid-row: 1;} .catBlock .anot h3{grid-column: 1/-1;grid-row: 2;} .catBlock .anot .anotTxt{grid-column: 1/-1;grid-row: 3/-1;} } .catBlock h3 {padding:0;margin:0 0 5px 0;float:left;width:480px;} .catBlock h3 a {color: var(--mainColor01);} /*suda kniha, nebo kurz pro lepsi odliseni */ .catBlock.suda {background:#F6F6F6;min-height:150px;height:auto;} .catBlock.catalog.suda {min-height:220px;} .catBlock.suda h3 {margin-top:5px} .catBlock.suda .anotTxt {margin-bottom:5px;} .anotImg {float:left;width:195px;height:150px;padding:10px 10px 0 10px;} .anot .anotImg img{padding-right:0 !important;max-width:97%;} .anotTxt {float:left;width:480px;} .anotTxt p {margin:0 0 3px 0;} .anotTxtInner {line-height:1.3em;min-height:4.1em;overflow:hidden;} .anotTxtInner h3 {float:none;} .anotTxtInner table.datatable{background: transparent;} .anotTxtInner table.datatable td{background: transparent;} .catBlock.catalog .anotTxtInner {min-height:5.2em;} .bottomBlok {margin-top:15px;font-size:1.1em;} .priceBl,.normPr {padding-right:7px;margin-right:5px;margin-bottom:5px;} .normPr {border:0;} .butBlok {float:right;} .dodatek{float: right;font-weight: bold;margin: 4px 5px 0 0;} .priceBl .colored {font-size:1.35rem;color:var(--mainColor01);padding-left:10px;font-weight:bold;} .infoBl a {color:#000;} #content .anot .objProd img {padding-right:0.4em;} .catBlock.test {height:auto;} .catBlock.catalog.test {height:240px;} .catBlock.test .anotTxtInner {height:auto;} .catBlock.catalog.test .anotTxtInner {height:5.2em;} /* --------------------- co si jeste koupili ---------------------*/ #alsoBuyC h3,#relevantArticlesC h3 {background-color:#d4d4d4;padding:6px 10px;color:#ed038c;font-size:1.3em;margin:0 0 15px 0;} #relevantArticlesC{display: flex;border-bottom: 1px solid var(--pageColor,var(--mainColor01));} #relevantArticlesC h3{margin: 0;background: var(--pageColor,var(--mainColor01));color: #fff;} table.alsoB {border-bottom:1px solid #000;padding:20px 0;} td.productTopImg {padding-right:15px;width:125px;} td.productTopImg img {max-width:125px;} td.productTopInfo a {color:#ed038c;font-weight:bold;text-decoration:none;} td.productTopInfo a:hover {text-decoration:underline;} a.detInf {color:#000;font-weight:bold;font-size:1.2em;padding-bottom:10px;display:block;} table.alsoB td.ordBlock {} .leftPcs {float:left;margin-right:15px;} .rightPcs,.rightPcs strong {float:left;} table.alsoB .colored {color:#ed038c;} table.alsoB strong a {background:#ed038c; text-decoration:none; color:#fff; padding:2px 5px; display:block; width:auto; text-transform:uppercase; } .leftPcs .colored {font-size:1.4em;color:#ed008c;padding-left:10px;} /* --------------------------- horni blok -------------------------- */ #topBanner{ background:#fff; position: relative; } #topLeft {} /* LOGO */ #logoC,#logoC a{width: 340px; height:79px;} #logoC{background: url(/images/glogoNew.jpg) no-repeat 0 0;background-size: contain;float:left;} #logoC h1{margin: 0;padding: 0;} #logoC a{display: block;} #logoC span{position: absolute; left: -10000px; border: 0px;} /* LOGIN a KOSIK */ #topRight{ /* width: 600px; */ /* float:left; */ } /* horni navigace v hlavicce */ #subnavig {width: 100%;text-align: center; color: #000;position: relative;} #subnavig a {text-decoration: underline;} #subnavig a:hover {text-decoration: none;} #subnavig ul {list-style-type:none;padding:0;margin:0;text-align:right;} #subnavig li {display:inline;padding:0;margin: 0;} #subnavig li.posledni {border:none;} #subnavig li a span{display: none;} #subnavig li.li_1 a::before{content: '';background:url(/images/new_2014/guser.png) no-repeat 0 0;display: block;width: 16px;height: 16px;} #subnavig:not(.uka) .loginPop{display: none;} #subnavig .loginPop{position: absolute;top: calc(100% + 0.5rem);right: 0;background: #fff;z-index: 333;padding: 0.5rem;box-sizing: border-box;border: 1px solid #edeff3;text-align: left;box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;} .loginBox h3{margin: 0;color: inherit;} .loginBox form{} .loginBox form{} /* .loginBox form input[type="submit"]{cursor: pointer;border: 1px solid var(--mainColor02);padding: 0.15rem 0.65rem;background: #fff;} */ /* .loginBox form input[type="submit"]:hover{background: var(--mainColor02);color: #fff;} */ .loginBox form table > tbody > tr > td{padding: 0.15rem 0;} .loginBox form table > tbody > tr > td input{vertical-align: middle;} .loginBox{} #seaBasBlock {width:100%;height:auto;margin-top:10px;width: auto;gap: 0.5rem;display: grid;grid-template-columns: 1fr 30px;align-items: center;} #socBarTop {padding-left:30px;float:left;width:82px;margin-top:-15px;} #socBarTop a {display:block;float:left;width:38px;height:37px;} #socBarTop a span {display:none;} #socBarTop a.facebook {background:url(/images/new_2014/gfbIco.png) no-repeat 0 0;margin:0 6px 6px 0;} /*#socBarTop a.google {background:url(/images/new_2014/ggPlusIco.png) no-repeat 0 0;margin:0 0px 6px 0;}*/ #socBarTop a.instagram {background:url(/images/new_2014/ginstaIco.png) no-repeat 0 0;margin:0 0px 6px 0;} #socBarTop a.youtube {background:url(/images/new_2014/gyouTubeIco.png) no-repeat 0 0;margin:0 6px 0px 0;} #socBarTop a.twitter {background:url(/images/new_2014/gtwitIco.png) no-repeat 0 0;} #socBarRight {position:fixed;right:0;top:194px;width:45px;z-index: 99;display: none;} #socBarRight a {display:block;width:38px;margin-bottom:0px;float:right;} #socBarRight a:hover {margin-right:5px;} #searchBlockC { position: relative; color: #000; font-size: 0.9em; z-index:40; margin:0; box-sizing:border-box; justify-self: center; } #searchBlockC:not(.uka) form{display: none;} #searchBlockC form { display: block; margin:0;padding: 5px 0 5px 5px; background:#fff;border-radius:100px; /* overflow:hidden; */ border: 1px solid #e6e6e7; position: absolute; width: 250px; right: calc(100% + 1rem); top: 50%; transform: translate(0, -50%); } #searchBlockC form div {} #searchBlockC .inp { background: #fff; border:0; padding: 5px 3px; margin:0;width:180px; } #searchBlockC #searchText {width: calc(100% - 40px); color: #000;box-sizing:border-box;} #searchBlockC #doSearch {padding:0 0 4px 0;margin:0 0 0 6px;vertical-align:middle;} #searchBlockC .LupaMobil{cursor: pointer;} #searchBlockC .LupaMobil::before{content: '';display: block;width: 20px;height: 20px;background:url(/images/new_2014/glupa.png) no-repeat;background-size: contain;background-position: center;} #naseptavac_searchText,#naseptavac_skolaDesc{position:absolute;z-index:30;background-color:#fff;color:#000;border:1px solid #e6e6e7;font-size:1rem;line-height: 1.1em;top:100%;right: 0;border-radius: 5px;min-width: 100%;box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;width: 200%;} :where(#naseptavac_searchText,#naseptavac_skolaDesc) * {box-sizing: border-box;} :where(#naseptavac_searchText,#naseptavac_skolaDesc) img {width:30px;} :where(#naseptavac_searchText,#naseptavac_skolaDesc) a {text-decoration:none;display: block;color: var(--mainColor01);}/*white-space: nowrap;*/ :where(#naseptavac_searchText,#naseptavac_skolaDesc) :where(.spitni_link,.spitni_link_over,.SpitniHP_link,.SpitniHP_link_over):first-child{border: 0;} :where(#naseptavac_searchText,#naseptavac_skolaDesc) :where(.spitni_link,.spitni_link_over,.SpitniHP_link,.SpitniHP_link_over){border-top: 1px solid #e6e6e7;} :where(#naseptavac_searchText,#naseptavac_skolaDesc) :where(.spitni_link,.spitni_link_over,.SpitniHP_link,.SpitniHP_link_over) a{padding: 0.25em 0.5em;display: flex;align-items: center;gap: 0.5rem;} :where(#naseptavac_searchText,#naseptavac_skolaDesc) :where(.spitni_link_over,.SpitniHP_link_over){background-color:var(--mainColor03);margin: 0;} :where(#naseptavac_searchText,#naseptavac_skolaDesc) :where(.spitni_link_over,.SpitniHP_link_over) a{color:#fff;} @media only screen and (max-width:680px) and (min-width:451px) { #naseptavac_searchText{transform: translate(-25%,0);right: 0;width: 150%;left: 25%;} } @media only screen and (max-width:450px) { #naseptavac_searchText{right: auto;left: 0;max-width: calc(100vw - (0.75rem*2));max-height: calc(88dvh - var(--SubNavMaxHeight));overflow: scroll;} } .fullTxtsNaseptavanim{display: flex;flex-direction: column;} .fullTxtsNaseptavanim .naseptavacObal{position: relative;} /* #naseptavac_skolaDesc {position:absolute; top: 0; z-index:30; background-color:#fff; color:#000;padding:5px; border:2px solid #0B2D72; font-size:0.9em; width: 320px; } */ /* #naseptavac_skolaDesc a {text-decoration:none;} */ /* .SpitniHP_link:first-child,.spitni_link_over:first-child {border:0;} */ /* .SpitniHP_link,.spitni_link_over {margin-right:5px;border-top:1px solid #0B2D72;} */ /* .spitni_link_over {background-color:#66cce3;} */ /* .SpitniHP_link a {color:#90106f;} */ /* .SpitniHP_link img{width: 30px; height: 30px; vertical-align: middle; padding-right: 1em;} */ /* .SpitniHP_link img{width: 60px; height: 60px; vertical-align: middle; padding-right: 1em;} */ #kosik {background:none;width: auto;grid-column: -2/-1;grid-row: 1;justify-self: end;} .info {display: none;} .basketOdkaz {margin: 0;padding: 0;} .basketOdkaz a{display: inline-block;margin: 0;padding: 0;text-decoration: none;} .lupa {display:block;width:25px;height:25px;background:url(/images/new_2014/gbasket.png) no-repeat 0 0;position: relative;} #kosik:not(.prazdnyKosik) .lupa::before{content: attr(data-pocet);position: absolute;bottom: 0;right: 0;background: #2ca9a3;color: white;display: flex;justify-content: center;align-items: center;width: 16px;height: 16px;border-radius: 100%;transform: translate(50%,50%);font-size: 11px;line-height: 0.5em;} .lupa span {display:none;} #prazdnyKos {color: #000000 !important; display: block;} /* HORNI NAVIGACE */ #topNavigC > ul > li:nth-child(1){--menuColor: var(--mainColor01);--menuColorH: var(--mainColorH01);} #topNavigC > ul > li:nth-child(2){--menuColor: var(--mainColor02);--menuColorH: var(--mainColorH02);} #topNavigC > ul > li:nth-child(3){--menuColor: var(--mainColor03);--menuColorH: var(--mainColorH03);} #topNavigC > ul > li:nth-child(4){--menuColor: var(--mainColor04);--menuColorH: var(--mainColorH04);} #topNavigC > ul > li:nth-child(5){--menuColor: var(--mainColor05);--menuColorH: var(--mainColorH05);} #topNavigC > ul > li:nth-child(6){--menuColor: var(--mainColor06);--menuColorH: var(--mainColorH06);} #topNavigC > ul > li:nth-child(7){--menuColor: var(--mainColor07);--menuColorH: var(--mainColorH07);} /*klasicka*/ /* #topNavigC{z-index:1;margin:0;padding:0;border:0;} #topNavigC * {box-sizing: border-box;} #topNavigC ul{list-style: none;margin:0;padding:0;} #topNavigC ul li{margin:0; padding:0;} #topNavigC ul li a{display: inline-block;padding: 0.5rem 0.25rem;text-decoration: none;} #topNavigC ul li span{} */ /*uroven1*/ /* #topNavigC > ul{display: flex;} #topNavigC > ul > li{flex: 1 1;} #topNavigC > ul > li > span{display: block;text-align: center;} #topNavigC > ul > li > span > a{display: block;color: #030403;text-transform: uppercase;font-size: 1em;border-bottom: 2px solid var(--menuColor);} #topNavigC > ul > li.aktivni > span > a{color:#fff;background: var(--menuColor);} #topNavigC > ul > li:hover > span > a{background:var(--menuColorH)} */ /*uroven 2*/ /* #topNavigC > ul > li{position: relative;} #topNavigC > ul > li:not(:hover) > ul[id*="submenu"]{display: none !important;} #topNavigC > ul > li:hover > ul[id*="submenu"]{display: flex !important;} #topNavigC > ul > li > ul[id*="submenu"]{position: absolute;top: 100%;left: 0;min-width: calc(100% + 1rem);padding: 0.75rem 0;background: var(--menuColor);gap: 0.5rem;flex-direction: column;} #topNavigC > ul > li > ul[id*="submenu"] > li{display: flex;} #topNavigC > ul > li > ul[id*="submenu"] > li > a{color: #fff;display: block;flex: 1 1;padding: 0.25rem 0.75rem;font-size: 1rem;line-height: 1.2em;white-space: nowrap;} #topNavigC > ul > li > ul[id*="submenu"] > li > a > span{} #topNavigC > ul > li > ul[id*="submenu"] > li:hover{background: #fff;} #topNavigC > ul > li > ul[id*="submenu"] > li:hover > a{color: var(--menuColor);} */ #topNavigC{z-index:10;margin:0;padding:0;border:0;} #topNavigC * {box-sizing: border-box;} #topNavigC ul{list-style: none;margin:0;padding:0;} #topNavigC ul li{margin:0; padding:0;} #topNavigC ul li a{display: inline-block;padding: 0.5rem 0.05rem;text-decoration: none;} #topNavigC ul li span{} /*harmonika*/ #topNavigC > ul{display: flex;align-items: flex-end;} #topNavigC > ul > li{flex: 1 1 auto;} #topNavigC > ul > li > a{display: flex;justify-content: center;color: #030403;text-transform: uppercase;font-size: 1em;border-bottom: 2px solid var(--menuColor);} #topNavigC > ul > li > a > span{display: inline-block;text-align: center;} /* #topNavigC > ul > li.aktivni > span > a{color:#fff;background: var(--menuColor);} */ #topNavigC > ul > li:hover > a{background:var(--menuColorH)} /*uroven 2*/ .KosikLogoHledat{position: relative;} #topNavigC > ul{}/*position: relative;z-index: 30;*/ #topNavigC > ul > li > ul a{white-space: nowrap;color: #fff;padding: 0.15rem 0.65rem;margin: 0;display: block;} #topNavigC > ul > li:not(:hover) > ul{display: none;} #topNavigC > ul > li > ul{position: absolute;top: 100%;left: 0;width: 100%;background: #fff;box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;padding: 0.75rem 0;background: var(--menuColor);color: #fff;} #topNavigC > ul > li > ul,#topNavigC > ul > li > ul > li,#topNavigC > ul > li > ul > li > ul{display: flex;flex-direction: column;gap: 0rem;} #topNavigC > ul > li > ul{gap: 0;flex-direction: row;justify-content: center;flex-wrap: wrap;} #topNavigC > ul > li > ul > li{margin: 0;padding: 0;display: grid;gap: 0 .25rem;grid-template-columns: auto 1fr;grid-template-rows: auto 1fr;padding: 0 0.75rem;} #topNavigC > ul > li > ul > li > a{text-decoration: none;color: inherit;font-weight: 900;grid-column: -2/-1;grid-row: 1;} #topNavigC > ul > li > ul > li > ul{grid-column: -2/-1;grid-row: 2;} #topNavigC > ul > li > ul > li > ul > li{} #topNavigC > ul > li > ul > li > ul:not(.vice) > li:nth-child(n+13){display: none;} #topNavigC > ul > li > ul > li > ul.vice > li.nav-show-more{order: 9999;display: none;} #topNavigC > ul > li > ul li:has( > a:hover){} #topNavigC > ul > li > ul > li:not(:last-child) > a:hover, #topNavigC > ul > li > ul > li:not(:last-child) > ul > li > a:hover, #topNavigC > ul > li > ul > li:last-child a:hover > span {color: var(--menuColor);background: #fff;} #topNavigC > ul > li > ul > li:last-child a{display: flex;gap: 0 .5rem;max-width: 240px;white-space: break-spaces;font-weight: 500;padding: 0;} #topNavigC > ul > li > ul > li:last-child a > span{padding: 0.15rem 0.65rem;} #topNavigC > ul > li > ul > li:last-child a > span > span{font-weight: 900;} /* #topNavigC > ul > li > ul > li:last-child a:hover{text-decoration: underline;} */ /*obrazky subnavig*/ #topNavigC > ul > li > ul > li:not(:last-child)::before, #topNavigC > ul > li > ul > li:last-child a::before {content: '';grid-column: 1/2;grid-row: 1/-1;display: block;min-width: 55px;width: 55px;height: 55px;background-size: contain;background-repeat: no-repeat;margin: .25rem 0 0;} #topNavigC > ul > li:nth-child(1) > ul > li:nth-child(1)::before{background-image: url('/images/new_26/navSubIco/training.png');} #topNavigC > ul > li:nth-child(1) > ul > li:nth-child(2)::before{background-image: url('/images/new_26/navSubIco/library.png');} #topNavigC > ul > li:nth-child(1) > ul > li:nth-child(3)::before{background-image: url('/images/new_26/navSubIco/target.png');} #topNavigC > ul > li:nth-child(2) > ul > li:nth-child(1)::before{background-image: url('/images/new_26/navSubIco/exam.png');} #topNavigC > ul > li:nth-child(2) > ul > li:nth-child(2)::before{background-image: url('/images/new_26/navSubIco/training.png');} #topNavigC > ul > li:nth-child(2) > ul > li:nth-child(3)::before{background-image: url('/images/new_26/navSubIco/target.png');} #topNavigC > ul > li:nth-child(3) > ul > li:nth-child(1)::before{background-image: url('/images/new_26/navSubIco/library.png');} #topNavigC > ul > li:nth-child(3) > ul > li:nth-child(2)::before{background-image: url('/images/new_26/navSubIco/target.png');} #topNavigC > ul > li:nth-child(4) > ul > li:nth-child(1)::before{background-image: url('/images/new_26/navSubIco/library.png');} #topNavigC > ul > li:nth-child(4) > ul > li:nth-child(2)::before{background-image: url('/images/new_26/navSubIco/target.png');} #topNavigC > ul > li:nth-child(5) > ul > li:nth-child(1)::before{background-image: url('/images/new_26/navSubIco/file-download.png');} #topNavigC > ul > li:nth-child(5) > ul > li:nth-child(2)::before{background-image: url('/images/new_26/navSubIco/target.png');} #topNavigC > ul > li > ul > li:last-child a::before{background-image: url('/images/new_26/navSubIco/ai.png');} .colored {color:var(--mainColor06);} /*fixni menu*/ #ContainerC #Container #topBanner .KosikLogoHledat.fixed:not(.scrollUp) .KosikLogoHledatC{position: fixed;top: 0;left: 0;right: 0;z-index:41;box-sizing: border-box;} #ContainerC #Container #topBanner .KosikLogoHledat.fixed .KosikLogoHledatC::before{content:"";z-index:40;position: absolute;top: 0;left: 0;width: 100vw;height: 100%;margin-left: calc(-1*(100vw - 100%)/2);background: #fff;box-shadow:0 5px 3px -3px #9f9f9f;} #ContainerC #Container #topBanner .KosikLogoHledat.fixed .KosikLogoHledatC :is(#topLeft,#topRight,#topNavigC){position: static;z-index: 42;} #ContainerC #Container #topBanner .KosikLogoHledat.fixed .KosikLogoHledatC{grid-template-rows: auto;padding-top: 0.5rem;} #ContainerC #Container #topBanner .KosikLogoHledat.fixed .KosikLogoHledatC #topLeft{} #ContainerC #Container #topBanner .KosikLogoHledat.fixed .KosikLogoHledatC #topRight{display: none;} #ContainerC #Container #topBanner .KosikLogoHledat.fixed .KosikLogoHledatC #topNavigC{grid-row: 1;} #ContainerC #Container #topBanner .KosikLogoHledat.fixed :where(#logoC, #logoC a){width: 195px;height: 45px;} @media only screen and (max-width: 890px) { #ContainerC #Container #topBanner .KosikLogoHledat.fixed .KosikLogoHledatC{padding-bottom: 0.5rem;} #ContainerC #Container #topBanner .KosikLogoHledat.fixed #topNavigC > ul{top: 100%;} } @media only screen and (max-width: 450px) { #ContainerC #Container #topBanner .KosikLogoHledat.fixed .KosikLogoHledatC #topLeft{justify-self: start;} } /* #topBanner.fixed:not(.scrollUp) #topNavigC.fixed > ul,#topBanner.fixed:not(.scrollUp):after{position:fixed;top:0;left:0;right:0;width:100%;max-width:1200px;margin:0 auto;} #topBanner.fixed:not(.scrollUp) #topNavigC.fixed{z-index:31;} #topBanner.fixed:not(.scrollUp) #topNavigC.fixed > ul{} #topBanner.fixed:not(.scrollUp):after{content:"";z-index:30;display:block;background:#fff;height:38px;max-width:100%;box-shadow:0 5px 3px -3px #9f9f9f;} #hidenavig{display:none;} */ .HP #dostanemMenu .dostanemMenuF{--odsazeni:clamp(0.5000rem, -0.2143rem + 2.2857vw, 1.5000rem);margin-top: 0;} #dostanemMenu .dostanemMenuF{--odsazeni:clamp(0.5000rem, -0.2143rem + 2.2857vw, 1.5000rem);padding: var(--odsazeni);box-sizing: border-box;border: 1px solid #edeff3;border-radius: 15px;box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;margin: calc(var(--mezeraBloky)/1.5) 0;} #dostanemMenu .dostanemMenuF{} #dostanemMenu .dostanemMenuF h3{display: none;} #dostanemMenu *{box-sizing: border-box;} #dostanemMenu .dostanemMenuF{display: flex;gap: 1rem;min-height: 38px;align-items: center;} #dostanemMenu > h3{margin: 0;padding: 0 0 5px 10px;color: #010101;font-size: 1.4rem;font-weight: 600;line-height: 1.2em;} #dostanemMenu ul{list-style: none;margin: 0;padding: 0;display: flex;justify-content: space-between;flex: 1;flex-wrap: wrap;gap: 0.75rem 0.5rem;} #dostanemMenu li{padding: 0;margin: 0;list-style:none;padding:0;text-transform:uppercase;display: flex;} /* #dostanemMenu li:not(:last-child){border-right: 1px solid #edeff3;padding-right: var(--odsazeni);} */ #dostanemMenu li a{text-decoration: none;color: inherit;display: flex;gap: 0.5rem;align-items: center;flex-direction: column;} #dostanemMenu li:hover a{text-decoration: underline;} #dostanemMenu li span{font-weight: 600;} #dostanemMenu li a::before{content: '';display: block;background-repeat: no-repeat;background-position: center;background-size: contain; width: 25px;height: 25px;} #dostanemMenu li:nth-child(1) a:before{background-image: url('/images/new_26/dostatIco/balance.png');} #dostanemMenu li:nth-child(2) a:before{background-image: url('/images/new_26/dostatIco/heart-beat.png');} #dostanemMenu li:nth-child(3) a:before{background-image: url('/images/new_26/dostatIco/mind.png');} #dostanemMenu li:nth-child(4) a:before{background-image: url('/images/new_26/dostatIco/police-hat.png');} #dostanemMenu li:nth-child(5) a:before{background-image: url('/images/new_26/dostatIco/index.png');} #dostanemMenu li:nth-child(6) a:before{background-image: url('/images/new_26/dostatIco/handshake.png');} #dostanemMenu li:nth-child(7) a:before{background-image: url('/images/new_26/dostatIco/test.png');} #dostanemMenu li:nth-child(8) a:before{background-image: url('/images/new_26/dostatIco/engineering.png');} #dostanemMenu li:nth-child(9) a:before{background-image: url('/images/new_26/dostatIco/popularity.png');} #dostanemMenu li:nth-child(1):hover a{color: var(--mainColor07);} #dostanemMenu li:nth-child(2):hover a{color: var(--mainColor06);} #dostanemMenu li:nth-child(3):hover a{color: var(--mainColor04);} #dostanemMenu li:nth-child(4):hover a{color: var(--mainColor05);} #dostanemMenu li:nth-child(5):hover a{color: var(--mainColor01);} #dostanemMenu li:nth-child(6):hover a{color: var(--mainColor02);} #dostanemMenu li:nth-child(7):hover a{color: var(--mainColor08);} #dostanemMenu li:nth-child(8):hover a{color: var(--mainColor03);} #dostanemMenu li:nth-child(9):hover a{color: var(--mainColor09);} .NHP #dostanemMenu > h3{display: none;} .NHP #dostanemMenu .dostanemMenuF{padding: 0.5rem;border-radius: 10px;margin: .5rem 0;} .NHP #dostanemMenu ul{gap: .75rem .5rem;} .NHP #dostanemMenu li{} .NHP #dostanemMenu li a{flex-direction: row;} .NHP #dostanemMenu li a::before{width: 15px;height: 15px;} @media only screen and (min-width:931px) { #dostanemMenu > h3{margin-top: calc(-1*(1.2em + 5px));position: relative;z-index: 1;} } @media only screen and (max-width:450px) { #dostanemMenu ul{display: grid;grid-template-columns: 1fr 1fr;} #dostanemMenu li{justify-self: center;text-align: center;} } /* ------------------ strankovani --------------------*/ .pageNumbersC{width: 100%;display: block;clear: both;padding: 0.35rem 0.5rem;box-sizing: border-box;border: 0;margin: 1rem 0 0;} .pageNumbersC::after,.pageNumbers::after{content: '';display: block;clear: both;} .pageNumbers .volte {display:block;float:left;padding-top:4px;margin-right:5px;} .pageNumbers a, .pageNumbers b {background:#ec008c; font-size:1.5em; display:block; float:left; padding:0 8px; text-align:center; margin:0 4px; text-decoration:none; color:#fff; } .pageNumbers b {background:#cdd71a;} .pageNumbers .all {color:#ec008c;display:block;float:right;} /* ----------------- block s nej vecma ----------------------- */ #nejBlockC {display: grid;grid-template-columns: repeat(auto-fill,minmax(330px,1fr));gap: 1.25rem;} #nejBlockC ul li {padding-left: 0px;background: none;} @media only screen and (max-width:410px) { #nejBlockC{grid-template-columns: 100%;} } .blocek {overflow:hidden;display: flex;flex-direction: column;} .blocek{filter: drop-shadow(rgba(0, 0, 0, 0.24) 0px 3px 8px);transition: all linear 0.3s;}/*box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/ .blocek h2{color:#fff;font-weight:normal;font-size: 1.1em;margin: 0;padding: 0;} .blocek h2 span{display: inline-block;padding:0.5rem 1rem;} #nejBlockC .blocek ul {margin:0;flex: 1;background-color: #fff;display: flex;flex-direction: column;} #nejBlockC .blocek li {list-style:none;margin:0;padding:0;} /* .blocek:not(:hover) li:nth-child(n+4){display:none;} */ .blocek a{text-decoration:none;color:#040404;padding: 0.5rem 1rem;box-sizing: border-box;display: inline-block;} .blocek a:hover{text-decoration: underline;} #nejBlockC .blocek:where(.cnt_1,.cnt_2,.cnt_3) ul{background-position: 95% 5%;background-repeat: no-repeat;} #nejBlockC .blocek:where(.cnt_1) ul{background-image: url('/images/new_26/library-lgrey.png');} #nejBlockC .blocek:where(.cnt_2) ul{background-image: url('/images/new_26/training-lgrey.png');} #nejBlockC .blocek:where(.cnt_3) ul{background-image: url('/images/new_26/target-lgrey.png');} .blocek.cnt_1 h2 {border-bottom: 2px solid var(--mainColor01);} .blocek.cnt_2 h2 {border-bottom: 2px solid var(--mainColor03);} .blocek.cnt_3 h2 {border-bottom: 2px solid var(--mainColor04);} .blocek.cnt_4 h2 {border-bottom: 2px solid var(--mainColor06);} .blocek.cnt_5 h2 {border-bottom: 2px solid var(--mainColor02);} .blocek.cnt_6 h2 {border-bottom: 2px solid var(--mainColor05);} .blocek.cnt_1 h2 span{background: var(--mainColor01);} .blocek.cnt_2 h2 span{background: var(--mainColor03);} .blocek.cnt_3 h2 span{background: var(--mainColor04);} .blocek.cnt_4 h2 span{background: var(--mainColor06);} .blocek.cnt_5 h2 span{background: var(--mainColor02);} .blocek.cnt_6 h2 span{background: var(--mainColor05);} #nejBlockC .nbSpoj{grid-column: 1/-2;filter: drop-shadow(rgba(0, 0, 0, 0.24) 0px 3px 8px);display: grid;grid-template-columns: subgrid;gap: 0 0 ;} #nejBlockC .nbSpoj h2{grid-column: 1/-1;color:#fff;font-weight:normal;font-size: 1.1em;margin: 0;padding: 0;border-bottom: 2px solid var(--mainColor06);} #nejBlockC .nbSpoj h2 span{display: inline-block;padding:0.5rem 1rem;background: var(--mainColor06);} #nejBlockC .nbSpoj .blocek{filter: none;grid-column: 1/-1;} #nejBlockC .nbSpoj .blocek h2{display: none;} #nejBlockC .nbSpoj .blocek ul{flex-direction: row;} #nejBlockC .nbSpoj .blocek ul li{flex: 1;} @media only screen and (min-width:1054px) { #nejBlockC .nbSpoj .blocek a{height: calc(0.5rem*2 + 1.0em);overflow: hidden;} } @media only screen and (max-width:1053px) { #nejBlockC .nbSpoj{grid-column: span 1;display: block;} #nejBlockC .nbSpoj .blocek ul{flex-direction: column;} } #nejBlockC .nbNewslether{display: flex;flex-direction: column;filter: drop-shadow(rgba(0, 0, 0, 0.24) 0px 3px 8px);} #nejBlockC .nbNewslether h2{grid-column: 1/-1;color:#fff;font-weight:normal;font-size: 1.1em;margin: 0;padding: 0;border-bottom: 2px solid var(--mainColor02);} #nejBlockC .nbNewslether h2 span{display: inline-block;padding:0.5rem 1rem;background: var(--mainColor02);} #nejBlockC .nbNewslether .nbNWbox{margin:0;flex: 1;background: #fff;padding: 0.5rem 1rem;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 0.5rem;} #nejBlockC .nbNewslether .nbNWbox p{padding: 0;margin: 0;} #nejBlockC .nbNewslether .nbNWbox form{flex: 0 0;display: inline-flex;border: 1px solid #4e4f4e;border-radius: 25px;padding: 0.5rem;gap: 0.15rem;} #nejBlockC .nbNewslether .nbNWbox form .newsLinput{} #nejBlockC .nbNewslether .nbNWbox form .newsLsubmit{} .blocek.cnt_3,.blocek.cnt_6 {margin-right:0;} /* ------------------ basket ----------------------------------*/ #basketSteps {border:1px solid var(--mainColorH02);border-left:0;border-right:0;background-color: var(--mainColorH02);margin-bottom:15px;padding: 1.15rem 0;box-sizing: border-box;display: flex;align-items: center;} #basketSteps .clearFloat{display: none;} .basketStep,.basketStepActive{font-weight: bold;flex: 1 1;padding: 0 0.25rem;text-align: center;} .basketStep{color: #666;} .basketStepActive{color: var(--mainColor01);} @media only screen and (max-width:450px) { .basketStep{display: none;} /* #basketSteps .basketStep:has( + .basketStepActive){display: block;} */ #basketSteps .basketStepActive + .basketStep{display: block;} } .BasketRozdel.dva{display: grid;grid-template-columns: 2fr 1fr;grid-template-rows: auto;gap: 1rem;} /* .BasketRozdel.dva .UkazZboziSekce{grid-column: 1;grid-row: 1;} */ .BasketRozdel.dva .basketTable:not(.BTdoprava){grid-column: 1;grid-row: 1;margin: 0;align-self: start;} .BasketRozdel.dva .basketTable.BTdoprava{grid-column: -2;grid-row: 1;margin: 0 !important;align-self: start;} @media only screen and (max-width:1100px) { .BasketRozdel.dva{grid-template-columns: 1fr 1fr;} } @media only screen and (max-width:1040px) and (min-width:768px) { .BasketRozdel.dva .basketTable:not(.BTdoprava) .basketPhoto{display: none;} .BasketRozdel.dva .basketTable:not(.BTdoprava) > tbody, .BasketRozdel.dva .basketTable:not(.BTdoprava) > tbody > tr, .BasketRozdel.dva .basketTable:not(.BTdoprava) > tbody > tr > td{display: block;width: 100%;} .BasketRozdel.dva .basketTable:not(.BTdoprava) > tbody > tr > td{box-sizing: border-box;} .BasketRozdel.dva .basketTable:not(.BTdoprava) > tbody > tr:not(.PoloProd){display: flex;} .BasketRozdel.dva .basketTable:not(.BTdoprava) > tbody > tr:not(.PoloProd) td:empty{display: none;} .BasketRozdel.dva .basketTable:not(.BTdoprava) > tbody > tr:not(.PoloProd) td[align="right"]{margin-left: auto;} .BasketRozdel.dva .basketTable:not(.BTdoprava) > tbody > tr.PoloProd{display: grid;grid-template-columns: 1fr auto auto auto;} .BasketRozdel.dva .basketTable:not(.BTdoprava) > tbody > tr.PoloProd + tr.PoloProd{border-top: 1px solid var(--mainColor02);} .BasketRozdel.dva .basketTable:not(.BTdoprava) > tbody > tr.PoloProd td:has( > .trBasketNazevC){grid-column: 1/-1;} .BasketRozdel.dva .basketTable:not(.BTdoprava) > tbody > tr.PoloProd td:has( > input){grid-column: -4;grid-row: 2;} .BasketRozdel.dva .basketTable:not(.BTdoprava) > tbody > tr.PoloProd td[align="right"]{grid-column: -3;grid-row: 2;} .BasketRozdel.dva .basketTable:not(.BTdoprava) > tbody > tr.PoloProd td.deleteTl{grid-column: -2;grid-row: 2;} } @media only screen and (max-width:767px) { .BasketRozdel.dva{grid-template-columns: 100%;} .BasketRozdel.dva .basketTable.BTdoprava{grid-row: 2;} } table.basketTable {width:100%;border-collapse:collapse;margin-bottom: 20px;background: #fff;} table.basketTable th {color:#fff;background:var(--mainColor02);border:0;text-align:left;} table.basketTable td {padding: 0.5rem 0.95rem;} table.basketTable tr.mezera td {padding:10px;background:#defbfa;} table.basketTable td.basketPhoto{vertical-align: top;} table.basketTable td.basketPhoto img{max-width:120px;width:100%;max-height: 150px;object-fit: contain;min-width: 100px;} table.basketTable tr.trNazvy th:nth-last-child(2){text-align:right;} table.basketTable .slevatd .slevaBox{display: flex;align-items: center;gap: 0.25rem;} table.basketTable .slevatd .slevaBox input[type="text"]{flex: 1;padding: 0.25rem ;box-sizing: border-box;width: 7rem;} table.basketTable .trBasketNazevC select{margin-top: 0.5rem;} table.basketTable th[colspan*="7"]{padding:0 10px;} @media screen and (max-width: 767px) { table.basketTable,table.basketTable tbody,table.basketTable tr,table.basketTable td,table.basketTable th{display:block;} table.basketTable,table.basketTable tbody,table.basketTable tr,table.basketTable td{background:#fff;} table.basketTable.BTdoprava tr.mezera:where(.clkc,.clkSleva){display: flex;} table.basketTable.BTdoprava tr.mezera:where(.clkc,.clkSleva) td{flex: 1;} table.basketTable.BTdoprava tr.mezera:where(.clkc,.clkSleva) td:empty{display: none;} table.basketTable tr.trNazvy{display:none;} table.basketTable:not(.BTdoprava) tr:not(.PoloProd){display: flex;} table.basketTable:not(.BTdoprava) tr:not(.PoloProd) td:empty{display: none;} table.basketTable:not(.BTdoprava) tr:not(.PoloProd) td[align="right"]{margin-left: auto;} table.basketTable tr.PoloProd{border-bottom:1px solid var(--mainColor02);padding-bottom:5px;margin-bottom:5px;} table.basketTable tr.PoloProd td{display:flex;justify-content: space-between;padding: 2px 10px;min-height: 24px;box-sizing: border-box;text-align: right;} table.basketTable tr.PoloProd td *{} table.basketTable tr.PoloProd td select{max-width: 300px;width: 100%;} table.basketTable tr.PoloProd td:before{content:"";display:block;flex:0 0 80px;text-align: left;} table.basketTable tr.PoloProd td.basketPhoto{display:none;} /* table.basketTable tr.PoloProd td:nth-child(2):before{content:"Kod";} */ table.basketTable tr.PoloProd td:nth-child(2):before{content:"Nazev";} table.basketTable tr.PoloProd td:nth-child(3):before{content:"Pocet";} /* table.basketTable tr.PoloProd td:nth-child(5):before{content:"Cena";} */ table.basketTable tr.PoloProd td:nth-child(4):before{content:"Celkem";} table.basketTable tr.PoloProd td:nth-child(5):before{content:"Odstranit";} } td.deleteTl{padding:0;text-align:right;} a.deleteP {color:red;cursor:pointer;text-decoration:none;font-size:1.1rem} /*display:block;background:#ec008c;color:#fff;text-decoration:none;padding:4px 4px;width:120px;text-align:center;cursor:pointer;border-radius:5px;*/ /*a.deleteP:hover,*/.deletePBtn:hover {background-color:#90106f;} /*dale jeste kupuji*/ ul#jesteKupuji{list-style:none;margin: 0.5em 0 1em;display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 1em;} ul#jesteKupuji li{padding: 0;background: none;justify-self: stretch;align-self: start;text-align: center;margin: 0;display: flex;flex-direction: column;height:100%;} ul#jesteKupuji li a{text-decoration: none;} ul#jesteKupuji li .dalPhoto{max-width: 100px;margin: 0 auto 10px;min-height: 140px;max-height: 140px;} ul#jesteKupuji li .dalPhoto img{width: 100%;height: 100%;object-fit: contain;} ul#jesteKupuji li .dalNazev{margin: 0 0 5px 0;} ul#jesteKupuji li .dalCena{color: initial;margin: 0 0 10px 0;} ul#jesteKupuji li .dalObjednat{margin-top:auto;} .deletePBtn {background:#ec008c;color:#fff;border:0;font-weight:bold;padding:2px 12px;cursor:pointer;border-radius:5px;} table.basketTable th:has(#tlacitka){padding: 0;} #tlacitka {padding:15px 10px;display:flex;align-items: center;} #tlacitka.obarvi {background:var(--mainColor02);border:0;text-align:left;padding:15px 10px;margin:10px 0;flex-wrap: wrap;gap: 0.5rem 0;} #tlacitka .kadliBtn,#tlacitka .kadliBtn.dal{font-size:1em !important;font-weight:normal !important;} #tlacitka .kadliBtn{cursor:pointer;border:0;} /* #tlacitka .kadliBtn:hover {background-color:#90106f;} */ #tlacitka .kadliBtn.dal{margin:0;padding: 8px 30px;box-sizing: border-box;font-size: 1.1rem !important;line-height: 1.1em;} #tlacitka #recalc{display:none;} @media screen and (min-width: 551px) { #tlacitka .kadliBtn.dal{margin-left:auto;} } @media screen and (max-width: 550px){ #tlacitka{flex-direction: column;} } #platba, .platce {margin-top:15px;} #platba fieldset, .platce fieldset {border:1px solid var(--mainColor02);} #platba legend, .platce legend {background:var(--mainColor02);color:#fff;padding:2px 4px;} #platba .datatable {border-collapse:collapse;} .platce table {border-collapse:collapse;} .platce table th {width:180px;text-align:right;} @media screen and (max-width: 500px){ :where(.objUdaje,#firmaRadek,#adresatRadek) table, :where(.objUdaje,#firmaRadek,#adresatRadek) table > tbody, :where(.objUdaje,#firmaRadek,#adresatRadek) table > tbody > tr, :where(.objUdaje,#firmaRadek,#adresatRadek) table > tbody > tr > th, :where(.objUdaje,#firmaRadek,#adresatRadek) table > tbody > tr > td{display: block;width: 100% !important;box-sizing: border-box;} :is(.objUdaje,#firmaRadek,#adresatRadek) table{background: #fff;} :is(.objUdaje,#firmaRadek,#adresatRadek) table > tbody{} :is(.objUdaje,#firmaRadek,#adresatRadek) table > tbody > tr{} :is(.objUdaje,#firmaRadek,#adresatRadek) table > tbody > tr > th, :is(.objUdaje,#firmaRadek,#adresatRadek) table > tbody > tr > td{background: #fff;} :is(.objUdaje,#firmaRadek,#adresatRadek) table > tbody > tr > th{text-align: left;} } #payment {background:#DEFBFA;padding:10px;margin:10px 0;} .UkazZboziSekce{display: flex;padding: 0;} .UkazZboziSekce .ukazZboziTL{cursor: pointer;background: #fff;border-radius: 0;border: 1px solid var(--mainColorH02);padding: 0.5rem .5rem;width: 100%;color: #000;font-size: 0.9rem;line-height: 1.1em;text-align: right;font-weight: 600;display: flex;align-items: center;gap: 0.5rem;justify-content: flex-end;} .UkazZboziSekce .ukazZboziTL::after{content: '';display: block;width: 10px;height: 10px;border: 0 solid #000;border-width: 0px 2px 2px 0;transform: rotate(45deg);margin: -5px 5px 0 5px;} .UkazZboziSekce .ukazZboziTL.ukaSipka::after{transform: rotate(-135deg);margin-top: 0px;margin-bottom: -5px;} .UkazZboziSekce .ukazZboziTL.ukaSipka{border-bottom:0;} .UkazZboziSekce .ukazZboziTL:hover{background: var(--mainColorH02);color: #000;} /* table.basketTable.schovZbozi:not(.ukaZbozi) :is(.trNazvy,.PoloProd){display: none;} table.basketTable.schovZbozi.ukaZbozi{border: 1px solid var(--mainColorH02);border-top: 0;} */ .BasketRozdel.schovZbozi:not(.ukaZbozi) .basketTable{display: none;} .BasketRozdel.schovZbozi.ukaZbozi{border: 1px solid var(--mainColorH02);border-top: 0;} .BasketRozdel.schovZbozi.ukaZbozi .basketTable.BTdoprava{margin-bottom: 0;} @media screen and (min-width: 766px) { .krok2Rozloz{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto 1fr;gap: 0.5rem 2rem;} .krok2Rozloz #platba{grid-column: 1;grid-row: 1;align-self: start;position: relative;z-index: 2;} .krok2Rozloz .isAjshopSekce{grid-column: 1;grid-row: 2;align-self: start;position: relative;z-index: 2;} .krok2Rozloz .divFormC{grid-column: 1/-1;grid-row: 1/-1;display: grid;grid-template-columns: subgrid;gap: 0.5rem 2rem;} .krok2Rozloz .divForm.platce{grid-column: 1/-1;grid-row: 1;display: grid;grid-template-columns: subgrid;gap: 1rem 2rem;} .krok2Rozloz .objUdaje{grid-column: 2;grid-row: 1;align-self: start;} .krok2Rozloz #firmaRadek{grid-column: 1;grid-row: 3;align-self: start;} .krok2Rozloz #firmaRadek:has( ~ #adresatRadek:where([style*="display: none"],[style*="display:none"])){grid-column: 2;} .krok2Rozloz .udajeAdresa{grid-column: 2;grid-row: 2;align-self: start;} .krok2Rozloz #adresatRadek{grid-column: 2;grid-row: 3;align-self: start;} .krok2Rozloz #tlacitka{grid-column: 1/-1;align-self: start;} .krok2Rozloz #payment{grid-column: 1/-1;align-self: start;} } @media screen and (max-width: 767px) { .krok2Rozloz #firmaRadek,.krok2Rozloz #adresatRadek{margin-top: 0.75rem;} } table.Ftable{background: #fff;border-collapse:collapse;} table.Ftable :where(td,th){padding: 0.15rem 0.4rem;border: 1px solid #eee;box-sizing: border-box} table.Ftable tr:not([class]) + tr.notRamecek td{padding-top: 0.75rem;} table.Ftable tr.notRamecek td{border: 0;} table.Ftable td.st3Tlacitka{border: 0;padding: 0;} @media screen and (max-width: 500px){ table.Ftable, table.Ftable > tbody, table.Ftable > tbody > tr, table.Ftable > tbody > tr > th, table.Ftable > tbody > tr > td{display: block;width: 100% !important;} table.Ftable > tbody > tr > td{text-align: left;} textarea{width: 100%;} } /* ---------------------------------------------------------------- */ #anketa{ margin:15px 10px 10px 10px; } #anketa ol{ margin-left:20px; } #anketa ol li{ margin-bottom:10px; } #anketa .submit{ background-color:#DB0068; color:#fff; } .partner_form {width: 420px; max-width: 420px; overflow: hidden;} .partner_form td {max-width: 325px;} .partner_form textarea {width: 320px; max-width: 320px;} .partner_form input[type="text"] {width: 320px; max-width: 320px;} .partner_form input[type="file"] {width: 320px; max-width: 320px;} .partner_form select {width: 320px; max-width: 320px;} #CourseSearch {width: 440px; overflow: hidden;} #CourseSearch input[type="text"] {width: 95%; } #CourseSearch select {width: 95%; } #left_quick_panel{position:absolute; right:0px; top:90px; z-index:5000; display: none;} #left_quick_panel li{ list-style:none; width:180px; text-transform:uppercase; text-align:left; margin-bottom:10px; color:#fff; font-weight:bolder;overflow:hidden; } #left_quick_panel li a {margin-left:142px;float:left;width:195px;overflow:hidden; display: block;} #left_quick_panel li span{ display:block; float: left; } #left_quick_panel li a img {float:left;} .qp_poradenstvi {background-color: #90106f;} .qp_facebook {background-color: #181d61;} .qp_kurzy {background-color: #4490de;} .qp_twitter {background-color: #0075a3; display: none;} .qp_google {background-color: #931000; display: none;} .panel_text {color: #fff; padding: 5px; display: block; float: left; font-size: 11px; width: 70%;} /* -------------- barvicky ------------------ */ table.noborder {border-collapse: collapse;} tr.oranzova td {background-color:#ffb023;} td.tmzelena {background-color:#0095a1;color:#fff;} td.svzelena {background-color:#ccd623;} td.bila {background-color:#fff;} td.svzelena a,td.tmzelena a,tr.oranzova td a {color:#000 !important;} #course_wrapper {border: 1px solid #cad70e; margin-top: 8px;} #course_filter {width: 100%; padding: 4px;} #course_filter td {width: 48%; font-weight: bold;} #course_filter td.obor {width: 96% !important;} #course_filter select {width: 100% !important;} .course_header {display: block; background-color: #CAD70E; padding: 4px 4px 4px 8px; color: #fff; font-weight: bold; font-size: 1.1em;} #banner_left {position: absolute; left: -140px; margin-top: 10px;} .seminarkaList{padding: 0.75rem;box-sizing: border-box;padding-bottom: 0;} .seminarkaList + .seminarkaList{margin-top: 1rem;padding-top: 1rem;border-top: 3px double var(--pageColor,var(--mainColor06));border-top-style: solid;} .seminarkaList h3{margin-top: 0;} .seminarkaList p{line-height: 1.3em;} .bannerWrapperOwn { height: 600px; position: absolute; top: 153px; right: 50%; margin-right: 500px; } /* detail kurzu */ #selectorButtons { width: 697px; float: left; padding: 10px 0 0 0; } div.button { margin: 0px 10px 0px 0px; float: left; cursor: pointer; padding: 10px 8px; background:#e6e6e7; width:75px; text-align:center; font-size:1.2em; } #placeHolder_terminDivButton {background:#ee0d92;color:#fff;} a.odkazTerminy {display:block; width:90px; height:20px; padding:0 0 2px 0;color:#fff; margin-left:70px; float:left; text-decoration:none; font-size:1.2em; text-transform:uppercase; text-align: center; font-weight:bold; } #placeHolder_terminDivButton,.odkazTerminy { background: #ee0d92; position: relative; -webkit-animation: myfirst 2s both 1s infinite alternate; /* Chrome, Safari, Opera */ animation: myfirst 2s both 1s infinite alternate; } /* Chrome, Safari, Opera */ @-webkit-keyframes myfirst { 0% {background:#ee0d92;} 25% {background:#bd0a74;} 50% {background:#90106f;} 75% {background:#bd0a74;} 100% {background:#ee0d92;} } /* Standard syntax */ @keyframes myfirst { 0% {background:#ee0d92;} 25% {background:#bd0a74;} 50% {background:#90106f;} 75% {background:#bd0a74;} 100% {background:#ee0d92;} } a.odkazTerminy:hover {animation:none;background:#90106f;} #placeHolder_uspesnostDivButton {margin:0;} div.button.visible {background:#d4d4d4;color:#fff;} div.links {display: none;clear: both;min-height: 100px;margin: 0px 3px 0 0;padding:15px;} div.links.visible {display: block;background:#d4d4d4;} #placeHolder_terminDivLinks:not(.links.visible){display: none;} div.links h3, div.links h4 {color:#ed038c;} div.links ul {clear:both;width:440px;} a.prihlBtn {background-color:#ed038c;color:#fff;font-weight:bold;padding:0 3px;text-decoration:none;} .divFormC.newf {background:#d4d4d4;padding:10px;} .divFormC.newf fieldset {border:0;padding:0} .divFormC.newf legend {color:#ed038c;font-weight:bold;font-size:1.3em;} .divFormC.newf table {margin:0;padding:0;border-collapse:collapse;} .divFormC.newf table td, .divFormC.newf table th {background:#d4d4d4;font-weight:normal;text-align:right} .divFormC.newf table td input {width:505px;} .divFormC.newf input.inputSubmit {background-color:#ed038c;border:1px solid #ed038c;text-transform:uppercase;width:100px;box-sizing: border-box;} .divFormC.newf input.inputSubmit.vote{width: auto;padding: 0.25rem 0.75rem;} .divFormC.newf input.inputSubmit.vote:hover{color: #000;background: #fff;} .termBlock {background: #e6e6e7;padding: 5px;margin-bottom:10px;} .termBlock h4 {margin:0 0 10px 0;} .termBlock .price {font-size:1.2em;color:#ED038C;font-weight:bold;margin-right:5px;} .termBlock .prihlBtn {margin-left:5px} .termBlock hr {display:none;} .termBlock .termin {margin:8px 0;} .termBlock .misto {margin-bottom:8px;} .termBlock .rozsah {margin-bottom:8px;} .termBlock strong,.termBlock b {color:#90106f;} .termBlockTop {float:right;padding-top:20px;} .objBlock {text-align: right;} .termTable {margin-top:15px;} .termTable th {vertical-align:top;padding-right:5px;padding-top:4px;} .termTable td {vertical-align:top;font-size:0.9em;} .souvFiles { background: #e6e6e7; padding: 1px 10px 5px 10px; margin: 15px 0 0 0; } .souvFiles h4 {margin-top:4px;} .ptatSe {padding-top:0px;float:right;} a.tl.zeptat{opacity: 0.5;font-size: 0.8rem;} a.tl.zeptat:hover{opacity: 1;background-color: var(--mainColor01);color: #fff;} a.button span {display:none;} a.button.zeptat{display:block;background:transparent url(/images/new_2014/but_zeptat.png) no-repeat 0 0;background-size: contain;width:105px;height:16px;margin:0;padding:0;opacity:0.5;} a.button.zeptat:hover{opacity:1;} a.button {background-color:#EC008C; color:#fff; cursor:pointer; border:0; padding:2px 10px; text-decoration:none; margin:15px 0; font-weight:bold;text-transform:uppercase; font-size:1.1em } a.button strong {color:#fff;} a.button:hover {background-color:#90106f;} /* ----------------------------- HPsearch ----------------------------- */ .cervenynadpis {margin:0;border-bottom:2px solid var(--mainColor03);color:#000;font-weight: normal;} .cervenynadpis span{display: inline-block;padding:0.5rem 1rem;background: var(--mainColor03);color: #fff;} #searchHpBlock{display: flex;flex-direction: column;} #searchHpBlock h3.cervenynadpis{display: none;} #selectorSearchButtons {margin:0;padding:0;float:left;width: 100%;display: flex;gap: 0.5rem;} #selectorSearchButtons div.button {margin:0;cursor:pointer; padding:0.25em;background-color:#f5f5f6;color:#000;min-height:40px;line-height:1.2em;flex: 1 1;display: flex;align-items: center;justify-content: center;transition: all linear 0.3s;border: 1px solid transparent;border-width: 1px 1px 0 1px;} #selectorSearchButtons div.button:not(.visible){border-color: #d5d5d6;} #selectorSearchButtons div.button:not(.visible):hover{background: #d5d5d6;} /* #selectorSearchButtons div#kurzDivButton {width:134px;} */ /* #selectorSearchButtons div#fulltextDivButton {width:134px;} */ #selectorSearchButtons div.mezera {display: none;} #selectorSearchButtons div.button.visible {background-color:#838382;color:#fff;border-color: #838382;} #selectorSearch {margin:0;padding:1rem 0.75rem; float:left;width:100%;background-color:#838382;box-sizing: border-box;} #selectorSearch div.search {display:none;clear:both;width:100%;height: var(--maxHeight,auto);} #selectorSearch div.search.visible {display:block;} #selectorSearch div.search #searchHpBody::after{content: '';display: block;clear: both;} .NHP #selectorSearchButtons div.button.visible{background-color: var(--pageColor,var(--mainColor02));border-color: var(--pageColor,var(--mainColor02));color: white;} .NHP #selectorSearchButtons div.button:not(.visible):hover{background: var(--pageColorH,var(--mainColorH02));} .NHP #selectorSearch{background: var(--pageColor,var(--mainColor02));margin: 0 0 1rem;} /* .NHP #selectorSearch div.search.visible{display: flex;justify-content: center;} */ /* #searchHpMapka {float:left;padding-top:30px;padding-left:10px;} */ /*table.hpSearch {float:left;}*/ table.hpSearch select,table.hpSearch input {padding:6px;border:none;color:#000;background-color:#fff;font-size:1.1em;} table.hpSearch select, table.hpSearch input[type=submit]{max-width:315px;height:33px;width: 100%;box-sizing: border-box;} table.hpSearch input {max-width:315px;height:33px;width: 100%;box-sizing: border-box;} table.hpSearch {width: 100%;} table.hpSearch > tbody, table.hpSearch > tbody > tr, table.hpSearch > tbody > tr > td{display: block;width: 100%;} table.hpSearch > tbody{display: flex;gap: 0.5rem;} table.hpSearch > tbody > tr{} table.hpSearch > tbody > tr > td{} table.hpSearch > tbody > tr:has( select[style*="display: none;"]){display: none;} table.hpSearch.wide select, table.hpSearch.wide input[type=submit] {max-width:655px;height:33px;width: 100%;cursor:pointer;} table.hpSearch.wide select, table.hpSearch.wide input{margin: 0;} table.hpSearch.wide input {max-width:655px;height:33px;width: 100%;box-sizing: border-box;margin-left: 0;} table.hpSearch input[type=submit]{background-color:var(--mainColor06);color:#fff;font-size:1.2em;cursor: pointer;} table.hpSearch input[type=submit]:hover{background: var(--mainColorH06);color: #000;} #Container.menu_43 table.hpSearch input[type=submit]{background: var(--mainColor07);} #Container.menu_43 table.hpSearch input[type=submit]:hover{background: var(--mainColorH07);} #Container.menu_48 table.hpSearch input[type=submit]{background: var(--mainColor04);} #Container.menu_48 table.hpSearch input[type=submit]:hover{background: var(--mainColorH04);} #Container.menu_56 table.hpSearch input[type=submit]{background: var(--mainColor01);} #Container.menu_56 table.hpSearch input[type=submit]:hover{background: var(--mainColorH01);} #Container.menu_62 table.hpSearch input[type=submit]{background: var(--mainColor02);} #Container.menu_62 table.hpSearch input[type=submit]:hover{background: var(--mainColorH02);} #Container.menu_1059 table.hpSearch input[type=submit]{background: var(--mainColor03);} #Container.menu_1059 table.hpSearch input[type=submit]:hover{background: var(--mainColorH03);} table.hpSearch .hpSearchLabel {display:none;} @media only screen and (max-width:610px) { table.hpSearch > tbody{flex-wrap: wrap;} } #skolaDivSearch{} /* #skolaDivSearch #searchHpBody{display: grid;grid-template-columns: auto 1fr;gap: 0.75rem;} #skolaDivSearch #searchHpBody #searchHpMapka{grid-column: 1;} #skolaDivSearch #searchHpBody table.hpSearch{grid-column: -2;align-self: start;} */ @media only screen and (max-width:650px){ #selectorSearchButtons{gap: 0.15rem;} #selectorSearchButtons div.button{font-size: 1rem;padding: 0.25rem 0.15rem;} } @media only screen and (max-width:530px) { #selectorSearchButtons{gap: 0.1rem;} #selectorSearchButtons div.button{font-size: 0.81rem;} /* #skolaDivSearch #searchHpBody{grid-template-columns: 100%;} */ /* #skolaDivSearch #searchHpBody #searchHpMapka{padding: 0;} */ /* #skolaDivSearch #searchHpBody #searchHpMapka img{max-width: 100%;} */ } /* @media only screen and (max-width:650px) and (min-width:531px) { #ContainerC.HP #Container .positionRelative #contentC #content #sloupecC #searchHpBlock{display: grid;grid-template-columns: auto 1fr;} #ContainerC.HP #Container .positionRelative #contentC #content #sloupecC #searchHpBlock #selectorSearchButtons{grid-column: 1;grid-row: 1;} #ContainerC.HP #Container .positionRelative #contentC #content #sloupecC #searchHpBlock #selectorSearch{grid-column: 2;grid-row: 1;} #selectorSearchButtons{flex-direction: column;} #selectorSearchButtons div.button{min-width: 120px;border-width: 1px 0 1px 1px;} #skolaDivSearch #searchHpBody{grid-template-columns: 100%;} } @media only screen and (max-width:530px) { #selectorSearchButtons{display: grid;grid-template-columns: 1fr 1fr;margin-bottom: 0.5rem;} #selectorSearchButtons div.button{width: 100%;box-sizing: border-box;border-width: 1px;} #skolaDivSearch #searchHpBody{grid-template-columns: 100%;} #skolaDivSearch #searchHpBody #searchHpMapka{padding: 0;} #skolaDivSearch #searchHpBody #searchHpMapka img{max-width: 100%;} } */ /* --------------------------- rotace news hp -----------------------*/ #carouselBlock,#carouselBlock2,#carouselBlock3 {margin-bottom:30px;float:left;width: 100%;} #carouselBlock{margin-bottom: 0;display: grid;grid-template-columns: 1fr auto;grid-template-rows: auto auto 1fr;} #carouselBlock .cervenynadpis{grid-column: 1/-1;grid-row: 1;} #carouselBlock #posuvnyblok{grid-column: 1/-1;grid-row: 2/-1;} #carouselBlock .allNews{grid-column: 2/-1;grid-row: -2/-1;justify-self: end;align-self: center;} /* @media only screen and (min-width:971px) { #carouselBlock{max-width: calc(100% - (var(--mezeraSloupce) + var(--Wreklama)));} } */ #carouselBlock #posuvnyblok{display: grid;grid-template-columns: subgrid;grid-template-rows: subgrid;} #carouselBlock #posuvnyblok #slider{grid-column: 1/-1;grid-row: 1/-1;display: grid;grid-template-columns: subgrid;grid-template-rows: subgrid;} #carouselBlock #posuvnyblok #slider .jcarousel{grid-column: 1/-1;grid-row: 1;} #carouselBlock #posuvnyblok #slider .jcarousel-pagination{grid-column: 1/-1;grid-row: 2;align-self: center;} ul#mycarousel,ul#mycarousel2,ul#mycarousel3 {padding:0;margin:0;display: flex;gap: 0 var(--gap);} ul#mycarousel::after,ul#mycarousel2::after,ul#mycarousel3::after{content: '';display: block;clear: both;} #mycarousel li,#mycarousel2 li,#mycarousel3 li {background:none !important;padding-left:0 !important;display:block;float:left;margin: 0;} #posuvnyblok,#posuvnyblok2,#posuvnyblok3{--PLR:0px;--gap:29.5px;--wh:250px;--pocet:4;position:relative;overflow:hidden;padding:0 var(--PLR);box-sizing: border-box;} #posuvnyblok .sekcePosuv,#posuvnyblok2 .sekcePosuv,#posuvnyblok3 .sekcePosuv {width:var(--wh);height:var(--wh);position:relative;} #posuvnyblok .posuvInner,#posuvnyblok2 .posuvInner,#posuvnyblok3 .posuvInner {height:var(--wh);overflow: hidden;box-sizing: border-box;} #posuvnyblok .sekcePosuv h4,#posuvnyblok2 .sekcePosuv h4,#posuvnyblok3 .sekcePosuv h4 {margin: 0px 0 5px 0;padding:5px 0;line-height:1.1em;height: 2em;overflow: hidden;font-size: 1.2em;color:#00bac9;} #posuvnyblok .sekcePosuv a,#posuvnyblok2 .sekcePosuv a,#posuvnyblok3 .sekcePosuv a {text-decoration:none;color:#00bac9;} #posuvnyblok .posuvInner .carImg,#posuvnyblok2 .posuvInner .carImg,#posuvnyblok3 .posuvInner .carImg {height:var(--wh);overflow: hidden;} #posuvnyblok2 .posuvInner .carImg,#posuvnyblok3 .posuvInner .carImg{text-align:center;} #posuvnyblok .posuvInner .carImg img a,#posuvnyblok2 .posuvInner .carImg img a,#posuvnyblok3 .posuvInner .carImg img a{display: inline-block;} #posuvnyblok .posuvInner .carImg img,#posuvnyblok2 .posuvInner .carImg img,#posuvnyblok3 .posuvInner .carImg img {width:var(--wh);height:var(--wh);transition: all linear 0.3s;transform: scale(1);} /* #posuvnyblok .posuvInner:hover .carImg img,#posuvnyblok2 .posuvInner:hover .carImg img,#posuvnyblok3 .posuvInner:hover .carImg img{transform: scale(1.1);} */ :where(#posuvnyblok .posuvInner:hover,#posuvnyblok2 .posuvInner:hover,#posuvnyblok3 .posuvInner:hover) a::before{content: '';display: block;width: 100%;height: 100%;position: absolute;z-index: 5;top: 0;left: 0;border: 2px solid var(--mainColor03);box-sizing: border-box;} #posuvnyblok .posuvInner .carText,#posuvnyblok2 .posuvInner .carText,#posuvnyblok3 .posuvInner .carText {padding:0 5px;display: none;}/*border-left:1px solid #e6e6e7;*/ #posuvnyblok .posuvInner .carText .odkazDet,#posuvnyblok2 .posuvInner .carText .odkazDet,#posuvnyblok3 .posuvInner .carText .odkazDet {display: block;margin-top: 8px;} a.allNews {color:#838382;display: flex;align-items: center;position: relative;z-index: 2;} #slider,#slider2,#slider3{width: calc((var(--wh)*var(--pocet)) + (var(--gap)*(var(--pocet) - 1)));max-width: calc(1086px - (var(--PLR)*2));} .jcarousel-clip {overflow:hidden;margin-left: -4px;} .KKSlider{width:100%;} .KKSlider .sekcePosuv .anotM a{color:#fff !important;margin:10px 0 5px;padding:2px 5px;display:inline-block;} .KKSlider .cervenynadpis.cervena{background:#db0068;} .KKSlider .cervenynadpis.zelenomodra{background:#2ca9a3;} .KKSlider #posuvnyblok2,.KKSlider #posuvnyblok3{/*padding: 0;width: 100%;*/} .KKSlider #posuvnyblok2{background-size:100% 140px} .KKSlider #slider2,.KKSlider #slider3{height:auto !important;/*width: 100% !important;padding: 0;*/} .KKSlider #posuvnyblok2 .sekcePosuv,.KKSlider #posuvnyblok3 .sekcePosuv{height:auto;} .KKSlider #posuvnyblok2 .posuvInner,.KKSlider #posuvnyblok3 .posuvInner{height:auto;} .KKSlider #posuvnyblok2 .sekcePosuv .carImg,.KKSlider #posuvnyblok3 .sekcePosuv .carImg{} .KKSlider #posuvnyblok2 .sekcePosuv .carImg{height:135px;}.KKSlider #posuvnyblok2 .sekcePosuv .carImg img{max-height:135px;} .jcarousel,.jcarousel2,.jcarousel3 { position: relative; overflow: hidden; } .jcarousel ul,.jcarousel2 ul,.jcarousel3 ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .jcarousel li,.jcarousel2 li,.jcarousel3 li { float: left; } .jcarousel-prev,.jcarousel2-prev,.jcarousel3-prev, .jcarousel-next,.jcarousel2-next,.jcarousel3-next{ position:absolute; top: 50%;transform: translate(0, -50%); background-color: #d7d500; background-position: center; background-size: 50%; background-repeat: no-repeat; width:20px;height:50px; border-radius: 2px; opacity: 0.5; transition: all linear 0.3s; } .jcarousel-prev,.jcarousel2-prev,.jcarousel3-prev {left: calc((var(--PLR) - 20px)/2);background-image: url("/images/new_2014/btn_prev.png");} .jcarousel-next,.jcarousel2-next,.jcarousel3-next {right: calc((var(--PLR) - 20px)/2);background-image: url("/images/new_2014/btn_next.png");} :where(.jcarousel-prev,.jcarousel2-prev,.jcarousel3-prev,.jcarousel-next,.jcarousel2-next,.jcarousel3-next):hover{opacity: 1;} .jcarousel-prev span, .jcarousel-next span, .jcarousel2-prev span, .jcarousel2-next span, .jcarousel3-prev span, .jcarousel3-next span {display:none;} .jcarousel-pagination{display:flex;justify-content:center;align-items: center;gap:0.5rem;padding: 0.25rem 0;box-sizing: border-box;} .jcarousel-pagination a{display:block;width:0.75rem;height:0.75rem;background:grey;border-radius:100%} .jcarousel-pagination a span{display:none;} @media only screen and (max-width:600px) { #carouselBlock{grid-template-columns: 100%;grid-template-rows: auto 250px auto 1fr;} .jcarousel-pagination{padding: 0.75rem;} #carouselBlock .allNews{grid-column: 1/-1;justify-self: center;} } /* ------------------------------------------------------------ */ .italic{font-style:italic;} #eshopMenu {position: fixed; left: 0px; top:204px; width: 130px; background-image: url(/images/ggray80.png); padding: 0px 10px 10px 10px; text-align:left; float:right; } #eshopMenu h3 {background:#01B9C7;color:#fff;padding:4px 10px 4px 15px;margin:-10px -10px 10px -10px;} #eshopMenu ul {list-style:none;margin-left:5px;} #eshopMenu ul li {background: none;} #eshopMenu ul li li {background: url(/images/new_2014/gpunta3.png) no-repeat 0 7px;padding-left: 10px;} /* @media only screen and (max-width : 1290px) and (min-width : 1132px) { #ContainerC {margin-left: 152px !important;} } @media only screen and (max-width : 1188px) { #socBarRight {display:none !important;} } @media only screen and (max-width : 1132px) { #eshopMenu {display:none !important;} #contactUs {display:none !important;} } @media (max-width: 1366px) and (min-width: 1133px){ /* #eshopMenu {top:110px;} #contactUs {top:466px !important;} #eshopMenu {top:100px;} #contactUs {top:456px !important;} #contactUs #contactNumber h3 {font-size: 0.9em !important;margin: 0.2em 0 0 0.2em;} #contactUs #contactForm {top:-107px !important;} } */ /* ------------------------------------- dostaneme vas ------------------------- */ .step1 {padding:10px;background-color:#defbfa;margin-bottom:15px;} .step1 table.datatable {background:transparent;} .step1 table.datatable td, .step1 table.datatable th {background:transparent;vertical-align:top;} .step1 table.datatable input, .step1 table.datatable select {border:1px solid #afe2e0;} .step1 table.datatable td.td1 {width:160px;padding-top:5px} .step1 table.datatable td.td2 {width:470px;padding:5px 5px 5px 15px;} .step1 table.datatable td.td3 {width:260px;padding-top:5px} .step1 h3 {background:url(/images/new_2014/step1.png) no-repeat 0 0;} .step2 {padding:10px;background-color:#fde5f3;margin-bottom:15px;} .step2 h3 {background:url(/images/new_2014/step2.png) no-repeat 0 0;} .step3 {padding:10px;background-color:#caccf7;} .step3 a {font-weight:bold;font-size:1.1em;} .step3 table {margin-top:15px;width:100%;} .step3 table td {text-align:center;} .step3 h3 {background:url(/images/new_2014/step3.png) no-repeat 0 0;} /* .step3 table.KurzKniha{border-collapse: collapse;font-size: 1em !important;} .step3 table.KurzKniha td img{width:auto !important;height:auto !important;max-height:150px;border-radius: 10px;border: 1px solid #a2a2a2;object-fit: contain;max-width: 200px;box-sizing: border-box;} .step3 table.KurzKniha td:hover img{animation: pulse 0.6s forwards ;} @keyframes pulse{ 0% {transform: scale(0.5);} 50% {transform: scale(1.2);} 100%{transform: scale(1.0);} } */ .dostatna{--snih:all linear 0.3s;} .dostatna{display: flex;flex-direction: row;flex-wrap: wrap;align-content: flex-start;justify-content: space-evenly;margin: 1.5em 0;} .dostatco{display: flex;flex-direction: column;justify-content: flex-start;align-items: center;box-sizing: border-box;padding: 5px 10px;margin: 0 1em 2em;max-width: 220px;/*max-width:50%;flex:1 1;flex-basis: calc(50% - 2em)*/} .dostatco:hover{animation: pulse 0.6s 0.3s forwards;} .dostatco a{text-decoration: none;} .dostatco .naImg,.dostatco .naNazev,.dostatco .naTlacitko{max-width: 220px;} .dostatco .naImg{} .dostatco .naImg img{width: 100% !important;height: 100% !important;max-width: 200px;max-height: 150px;border-radius: 10px;object-fit: cover;} .dostatco .naNazev{} .dostatco .naNazev a{padding: 0 0.3em;box-sizing: border-box;display: inline-block;text-align: center;width: 100%;margin: 1em 0;} .dostatco .naTlacitko{margin-top: auto;} .dostatco .naTlacitko a{padding: 5px 10px;border: 1px solid #db006891;box-sizing: border-box;border-radius: 3px;transition: var(--snih)} .dostatco .naTlacitko a:hover{background: #db0068;} @keyframes pulse{ 0% {transform: scale(1.0);} 50% {transform: scale(1.3);} 100%{transform: scale(1.0);} } /* .dva{position: relative;display: grid;grid-template-rows: 1fr auto;grid-template-columns: 100%;} .dva:hover{animation:none;} .dva:after{content: "";grid-column: 1/2;grid-row: 1/3;background: rgba(115, 115, 115, .55);display: block;width: 100%;height: 100%;position: relative;z-index: 0;opacity: 0;transition: var(--snih);border-radius: 10px;} .dva:hover:after{opacity: 1;} .dva .naImg{grid-column: 1/2;grid-row: 1/3;transition: var(--snih);overflow: hidden;border-radius: 10px;} .dva .naImg img{object-fit: contain;transition: var(--snih);} .dva:hover .naImg img{transform: scale(1.5);} .dva .naNazev{grid-column: 1/2;grid-row: 1/2;margin: 0;} .dva .naNazev a{width: 100%;font-weight: 600;color: #db0068;color:#fff;font-size: 1.3em;transition: var(--snih)} .dva .naNazev a:hover{color: #2ca9a3;color: #db0068;} .dva .naTlacitko{grid-column: 1/2;grid-row: 2/3;margin: 0.5em 0 0.75em;} .dva .naNazev,.dva .naTlacitko{display: block;text-align: center;z-index: 1;opacity: 0;transition: var(--snih);} .dva:hover .naImg{filter: blur(2px);} .dva:hover .naNazev,.dva:hover .naTlacitko{opacity: 1;} */ .tlacitko {text-align:center;} #content ul.special li {padding: 0px 0 10px 15px; margin: 0px 0px 2px; background: url('/images/new_2014/puntaGreen.png') no-repeat 0 8px; } table.datatable.lektori td {width:33%;padding:10px 5px;vertical-align:top;color:#010101;} table.datatable.lektori td img {float:left;padding-right:10px;} #Container:not(.dostanemNove) .dostanemeVas h3 {font-size:1.3em; margin:1em 0;text-align:left; color:black;font-weight:bold;padding:10px 0 10px 100px;} #Container:not(.dostanemNove) .dostanemeVas h3 span {display:none;} #Container:not(.dostanemNove) .dostanemeVas h2 {font-size:1.6em;margin:1em 0;padding:0;color:#ED008C;} #Container:not(.dostanemNove) .dostanemeVas #dostForm{padding:10px 23px;border:1px solid #afe2e0;box-sizing: border-box;} #Container:not(.dostanemNove) .dostanemeVas .dostanemeForm {background:transparent;width:440px;margin: 0.5em auto;} #Container:not(.dostanemNove) .dostanemeVas p {padding:0 5px;} #Container:not(.dostanemNove) .dostanemeVas .dostanemeForm th {padding:5px 0px 5px 0px;} #Container:not(.dostanemNove) .dostanemeVas .dostanemeForm td {padding:2px;vertical-align:middle;} #Container:not(.dostanemNove) .dostanemeVas input[type="text"], #Container:not(.dostanemNove) .dostanemeVas select{margin-left:10px; padding:4px 6px;border:none;color:#000;background-color:#fff;font-size:1.1em;margin-bottom:4px;} #Container:not(.dostanemNove) .dostanemeVas .submit {background:#ed008c;color:#fff;border:0 !important;font-weight:bold;padding:12px 4px;cursor:pointer;} #Container:not(.dostanemNove) .dostanemeVas .submit:hover {background:#00979e;color:#fff;} .balicek {float:left;width:940px;margin-bottom:30px;padding: 10px 10px 10px 10px;background:#e3e129;margin:15px 0;} .balicek img {margin-top:90px;} .balicek h2 {margin-top:10px;} .balicek h3 {font-size:1.5em;color:#01B9C7;} .balicek strong {color:#ed008c;} .balicek p {padding:0;} .sortStr {margin:1em 0;text-align:right;} .sortStr p {padding:0;} select.selectGray {color: gray !important;} select.selectGray option {color: black !important;} #fbDisc {margin:10px 0 0 0;} /*.fb-comments.fb_iframe_widget span {height:110px !important;}/* pro�? commenty kv�li tomu vyt�kaj�*/ .fb_iframe_widget iframe {position:static !important;} @media screen and (max-width: 767px) { #Container:not(.dostanemNove) .dostanemeVas > h3{padding-left: 1rem;} .step1 {padding:5px;} .step1 table.datatable tr td {display:block} .step1 table.datatable td.td1 {display:none;} .step1 table.datatable td.td2 {width:470px;padding:5px 5px 5px 5px;} .step2 {padding:5px;} .step2 h3+div {width:478px !important;} .step2 h3+div iframe {width:468px;} .step3 {padding:5px;} .balicek {width:478px;padding: 8px;margin:10px 0 20px 0;} .balicek img {display:none} .balicek h3 {font-size:1.3em;} } @media screen and (max-width: 479px){ .step1 table.datatable td.td2 {width:290px;} .step2 h3+div {width:320px !important;} .step2 h3+div iframe {width:310px;} .step3 td img {display:none;} /*.step3 table.KurzKniha td img{display:inline-block;max-width: 100% !important;}*/ .dostatco{max-width: 220px;flex:none;} #Container:not(.dostanemNove) .dostanemeVas .dostanemeForm {width:300px;padding:10px 8px;} .balicek {width:305px;} .balicek .button {display:block;} .balicek h3 {padding-left:40px;font-size:1.5em;} } /* ---------------- contact left --------------*/ #contactUs { position:fixed; left:0; top:574px; width:149px; background:#fff; padding-top:5px; opacity:0.95; display: none; } #contactUs #contactNumber { padding-left:10px; font-size:1.7em; } #contactUs #contactNumber h3 {font-size: 1em;margin: 0.2em 0 0 0.2em;} /*{margin-top:0.3em;}*/ #contactUs #contactNumber p {padding:8px 0 8px 55px;color:#00979e;font-weight:bold;background:url(/images/gsluchatko.png) no-repeat 0 0;} #contactUs #contactFormOpener { z-index:5000; position:relative; cursor:pointer; background:#ed008c; text-align:center; color:#fff; font-weight:bold; margin-top:0px; padding:5px 0; font-size:1.2em; } #contactUs #contactForm { padding: 18px 15px 18px 15px; position: absolute; top: -145px; /*-122px*/ left: -378px; background: #838382; } #contactUs #contactForm form {display:block;border:#f1f1f1;} #contactUs #contactForm form table {background: #838382;} #contactUs #contactForm form input, #contactUs #contactForm form textarea {border:0;} #contactUs #contactForm form td, #contactUs #contactForm form th {background:transparent;} #contactUs #contactForm form th {color:#fff;text-align:left;} #contactUs #contactForm #captchaImg { margin-left: 4px; padding: 0px 0px; } #voteBlock { padding-top:2em;} #voteBlock .divFormC { margin-top:1em;} #voteBlock .percent { padding-left:0.5em;font-size:1.7em;} #voteBlock .divFormC.newf{background: #f6f6f6;} #voteBlock .divFormC.newf .datatable{background: transparent;} #voteBlock .divFormC.newf .datatable :where(th,td){background: transparent;width: auto;min-width: auto;max-width: none;} .positionRelative {position:relative;} /*.bannervlevoeshop{position:absolute; left:0; top:120px; width:160px;height:600px;} #eshopMenu { top: 735px !important; position: absolute !important; }*/ #contactUs { top: auto !important; bottom: 0px !important; } #bannervlevo{ position: absolute; top: 0px; left: -165px; display: none; } #bannervpravo{ position: absolute; top: 0px; right: -165px; width:160px; overflow:hidden; display: none; } .bannervlevoeshop { position: relative !important; left: 0px; top: auto !important; width: 160px; height: auto; min-height: 120px; margin-bottom:1em; } #eshopMenu { top: 10px !important; position:relative !important; } .csobpayment a { display: block; width: 280px; margin: 10px auto; padding: 10px 20px; color: #fff; text-decoration: none; font-size: 1.2em; font-weight: bold; text-align: center; } .csobpayment a:nth-child(1) { background-color: #db0068; } .csobpayment a:nth-child(2) { background-color: #2ca9a3; } .csobpayment a:nth-child(3) { background-color: #aac10f; } .csobpayment a:nth-child(4) { background-color: #90106f; } .csobpayment a:nth-child(5) { background-color: #4490de; } .csobpayment a:nth-child(6) { background-color: #cb111e; } .csobpayment a:nth-child(7) { background-color: #191c61; } .csobpayment a:nth-child(8) { background-color: #ed008c; } .courseHeader { color: #fff; background-color: #ed008c; padding: 2px; } .courseHeader a { float: right; color: #fff; } .courseHeader a:hover, .courseHeader a:active, .courseHeader a:focus { color: #fff; } .courseTermData:not(.ukaTermInfo){display: none;} .courseTermData{grid-column: 1/-1;} .courseTermData .termBlock{background: transparent;padding: 0.5rem;box-sizing: border-box;margin: 0.5rem 0 0;} .courseTermData .termBlock{display: grid;grid-template-columns: 1fr auto;grid-template-rows: auto 1fr;gap: 0.5rem;} .courseTermData .termBlock .termBlockTop{padding: 0;grid-column: -2;grid-row: 1;} .courseTermData .termBlock .termTable{grid-column: 1/2;grid-row: 1/3;margin: 0;} .courseTerm a {float:right;margin-left:1em;} #content .courseDetail .anot .anotTxt img { float: right; padding-right: 0; padding-left: 1em; } .courseDetailTerm { margin-top:1em; } #courseList,.courseDetail #placeHolderx_terminDivLinks{display: grid;grid-template-columns: auto auto auto 1fr auto auto;} #courseList .courseListItem {padding: 1em; display:none;} #courseList .courseListItem.courseListItemVisible {grid-column: 1/-1;display: grid;grid-template-columns: subgrid;gap: 0;} #courseList .courseListItem.courseListItemVisible:nth-child(2n+1) {background-color: #f9f9f9;} #courseList .courseListItem .courseTerm {padding: 2px 0em 2px 1em;display: grid;grid-template-columns: subgrid;grid-column: 1/-1;gap: 0;} #courseList .courseListItem .courseTerm:nth-child(2n+1) {background-color:#ececec;} #courseList .courseListItem .courseTerm:hover,.courseDetail .courseTerm:hover{background: var(--mainColorH04);} /* #courseList .courseListItem .courseTerm[data-place="ONLINE"]{display: block !important;} */ #courseList .courseListItem .courseTerm[data-place="ONLINE"] .courseTermDiv span:nth-child(4){color:#00979e;} #courseList .courseListItem h4{margin: 0 0 0.5rem;grid-column: 1/-1;} .courseDetail #placeHolderx_terminDivLinks{width: 100%;} .courseDetail #placeHolderx_terminDivLinks h4{grid-column: 1/-1;} .courseDetail .courseTerm{grid-column: 1/-1;display: grid;grid-template-columns: subgrid;} .courseDetail .courseTerm:hover{background: #f6f6f6} .courseDetail .courseTerm .courseTermDiv{padding: 0 0.5rem;box-sizing: border-box;} .courseDetail #term_detail .courseTerm{display: block;margin-top: 0;} .courseDetail #term_detail .courseTerm:hover{background: none;} #courseList .courseListItem .courseTerm .courseTermDiv,.courseDetail .courseTerm .courseTermDiv{display: grid;grid-template-columns: subgrid;grid-column: span 6;gap: 0;} #courseList .courseListItem .courseTerm span,.courseDetail .courseTerm span.CTS{display: block;border-right: 1px solid #000;text-align: center;padding: 0 0.75rem;align-self: center;} #courseList .courseListItem .courseTerm span.courseTermCent,.courseDetail .courseTerm span.CTS.courseTermCent{border: 0;flex-grow: 1} #courseList .courseListItem .courseTerm span.courseTermTL,.courseDetail .courseTerm span.CTS.courseTermTL{border: 0;padding-right: 0;} #courseList .courseListItem .courseTerm span.courseTermTL a.prihlBtn:last-child,.courseDetail .courseTerm span.CTS.courseTermTL a.prihlBtn:last-child{margin:0;} #courseList .courseListItem .courseTerm span:nth-child(1),.courseDetail .courseTerm span.CTS:nth-child(1){text-align:left;padding-left: 0;}/*min-width:160px;padding: 0 0.5rem 0 0;*/ #courseList .courseListItem .courseTerm span:nth-child(3),.courseDetail .courseTerm span.CTS:nth-child(3){border-right: 0;} #courseList .courseListItem .courseTerm span:nth-child(4),.courseDetail .courseTerm span.CTS:nth-child(4){justify-self: end;} /* #courseList .courseListItem .courseTerm span:nth-child(2),.courseDetail .courseTerm span.CTS:nth-child(2){min-width:160px;padding: 0 0.5rem;} */ /* #courseList .courseListItem .courseTerm span:nth-child(3),.courseDetail .courseTerm span.CTS:nth-child(3){min-width:80px;padding: 0 0.5rem;} */ /* #courseList .courseListItem .courseTerm span:nth-child(4),.courseDetail .courseTerm span.CTS:nth-child(4){min-width:70px;padding: 0 0.5rem;} */ /*#courseList .courseListItem .courseTerm span:nth-child(5) {width:16px;} #courseList .courseListItem .courseTerm span:nth-child(6) {width:54px;}*/ /*#courseList .courseListItem .courseTerm span:nth-child(7) {width:100px;}*/ /*#courseList .courseListItem .courseTerm span:nth-child(8) {width:100px;}*/ @media only screen and (max-width:580px){ #courseList .courseListItem .courseTerm .courseTermDiv, .courseDetail .courseTerm .courseTermDiv{grid-template-columns: 100%;justify-items: center;gap: 5px 0;} #courseList .courseListItem .courseTerm span, .courseDetail .courseTerm span.CTS{border: 0;justify-self: center !important;padding: 0 !important;margin: 0 !important;} } #content .courseDetail .ObrFuc .anot .img img{display: none;} /* #content .courseDetail .ObrFuc .anot .img{padding: 0.75rem;} #content .courseDetail .ObrFuc .anot .img::after{content: '';display: block;clear: both;} #content .courseDetail .ObrFuc .anot .img img{display: block;} */ .courseDetail{} .courseDetail #term_detail{margin: 0 0 0.75rem;} .courseDetail #termin.big{font-size:1.25em;color:#000;} .courseDetail .courseHeader:not(.revers),.courseDetail .souvFiles h4 {color: #fff;border-bottom:1px solid var(--pageColor,var(--mainColor01));background: none;padding: 0;margin-top: 1.75rem;} .courseDetail .courseHeader:not(.revers) span,.courseDetail .souvFiles h4 span{display: inline-block;background: var(--pageColor,var(--mainColor01));padding: 0.5rem 0.75rem;} .courseDetail .revers.courseHeader{background:none;color:#ed008c;padding:0;} .courseDetail .schovat.courseHeader{display:none;} .courseDetail .revers.courseHeader a{color:inherit;} .courseDetail .amosporada{width:100%;margin-top:1.5em;} .courseDetail .udj:after{content:"";display:block;clear:both;} .courseDetail .udj div{float: left;} .courseDetail .udj .vB{font-weight:bold;width: 75px;text-align: left;padding-right: 4px;box-sizing: border-box;} .courseDetail .cenaK{font-size: 1.6em;margin:0 1em 0 0;line-height: 1em;display: inline-block;vertical-align: middle;} .courseDetail .KtlD{margin:1.35em 0 0;display: flex;gap: 0.5rem 1rem;flex-wrap: wrap;} .courseDetail .KtlD .cenaK{margin: 0;} .courseDetail .KtlD a{margin: 0;padding: 2px 12px;display: inline-block;vertical-align: middle;} a.prihlBtn.JinaB{background:#2ca9a3;} #content .courseDetail ul li{padding-left: 15px;background-position: 1px 6px;line-height: 1.4em;} .courseDetail .souvFiles{background:transparent;padding: 0 0 5px 0;} .courseDetail .souvFiles h4{} .courseDetail .souvFiles ul{padding: 0.75rem;box-sizing: border-box;margin: 0;} .courseDetail .cenaD{position: relative;display: flex;align-items: center;padding: 0 0 0.75rem 0;} .courseDetail .cenaD :where(h2,h3,h4,h5,h6){font-size: 1.6em;line-height: 1.1em;margin-top: 0;} .courseDetail .cenaD a.prihlBtn{margin-left: 1.5rem;} .courseDetail .amosporada{background: #fff;padding: 0.75rem;box-sizing: border-box;} .courseDetail .amosporada h3 a{float:right;font-size: 0.7em;line-height: 25px;color:#fff;}.courseDetail .amosporada h3 a:hover{color:#fff;} .courseDetail .amosporada > h3{background: none;border-bottom: 1px solid #01B9C7;padding: 0;background: #fff;margin: -0.75rem 0 0.75rem -0.75rem;} .courseDetail .amosporada > h3 span{display: inline-block;background: #01B9C7;padding: 0.5rem 0.75rem;} .courseDetail .amosporada p{padding: 0;} .courseDetail h4{color:#ed008c;} .courseSection{padding: 0.75rem;box-sizing: border-box;} #placeHolderx_uspesnostDivLinks table{border: 0;} #placeHolderx_uspesnostDivLinks table :where(th,td){padding: 0.25rem 0.65rem;border: 0;border-bottom: 1px solid #bebebe;} #placeHolderx_uspesnostDivLinks table :where(th,td):first-child{padding-left: 0.25rem;} #placeHolderx_uspesnostDivLinks table tr:nth-child(even) :where(th,td){background: #f9f9f9;} #placeHolderx_uspesnostDivLinks table tr:not(:first-child):hover :where(th,td){background: var(--pageColorH);} #placeHolderx_detailDivLinks .anot:has( #term_detail){display: grid;grid-template-columns: auto 1fr;grid-template-rows: auto auto auto 1fr;} #placeHolderx_detailDivLinks .anot:has( #term_detail) > *{position: relative;z-index: 5;} #placeHolderx_detailDivLinks .anot:has( #term_detail)::before{content: '';display: block;grid-column: 1/-1;grid-row: 1/3;background: #FBF5F5;position: relative;z-index: 0;} #placeHolderx_detailDivLinks .anot:has( #term_detail) .img{grid-column: 1;grid-row: 1;padding: 0.75rem;box-sizing: border-box;} #placeHolderx_detailDivLinks .anot:has( #term_detail) .img img{display: block;padding: 0;margin: 0;} #placeHolderx_detailDivLinks .anot:has( #term_detail) #term_detail{grid-column: -2;grid-row: 1/3;padding: 0.75rem;box-sizing: border-box;} #placeHolderx_detailDivLinks .anot:has( #term_detail) .anotTx{grid-column: 1/-1;} #placeHolderx_detailDivLinks .anot:has( #term_detail) .clearFloat{display: none;} @media only screen and (max-width:620px){ #placeHolderx_detailDivLinks .anot:has( #term_detail){grid-template-columns: 100%;} #placeHolderx_detailDivLinks .anot:has( #term_detail) #term_detail{grid-row-start: 2;} } /* .courseDetail .amosporada */ .courseDetail .amosporada table.pa-otviracka{background: transparent !important;border-collapse: collapse;} .courseDetail .amosporada table.pa-otviracka td{background: #01b9c7;border: 2px solid #e6e6e7;color: #fff;border-color: #fff;} @media only screen and (max-width:425px){ .pa-kontakt, .pa-kontakt > tbody, .pa-kontakt > tbody > tr, .pa-kontakt > tbody > tr > th, .pa-kontakt > tbody > tr > td{display: block;width: 100%;box-sizing: border-box;} } @media only screen and (max-width:450px){ .courseDetail .KtlD{position: fixed;margin: 0;background: #fff;padding: 1rem;left: 0;right: 0;justify-content: center;bottom: 0;box-shadow: 0 -4px 10px -8px #a4a4a4;z-index: 40;} .courseDetail .KtlD{flex-direction: column;text-align: center;} } #content ul.courseDetailMenu{text-align: center;margin: 0;background: #db0068;padding: 1em 0;display: none;} ul.courseDetailMenu:after{content:"";display:block;clear:both;} #content ul.courseDetailMenu li{float:none;display: inline-block;margin: 0 7px 0 0;background: none;padding: 0;} ul.courseDetailMenu li:last-child{} ul.courseDetailMenu li a,ul.courseDetailMenu li a.button.zeptat{color:#fff;} ul.courseDetailMenu li a.button.zeptat{background: none;width: auto;height: auto;font-weight: normal;text-decoration: underline;font-size: 1em;} ul.courseDetailMenu li a:hover,ul.courseDetailMenu li a.button.zeptat:hover{color: #0395A2;text-decoration: none;} ul.courseDetailMenu li a.button.zeptat span{display:inline;} @media only screen and (max-width:767px){ #courseList .courseListItem .courseTerm,.courseDetail .courseTerm{margin-bottom:0.5em;} #courseList .courseListItem .courseTerm .courseTermDiv,.courseDetail .courseTerm .courseTermDiv{flex-wrap: wrap;justify-content: start;} #courseList .courseListItem .courseTerm span.courseTermCent,.courseDetail .courseTerm span.CTS.courseTermCent{flex-grow:0} #courseList .courseListItem .courseTerm span.courseTermTL,.courseDetail .courseTerm span.CTS.courseTermTL{margin-left:1em;} #content .courseDetail .anot img{float:none;padding:1em 0 0.5em 0;} #term_detail .courseDetailTerm.courseTerm a{float:none;clear: both;display: inline-block;margin: 0 1em 0 0;} #term_detail .courseDetailTerm.courseTerm a:first-child{margin-left:1em;} } @media only screen and (max-width: 500px) { #courseList .courseListItem .courseTerm .courseTermDiv, .courseDetail .courseTerm .courseTermDiv{flex-direction: column;} #courseList .courseListItem .courseTerm span:nth-child(1),.courseDetail .courseTerm span.CTS:nth-child(1){text-align:center;min-width:auto;padding: 0 0.5rem;border: 0;} #courseList .courseListItem .courseTerm span:nth-child(2),.courseDetail .courseTerm span.CTS:nth-child(2){min-width:auto;padding: 0 0.5rem;border: 0;} #courseList .courseListItem .courseTerm span:nth-child(3),.courseDetail .courseTerm span.CTS:nth-child(3){min-width:auto;padding: 0 0.5rem;border: 0;} #courseList .courseListItem .courseTerm span:nth-child(4),.courseDetail .courseTerm span.CTS:nth-child(4){min-width:auto;padding: 0 0.5rem;border: 0;} #courseList .courseListItem .courseTerm span.courseTermTL, .courseDetail .courseTerm span.CTS.courseTermTL{margin-left: 0;display: flex;justify-content: center;gap: 1rem;} } @media only screen and (max-width:480px){ #courseList .courseListItem .courseTerm span,.courseDetail .courseTerm span.CTS{width:auto !important;padding: 0 0.4em;margin:0.2em 0;} } .casopis{border: 0;background: none;} .casopis tbody{border: 0;} .casopis tr{display: grid;grid-template-columns: repeat(3,1fr);border: 0;border-bottom: 1px solid #db0068;} .casopis td{padding: 0;border: 0;} .casopis td:nth-child(1){grid-column: 1/4;text-align: center;font-size: 1.45em;padding: 0.5em 0;transition: all 0.3s linear} .casopis td:nth-child(1):hover{box-shadow: inset 2px 2px 3px #db0068,inset -2px -2px 3px #db0068;cursor:pointer} .casopis td:nth-child(1) ~ td{margin-top: -1px;overflow: hidden;max-height: 0px;position: relative;transition: max-height 1s linear,padding 0.5s linear 0.25s;padding-bottom: 0;} .casopis td.ho ~ td{max-height: 500px;padding-bottom: 12px;transition: max-height 1s linear,padding 0s linear 0s;} .casopis h2{} .casopis h2:after{content:"\25BE"} .casopis .ho h2:after{content:"\25B4"} #popUpC {background: rgba(128,128,128,0.5);width: 100%;height: 100%;position: fixed;z-index: 100000;top: 0;left: 0;right: 0;bottom: 0;} #popUp {max-width:calc(603px*1.3);max-height:calc(853px/1.55);width:calc(100% - 30px);height:calc(100% - 30px);position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);box-sizing: border-box;filter: drop-shadow(0 0 5px #000);} #popUpclose{display:block;position:absolute;top:-10px;right:-10px;z-index:300;cursor:pointer;margin: 0;font-size: 31px;background: #fff;line-height: 26px;border: 1px solid #595959;border-radius: 100%;width: 30px;height: 30px;text-align: center;box-sizing: border-box;} #popUpclose:hover{background:#222;color:#fff;} .content{width: 100%;height: 100%;font-size: 1.5em;border-radius: 15px;background:#fff;display: grid;grid-template-columns: 50% 50%;overflow: hidden;} img.PoPobrazek{grid-column: 1/2;grid-row: 1/2;width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 1;}/*filter: blur(1px) opacity(90%)*/ a.PoPodkaz{grid-column: 1/3;grid-row: 1/2;display: block;cursor: pointer;position: relative;z-index: 3;} .Popobsah{grid-column: 2/3;grid-row: 1/2;width: 100%;height: 100%;padding: 20px 20px 20px 10px;box-sizing: border-box;position: relative;z-index: 2;} .Popobsah table,.Popobsah table.datatable{max-width:100%;height:100% !important;width: 100% !important;background: transparent;} .Popobsah table th,.Popobsah table td,.Popobsah table.datatable th,.Popobsah table.datatable td{margin:0;padding:0;color:inherit;font-size:1em;font-family:inherit;background:transparent;word-break: break-word} .Popobsah h6,.Popobsah h5,.Popobsah h4,.Popobsah h3,.Popobsah h2,.Popobsah h1{font-size:48px;background: transparent;line-height:1em;margin:0;padding:0;} @media only screen and (max-width:500px){ #popUp{} .content{grid-template-columns: 100%;} img.PoPobrazek{grid-column: 1/2;grid-row: 2/3;object-fit: contain;} a.PoPodkaz{grid-column: 1/2;grid-row: 1/3;} .Popobsah{grid-column: 1/2;grid-row: 1/2;padding: 10px;} .Popobsah h6,.Popobsah h5,.Popobsah h4,.Popobsah h3,.Popobsah h2,.Popobsah h1{font-size:38px;} } @media only screen and (max-height:500px){ img.PoPobrazek{object-position: top center;} .Popobsah table th, .Popobsah table td, .Popobsah table.datatable th, .Popobsah table.datatable td{vertical-align:top !important;} .Popobsah h6,.Popobsah h5,.Popobsah h4,.Popobsah h3,.Popobsah h2,.Popobsah h1{font-size:38px;} } table.respo,table.respo > tbody,table.respo > tbody > tr,table.respo > tbody > tr > th,table.respo > tbody > tr > td{width:100% !important;display:block;padding:0;} table.respo > tbody > tr{display:grid;gap: 1.25em 1em;} table.respo.rozdel2 tr{grid-template-columns:repeat(auto-fit,minmax(calc(1080px/2.35),1fr));} table.respo.rozdel3 tr{grid-template-columns:repeat(auto-fit,minmax(calc(1080px/3.35),1fr));} table.respo.rozdel4 tr{grid-template-columns:repeat(auto-fit,minmax(calc(1080px/4.35),1fr));} table.respo.rozdel5 tr{grid-template-columns:repeat(auto-fit,minmax(calc(1080px/5.35),1fr));} table.respo.rozdel6 tr{grid-template-columns:repeat(auto-fit,minmax(calc(1080px/6.35),1fr));} table.testy-zadani-rozcestnik > tbody > tr > td{width:auto !important;height:auto !important;padding:0.55em;display:flex;justify-content:center;align-items:center;} table.testy-zadani-rozcestnik > tbody > tr > td p{margin:0;padding:0;} table.testy-zadani-rozcestnik td a,table.testy-zadani-rozcestnik td a:hover{text-decoration:none;} table.testy-zadani-rozcestnik > tbody > tr{gap:0.5em;} table.testy-zadani-rozcestnik > tbody > tr > td[colspan]{display:none;} table.testy-zadani-pdf, table.testy-zadani-pdf > tbody, table.testy-zadani-pdf > tbody > tr, table.testy-zadani-pdf > tbody > tr > td{border-collapse:collapse;} table.testy-zadani-pdf{background:#fff;border:0;} table.testy-zadani-pdf > tbody{} table.testy-zadani-pdf > tbody > tr{} table.testy-zadani-pdf > tbody > tr > td{padding: 0.15em 0.25em;border:1px solid #f1eeee;} table.testy-zadani-pdf > tbody > tr:nth-child(n+2) > td{border-bottom-color: #191C61;border-bottom-width: 1px;} table.testy-zadani-pdf > tbody > tr:nth-child(n+2) > td{width:calc((100% - 6%)/12) !important} table.testy-zadani-pdf > tbody > tr:nth-child(n+3) > td:first-child{width:6% !important;} table.testy-zadani-pdf > tbody > tr:nth-child(1) td[rowspan="2"], table.testy-zadani-pdf > tbody > tr:nth-child(2) td[rowspan="2"]{padding:0;border:0;} table.testy-zadani-pdf > tbody > tr:nth-child(1) td:nth-child(2), table.testy-zadani-pdf > tbody > tr:nth-child(1) td:nth-child(4), table.testy-zadani-pdf > tbody > tr:nth-child(2) td:nth-child(3), table.testy-zadani-pdf > tbody > tr:nth-child(2) td:nth-child(9), table.testy-zadani-pdf > tbody > tr:nth-child(n+3) > td:nth-child(4), table.testy-zadani-pdf > tbody > tr:nth-child(n+3) > td:nth-child(10){border-right-style:dashed;border-right-color: #c1c1c1;border-right-width: 2px;} table.testy-zadani-pdf > tbody > tr:nth-child(1) td:nth-child(3), table.testy-zadani-pdf > tbody > tr:nth-child(2) td:nth-child(6), table.testy-zadani-pdf > tbody > tr:nth-child(n+3) > td:nth-child(7){border-right-color:#191C61;border-right-width: 1px;}/*#d0d0d0*/ table.testy-zadani-maturita, table.testy-zadani-maturita > tbody, table.testy-zadani-maturita > tbody > tr, table.testy-zadani-maturita > tbody > tr > td{border-collapse:collapse;} table.testy-zadani-maturita{background:#fff;border:0;} table.testy-zadani-maturita > tbody{} table.testy-zadani-maturita > tbody > tr{} table.testy-zadani-maturita > tbody > tr > td{padding: 0.15em 0.25em;border:1px solid #f1eeee;} table.testy-zadani-maturita > tbody > tr:nth-child(n+2) > td{border-bottom-color: #191C61;border-bottom-width: 1px;} table.testy-zadani-maturita > tbody > tr:nth-child(n+2) > td{width:calc((100% - 6%)/8) !important} table.testy-zadani-maturita > tbody > tr:nth-child(n+3) > td:first-child{width:6% !important;} table.testy-zadani-maturita > tbody > tr:nth-child(1) td[rowspan="2"], table.testy-zadani-maturita > tbody > tr:nth-child(2) td[rowspan="2"]{padding:0;border:0;} table.testy-zadani-maturita > tbody > tr:nth-child(1) td:nth-child(2), table.testy-zadani-maturita > tbody > tr:nth-child(2) td:nth-child(4), table.testy-zadani-maturita > tbody > tr:nth-child(n+3) > td:nth-child(5){border-right-color:#191C61;border-right-width: 1px;}/*#d0d0d0*/ table.testy-zadani-maturita2, table.testy-zadani-maturita2 > tbody, table.testy-zadani-maturita2 > tbody > tr, table.testy-zadani-maturita2 > tbody > tr > td{border-collapse:collapse;} table.testy-zadani-maturita2{background:#fff;border:0;} table.testy-zadani-maturita2 > tbody{} table.testy-zadani-maturita2 > tbody > tr{} table.testy-zadani-maturita2 > tbody > tr > td{padding: 0.15em 0.25em;border:1px solid #f1eeee;} table.testy-zadani-maturita2 > tbody > tr:nth-child(n+2) > td{border-bottom-color: #191C61;border-bottom-width: 1px;} table.testy-zadani-maturita2 > tbody > tr:nth-child(n+2) > td{width:calc((100% - 6%)/6) !important} table.testy-zadani-maturita2 > tbody > tr:nth-child(n+3) > td:first-child{width:6% !important;} table.testy-zadani-maturita2 > tbody > tr:nth-child(1) td[rowspan="2"], table.testy-zadani-maturita2 > tbody > tr:nth-child(2) td[rowspan="2"]{padding:0;border:0;} table.testy-zadani-maturita2 > tbody > tr:nth-child(1) td:nth-child(1), table.testy-zadani-maturita2 > tbody > tr:nth-child(2) td:nth-child(3), table.testy-zadani-maturita2 > tbody > tr:nth-child(n+3) > td:nth-child(4){border-right-color:#191C61;border-right-width: 1px;}/*#d0d0d0*/ table.testy-zadani-ilustracni, table.testy-zadani-ilustracni > tbody, table.testy-zadani-ilustracni > tbody > tr, table.testy-zadani-ilustracni > tbody > tr > td{border-collapse:collapse;} table.testy-zadani-ilustracni{background:#fff;border:0;} table.testy-zadani-ilustracni > tbody{} table.testy-zadani-ilustracni > tbody > tr{} table.testy-zadani-ilustracni > tbody > tr > td{padding: 0.15em 0.25em;border:1px solid #f1eeee;} table.testy-zadani-ilustracni > tbody > tr:nth-child(n+2) > td{border-bottom-color: #191C61;border-bottom-width: 1px;} table.testy-zadani-ilustracni > tbody > tr:nth-child(n+2) > td{width:calc((100% - 6%)/4) !important} table.testy-zadani-ilustracni > tbody > tr:nth-child(n+3) > td:first-child{width:6% !important;} table.testy-zadani-ilustracni > tbody > tr:nth-child(1) td[rowspan="2"], table.testy-zadani-ilustracni > tbody > tr:nth-child(2) td[rowspan="2"]{padding:0;border:0;} /*tableRespo*/ .tabDivBox.respo2{margin: 1rem 0;} .tabDivBox.respo2{--grid-layout-gap: 1em;--grid-column-count: 1;--grid-item--min-width: 250px;} .tabDivBox.respo2 > .tdb-section > .tdb-container{display: grid;grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), calc((100% - calc(calc(var(--grid-column-count) - 1) * var(--grid-layout-gap))) / var(--grid-column-count))), 1fr));gap: 1.25em var(--grid-layout-gap);} .tabDivBox.respo2 > .tdb-section > .tdb-container .hiddenTD{display: none;} .tabDivBox.respo2 > .tdb-section > .tdb-container > .tdb-content.hasImg img{max-width: 100%;height: auto !important;} .tabDivBox.respo2 > .tdb-section > .tdb-container > .tdb-content.hasImg:has( img) p{margin: 0;} .tabDivBox.respo2 > .tdb-section > .tdb-container > .tdb-content{padding: 0;box-sizing: border-box;} .tabDivBox.respo2.rozdel1{--grid-column-count: 1;--grid-item--min-width: 250px;} .tabDivBox.respo2.rozdel2{--grid-column-count: 2;--grid-item--min-width: 250px;} .tabDivBox.respo2.rozdel3{--grid-column-count: 3;--grid-item--min-width: 250px;} .tabDivBox.respo2.rozdel4{--grid-column-count: 4;--grid-item--min-width: 200px;} .tabDivBox.respo2.rozdel5{--grid-column-count: 5;--grid-item--min-width: 150px;} .tabDivBox.respo2.rozdel6{--grid-column-count: 6;--grid-item--min-width: 70px;} .tabDivBox.respo2.rozdel7{--grid-column-count: 7;--grid-item--min-width: 60px;} .tabDivBox.respo2.rozdel8{--grid-column-count: 8;--grid-item--min-width: 50px;} .tabDivBox.respo2.rozdel9{--grid-column-count: 9;--grid-item--min-width: 40px;} .tabDivBox.respo2.rozdel10{--grid-column-count: 10;--grid-item--min-width: 30px;} .tabDivBox.respo2.rozdel11{--grid-column-count: 11;--grid-item--min-width: 20px;} .tabDivBox.respo2.rozdel12{--grid-column-count: 12;--grid-item--min-width: 20px;} .tabDivBox.respo2 > .tdb-section > .tdb-container > .tdb-content.tdb-col-max{grid-column: 1/-1;} .tabDivBox.respo2 > .tdb-section > .tdb-container > .tdb-content.tdb-col1{grid-column-end: span 1;} .tabDivBox.respo2 > .tdb-section > .tdb-container > .tdb-content.tdb-col2{grid-column-end: span 2;} .tabDivBox.respo2 > .tdb-section > .tdb-container > .tdb-content.tdb-col3{grid-column-end: span 3;} .tabDivBox.respo2 > .tdb-section > .tdb-container > .tdb-content.tdb-col4{grid-column-end: span 4;} .tabDivBox.respo2 > .tdb-section > .tdb-container > .tdb-content.tdb-col5{grid-column-end: span 5;} .tabDivBox.respo2 > .tdb-section > .tdb-container > .tdb-content.tdb-col6{grid-column-end: span 6;} .tabDivBox.respo2 > .tdb-section > .tdb-container > .tdb-content.tdb-col7{grid-column-end: span 7;} .tabDivBox.respo2 > .tdb-section > .tdb-container > .tdb-content.tdb-col8{grid-column-end: span 8;} .tabDivBox.respo2 > .tdb-section > .tdb-container > .tdb-content.tdb-col9{grid-column-end: span 9;} .tabDivBox.respo2 > .tdb-section > .tdb-container > .tdb-content.tdb-col10{grid-column-end: span 10;} .tabDivBox.respo2 > .tdb-section > .tdb-container > .tdb-content.tdb-col11{grid-column-end: span 11;} .tabDivBox.respo2 > .tdb-section > .tdb-container > .tdb-content.tdb-col12{grid-column-end: span 12;} .tabDivBox.respo2:where(.colsMax1) .tdb-content.tdb-col1, .tabDivBox.respo2:where(.colsMax1,.colsMax2) .tdb-content.tdb-col2, .tabDivBox.respo2:where(.colsMax1,.colsMax2,.colsMax3) .tdb-content.tdb-col3, .tabDivBox.respo2:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4) .tdb-content.tdb-col4, .tabDivBox.respo2:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5) .tdb-content.tdb-col5, .tabDivBox.respo2:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6) .tdb-content.tdb-col6, .tabDivBox.respo2:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7) .tdb-content.tdb-col7, .tabDivBox.respo2:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7,.colsMax8) .tdb-content.tdb-col8, .tabDivBox.respo2:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7,.colsMax8,.colsMax9) .tdb-content.tdb-col9, .tabDivBox.respo2:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7,.colsMax8,.colsMax9,.colsMax10) .tdb-content.tdb-col10, .tabDivBox.respo2:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7,.colsMax8,.colsMax9,.colsMax10,.colsMax11) .tdb-content.tdb-col11, .tabDivBox.respo2:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7,.colsMax8,.colsMax9,.colsMax10,.colsMax11,.colsMax12) .tdb-content.tdb-col12 {grid-column: 1/-1;} .tabDivBox.respo2.respo-stred{display: flex;justify-content: center;} .tabDivBox.respo2.respo-leva{display: flex;justify-content: flex-start;} .tabDivBox.respo2.respo-prava{display: flex;justify-content: flex-end;} .tabDivBox.respo2:where(.respo-stred,.respo-leva,.respo-prava) .tdb-section{max-width: 100%;width: 100%;} @media only screen and (min-width:1125px) { .tabDivBox.respo2:where(.respo-stred,.respo-leva,.respo-prava) .tdb-section{max-width: calc(var(--grid-item--min-width)*var(--grid-column-count) + var(--grid-layout-gap)*var(--grid-column-count));} } /* @media only screen and (max-width:450px) { .tabDivBox.respo.rozdel1 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel2 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel3 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel4 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel5 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel6 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel7 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel8 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel9 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel10 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel11 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel12 .tdb-container{--grid-item--min-width: 250px;} } */ /*PozadiSekci*/ :where(#bottomC,#content) .pozadi-full,:where(#bottomC,#content) .pozadi .content,.tabDivBox.pozadi{padding-top:0.75rem;padding-bottom:0.75rem;position:relative;} :where(#bottomC,#content) .pozadi[class*="pozadi-odsazeniY"] .content{padding-top:0;padding-bottom:0;} :where(#bottomC,#content) .pozadi > .content{position:relative;} :where(#bottomC,#content) .pozadi-full > .content:after,:where(#bottomC,#content) .pozadi > .content:after{content:'';display:block;height:100%;position:absolute;top:0;left:0;z-index:1;} :where(#bottomC,#content) .pozadi > .content:after{width:calc(100% - (0.75rem*2));margin-left:0.75rem} :where(#bottomC,#content) .pozadi-full > .content:after{width:100vw;margin-left:calc(-1*(100vw - 100%)/2)} :where(#bottomC,#content) .pozadi.pozadi-odsazeniY-1 .content > div{padding-top:calc(1.25em*1);padding-bottom:calc(1.25em*1);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniY-2 .content > div{padding-top:calc(1.25em*2);padding-bottom:calc(1.25em*2);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniY-3 .content > div{padding-top:calc(1.25em*3);padding-bottom:calc(1.25em*3);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniY-4 .content > div{padding-top:calc(1.25em*4);padding-bottom:calc(1.25em*4);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniX-1 .content > div{padding-left:calc(1.25em*1);padding-right:calc(1.25em*1);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniX-2 .content > div{padding-left:calc(1.25em*2);padding-right:calc(1.25em*2);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniX-3 .content > div{padding-left:calc(1.25em*3);padding-right:calc(1.25em*3);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniX-4 .content > div{padding-left:calc(1.25em*4);padding-right:calc(1.25em*4);} .pozadi:not(.contentC){position: relative} .pozadi.pozadi-full:not(.contentC,.tabDivBox){padding-top: 0;padding-bottom: 0;} .pozadi:not(.contentC)::after{content:'';display:block;height:100%;position:absolute;top:0;left:0;z-index:1;width:100%;} .pozadi.pozadi-full:not(.contentC)::after{width:100vw;margin-left: calc(-1*(100vw - 100%)/2);} .tabDivBox.pozadi .tdb-section{position: relative;z-index: 2;} .tabDivBox.pozadi .tdb-section :where(table,table.datatable), .tabDivBox.pozadi .tdb-section :where(table,table.datatable) td{background: none;} .tabDivBox.pozadi .tdb-section .tdb-container{padding-left: 0.75rem;padding-right: 0.75rem;} /*barvy*/ :where(#bottomC,#content) .pozadi-full.pozadi-defbfa > .content:after,:where(#bottomC,#content) .pozadi.pozadi-defbfa > .content:after,.pozadi.pozadi-defbfa:not(.contentC)::after {background-color: #defbfa;} :where(#bottomC,#content) .pozadi-full.pozadi-fde5f3 > .content:after,:where(#bottomC,#content) .pozadi.pozadi-fde5f3 > .content:after,.pozadi.pozadi-fde5f3:not(.contentC)::after {background-color: #fde5f3;} :where(#bottomC,#content) .pozadi-full.pozadi-caccf7 > .content:after,:where(#bottomC,#content) .pozadi.pozadi-caccf7 > .content:after,.pozadi.pozadi-caccf7:not(.contentC)::after {background-color: #caccf7;} .grid-justify-content-start{justify-content:start}.grid-justify-content-end{justify-content:end}.grid-justify-content-center{justify-content:center}.grid-justify-content-stretch{justify-content:stretch}.grid-justify-content-around{justify-content:space-around}.grid-justify-content-between{justify-content:space-between}.grid-justify-content-evenly{justify-content:space-evenly}.grid-align-content-start{align-content:start}.grid-align-content-end{align-content:end}.grid-align-content-center{align-content:center}.grid-align-content-stretch{align-content:stretch}.grid-align-content-around{align-content:space-around}.grid-align-content-between{align-content:space-between}.grid-align-content-evenly{align-content:space-evenly}.grid-justify-items-start{justify-items:start}.grid-justify-items-end{justify-items:end}.grid-justify-items-center{justify-items:center}.grid-justify-items-stretch{justify-items:stretch}.grid-align-items-start{align-items:start}.grid-align-items-end{align-items:end}.grid-align-items-center{align-items:center}.grid-align-items-stretch{align-items:stretch}.grid-justify-self-start{justify-self:start}.grid-justify-self-end{justify-self:end}.grid-justify-self-center{justify-self:center}.grid-justify-self-stretch{justify-self:stretch}.grid-align-self-start{align-self:start}.grid-align-self-end{align-self:end}.grid-align-self-center{align-self:center}.grid-align-self-stretch{align-self:stretch} /*dostanemeVas nove*/ /*barva dostanemeVas start*/ .dostanemNove.dnMedicina{--dostanem_BG:var(--mainColor05);--dostanem_BGH:var(--mainColorH05);--dostanem_cH:#1e2835;--dostanem_c:#010101;} /*barva dostanemeVas end*/ .dostanemNove #actualPathInnerC{display: none;} .dostanemNove .dostanemeVas{} .dostanemNove .dostanemeVas *,.dostanemNove .dostanemeVas ::after,.dostanemNove .dostanemeVas ::before{box-sizing: border-box;} .dostanemNove .dostanemeVas :where(h1,h2,h3,h4,h5,h6){color: var(--dostanem_cH);margin-bottom: 0;line-height: 1.2em;} .dostanemNove .dostanemeVas h2{font-size: clamp(1.5000rem, 0.4063rem + 3.5000vw, 3.2500rem);}/*font-size: clamp(1.75rem, 1.35rem + 1.6vw, 2.75rem);*/ .dostanemNove .dostanemeVas h3{font-size: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);} .dostanemNove .dostanemeVas h4{font-size: clamp(1.25rem, 1.15rem + 0.4vw, 1.5rem);} .dostanemNove .dostanemeVas h5{font-size: clamp(1.1rem, 1.04rem + 0.24vw, 1.25rem);} .dostanemNove .dostanemeVas h6{font-size: clamp(1.1rem, 1.04rem + 0.24vw, 1.25rem);} .dostanemNove .dostanemeVas :where(p,li,th,td){color: var(--dostanem_c);} .dostanemNove .dostanemeVas > .tabDivBox{margin: 0 0 7rem 0;} .dostanemNove .dostanemeVas a.tl,.dostanemeForm .tlacitko .submit {border-radius: 5px;background: #fff;color: var(--dostanem_BG);border-color: var(--dostanem_BG);padding: 0.5rem 2.75rem;} .dostanemNove .dostanemeVas a.tl:hover,.dostanemeForm .tlacitko .submit:hover {background: var(--dostanem_BGH);color: #000;} .dostanemNove .dostanemeVas .tdb-content > :where(h1,h2,h3,h4,h5,h6,p,ul):first-child{margin-top: 0;} .dostanemNove .dostanemeVas span:where([style*="color:unset"],[style*="color: unset"]){color: var(--dostanem_BG) !important;} .dostanemNove .dostanemeVas ul{} .dostanemNove .dostanemeVas ol{} .dostanemNove .dostanemeVas ol li{} .dostanemNove .dostanemeVas ol li::marker{font-size: 2rem;line-height: 1em;color: var(--dostanem_BG);font-weight: 600;} #dostForm .dostanemeForm{} .dostanemeFormb{} .dostanemeForm :where(th,td){padding: 0.25rem 0.5rem;} .dostanemeForm :where(th,td):first-child{padding-left: 0;} .dostanemeForm :where(th,td) :where(input:not([type="submit"]),select){padding: 0.25rem;width: 100%;border: 1px solid var(--dostanem_BG);} .dostanemeForm :where(th,td) #captcha.inputTextCaptcha{width: calc(100% - 86px - (.25rem*2));} .dostanemeForm :where(th,td) #captchaImg{padding: 0;margin: 0;padding: 0.25rem;} .dostanemeForm .tlacitko{padding: 0.75rem 0;} .dostanemeForm .tlacitko .submit{cursor: pointer;} .dostanemNove .tabDivBox > .tdb-section > .tdb-container > .tdb-content p:last-child:has( > a.tl){margin: 0;padding: 0;margin-top: auto !important;padding-top: 1.75rem;} .tabDivBox.hero-banner{margin-top: 0;--grid-layout-gap:0px} .tabDivBox.hero-banner > .tdb-section > .tdb-container{} .tabDivBox.hero-banner > .tdb-section > .tdb-container > .tdb-content{position: relative;} .tabDivBox.hero-banner > .tdb-section > .tdb-container > .tdb-content.hasTxt{grid-column: 1;grid-row: 1;z-index: 2;align-self: center;padding: 1.5rem;box-sizing: border-box;font-size: 1.05rem;line-height: 1.4em;} .tabDivBox.hero-banner > .tdb-section > .tdb-container > .tdb-content.hasTxt > p{font-size: clamp(1.0000rem, 0.8438rem + 0.5000vw, 1.2500rem);line-height: 1.4em;} .tabDivBox.hero-banner > .tdb-section > .tdb-container > .tdb-content.hasTxt > h2{} .tabDivBox.hero-banner > .tdb-section > .tdb-container > .tdb-content.hasImg{grid-column: 1/-1;grid-row: 1/-1;z-index: 1;align-self: stretch;} .tabDivBox.hero-banner > .tdb-section > .tdb-container > .tdb-content.hasImg img{width: 100% !important;height: 100% !important;display: block;object-fit: cover;} .tabDivBox.hero-body > .tdb-section{padding: 1.75rem 0;} .tabDivBox.hero-body > .tdb-section > .tdb-container{display: flex;} .tabDivBox.hero-body > .tdb-section > .tdb-container > .tdb-content{flex: 1;display: flex;justify-content: center;flex-direction: column;align-items: center;text-align: center;} .tabDivBox.hero-tl{margin-top: 1rem !important} .tabDivBox.hero-tl .tdb-container{display: flex;gap: clamp(0.5000rem, 0.1875rem + 1.0000vw, 1.0000rem);} .tabDivBox.hero-tl .tdb-container .tdb-content{flex: 1;} .tabDivBox.hero-tl .tdb-container a.tl{flex: 1 1 auto;text-decoration: none;color: #fff;border-radius: 10px;padding: 1rem .5rem;display: flex;align-items: center;gap: 0.5rem;justify-content: center;background-color: var(--dostanem_BG);border: 1px solid var(--dostanem_BG);transition: all linear 0.3s;font-weight: 600;} .tabDivBox.hero-tl .tdb-container a.tl:hover{background-color: var(--dostanem_BGH);color: #000;} .tabDivBox.hero-tl .tdb-container a.tl::after {content: '';display: block;min-width: 10px;width: 10px;height: 10px;border: 0 solid #fff;border-width: 0 2px 2px 0;transform: rotate(-45deg);transform-origin: center;transition: all linear 0.3s;} .tabDivBox.hero-tl .tdb-container a.tl:hover::after {border-color: #000;} .tabDivBox.hero-tl .tdb-container a.tl.tl-invert{background: #fff;color: #000;} .tabDivBox.hero-tl .tdb-container a.tl.tl-invert:hover{background-color: var(--dostanem_BGH);color: #000;} .tabDivBox.hero-tl .tdb-container a.tl.tl-invert::after{border-color: #000;} .tabDivBox.TabRozcestnik.forma .tdb-content.zviraznit{--dostanem_BG: var(--mainColor01);--dostanem_BGH: var(--mainColorH01);} .tabDivBox.TabRozcestnik.forma .tdb-content.zviraznit2{--dostanem_BG: var(--mainColor02);--dostanem_BGH: var(--mainColorH02);} .tabDivBox.TabRozcestnik.forma .tdb-content.zviraznit3{--dostanem_BG: var(--mainColor03);--dostanem_BGH: var(--mainColorH03);} .tabDivBox.TabRozcestnik.forma .tdb-content.zviraznit4{--dostanem_BG: var(--mainColor04);--dostanem_BGH: var(--mainColorH04);} .tabDivBox.TabRozcestnik.forma .tdb-content.zviraznit5{--dostanem_BG: var(--mainColor05);--dostanem_BGH: var(--mainColorH05);} .tabDivBox.TabRozcestnik.forma .tdb-content.zviraznit6{--dostanem_BG: var(--mainColor06);--dostanem_BGH: var(--mainColorH06);} .tabDivBox.TabRozcestnik.forma .tdb-content.zviraznit7{--dostanem_BG: var(--mainColor07);--dostanem_BGH: var(--mainColorH07);} .tabDivBox.TabRozcestnik.forma .tdb-content.zviraznit8{--dostanem_BG: var(--mainColor08);--dostanem_BGH: var(--mainColorH08);} .tabDivBox.TabRozcestnik.forma .tdb-content.zviraznit9{--dostanem_BG: var(--mainColor09);--dostanem_BGH: var(--mainColorH09);} .tabDivBox.TabRozcestnik.forma > .tdb-section > .tdb-container{row-gap: 0.5rem;} .tabDivBox.TabRozcestnik.forma > .tdb-section > .tdb-container > .tdb-content {display: grid;grid-template-rows: repeat(2,auto) 1fr;align-self: stretch;grid-template-rows: subgrid;grid-row: span 3;border: 1px solid #edeff3;padding: 0.25rem;} .tabDivBox.TabRozcestnik.forma .tdb-content .tr-obrazek{grid-column: 1;grid-row: 1/3;} .tabDivBox.TabRozcestnik.forma .tdb-content .tr-nadpis{grid-column: 1;grid-row: 2;} .tabDivBox.TabRozcestnik.forma .tdb-content .tr-anot{grid-column: 1;grid-row: 3;} .tabDivBox.TabRozcestnik.forma .tdb-content .tr-odkaz{grid-column: 1;grid-row: 1/-1;position: relative;z-index: 2;} .tabDivBox.TabRozcestnik.forma .tdb-content .tr-obrazek{} .tabDivBox.TabRozcestnik.forma .tdb-content .tr-obrazek img{width: 100% !important;object-fit: cover;} .tabDivBox.TabRozcestnik.forma .tdb-content .tr-nadpis{background: var(--dostanem_BG);padding: 0.25rem;display: flex;flex-direction: column;justify-content: center;} .tabDivBox.TabRozcestnik.forma .tdb-content .tr-nadpis h3{color: #fff;margin: 0;font-size: 1.15rem;} .tabDivBox.TabRozcestnik.forma .tdb-content .tr-nadpis h3 a{color: inherit;text-decoration: none;} .tabDivBox.TabRozcestnik.forma .tdb-content .tr-anot{display: flex;flex-direction: column;} .tabDivBox.TabRozcestnik.forma .tdb-content .tr-anot p:has( > .tl){} .tabDivBox.TabRozcestnik.forma .tdb-content .tr-anot a.tl{padding-left: 0;padding-right: 0;width: 95%;} .tabDivBox.TabRozcestnik.forma .tdb-content:hover .tr-anot a.tl{background-color: var(--dostanem_BGH);color: #000;} /* .tabDivBox.paralax > .tdb-section > .tdb-container > .tdb-content{} */ .tabDivBox:is(.paralax,.paralax2){--gridOdsazeni: calc((100vw - var(--sirkaWebu))/2);} .tabDivBox:is(.paralax,.paralax2) > .tdb-section{display: grid;grid-template-columns: var(--gridOdsazeni) [hasTxt-start] repeat(2,1fr) [hasTxt-end] var(--gridOdsazeni);width: 100vw !important;margin-left: calc(-1*(100vw - 100%)/2) !important;grid-template-rows: 25dvh [obsah] 1fr 25dvh; border: 0 solid var(--dostanem_BG);border-width: 1px 0 1px 0;} .tabDivBox:is(.paralax,.paralax2) > .tdb-section > .tdb-container{grid-template-columns: subgrid;grid-template-rows: subgrid;grid-column: 1/-1;grid-row: span 3;gap: 0} .tabDivBox:is(.paralax,.paralax2) > .tdb-section > .tdb-container > .tdb-content{grid-row: 1;position: relative;} .tabDivBox.paralax > .tdb-section > .tdb-container > .tdb-content.hasImg, .tabDivBox.paralax2 > .tdb-section > .tdb-container > .tdb-content.hasImg.tdb-nth3{grid-column: 1/-1;grid-row: 1/-1;z-index: 1;} .tabDivBox:is(.paralax,.paralax2) > .tdb-section > .tdb-container > .tdb-content.hasTxt{grid-column: hasTxt;grid-row: obsah;z-index: 3;} .tabDivBox:is(.paralax,.paralax2) > .tdb-section > .tdb-container{min-height: 250px;position: relative;clip-path: inset(0 0 0 0);-webkit-clip-path: inset(0 0 0 0);} .tabDivBox:is(.paralax,.paralax2) > .tdb-section > .tdb-container > .tdb-content.hasTxt{margin: 0 0;--pading:3rem;padding: var(--pading);background: rgba(255, 255, 255, 0.85);justify-self: center;max-width: 80%;} .tabDivBox.paralax > .tdb-section > .tdb-container > .tdb-content.hasImg, .tabDivBox.paralax2 > .tdb-section > .tdb-container > .tdb-content.hasImg.tdb-nth3{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;} .tabDivBox.paralax > .tdb-section > .tdb-container > .tdb-content.hasImg img, .tabDivBox.paralax2 > .tdb-section > .tdb-container > .tdb-content.hasImg.tdb-nth3 img{object-fit: cover;position: fixed;top: 0;left: 0;width: 100vw !important;height: 100vh !important;max-width: none !important;max-height: none !important;pointer-events: none;} .tabDivBox.paralax2 > .tdb-section > .tdb-container > .tdb-content.hasTxt{max-width: none;justify-self: stretch;background: none;} .tabDivBox.paralax2 > .tdb-section > .tdb-container::before{content: '';display: block;grid-column: hasTxt;grid-row: obsah;background: rgba(255, 255, 255, 0.85);position: relative;z-index: 2;} .tabDivBox.paralax2 > .tdb-section > .tdb-container > .tdb-content.tdb-nth1{grid-column: hasTxt-start/span 1;padding-right: 0;} .tabDivBox.paralax2 > .tdb-section > .tdb-container > .tdb-content.tdb-nth2{grid-column: span 1/hasTxt-end;padding-left: 0;grid-row: obsah;z-index: 3;} .tabDivBox.lektori{--grid-layout-gap:2rem} .tabDivBox.lektori > .tdb-section > .tdb-container > .tdb-content{border: 1px solid #edeff3;box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;border-radius: 8px;padding: 1.75rem;align-self: stretch;display: flex;flex-direction: column;transition: all linear 0.3s;} .tabDivBox.lektori > .tdb-section > .tdb-container > .tdb-content:hover{box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 16px;} .tabDivBox.lektori > .tdb-section > .tdb-container > .tdb-content p{padding: 0;} .tabDivBox.reference{--grid-layout-gap:2rem;} .tabDivBox.reference > .tdb-section > .tdb-container > .tdb-content{border: 1px solid #f6db88;border-radius: 8px;padding: 1.25rem ;align-self: stretch;transition: all linear 0.3s;} .tabDivBox.reference > .tdb-section > .tdb-container > .tdb-content:hover{box-shadow: rgba(246, 219, 136, 0.5) 0px 3px 5px;} /* details:first-of-type{border-top: 2px solid #cacaca;} */ details{padding: 0.5rem 0;padding-left: calc(1.75rem + 1rem);} details summary{cursor:pointer;display:flex;align-items:center;font-size: 1.2em;margin: 0;padding: 0;font-weight: 500;} details summary{margin-left: calc(-1*(1.75rem + 1rem));} details summary::-webkit-details-marker,details summary::marker{display:none;content:'';} details summary::before{content: '\00002B';display:block;margin: 0 1rem 0 0;width: 1.75rem;height: 1.75rem;min-width: 1.75rem;border: 1px solid var(--dostanem_BG);color: var(--dostanem_BG);display: flex;align-items: center;justify-content: center;font-size: calc(1.75rem*1.25);transition: all linear .25s, border-color .2s;transform: rotate(0deg);align-self: flex-start;} details[open] summary::before{content:'\0000D7';} details[open] summary{} details:hover{} /*vyber-spravne*/ .menu_4042{--color01:#db0068;--color02:#2ca9a3;--color03:#aac10f;--color04:#90106f;--color05:#4490de;--color06:#cb111e;--color07:#191c61;} .tabDivBox.respo2.vs-banner{margin-top: 0;} .tabDivBox.respo2.vs-banner .tdb-container{} .tabDivBox.respo2.vs-banner .tdb-container .tdb-content{position: relative;} .tabDivBox.respo2.vs-banner .tdb-container .tdb-content.hasTxt{grid-column: 1;grid-row: 1;z-index: 2;align-self: center;color: #fff;padding: 0 1.5rem;box-sizing: border-box;font-size: 1.05rem;line-height: 1.4em;} .tabDivBox.respo2.vs-banner .tdb-container .tdb-content.hasTxt *{color: #fff;} .tabDivBox.respo2.vs-banner .tdb-container .tdb-content.hasImg{grid-column: 1/-1;grid-row: 1/-1;z-index: 1;} .tabDivBox.respo2.vs-banner .tdb-container .tdb-content.hasImg img{width: 100% !important;height: auto !important;display: block;} .tabDivBox.respo2.vs-banner.colsMax1{} .tabDivBox.respo2.vs-banner.colsMax1 .tdb-container{grid-template-columns: 100%;grid-template-rows: auto 1fr;gap: 0;} .tabDivBox.respo2.vs-banner.colsMax1 .tdb-container .tdb-content.hasTxt{grid-column: 1/-1;grid-row: 2;background: #78adbf;padding: 0.5rem 0.75rem;} .tabDivBox.respo2.vs-banner.colsMax1 .tdb-container .tdb-content.hasImg{grid-column: 1/-1;grid-row: 1;} .tabDivBox.respo2:is(.vs-staty) .tdb-container .tdb-content{border: 1px solid var(--statyColor);border-radius: 25px;padding: 0.4rem 1.15rem;transition: all linear 0.3s;border-width: 0 1px 0 1px;text-align: center;align-self: stretch;display: flex;align-items: center;} .tabDivBox.respo2:is(.vs-staty) .tdb-container .tdb-content:hover{background: var(--statyColor);color: #fff;} .tabDivBox.respo2:is(.vs-staty) .tdb-container .tdb-content.tdb-nth1{--statyColor: var(--color01);} .tabDivBox.respo2:is(.vs-staty) .tdb-container .tdb-content.tdb-nth2{--statyColor: var(--color02);} .tabDivBox.respo2:is(.vs-staty) .tdb-container .tdb-content.tdb-nth3{--statyColor: var(--color03);} .tabDivBox.respo2:is(.vs-staty) .tdb-container .tdb-content.tdb-nth4{--statyColor: var(--color04);} .tabDivBox.respo2:is(.vs-staty) .tdb-container .tdb-content.tdb-nth5{--statyColor: var(--color05);} .tabDivBox.respo2:is(.vs-staty) .tdb-container .tdb-content.tdb-nth6{--statyColor: var(--color06);} .tabDivBox.respo2:is(.vs-staty) .tdb-container .tdb-content.tdb-nth7{--statyColor: var(--color07);} .tabDivBox.respo2.vs-statistiky .tdb-container .tdb-content{background: var(--bgcolor);padding: 0.4rem;} .tabDivBox.respo2.vs-statistiky .tdb-container .tdb-content.tdb-nth1{--bgcolor:var(--color03);} .tabDivBox.respo2.vs-statistiky .tdb-container .tdb-content.tdb-nth2{--bgcolor:var(--color05);} .tabDivBox.respo2.vs-statistiky .tdb-container .tdb-content.tdb-nth3{--bgcolor:var(--color01);} .tabDivBox.respo2.vs-statistiky .tdb-container .tdb-content.tdb-nth4{--bgcolor:var(--color02);} .tabDivBox.respo2.vs-funguje{--grid-layout-gap: 2rem;} .tabDivBox.respo2.vs-funguje:not(.colsMax1) .tdb-content{position: relative;align-self: stretch;} .tabDivBox.respo2.vs-funguje:not(.colsMax1) .tdb-content::after{position: absolute;top: 0;left: calc(100% + 0.25rem);bottom: 0;margin: auto 0;} .tabDivBox.respo2.vs-funguje:not(.colsMax1) .tdb-content::after{content: '';display: block;width: 1.5rem;height: 1.5rem;background-position: center;background-size: contain;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-180.000000, -6639.000000)' fill='%23000000'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M134,6479 L132.565,6480.393 L140.172,6488 L124,6488 L124,6490 L140.172,6490 L132.586,6497.586 L134,6499 C137.661,6495.339 140.496,6492.504 144,6489 L134,6479' id='arrow_right-%5B%23349%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} .tabDivBox.respo2.vs-funguje .tdb-content:last-child::after, .tabDivBox.respo2.vs-funguje.colsMax2 .tdb-content.tdb-nth2::after {display: none;} .tabDivBox.respo2.vs-nepomuzem .tdb-container .tdb-content{background: var(--bgcolor);align-self: stretch;display: flex;align-items: center;justify-content: center;text-align: center;padding: 0.4rem;} .tabDivBox.respo2.vs-nepomuzem .tdb-container .tdb-content.tdb-nth1{--bgcolor:var(--color05);} .tabDivBox.respo2.vs-nepomuzem .tdb-container .tdb-content.tdb-nth2{--bgcolor:var(--color01);} .tabDivBox.respo2.vs-nepomuzem .tdb-container .tdb-content.tdb-nth3{--bgcolor:var(--color02);} /* .vs-produkt */ .tabDivBox.respo2.vs-produkt .tdb-content{display: grid;grid-template-rows: auto 1fr;height: 100%;} .tabDivBox.respo2.vs-produkt .tdb-content .hasContent{display: flex;flex-direction: column;height: 100%;} .tabDivBox.respo2.vs-produkt .tdb-content .hasContent > *:last-child{margin-top: auto;padding-top: 1rem;} /*respo*/ /* .reklama1000{display: none !important;} */ /* #topBanner{display: none !important;} */ /* .positionRelative #content{display: none !important;} */ /* .positionRelative #content #carouselBlock{display: none !important;} */ /* .positionRelative #bottomC{display: none !important;} */ @media only screen and (max-width:0px) {} @media only screen and (max-width:1000px) { #logoC, #logoC a{width: 220px;height: 52px;} } @media only screen and (max-width:890px) { #ContainerC #Container #topBanner .KosikLogoHledatC{row-gap: 0.75rem;} } @media only screen and (max-width:450px) { #logoC, #logoC a{width: 260px;height: 60px;} #ContainerC #Container #topBanner .KosikLogoHledatC{grid-template-columns: auto 1fr;gap: 0.75rem;} #ContainerC #Container #topBanner .KosikLogoHledat #topLeft{grid-column: 1/-1;grid-row: 1;justify-self: center;} #ContainerC #Container #topBanner .KosikLogoHledat #topRight{grid-column: 1;grid-row: 2;position: relative;z-index: 11;} #ContainerC #Container #topBanner .KosikLogoHledat #topNavigC{grid-column: 2;grid-row: 2;} #subnavig{position: static;} #subnavig .loginPop{right: auto;left: 0;max-width: calc(100vw - (0.75rem*2));} #subnavig .loginPop h3{margin: 0 0 0.25rem 0;} #subnavig .loginPop .regUser table,#subnavig .loginPop .regUser table > tbody,#subnavig .loginPop .regUser table > tbody > tr,#subnavig .loginPop .regUser table > tbody > tr > th,#subnavig .loginPop .regUser table > tbody > tr > td{display: block;padding: 0;margin: 0;width: 100% !important;} #subnavig .loginPop .regUser table > tbody > tr{display: grid;grid-template-columns: 1fr auto;grid-template-rows: auto auto;gap: 0.25rem;flex-wrap: wrap;} #subnavig .loginPop .regUser table > tbody > tr > td{width: auto !important;} #subnavig .loginPop .regUser table > tbody > tr > td:nth-child(1){grid-column: 1;grid-row: 1;} #subnavig .loginPop .regUser table > tbody > tr > td:nth-child(2){grid-column: 1;grid-row: 2;} #subnavig .loginPop .regUser table > tbody > tr > td:nth-child(3){grid-column: 2;grid-row: 1/-1;align-self: end;} #searchBlockC{position: static;} #searchBlockC form{right: auto;left: 0;top: calc(100% + 0.5rem);transform:translate(0, 0)} } @media only screen and (min-width:891px) { .toggleSubNav{display: none;} } @media only screen and (max-width:890px) { #hidenavig,#hidenavig span {display: inline-block;transition: all .4s;box-sizing: border-box;} #hidenavig {--w:40px;--h:30px;--s:4px;position: relative;width: var(--w);height: var(--h);background: none;border: none;appearance: none;cursor: pointer;} #hidenavig span {position: absolute;left: 0;width: 100%;height: var(--s);background: #db0068;border-radius: 4px;} #hidenavig:hover span{background:#db0068;} #hidenavig span:nth-of-type(1) {top: 0;} #hidenavig span:nth-of-type(2) {top: calc(50% - var(--s)/2);} #hidenavig span:nth-of-type(3) {bottom: 0;} #hidenavig.active span{background:#db0068;} #hidenavig.active span:nth-of-type(1) {transform: translateY(calc((var(--h)/2 - var(--s)/2))) rotate(-45deg);} #hidenavig.active span:nth-of-type(2) {opacity: 0;} #hidenavig.active span:nth-of-type(3) {transform: translateY(calc(-1*(var(--h)/2 - var(--s)/2))) rotate(45deg);} #topNavigC{display: flex;justify-content: flex-end;} #ContainerC #Container #topBanner .KosikLogoHledat #topNavigC{grid-column: 1/-1;} #topBanner:not(.hidenav) #topNavigC > ul{display: none;} #topNavigC{position: relative;} #topNavigC > ul{position: absolute;top: calc(100% + 0.25rem);right: 0;width: 100%;flex-direction: column;background: #fff;align-items: stretch;padding: 0;max-height: calc(99dvh - var(--SubNavMaxHeight));overflow: auto;} #topNavigC > ul > li > a{justify-content: flex-end;padding: 0.5rem 0.5rem;} #topNavigC > ul > li > a span{grid-column: 1;justify-self: end;} #topNavigC > ul > li{display: grid;grid-template-columns: 1fr auto;grid-template-rows: auto 1fr;gap: 0 0.75rem;} #topNavigC > ul > li > a{grid-column: 1/-1;grid-row: 1;pointer-events: none;display: grid;grid-template-columns: subgrid;} #topNavigC > ul > li > ul{grid-column: 1/-1;grid-row: 2;} #topNavigC > ul > li > .toggleSubNav{grid-column: 1/-1;grid-row: 1;display: grid;grid-template-columns: subgrid;grid-template-rows: subgrid;} #topNavigC > ul > li > .toggleSubNav{border: 0;background: none;border-radius: 0;cursor: pointer;padding: 0.5rem 0.5rem;} #topNavigC > ul > li > .toggleSubNav::after {content: '';grid-column: 2;grid-row: 1;align-self: center;display: block;min-width: 10px;width: 10px;height: 10px;border: 0 solid #000;border-width: 0 2px 2px 0;transform: rotate(45deg);transform-origin: right;transition: all linear 0.3s;} #topNavigC > ul > li.subNav-show > .toggleSubNav::after{transform: rotate(225deg);transform-origin: center;} #topNavigC > ul > li:not(.subNav-show):hover > ul{display: none !important;} #topNavigC > ul > li:not(.subNav-show) > ul{display: none !important;} #topNavigC > ul > li.subNav-show > ul{display: flex;} #topNavigC > ul > li > ul{position: static;flex-direction: column;} #topNavigC > ul > li > ul > li{grid-template-columns: 1fr auto;text-align: right;} #topNavigC > ul > li > ul > li > a, #topNavigC > ul > li > ul > li > ul{grid-column: 1/2;} #topNavigC > ul > li > ul > li:not(:last-child)::before, #topNavigC > ul > li > ul > li:last-child a::before{grid-column: -2/-1;min-width: 25px;width: 25px;height: 25px;} #topNavigC > ul > li > ul > li:last-child a{flex-direction: row-reverse;grid-column: 1/-1;justify-self: end;} } /*cau google*/