/* CSS reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } html,body { margin:0; padding:0; font-family: 'Black'; font-weight:400; font-size:30px; line-height:30px; background-color:#f2f2f2; color:#101820; /* height:100%; overflow: auto; */ overflow-x:hidden; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } a { color:#0000ff; text-decoration: none;} a:hover { border-bottom:2px solid #0000ff; } .clearboth { clear: both; } .floatleft { float: left; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .black { color:#101820 } img { border: none; } p { clear:both; } ul { margin:0; } b { font-weight:500; font-family: 'Libre Franklin'; } strong { font-weight:500; font-family: 'Libre Franklin'; } hr { height:1px; border:0; background-color:#101820; } .tisic { margin-left: 0.3em; } .nonselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;} .nopadding { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input,textarea { border:none; outline:none; resize:none; padding:10px 2% 10px 2%; margin-top:5px; font-family: 'Libre Franklin'; font-size:20px; border:solid 1px #404040; -webkit-box-shadow: 10px 10px 5px -8px rgba(145,145,145,1); -moz-box-shadow: 10px 10px 5px -8px rgba(145,145,145,1); box-shadow: 10px 10px 5px -8px rgba(145,145,145,1); -webkit-appearance: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px white inset !important; } .ramecek5 { -webkit-border-radius:5x; -moz-border-radius:5px; border-radius:5px; behavior: url(PIE.htc); } .ramecek10 { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; behavior: url(PIE.htc); } .ramecek-kulaty { -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px; behavior: url(PIE.htc);} .table-cell { display: table-cell; vertical-align: middle; } li { list-style-position:inside; } hr { padding:0; margin:0; background-color:#404040; } .pom-cara { position:absolute; background-color:#a3e4ff; width:1px; height:2300px; z-index:10000 } #pom-cara0 { margin-left:calc((100%/9)*0);} #pom-cara1a { margin-left:calc((100%/9)*0.54);} #pom-cara1 { margin-left:calc((100%/9)*1.5);} #pom-cara2 { margin-left:calc((100%/9)*2.5);} #pom-cara3 { margin-left:calc((100%/9)*3.5);} #pom-cara4 { margin-left:calc((100%/9)*4.5);} #pom-cara5 { margin-left:calc((100%/9)*5.5);} #pom-cara6 { margin-left:calc((100%/9)*6.5);} #pom-cara7 { margin-left:calc((100%/9)*7.5);} #pom-cara8 { margin-left:calc((100%/9)*8.46);} #pom-cara9 { margin-left:calc((100%/9)*9);} .headline180 { font-size:180px; line-height:180px; text-transform:uppercase; } .headline90 { font-size:90px; line-height:90px; text-transform:uppercase; } .headline60 { font-size:60px; line-height:60px; text-transform:uppercase; } .roboto18 { font-size:18px; line-height:28px; font-family:'Roboto'; letter-spacing:0.03em } .roboto12 { font-size:14px; line-height:21px; font-family:'Roboto'; letter-spacing:0.03em } main { position: relative; display:block; width:100%; max-width:2000px; margin:auto; height:100%; } nav { position: relative; width:100%; letter-spacing:0.5px;} .prostor { position: relative; width:88%; max-width:1760px; margin:auto; } #logo a { position:relative; float:left; width:100%; height:auto; z-index:10 } #logo a:hover { border:0 } #logo a img { float:left; width:100%; } #nav-text { position:relative; float:left; margin:2vw 0 2vw 0; line-height:30px; width:40%; cursor:default; z-index:10 } .nav-text { float:left; margin-right:30px; } .nav-text .nbsp { letter-spacing:-0.2vw; } .nav-text a { color:#0000ff; text-decoration:none; } #nav-odkazy { position:relative; float:right; margin:2vw 120px 2vw 0; line-height:20px; cursor:default; z-index:10; } #nav-odkazy .nbsp { letter-spacing:-0.2vw; } #nav-odkazy a { float:left; color:#0000ff; text-decoration:none; margin-left:30px; padding-top:5px; border-bottom:solid 2px transparent; } #nav-odkazy a:hover { border-bottom:solid 2px #0000ff; } #ulice-hide { display:inline-block; } #ulice-hide2{ display:none } #skoda-logo { position:absolute; width:150px; left:0; right:0; margin:auto; margin-top:2vw } #skoda-logo img { float:left; width:100%;} .menu-prostor { position:relative; float:right; display:table; background:white; width:calc((100%/9)*0.54); height:5.8vw; cursor:pointer; /*z-index:100*/ } #menu-tlacitko { position:relative; margin:auto; width:30px; height:21px; z-index:1} #menu-tlacitko span { position:absolute; display:block; width:100%; height:3px; background-color: #0000ff; } #menu-tlacitko span:nth-child(1) { top:0; } #menu-tlacitko span:nth-child(2) { top:9px } #menu-tlacitko span:nth-child(3) { bottom:0; } #menu2 { display:none; position:fixed; top:0; right:15px; width:100%; z-index:10000; } #menu-zavrit { position:relative; margin:auto; width:36px; height:36px; z-index:1; } #menu-zavrit span { position:absolute; display:block; width:4px; height:36px; background-color:white; } #menu-zavrit span:nth-child(1) { left:18px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} #menu-zavrit span:nth-child(2) { left:18px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #menu { position:fixed; left:100%; width:100%; height:100%; text-align:center; font-size:72px; line-height:72px; background-image:url("../images/modra.png"); text-transform:uppercase; overflow-y:auto; z-index:1000 } #menu-prostor { position:relative; display:table; width:100%; height:100%; padding:120px 0 120px 0; } #menu-prostor h4, #menu-prostor a, #menu-prostor div { opacity:0; position:relative; top:20px; } .menu-nadpis { color:#ffff00; font-size:32px; line-height:46px; cursor:default; margin-top:30px; margin-bottom:10px; } #menu a { color:white; text-decoration:none; border:0 } #menu a:hover { color:#ffff00 } .menu-line { line-height:22px; margin-top:7px } #mutace { position:absolute; right:10px; display:table; width:100px; height:5.8vw; color:#0000ff; text-align: center; font-size:18px; line-height:28px; z-index:100 } #mutace-tlacitko a { cursor:pointer; display:inline-block; background-image:url("../images/facebook-blue.svg"); width:32px; height:32px; margin-top:7px; border:0 } #mutace-tlacitko2 a { cursor:pointer; display:inline-block; background-image:url("../images/instagram-blue.svg"); width:32px; height:32px; margin-top:7px; border:0 } #obsah { position:relative; float:left; width:100%; margin-top:-24vw; z-index:20; /*background-color:#f2f2f2;*/ } #pas { position:relative; float:left; width:100%; height:80px; background:white; cursor:default;} #pas-nadpis { float:left; margin-top:24px; line-height:40px; color:#101820; width:calc((100%/8)*2); padding-left:2vw } #pas-polozky { position:relative; float:left; margin-top:16px; width:calc((100%/8)*5); line-height:40px;} .pas-polozka { float:left; width:calc(20% - 1px); text-align:center; border-left:1px solid #a7a9ac; padding-top:8px} .sipka-prostor { position:relative; float:right; display:table; background:#0000ff; width:80px; height:100%; cursor:pointer; } .sipka-prostor:hover { border:0 } #sipka-prava { margin:auto; width:33px; height:25px; background-image:url("../images/arrow-right.svg"); background-size:33px 25px; } .novinka a, .novinka-bez { background-color:#0000ff; } .novinka-bez, .novinka a { position:relative; float:left; height:21.5vw; color:white; text-transform:uppercase; } .novinka2 a, .novinka2-bez { width:calc(((100%/8)*2) - 0.01px); } .novinka3 a, .novinka3-bez { width:calc(((100%/8)*3) - 0.01px); } .novinka4 a, .novinka4-bez { width:calc(((100%/8)*4) - 0.01px); } .novinka5 a, .novinka5-bez { width:calc(((100%/8)*5) - 0.01px); } .novinka a:hover { border:0; } .box { width:100%; height:100%; background-size:cover; } .novinka a img { height:100%; width:100%; background-size:cover; object-fit: cover; } .novinka-titulek1 { position:absolute; left:2vw; top:2vw; font-size:60px; line-height:60px; width:calc(100% - 4vw); } .novinka-titulek2 { position:absolute; left:2vw; top:2vw; font-size:30px; line-height:30px; width:calc(100% - 4vw); } .novinka-titulek3 { position:absolute; left:2vw; bottom:2vw; font-size:60px; line-height:60px; width:calc(100% - 4vw); } .novinka-titulek4 { position:absolute; left:2vw; bottom:2vw; font-size:30px; line-height:30px; width:calc(100% - 4vw); } .novinka-titulek1 .nbsp, .novinka-titulek3 .nbsp { letter-spacing:-10px; } .novinka-titulek2 .nbsp, .novinka-titulek4 .nbsp { letter-spacing:-5px; } _::-webkit-full-page-media, _:future, :root .nbsp { letter-spacing:0; } .novinka-filtr1 { position:absolute; top:0; width:100%; height:60%; background-image:linear-gradient(to top,transparent,black); opacity:0.5 } .novinka-filtr2 { position:absolute; bottom:0; width:100%; height:60%; background-image:linear-gradient(to bottom,transparent,black); opacity:0.5 } .novinka-filtr-mobile { display:none; position:absolute; bottom:0; width:100%; height:60%; background-image:linear-gradient(to bottom,transparent,black); opacity:0.5 } /*.filtr-schovat { display:none }*/ /* Rozvrh */ #rozvrh-ledu { float:left; width: inherit; position:fixed; bottom:0; float:left; height:80px; background:linear-gradient(to left,black,blue); color:white; text-transform: uppercase; line-height:40px; cursor:pointer; z-index:100 } #rozvrh-ledu-nadpis { float:left; margin:24px 0 0 2vw; } #rozvrh-ledu-button { display:table; float:right; margin-top:24px; margin-right:27px; } #arrow-down2 { margin:auto; width:24px; height:32px; background-image:url("../images/arrow-down-white.svg"); background-size:24px 32px; } #detekce { position:relative; float:left; width:100%; height:0; background: red } #rozvrh-ovladani { position:relative; float:left; width:100%; background:white; color:#101820; text-transform: uppercase; padding:0 0 0 0; line-height:40px } #rozvrh-ovladani-mesic-rok { float:left; } #rozvrh-ovladani-rok { position:absolute; margin-top:-14px; color:#595959; font-size:18px; line-height:18px; font-family:'Medium'; } #rozvrh-ovladani-mesic { width:130px; } #month { float:left; margin-left:40px; } #month-up { display:none; margin-top:-5px; width:24px; height:12px; background-image:url("../images/arrow-triangle-up-black.svg"); background-size:24px 12px; cursor:pointer } #month-down { display:none; margin-top:12px; width:24px; height:12px; background-image:url("../images/arrow-triangle-down-black.svg"); background-size:24px 12px; cursor:pointer } #docasne-zakomentovano{ display:none; } /* #pas { position:relative; float:left; width:100%; height:80px; background:white; cursor:default;} #pas-nadpis { float:left; margin-top:24px; line-height:40px; color:#101820; width:calc((100%/8)*2); padding-left:2vw } #pas-polozky { position:relative; float:left; margin-top:16px; width:calc((100%/8)*5); line-height:40px;} .pas-polozka { float:left; width:calc(20% - 1px); text-align:center; border-left:1px solid #a7a9ac; padding-top:8px} */ #rozvrh-ovladani { width:100%; height:80px; } #rozvrh-ovladani-den { position:absolute; top:24px; left:0; right:0; margin:auto; width:500px; text-align: center } #rozvrh-ovladani-vodorovna { vertical-align:top; display:inline-block; background:#101820; height:3px; width:15%; margin:17px 40px 0 40px; } .rozvrh-ovladani-den { display:inline-block; } #rozvrh-ovladani-sipka-left { display:none; position:relative; float:left; width:80px; height:100%; background:#0000ff; } #rozvrh-ovladani-sipka-prostor-left { display:table; width:80px; height:100%; margin:auto; cursor:pointer; } #rozvrh-ovladani-sipka1 { width:33px; height:25px; background-size:33px 25px; margin:auto; background:url("../images/arrow-right.svg"); -webkit-transform: rotate(180deg); /* Chrome and other webkit browsers */ -moz-transform: rotate(180deg); /* FF */ -o-transform: rotate(180deg); /* Opera */ -ms-transform: rotate(180deg); /* IE9 */ transform: rotate(180deg); /* W3C compliant browsers */ } #rozvrh-ovladani-sipka-right { position:relative; float:right; width:80px; height:100%; background:#0000ff; } #rozvrh-ovladani-sipka-prostor-right { display:table; width:80px; height:100%; margin:auto; cursor:pointer; } #rozvrh-ovladani-sipka2 { width:33px; height:25px; background-size:33px 25px; margin:auto; background:url("../images/arrow-right.svg"); } #rozvrh-ovladani-tyden-prostor { position:relative; float:left; text-align:center; width:50px} #rozvrh-ovladani-tyden { position:absolute; margin:-15px auto 0 auto; left:0; right:0; color:#595959; font-size:18px; line-height:18px; font-family:'Medium'; text-transform:lowercase;} #rozvrh-ovladani-cislo { color:#0000ff } .pointer { cursor:pointer; } .grab { cursor:grab; cursor:-o-grab; cursor:-moz-grab; cursor:-webkit-grab; } .grabbing { cursor:grabbing; cursor:-o-grabbing; cursor:-moz-grabbing; cursor:-webkit-grabbing; } .rozvrh-container-obal { float:left; width:100%; border:0; background-color:#f2f2f2; padding:0; border-top:#a7a9ac solid 1px; margin-bottom:10vh; } .rozvrh-container { position:absolute; width:100%; overflow-x:visible; overflow-y:hidden; } .rozvrh { position:relative; width:4096px; margin-bottom:5px; padding-left:160px;} .rozvrh-head-cont { position:relative; float:left; top:0; left:0; width:160px; margin:0; z-index:30 } .rozvrh-head-left { float:left; width:120px; height:118px; background:#595959; text-align: center; color:white; line-height:28px; border-bottom:2px solid #101820; } .rozvrh-head-day { margin-top:38px} .rozvrh-head-day2 { margin-top:50px} .rozvrh-head-date { font-size:18px; font-family:'Medium'; } .rozvrh-head-right { float:left; width:40px; height:120px; background:#101820; text-align: center; line-height:40px; } .rozvrh-head-rightA { color:#ffff00; width:40px; margin-top:40px } .rozvrh-head-rightB { color:#ff0000; width:40px; } .rozvrh-line1 { width:100%; height:39px; background:white; border-bottom:1px solid #a7a9ac } .rozvrh-line2 { width:100%; height:39px; } .rozvrh-line3 { width:100%; height:39px; border-bottom:2px solid #101820 } .kostka, .kostka a, .kostka2 { float:left; width:40px; height:39px; border-right:1px solid #a7a9ac } .hodinovy-ram { border-right:1px solid #101820 } .obsazenoA, .obsazenoA2 { background:#ffff00; } .obsazenoB, .obsazenoB2 { background:#ff0000; } .zelena, .zelena2 { background:#00ff00; } .akce, .akce2 { background:#0000ff; } .uprava, .uprava2 { background:url("../images/uprava.png"); } .kostka.akce , .kostka.akce a, .kostka2.akce { border-right:1px solid #0000ff; } .akce.posledni { border-right:solid 1px #101820 } .kostka.zelena, .kostka.zelena a, .kostka2.zelena { color:#101820; border-right:1px solid #00ff00; } .zelena.posledni { border-right:solid 1px #101820 } .cervena, .cervena2 { background:red; } .kostka.cervena, .kostka.cervena a, .kostka2.cervena { color:#101820; border-right:1px solid red; } .cervena.posledni { border-right:solid 1px #101820 } .zluta, .zluta2 { background:#ffff00; } .kostka.zluta, .kostka.zluta a, .kostka2.zluta { color:black; border-right:1px solid #ffff00; } .kostka.zluta.posledni { border-right:solid 1px #101820 } .rozvrh-line1-datum-cont { float:left; width:164px; height:39px; font-size:18px; line-height:28px; color:#595959; font-family:'Medium'; } .rozvrh-line1-datum { margin-top:10px; margin-left:-27px; width:45px; text-align:right; } .rozvrh-popisek, .rozvrh2-popisek { position:absolute; color:white; font-size:18px; font-family:'Medium'; margin:7px 0 0 10px } .kostka.zelena .rozvrh-popisek, .kostka.zluta .rozvrh-popisek { color:#101820 } .rozvrh-head-left2 { float:left; width:120px; height:79px; background:#595959; text-align: center; color:white; line-height:28px; border-bottom:2px solid #101820; } .rozvrh-head-right2 { float:left; width:40px; height:81px; background:#101820; text-align: center; line-height:40px; } .rozvrh-head-day3 { margin-top:29px} /* .g1 { background:#ffff00; } .kostka.g1 { border-right:1px solid #ffff00; } .g2 { background:rgb(135, 56, 233); } .kostka.g2 { border-right:1px solid rgb(135, 56, 233); } .kostka.g1.posledni, .kostka.g2.posledni { border-right:1px solid #a7a9ac; } */ .rozvrh-popisek-g { position:absolute; color:#101820; font-size:18px; font-family:'Medium'; margin:7px 0 0 10px } #vysvetlivky { float:left; margin:-22px 0 60px 45px; color:#595959; } .vysvetlivky-kostka { border:0; margin:-9px 20px 0 35px } #pronajem-odkaz a { float:right; margin:-28px 0 0 45px; font-size:18px; line-height:28px; font-family:'Roboto'; letter-spacing:0.03em; text-decoration:none; color:#0000ff; border-bottom:1px solid transparent; } #pronajem-odkaz a:hover { border-bottom:1px solid #0000ff; } #rozvrh-neni-termin { margin-top:20px; text-align: center; font-size: 18px } #form-left { float:left; color:#595959; font-size:30px; line-height:30px; margin-left:45px; margin-bottom:55px; } #form-left-nadpis a { float:left; color:#0000ff; height:65px; font-size:72px; line-height:72px; margin-top:10px; text-decoration:none; border-bottom:solid 2px transparent; } #form-left-nadpis a:hover { border-bottom:solid 2px #0000ff; } #form-left-text { margin-top:10px; color:#101820 } #form-left-text-modra { color:#0000ff; } #form-left-text-male { font-family:'Roboto'; letter-spacing:0.03em; font-size:12px; line-height:21px; margin-top:10px } #form-right { float:right; width:calc((100%/8)*2); margin-bottom:50px; } #form-right a:hover { border-bottom:1px solid #0000ff; } #form-right input { font-family:'Roboto'; letter-spacing:0.03em; background:white; height:50px; font-size:18px; color:#595959; width:90%; padding:0 5% 0 5%; border:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; margin-bottom:5px } #form-right input#prihlasit-se { float:right; font-family:'Black'; background:transparent; color:#0000ff; border-bottom:solid 2px transparent; vertical-align:bottom; height:45px; font-size:30px; line-height:30px; cursor:pointer; width:auto; padding:10px 0 0 0; margin:25px 0 0 0; } #form-right input#prihlasit-se:hover { border-bottom:solid 2px #0000ff; } .form-horizontal { position:relative; } .error { display:none; position:absolute; color:red; font-family:'Roboto'; letter-spacing:0.03em; font-size:12px; line-height:21px; margin-left:5%; margin-top:10px; } #form-right .form-horizontal .form-group input.input-error { color:red } #error1A, #error1B { margin-top:-25px; } #zapomneli { float:left; font-family:'Roboto'; letter-spacing:0.03em; font-size:14px; line-height:21px; margin-top:43px; margin-right:20px; cursor:pointer; border-bottom:1px solid transparent; color:#0000ff } #zapomneli:hover { border-bottom:1px solid #0000ff; } #form-right2 { display:none; float:right; width:calc((100%/8)*2); margin-bottom:50px; } #form-right2 input { font-family:'Roboto'; letter-spacing:0.03em; background:white; height:50px; font-size:18px; color:#595959; width:86%; padding:0 5% 0 5%; border:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; margin-bottom:5px } #form-right2 input#odeslat { float:right; font-family:'Black'; background:transparent; color:#0000ff; border-bottom:solid 2px transparent; vertical-align:bottom; height:45px; font-size:30px; line-height:30px; cursor:pointer; width:auto; padding:10px 0 0 0; margin:25px 0 0 0; } #form-right2 input#odeslat:hover { border-bottom:solid 2px #0000ff; } #prihlaseni { float:left; font-family:'Roboto'; letter-spacing:0.03em; font-size:14px; line-height:21px; margin-top:43px; margin-right:20px; cursor:pointer; border-bottom:1px solid transparent; color:#0000ff } #prihlaseni:hover { border-bottom:1px solid #0000ff; } #zapomenute-uspech { display:none; } #vyplnte-email { position:absolute; font-family:'Roboto'; letter-spacing:0.03em; font-size:12px; line-height:21px; margin-left:5%; margin-top:-25px; } /* Patneři */ #partneri { float:left; width:calc(100% + 16px); margin-top:4vh; margin-left:-8px; margin-bottom:10px; } #partneri a:hover { border:0; } .partner { position:relative; float:left; height:250px; width:calc((100%/8)*2); transition: box-shadow 300ms; transition-property: box-shadow; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0s; } .partner2 { width:calc((100%/8)*4); } .partner-inner { display:table; float:left; width:calc(100% - 16px); margin:0 8px 0 8px; height:234px; text-align:center; background-color:white; transition: all 0.3s ease; } #partneri a:hover .partner-inner { -webkit-box-shadow: 0px 4px 13px 0px rgba(173,173,173,1);-moz-box-shadow: 0px 4px 13px 0px rgba(173,173,173,1);box-shadow: 0px 4px 13px 0px rgba(173,173,173,1); } .partner-inner img { width:60%; height:auto; max-height:70px; background-size:cover; object-fit: contain; margin-top:8px } .partner2 .partner-inner img { max-height:90px; } .partner-generalni { position:absolute; bottom:40px; color:black; font-size:12px;font-family:'Roboto'; letter-spacing:0.03em; text-align:center; margin:auto; left:0; right:0; } #obsah2 { position:relative; float:left; width:100%; min-height:25vw; margin-top:-24vw; background-color:#f2f2f2; z-index:20 } #subpage-uvodni { float:left; width:100%; position:relative; cursor:default; margin-bottom:10vh; } #subpage-uvodni-foto { width:100%; min-height:calc(100vw/2.7); } #subpage-uvodni-foto img { width:100%; float:left; } .subpage-uvodni-sekce { position:absolute; left:2vw; top:2vw; font-size:180px; line-height:180px; text-transform:uppercase; color:white; } #subpage-uvodni-titulek { position:absolute; width:calc((100%/8)*5); left:2vw; bottom:2vw; font-size:60px; line-height:60px; color:white; text-transform:uppercase; } #subpage-uvodni-button { position:absolute; width:100px; height:100px; right:0; bottom:0; background-color:#0000ff; display:table; cursor:pointer; } #subpage-uvodni-button2 { display:none; position:absolute; width:100px; height:100px; right:0; bottom:0; background-color:#0000ff; display:table; cursor:pointer; } #subpage-uvodni-sipka { background:url("../images/arrow-down.svg"); background-size:24px 12px; width:24px; height:12px; margin:auto; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari */ transform: rotate(180deg); } #subpage-uvodni-sipka2 { background:url("../images/arrow-down.svg"); background-size:24px 12px; width:24px; height:12px; margin:auto; } #subpage-text { float:left; width:100%; margin-bottom:10vh;} #subpage-text-left { float:right; width:50%; font-size:18px; line-height:28px; padding:0 1.5vw; font-family:'Roboto'; letter-spacing:0.03em; } #subpage-text-left a { text-decoration:none; color:#0000ff; } #subpage-text-left a:hover { border-bottom:1px solid #0000ff; } #subpage-text-right { float:left; width:50%; font-size:40px; line-height:50px; display: inline; color:#a7a9ac; padding:0 1.5vw; cursor:default; text-transform:uppercase; } #subpage-text-right a { position:relative; text-decoration:none; color:#0000ff; border-bottom:0; } #subpage-text-right a:hover::after { content: ''; position: absolute; left: 0; bottom:5px; display: inline; height: 1em; width: 100%; border-bottom:2px solid; } #subpage-text-right em a { color:white;} #subpage-text-right img { max-width:100% } #subpage-text-odkazy { float:left; margin:15px 0 30px 0; } .subpage-text-odkazy { float:left; background:#0000ff; margin-top:5px; margin-right:1px; color:#f2f2f2; padding:8px 20px; font-size:18px; line-height:28px; font-family:'Roboto'; letter-spacing:0.03em; text-transform:none; } .kontakty-page { margin-bottom:10vh; margin-top:-50px } .kontakty-page em { display:inline-block; background:#101820; margin-bottom:30px; margin-right:1px; color:#f2f2f2; padding:8px 20px; font-size:18px; line-height:28px; font-family:'Roboto'; letter-spacing:0.03em; text-transform:none; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px; behavior: url(PIE.htc); font-style:normal; } #subpage-text-right .nbsp { letter-spacing:-0.5vw; } _::-webkit-full-page-media, _:future, :root #subpage-text-right .nbsp { letter-spacing:0; } .zavinac { display:inline-block; background:url("../images/at-blue.svg"); margin:5px 3px 0 3px; width:30px; height:30px; background-size:30px 30px; } #subpage-vyskakovaci { display:none; float:left; background-color:#0000ff; width:100%; } #subpage-vyskakovaci-left { float:left; width:50%; color:#101820; font-size:60px; line-height:60px; padding:60px 2vw; } #subpage-vyskakovaci-left a { text-decoration:none; } #subpage-vyskakovaci-right { float:left; width:50%; color:#f2f2f2; font-size:18px; line-height:28px; font-family:'Roboto'; letter-spacing:0.03em; padding:60px 2vw; } .subpage-podnadpis { text-align:center; font-size:30px; line-height:40px; color:101820; margin-bottom:20px; cursor:default; } .subpage-podpodnadpis { text-align:center; font-size:30px; color:101820; text-transform:uppercase; margin-bottom:20px; cursor:default; } .oteviraci-doba { float:left; width:100%; border-top:solid 1px #101820; font-size:120px; line-height:120px; text-transform: uppercase; } .oteviraci-doba-posledni { border-bottom:solid 1px #101820; } .oteviraci-doba-bez { border-top:none; } .oteviraci-doba-left { float:left; width:50%; color:#101820; margin-top:15px; padding:10px 2vw 0 2vw; } .oteviraci-doba-left a { color:#101820; text-decoration:none } .oteviraci-doba-left a:hover { border:0 } .oteviraci-doba-left2 { float:left; width:50%; color:#a7a9ac; margin-top:15px; padding:10px 2vw 0 2vw; } .oteviraci-doba-left2 a { color:#a7a9ac; text-decoration:none } .oteviraci-doba-left2 a:hover { border:0 } .oteviraci-doba-left3 { color:#101820; font-size:40px; line-height:50px; padding:0 2vw 5px 2vw; } .oteviraci-doba-left3 a:hover { border:0 } .oteviraci-doba-left4 { color:#a7a9ac; font-size:40px; line-height:50px; margin-top:12px; padding:0 2vw 5px 2vw; } .oteviraci-doba-left4 a { color:#a7a9ac; } .oteviraci-doba-left4 a:hover { border:0 } .oteviraci-doba-right { float:left; width:50%; color:#a7a9ac; margin-top:15px; padding:10px 2vw 0 2vw; } .oteviraci-doba-right a { color:#a7a9ac; text-decoration:none } .oteviraci-doba-right a:hover { border:0 } .oteviraci-doba-right2 { float:left; width:50%; color:#101820; margin-top:15px; padding:10px 2vw 0 2vw; } .oteviraci-doba-right2 a { color:#101820; text-decoration:none } .oteviraci-doba-right2 a:hover { border:0 } .oteviraci-doba-right3 { color:#a7a9ac; font-size:40px; line-height:50px; padding:0 2vw 5px 2vw; } .oteviraci-doba-right3 a:hover { border:0 } .oteviraci-doba-right4 { font-size:40px; line-height:50px; color:#101820; text-shadow:none; padding:0 2vw 5px 2vw; } .oteviraci-doba-right4 a { color:#101820; } .oteviraci-doba-right4 a:hover { border:0 } .oteviraci-doba-left-den { float:left; width:200px; } .subpage-text-pod { margin:auto; margin-top:20px; width:90%; text-align: center; } /* Nabídka */ .subpage-nabidka-cont { float:left; width:100%; display:table; margin-bottom:10vh; } .subpage-nabidka { width:100%; background:#101820; font-size:30px; text-transform:uppercase; padding:40px 2vw; color:white; display:table; margin-top:2px; cursor:pointer; } .subpage-nabidka-sipka1 { background:url("../images/arrow-down.svg"); background-size:24px 12px; width:24px; height:12px; float:right } .subpage-nabidka-sipka2 { display:none; background:url("../images/arrow-down.svg"); background-size:24px 12px; width:24px; height:12px; float:right; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari */ transform: rotate(180deg); } .subpage-nabidka-vyskakovaci { display:none; float:left; background-color:#101820; width:100%; z-index:200 } .subpage-nabidka-vyskakovaci-left { float:left; width:50%; color:#f2f2f2; font-size:60px; line-height:60px; padding:60px 2vw; } .subpage-nabidka-vyskakovaci-right { float:left; width:50%; color:#f2f2f2; font-size:18px; line-height:28px; font-family:'Roboto'; letter-spacing:0.03em; padding:60px 2vw; } .subpage-nabidka-vyskakovaci-right a { color:#f2f2f2; } /* Akce */ .subpage-akce { float:left; width:calc(100% - 4px); border:solid 2px #0000ff; height:400px } .subpage-akce-left a { position:relative; float:left; width:50%; background:#0000ff; color:white; height:400px } .subpage-akce-left-datum { position:absolute; left:2vw; top:2vw; } .subpage-akce-left-titulek { position:absolute; left:2vw; bottom:2vw; font-size:60px; line-height:60px; width:90% } .subpage-akce-right a { position:relative; float:left; width:50%; color:#0000ff; height:400px } .subpage-akce-right-datum { position:absolute; left:2vw; top:2vw; } .subpage-akce-right-titulek { position:absolute; left:2vw; bottom:2vw; font-size:60px; line-height:60px; width:90% } .subpage-mezera { margin-top:10vh; } /* Galerie */ #galerie { float:left; width:100%; margin-bottom:10vh; text-transform:uppercase; } /* Bio */ .bio { position:relative; float:left; width:100%; text-transform:uppercase; color:#a7a9ac; font-size:240px; line-height:200px; border-top:1px solid #101820; border-bottom:1px solid #101820; margin-top:5vh; margin-bottom:10vh; text-align: center; text-decoration:none; padding-top:30px; cursor:pointer; } .bio-foto img { position:absolute; bottom:0; height:120%; z-index:100 } .bio-prijmeni { position:relative; z-index:200; } .bio-point { position:absolute; background:#0000ff; color:white; font-size:30px; line-height:30px; text-align:center; margin-top:-80px; z-index:100; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; behavior: url(PIE.htc); z-index:1000 } .bio-point-left { left:20%; } .bio-point-right { right:20%; } .bio-point-table { vertical-align:middle; display:table-cell; width:120px; height:120px; } .bio-vyskakovaci { display:none; position:fixed; overflow:auto; left:0; top:0; width:100%; height:100%; background:#0000ff; color:white; font-family:'Roboto'; letter-spacing:0.03em; line-height:28px; z-index:20000 } .bio-vyskakovaci a { color:white; text-decoration: underline; } .bio-zavrit-prostor { float:right; display:table; background:white; width:calc((100%/9)*0.54); height:5.8vw; cursor:pointer; } .bio-zavrit { margin:auto; width:29px; height:29px; background-image:url("../images/zavrit.png"); } .bio-prostor { display:table; width:50%; height:100%; margin:auto; font-size:18px; } .bio-prostor-text { padding:20vh 0; } #map_canvas { position:relative; float:left; border:none; width:50%; height:520px; } #mapa { float:left; background:white; width:50%; height:520px; padding:50px; font-size:50px; line-height:50px; color:#a8a9ad; } #mapa-nadpis { color:#101820 } #mapa-adresa { text-transform: uppercase; } #mapa-text { color:#563d3d; margin-top:30px } .mapa-subnadpis { float:left; width:20%; font-size:32px; line-height:32px; margin-bottom:8px; text-transform:uppercase; } .mapa-text { float:left; width:80%; margin-top:4px } #newsletter { position:relative; float:left; width:100%; height:80px; background-color:#595959; margin-top:100px; color:white; } #newsletter-text { position:absolute; overflow:hidden; width:calc((100%/8)*5); padding-left:45px; margin-top:32px; color:white } #newsletter-text span { position:relative; display:inline-block; -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; transition:transform 1s; } #newsletter-text span::before { position:absolute; top:100%; content:attr(data-hover); color:yellow; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #newsletter input { float:right; width:calc(((100%/8)*2) - 1.5%); margin:16px 0 0 0; height:50px; color:#595959; border:0; font-family:'Black'; padding:0 1.5% 0 1.5%; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; font-size:18px; line-height:28px; font-family:'Roboto'; letter-spacing:0.03em; } input#newsletter-odeslat { background:transparent; width:calc(100%/8); font-size:18px; line-height:28px; font-family:'Roboto'; letter-spacing:0.03em; color:white; margin-top:15px; cursor:pointer; padding:0 } #newsletter-text2 { opacity:0; position:absolute; top:-24px; width:calc((100%/8)*5); padding-left:45px; font-size:21px; line-height:36px; margin-top:41px; color:yellow; } footer { background:#101820; padding:80px 0 100px 0; color:#a7a9ac; font-size:18px; line-height:28px; } footer a { color:#f2f2f2 } footer a:hover { text-decoration:none; color:#f2f2f2; border-bottom:1px solid #f2f2f2; } footer h4 { } #footer-horni { margin-left:calc(100%/8); width:calc((100%/8)*6); padding-left:2vw; } #footer-left { float:left; width:calc((100%/4)); color:#a7a9ac; cursor:default; } #footer-left a { color:#a7a9ac } .footer-left-nadpis { color:#a7a9ac; } #footer-left .footer-left-nadpis a { color:white; } #footer-left .footer-left-nadpis a:hover { color:#f2f2f2 } .footer-left-text { font-size:18px; color:#595959; font-family:'Medium'; } .footer-left-oteviraci1 { clear:both; float:left; width:90px; } .footer-left-oteviraci2 { float:left; } #footer-centerA { float:left; width:calc(100%/4); } #footer-centerB { float:left; width:calc(100%/4); } #footer-right { float:right; width:calc((100%/4)); } #footer-right a { color:white; } #footer-right a:hover { color:#f2f2f2 } .footer-nadpis { color:#a7a9ac; cursor: default; } #footer-right .footer-soubory a { color:#f2f2f2; } #footer-kudyznudy a { float:left; margin-top:60px; width:130px; height:29px; background-image:url("../images/kudy-z-nudy.svg"); background-size:130px 29px; } #footer-kudyznudy a:hover { border:0 } #footer-social { margin-top:27px; } #footer-social a { float:left; color:white; border:0; height:40px } #footer-social a:hover { color:#f2f2f2; } #footer-facebook { float:left; width:24px; height:24px; background-image:url("../images/facebook-white.svg"); margin-top:3px; } #footer-instagram { float:left; width:24px; height:24px; background-size:24px 24px; background-image:url("../images/instagram-white.svg"); } .footer-social-text { float:left; font-size:18px; line-height:28px; margin-left:15px;} #footer-social-text-fb { margin-top:2px;} #footer-social a:hover .footer-social-text { border-bottom:1px solid #f2f2f2; } .footer-social-cara { float:left; background:white; height:30px; width:1px; margin:-2px 25px 0 25px; } .zavinac2 { display:inline-block; background:url("../images/at-gray.svg"); margin:5px 3px 0 3px; width:16px; height:16px; background-size:16px 16px; } #footer-kudyznudy-mobile a { display:none; width:130px; height:29px; background-image:url("../images/kudy-z-nudy.svg"); background-size:130px 29px; } #footer-kudyznudy-mobile a:hover { border:0 } footer hr { background:#595959; margin:50px 0; } #footer-dolni { margin-left:calc(100%/8); width:calc((100%/8)*6); } #footer-dolni a { color:#f2f2f2; } #footer-dolni a:hover { color:#f2f2f2 } #footer-dolni-leva { float:left; width:calc((100%/6)*4); line-height:24px } #footer-dolni-created { float:right; margin-right:30px; margin-left:50px} #logo-padok a { float:right; margin-top:-7px; width:143px; height:33px; background-size:143px 33px; background-image:url("../images/padok.svg");} #logo-padok a:hover { border:0} #footer-mobile { display:none; } #pexanova {float:right; color:white } #page404 { width:50%; margin:10vh 0 5vh 0; } #page404 .nbsp { letter-spacing:-10px; } _::-webkit-full-page-media, _:future, :root #page404 .nbsp { letter-spacing:0; } #menu404 { color:#0000ff; cursor:pointer; } #menu404:hover { border-bottom:2px solid #0000ff; } #subpage-text-right iframe { margin-top:30px; width:100%; max-width:600px; border:0 }