@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?yd4bp1');
src: url('fonts/icomoon.eot?yd4bp1#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?yd4bp1') format('truetype'),
url('fonts/icomoon.woff?yd4bp1') format('woff'),
url('fonts/icomoon.svg?yd4bp1#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'icomoon2';
src: url('fonts/icomoon2/icomoon.eot?xkm7rh');
src: url('fonts/icomoon2/icomoon.eot?xkm7rh#iefix') format('embedded-opentype'),
url('fonts/icomoon2/icomoon.ttf?xkm7rh') format('truetype'),
url('fonts/icomoon2/icomoon.woff?xkm7rh') format('woff'),
url('fonts/icomoon2/icomoon.svg?xkm7rh#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
body.scroll-x { overflow-x:auto; }
a.lightbutton, a.quickbutton, button.lightbutton {
white-space: nowrap;
position: relative;
width:auto;
text-decoration: none;
font-size: 15px;
font-weight: 600;
text-align: center;
padding: 11px 24px;
border: none;
overflow: hidden;
border-radius: 250px;
background: var(--color-krouzky-02); /*zelena*/
transition: all ease-in-out 0.5s;
color: #fff;
z-index: 1;
display: inline-block;
}
a.lightbutton:focus, a.quickbutton:focus, button.lightbutton:focus {
color: #fff;
}
a.lightbutton.outline, a.quickbutton.outline, button.lightbutton.outline { white-space: nowrap;
border: 1px solid var(--color-krouzky-02);
background: none;
color: var(--color-krouzky-02);
}
a.lightbutton.skryt, a.quickbutton.skryt { display:none; }
a.lightbutton.inline, a.quickbutton.inline, button.lightbutton.inline { display:inline-block; }
a.lightbutton:hover, a.quickbutton:hover, button.lightbutton:hover {
transition: all ease-in-out 0.2s;
color: #fff !important;
background: var(--color-krouzky-02-light2);
}
a.lightbutton.outline:hover, a.quickbutton.outline:hover, button.lightbutton.outline:hover {
background: var(--color-krouzky-02);
}
/*Pozn. - toto je krasne, ale protoze jquery .show() ty a buttonky dava jako display:inline, nefunguje pak to prekryti, resp. nedodrzuje border-radius*/
/*
a.lightbutton:before, a.quickbutton:before {
background: var(--color-krouzky-01-light);
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
transition: all 0.6s ease;
width: 0%;
height: 100%;
}
a.lightbutton:hover:before, a.quickbutton:hover:before {
width: 100%;
}
*/
a.quickbutton.padd1 { padding:0.5rem 0.5rem; }
a.quickbutton.padd2 { padding:0.8rem 1rem; }
a.quickbutton.padd3 { padding:0.5rem 0.7rem; }
a.quickbutton.padd4 { padding:0.6rem 0.9rem; }
a.quickbutton.fsize1 { font-size:1.05rem; }
a.quickbutton.grey { border:1px solid #afafaf; color:#878787; }
a.quickbutton.grey:hover { background-color:#afafaf; color:#fff; }
a.lightbutton.blue, a.quickbutton.blue, table.tb-blue a.lightbutton, table.tb-blue a.quickbutton {
background: var(--color-krouzky-01);
}
a.lightbutton.blue:hover, a.quickbutton.blue:hover, table.tb-blue a.lightbutton:hover, table.tb-blue a.quickbutton:hover {
background: var(--color-krouzky-01-light);
}
a.lightbutton.orange, a.quickbutton.orange, table.tb-orange a.lightbutton, table.tb-orange a.quickbutton, button.lightbutton.orange {
background: var(--color-krouzky-orange-dark);
}
a.lightbutton.orange:hover, a.quickbutton.orange:hover, table.tb-orange a.lightbutton:hover, table.tb-orange a.quickbutton:hover, button.lightbutton.orange:hover {
background: var(--color-krouzky-orange-light);
}
a.lightbutton.blue.outline, a.quickbutton.blue.outline, table.tb-blue a.lightbutton.outline, table.tb-blue a.quickbutton.outline {
border: 1px solid var(--color-krouzky-01);
background: none;
color: var(--color-krouzky-01);
}
a.lightbutton.blue.outline:hover, a.quickbutton.blue.outline:hover, table.tb-blue a.lightbutton.outline:hover, table.tb-blue a.quickbutton.outline:hover {
background: var(--color-krouzky-01);
}
a.lightbutton.orange.outline, a.quickbutton.orange.outline, table.tb-orange a.lightbutton.outline, table.tb-orange a.quickbutton.outline, button.lightbutton.orange.outline {
border: 1px solid var(--color-krouzky-orange-dark);
background: none;
color: var(--color-krouzky-orange-dark);
}
a.lightbutton.orange.outline:hover, a.quickbutton.orange.outline:hover, table.tb-orange a.lightbutton.outline:hover, table.tb-orange a.quickbutton.outline:hover, button.lightbutton.orange.outline:hover {
background: var(--color-krouzky-orange-dark);
}
/*
a.quickbutton.blue { border:0px; background-color:var(--color-blue); color:#fff; }
a.quickbutton.blue:hover { background-color:var(--color-blue); color:#fff; }
a.quickbutton.violet { border:0px; background-color:#854f79; color:#fff; }
a.quickbutton.violet:hover { background-color:#9a5e8d; color:#fff; }
a.lightbutton.grey { border:1px solid #afafaf; color:#878787; }
a.lightbutton.grey:hover { background-color:#afafaf; color:#fff; }
a.lightbutton.grey-blue { border:1px solid #afafaf; }
a.lightbutton.grey-blue:hover { background-color:#afafaf; }
a.lightbutton.red { border:1px solid #c75e4c; color:#d6442c; }
a.lightbutton.red:hover { background-color:#c75e4c; color:#fff; }
*/
.a-white {color:#fff;}
.a-white:hover { color:#fff; }
a.underline { text-decoration:underline; }
a.underline:hover { text-decoration:none; }
.vertical-top { vertical-align:top; }
.v-padding { padding-top:10px; }
.link-underline-decent {
text-decoration: underline;
text-decoration-color: #c9d9ee;
-moz-transition: all 0.1s ease;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.link-underline-decent:hover {
text-decoration: none;
}
.readonly { background-color:rgba(255,255,255,0.5) !important; }
[class^="icon2-"], [class*=" icon2-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon2' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon2-credit-card:before {
content: "\e90c";
}
.icon2-creditcard:before {
content: "\e90b";
}
.icon2-at-sign:before {
content: "\e904";
}
.icon2-coffee:before {
content: "\e905";
}
.icon2-gift:before {
content: "\e906";
}
.icon2-info:before {
content: "\e907";
}
.icon2-tag:before {
content: "\e908";
}
.icon2-user-plus:before {
content: "\e909";
}
.icon2-users:before {
content: "\e90a";
}
.icon2-keyboard_arrow_down:before {
content: "\e900";
}
.icon2-keyboard_arrow_left:before {
content: "\e901";
}
.icon2-keyboard_arrow_right:before {
content: "\e902";
}
.icon2-keyboard_arrow_up:before {
content: "\e903";
}
.icon2-instagram:before {
content: "\ea92";
}
.social .icon2-instagram {
position:relative; top:4px;
}
.social .icon2-instagram:before {
position:relative; bottom:4px;
}
.no-in-laccount { display:none !important; }
@media (max-width: 520px) {
.no-in-small-laccount { display:none !important; }
}
.small1 { font-size:0.9rem; }
.conditions { font-size:0.9rem; }
.conditions label { font-size:0.9rem !important; }
.clear { clear:both; }
.schovat { display:none !important; }
.skryt { display:none; }
.icomoon {
font-family: 'icomoon';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cursor-not-allowed { cursor:not-allowed; }
.cursor-progress { cursor:progress !important; }
.contact-ico { float:left; margin:0 10px 10px 0; position:relative; top:10px; font-size:2rem; color:#7e4872; }
.relative { position:relative; }
.blurred { filter:blur(5px); }
.orange { color:#ff7f30; }
.green { color:#0c9362; }
.red { color:#e33101; }
.grey { color:#6b6b6b; }
.f-b1 { font-size:1.2rem; }
.f-b2 { font-size:0.9rem; }
.f-b3 { font-size:1.1rem; }
.f-b4 { font-size:0.95rem; }
.strike { text-decoration: line-through; }
.smiley-sad { position:relative; }
.smiley-sad:after {
position:absolute;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
top:50px;
content: "\2639"; font-weight:bold;
color: #ee5d4e;
font-size:6rem;
}
.tick:after {
content: "\2713";
font-weight:bold;
color: #45b58c;
font-size:1.4rem;
}
.tick.grey:after {
content: "\2713";
font-weight:bold;
color: #999;
font-size:1.4rem;
}
.grid {
margin: 0 auto;
max-width: 1170px;
position: relative;
padding: 0rem 1rem 2rem 1rem;
}
form#gpwebpay_form button.platba-kartou { padding:0.8rem 1.9rem; margin:1rem 0 2rem 0; }
form#gpwebpay_form #gpay_button button { margin-bottom:1.5rem; }
section.left p {
text-align:left;
}
section.left ul {
text-align:left;
}
section.left ol {
text-align:left;
}
section.hleft h2, section.hleft h3 {
text-align:left;
}
.center {
text-align:center !important;
}
#logo img.vnb { width:70px; height: auto; padding-bottom:0.5rem; }
#logo img.hm { width:170px; height: auto; padding-bottom:0.8rem; }
#logo img.knb { width:152px; height: auto; padding-bottom:0.8rem; }
#uni_logo { width:90%; max-width:320px; padding-top:10px; padding-bottom:10px; }
.uni_logos img.universiada { width:250px; height: auto; margin-top:20px; padding-bottom:0.5rem; }
#uni_bottom_logos .next_logo { margin-left:50px; }
.next_logo { margin:20px 0 0 0; }
.hamburger { padding:1.1rem 0 0.8rem 0; font-size:2rem; color:#3d3d3d; cursor:pointer; }
.tb-row { display:none; }
.tb-cell { display:none; }
#loginfo { display:none; }
.popup-menu { display:none; }
.popup-menu#jazyky a { display:block; margin-bottom:1rem; font-size:0.9rem; }
.popup-menu#jazyky a:hover { color:#3993ce; }
.popup-menu#jazyky a img { width:25px; height:19px; position:relative; top:4px; left:-2px; }
/*Nabidka v zahlavi*/
.nabidka {
cursor:pointer;
-moz-transition: background 0.2s ease, color 0.2s ease;
-webkit-transition: background 0.2s ease, color 0.2s ease;
transition: background 0.2s ease, color 0.2s ease;
}
.nabidka:nth-child(1) {
background:rgba(52,152,219,0.90);
}
.nabidka:nth-child(2) {
background:rgba(0,153,99,0.90);
}
.nabidka:last-child {
background:rgba(111,57,99,0.90);
margin-right:0;
}
.nabidka:nth-child(1):hover {
background:rgba(58,159,226,0.90);
}
.nabidka:nth-child(2):hover {
background:rgba(3,160,104,0.90);
}
.nabidka:last-child:hover {
background:rgba(119,63,107,0.90);
}
section.intro .nabidka h2 {
font-weight:600;
font-size:1.4rem;
padding-top:0.7rem;
text-shadow:initial;
line-height:1.4rem;
}
section.intro .nabidka h3 {
color:#fff;
font-weight:400;
font-size:1rem;
padding:0.7rem 0 0.5rem 0;
}
.nabidka img { display:inline-block; width:auto; height:20px; padding:0 0 0.7rem 0; }
/*Normalni obsah*/
section.content { padding-top:0.5rem; /*background-color:#fdfdfd;*/ }
section.content strong.h1 { display:block; text-align: center; color:#212121; }
section.content h1, section.content strong.h1, section.content h2.likeh1 { position:relative; text-align:center; font-size:1.6rem; line-height:2rem; font-weight:normal; padding:0 0 0.7rem 0; margin-bottom:1rem; }
section.content h1:after, section.content strong.h1:after, section.content h2.likeh1:after { content:""; width:100px; border-bottom:2px solid #3c96d3; position:absolute; bottom:0; left:50%; margin-left: -50px; }
section.content h1:after, section.content strong.h1.no-line:after, section.content h2.likeh1:after { width:0; border:0; }
section.content h1.h-tabory:after, section.content strong.h1.h-tabory:after, section.content h2.likeh1:after { border-bottom:2px solid #0c9d69; }
section.content h1.h-akce:after, section.content strong.h1.h-akce:after { border-bottom:2px solid #843e71; }
section.content h1.h-pink:after, section.content strong.h1.h-pink:after { border-bottom:2px solid #e73c74; }
section.content h1.h-orange:after, section.content strong.h1.h-orange:after { border-bottom:2px solid #e67522; }
section.content h1.no-bottom { margin-bottom:0; }
section.content h1 .h1-subtitle { display:block; font-size:2rem; padding-top:0.5rem; }
section.content h1.odsz1, section.content h2.likeh1.odsz1 { margin-top:3rem; }
section.content h1 .dofinancovano { position:absolute; bottom:-100px; right:-50px; width:386px; height:119px; background-image:url("../img/dofinancovane3_pl.png"); }
section.content h2 { font-size:1.9rem; line-height:2rem; font-weight:normal; padding:2rem 0; margin:0; text-align:center; }
section.content.text-start h2 { text-align:left; }
section.content h2.subh { font-size:1.7rem; padding:0 0 2.5rem 0; margin-top:-1.2rem; }
section.content h2.subh.padd-s { padding:0 0 1.5rem 0; }
section.content h3, section.content h2.nadpis3 { font-size:1.5rem; text-align:center; line-height:1.8rem; font-weight:normal; padding:1rem 0; }
section.content.text-start h3, section.content.text-start h2.nadpis3 { text-align:left; }
section.content h4 { font-size:1.2rem; line-height:1.2rem; font-weight:normal; text-align:center; padding:1rem 0; }
section.content h2.left, section.content h3.left, section.content h4.left { text-align:left; }
section.content h2.subh1 { font-size:1.9rem; padding:1rem 0 2rem 0; }
section.content h2.odsz1 { padding:3rem 0 0 0; }
section.content h3.odsz1 { padding:1rem 0 2rem 0; }
section.content.text h3, section.content.text h2.nadpis3 { padding-top:1.4rem; color:#e86829; }
section.content.text-start h1, section.content.text-start h2, section.content.text-start h3 { text-align:left; }
section.content h1 span { color:var(--color-blue); }
section.content.text a.btn-vice, section.content.text a.btn-prihlasit { display:inline-block; margin:1.2rem 0.5rem 0 0.5rem; padding:0.7rem 1.8rem 0.6rem 1.8rem; color:#fff; border-radius:4px;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease; }
section.content.text a.btn-prihlasit { background-color:#2aa8dd; border-bottom:2px solid #2093c2; font-size:1.1rem; }
section.content.text a.btn-prihlasit:hover { background-color:#3db9ee; border-bottom:2px solid #37acdc; }
section.content.text a.btn-prihlasit span { margin-left:0.6rem; }
section.content.text a.btn-vice { background-color:#dfa165; border-bottom:2px solid #ce9156; font-size:1.1rem; }
section.content.text a.btn-vice:hover { background-color:#ebaf75; border-bottom:2px solid #e1a56c; }
section.content.text a.btn-prihlasit.lupa { padding-right:3.5rem; position:relative; }
section.content.text a.btn-prihlasit.lupa span { position:absolute; font-size:1.6rem; right:1.6rem; color:#f6fcfe; }
section.content .form-switch.left0 { padding-left:0; }
/* Foto v textu */
section.content.text img { padding:0.5rem 0.5rem 1rem 0.5rem; margin:1rem 0 1rem 14%; box-sizing:initial; width:70%; height:auto;
-webkit-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.15);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.15);
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
section.content.text img:hover {
-webkit-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.3);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
}
section.content.text img.noshadow{ border:0; outline:0; padding:0;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
section.content.text img.notransform{ width:auto; }
@media (max-width: 648px) {
.autotransform {
width:80% !important;
}
}
/*Transformace obrazku vlozeneho primo do textu*/
.img-text-transform img {
margin:20px 0;
width:100%; height:auto;
border-radius:10px;
}
@media (min-width: 580px) {
.img-text-transform img {
margin:20px;
width:300px;
}
}
/*Formular*/
form.old .row { display:block; padding:0.6rem 20px; margin-left:0; margin-right:0; text-align:left; }
form.old .row.skryt { display:none; }
form.old .row.odsz-top { margin-top:2rem; }
form.old .row.border { border:1px solid #e7e7e7; border-width:1px 0 1px 0; }
form.old .row.border-bottom { border-bottom:1px solid #e7e7e7; }
form.old .row.submit { text-align:center; }
form.old label { display:block; padding-bottom:0; margin-bottom:4px; margin-left:0; padding-left:0; text-align:left; }
form.old label.inline-auto { display:inline-block; width:auto; }
form.old table td label { margin-bottom:8px; }
form.old .right-row { padding:0; }
form.old .row .right-row .row { padding-left:0; padding-right:0; }
form.old label.blank { display:block; padding:2rem 0 0 0; width:auto; text-align:left; }
form.old input, form.old select, form.old textarea { padding:0.5rem !important; width:100%; height:auto !important; }
form.old textarea { min-height:80px; }
form.old .label { display:block; padding-bottom:0.4rem; padding-top:1rem; font-size:0.9rem; text-align:left; }
section.content textarea { height:auto !important; padding:8px 10px !important; }
form.old .infotext { font-size:0.85rem; color:rgba(0,0,0,0.6); width:100%; padding-top:4px; padding-left:0.3rem; }
@media (min-width: 800px) {
form.old label, form.old label.inline-auto { display:inline-block; width:30%; text-align:right; padding-right:1rem; }
form.old label.base-top { vertical-align:top; padding-top:0.5rem; }
form.old input, form.old select, form.old textarea { display:inline-block; width:60%; max-width:450px; }
form.old .label { display:inline-block; }
form.old .label.margin-left { margin-left:1rem; }
form.old input.max-40 { max-width:40px; }
form.old input.max-60 { max-width:60px; }
form.old input.max-190 { max-width:190px; }
form.old .left-row { display:inline-block; width:30%; text-align:right; padding-right:1rem; }
form.old .right-row { display:inline-block; width:60%; padding:0; }
form.old .row .right-row .row { padding-left:0; padding-right:0; }
form.old .right-row.margin { margin-left:30%; padding-left:0.3rem; }
form.old .infotext { font-size:0.85rem; color:rgba(0,0,0,0.6); margin-left:30%; width:60%; max-width:450px; padding-left:0.3rem; }
form.old .infotext.nolimit { max-width:none; }
form.old .infotext.nomargin { margin-left:0; }
form.old .autowidth { width:auto; }
form.old input[type=radio] + label.minwidth, form.old input[type=checkbox] + label.minwidth{
min-width:200px;
}
}
form.smaller-input input, form.smaller-input select, form.smaller-input textarea { padding:0.3rem !important; height:40px !important; }
/*Vlastni checkbox+radio*/
form.old input[type=radio]:has(+label), form.old input[type=checkbox]:has(+label) { display:none !important; width:auto; }
form.old input[type=radio] + label, form.old input[type=checkbox] + label {
display: inline-block;
cursor: pointer;
position: relative;
padding:0 3rem 0 2rem;
width:auto;
}
form.old input[type=radio] + label {
}
form.old input[type=radio]+ label:last-child , form.old input[type=checkbox] + label:last-child {
padding-right:0;
}
form.old input[type=radio] + label:before, form.old input[type=checkbox] + label:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
position: absolute;
left: 0;
top: 3px;
border:1px solid #adadad;
background-color:#fff;
}
form.old table input[type=radio] + label:before, form.old table input[type=checkbox] + label:before {
top: 0;
}
form.old input[type=checkbox].top1 + label:before {
top: -8px;
}
form.old input[type=radio] + label:hover:before, form.old input[type=checkbox] + label:hover:before {
border:1px solid #9e9e9e;
}
form.old input[type=radio] + label:before {
border-radius:50%;
}
form.old input[type=checkbox] + label:before {
border-radius:4px;
}
form.old input[type=checkbox] + label.hidden:before {
display:none;
}
form.old input[type=radio]:checked + label:before {
content: "\2022";
color: var(--color-krouzky-orange-dark);
font-size: 26px;
text-align: center;
line-height: 14px;
border:1px solid var(--color-krouzky-orange-dark);
}
form.old input[type=checkbox]:checked + label:before {
content: "\2713";
font-weight:bold;
/*text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);*/
color: var(--color-krouzky-orange-dark);
text-align: center;
line-height: 14px;
font-size:14px;
border:1px solid var(--color-krouzky-orange-dark);
}
form.old input[type="radio"]:checked+label{
color: var(--color-krouzky-orange-dark);
}
form.old table.tb-blue input[type=radio]:checked + label:before {
color: var(--color-krouzky-01);
border:1px solid var(--color-krouzky-01);
}
form.old table.tb-blue input[type=checkbox]:checked + label:before {
color: var(--color-krouzky-01);
border:1px solid var(--color-krouzky-01);
}
form.old table.tb-blue input[type="radio"]:checked+label{
color: var(--color-krouzky-01);
}
form.old table.tb-green input[type=radio]:checked + label:before {
color: var(--color-krouzky-02);
border:1px solid var(--color-krouzky-02);
}
form.old table.tb-green input[type=checkbox]:checked + label:before {
color: var(--color-krouzky-02);
border:1px solid var(--color-krouzky-02);
}
form.old table.tb-green input[type="radio"]:checked+label{
color: var(--color-krouzky-02);
}
section.content .infobox {
float:right; position:relative; z-index:250; margin: 30px 0 20px 30px; background-color:#854f79; border-radius:6px; padding:20px; color:#fff; width:250px;
}
section.content .infobox h3 {
color:#fff;
}
section.content .infobox.grey {
background-color:#eeeeee; color:initial;
}
section.content .infobox.grey h3 {
color:initial;
}
section.content .infobox ul li { background-image:url("../img/dot-white.png"); background-position:10px 14px; padding:0.5rem 0 0.5rem 1.8rem; }
section.content .infobox ul li a { color:#fff; text-decoration:underline; }
section.content .infobox ul li a:hover { text-decoration:none; }
@media (max-width: 480px) {
section.content .infobox {
float:initial; margin: 0 auto;
}
}
@media (max-width: 1090px) {
section.content .infobox.hide-min {
display:none;
}
}
section.grey { background-color:#f4f4f4; color:initial; }
section.green { background-color:#0d9d6a; }
section.pink { background-color:#deb3d4; }
section.linebreak { border-top:1px solid #efefef; }
section.content ul { list-style: outside none none; margin-left:20px; margin-bottom:10px; font-size: 0.95rem; }
section.content ul li { position:relative; padding:0; }
section.content ul.no-bullets li { background-image:none; }
.account-container ul.classic { list-style-type: circle;
list-style-position: outside; /* puntík mimo text */
margin-left: 20px; /* odsazení od okraje */
}
.account-container ul.classic li { position:relative; padding:0; display:block; }
section.content ol { }
section.content ol li { position:relative; padding:0.5rem 0 0.5rem 1.2rem; margin-left:1rem; line-height:1.4rem; }
section.content ol ul li { background-position:0 14px; }
@media (max-width: 575.98px) {
section.content ul { font-size: 0.85rem; }
}
/*
section.content li:before {
position:absolute; left:18px; top:8px;
content: "\26AB";
font-weight:normal;
color: #10a570;
font-size:1rem;
}
*/
/*Albik*/
.albik-right { float:right; margin-right:40px !important; position:relative; top:-20px; }
@media (max-width: 520px) {
.albik-right { display:none; }
}
/*Prehledove ikony*/
.info-icons { margin-bottom:2rem; }
.info-icons .info-icon { display:inline-block; width:80px; text-align:center; margin:0 30px 1rem 30px; cursor:pointer;
}
section.content.text .info-icons .info-icon img { margin:0; width:auto; padding:0;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.info-icons .info-icon p { margin:7px 0 0 0; font-size:0.8rem; text-align:center; line-height:120%; color:#212121;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.info-icons .info-icon:hover p { color:#2278b2; }
/*vice a mene info - pulkruh*/
.more-less { position:absolute; bottom:-4px; left:50%; margin-left:-53px; width:106px; height:53px; border-radius: 106px 106px 0 0; cursor:pointer; font-style:initial;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.more-less.orange { background-color:#e67522; }
.more-less.blue { background-color:#3c96d3; }
.more-less.blue:hover { background-color:#4faae8; }
.more-less.violet { background-color:#713b62; }
.more-less.violet:hover { background-color:#864b76; }
.more-less:after { position:absolute; left:0; bottom:0; width:106px; content:""; border-bottom:4px solid #fff; }
.more-less .m, .more-less .l { display:block; padding:0.4rem 0 0.4rem 0; font-size:0.9rem; color:#fff; }
.more-less .l { display:none; }
.more-less .ma { display:inline-block; width:25px; height:16px; background-image:url("../img/sipka-dolu.png"); background-repeat:no-repeat; }
.more-less .la { display:none; width:25px; height:16px; background-image:url("../img/sipka-nahoru.png"); background-repeat:no-repeat; }
.more-less.open .m { display:none; }
.more-less.open .l { display:block; }
.more-less.open .ma { display:none; }
.more-less.open .la { display:inline-block; }
.scrollto { cursor:pointer; }
a#goback { display:none; }
.banner-box {
width:100%; display:table; margin:30px 0 30px 0;
}
.banner-box .half {
display:table-cell; width:50%; color:#fff; font-size:1.8rem; padding:30px 30px 30px 30px; line-height:130%; text-align:left; font-weight:600;
}
.banner-box .bg-rugby {
background-image:url("../img/rugby.jpg"); background-repeat:no-repeat; background-size:cover; background-position: center center;
}
.banner-box .bg-red {
background-color:#d43f66;
}
@media all and (max-width: 680px) {
.banner-box .half {
font-size:1.2rem;
}
}
@media all and (max-width: 480px) {
.banner-box {
display:block;
}
.banner-box .half {
display:block; width:100%; min-height:200px;
}
}
/*preloader*/
.preloader { display:none; height:50px; background-image:url("../img/preloader.gif"); background-position:center center; background-repeat:no-repeat; width:100%; }
/*CSS preloader*/
/* HTML: */
.preloader-3 {
margin-left:auto; margin-right:auto;
width: 40px;
padding: 5px;
aspect-ratio: 1;
border-radius: 50%;
/*background: #fda44d;*/
background: #e4ded7;
--_m:
conic-gradient(#0000 10%,#000),
linear-gradient(#000 0 0) content-box;
-webkit-mask: var(--_m);
mask: var(--_m);
-webkit-mask-composite: source-out;
mask-composite: subtract;
animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}
.preloader-2 {
margin-left:auto; margin-right:auto;
width: 45px;
aspect-ratio: 1;
border-radius: 50%;
border: 8px solid #0000;
border-right-color: #ffa50097;
position: relative;
animation: l24 1s infinite linear;
}
.preloader-2:before,
.preloader-2:after {
content: "";
position: absolute;
inset: -8px;
border-radius: 50%;
border: inherit;
animation: inherit;
animation-duration: 2s;
}
.preloader-2:after {
animation-duration: 4s;
}
@keyframes l24 {
100% {transform: rotate(1turn)}
}
/* HTML: */
.preloader-4 {
margin-left:auto; margin-right:auto;
width: 45px;
aspect-ratio: 1;
border-radius: 50%;
border: 5px solid #f9f6ed;
border-right-color: #fda44d;
animation: l2 1s infinite linear;
}
@keyframes l2 {to{transform: rotate(1turn)}}
/*boxiky s kroky, co dal info...*/
.steps-container {
display:flex;
justify-content:center;
flex-wrap: wrap;
margin-bottom:10px;
}
.step-item {
width:30%;
margin:1rem; border:1px solid #d9d5d5; padding:1.5rem 1rem 1rem 1rem; text-align:center; border-radius:12px;
}
.step-item .icomoon2 {
display:inline-block; font-size:3.5rem; margin-bottom:1.5rem; color:#387bd7;
}
@media (max-width: 1000px) {
.step-item {
width:40%;
}
}
@media (max-width: 600px) {
.step-item {
width:80%;
}
}
/*karty*/
section.content .karty {
display: -webkit-flex; /* Safari */
display: -webkit-box; /* Safari - older (ipad etc.)*/
display: flex;
display: -ms-flexbox;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-justify-content: space-around; /* Safari */
justify-content: space-around;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
section.content .karty.left {
-webkit-justify-content: flex-start; /* Safari */
justify-content: flex-start;
}
section.content .karta {
position:relative;
background-color:#fff; border-radius:4px;
margin:0 1rem 1.5rem 1rem;
display:table;
width:100%;
}
section.content .karta .foto { display:table-cell; vertical-align:middle; width:82px; height:80px; text-align:center; padding:0.2rem 0; border-top-left-radius:4px; border-bottom-left-radius:4px;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
section.content .karta .foto .svg { fill:#fff; width:auto; height:70px; }
section.content .karta .foto .svg.clock { height:60px; padding:5px 0; }
section.content .karta .foto .svg.lower { height:58px; padding:6px 0; }
section.content .karta .obsah { display:table-cell; vertical-align:middle; }
section.content .karta h2 { padding:0.5rem 0 0.6rem 0.7rem; font-size:1.3rem; text-align:left; line-height:1.4rem;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
section.content .karta p { text-align:left; padding:0.1rem 0 0.5rem 0.7rem; font-size:0.9rem; margin:0; color:#737373; line-height:100%; }
section.content .karta .sipka { display:none; top:26px; }
section.content .karty .predel {
display:block; width:100%; border-top:1px solid #e5e5e5;
}
@media (max-width: 520px) {
section.content .karta h2 { font-size:1.1rem; padding-bottom:0.2rem; }
section.content .karta .foto { width:64px; }
section.content .karta .foto .svg { height:45px; }
section.content .karta .foto .svg.clock { height:35px; }
section.content .karta .foto .svg.lower { height:43px; }
section.content .karta .sipka { top:16px; }
}
@media (min-width: 390px) {
section.content .karta {
display:initial;
-webkit-flex-basis:338px; /* Safari */
-webkit-box-flex: 1; /* Safari - older (ipad etc.)*/
flex-basis:338px;
width:338px;
-ms-flex: 1 1 338px; /*pro IE10 je nutne mit i flex-grow*/
flex: 0 1 338px; /*zkratka pro flex-grow, flex-shring, flex-basis - doporuceno vice nez jen flex-basis*/
}
section.content .karta .sipka { display:block; position:absolute; right:10px; width:13px; height:30px; background-image:url("../img/sipka2.png"); background-repeat:no-repeat;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
}
section.content .karta.violet .foto { background-color:#764269; }
section.content .karta.violet h2 { color:#764269; }
section.content .karta.violet:hover .foto { background-color:#915a84; }
section.content .karta.violet:hover h2 { color:#915a84; }
section.content .karta.violet:hover .sipka { right:5px; }
section.content .karta.violet2 .foto { background-color:#a36694; }
section.content .karta.violet2 h2 { color:#a36694; }
section.content .karta.violet2:hover .foto { background-color:#b27ca4; }
section.content .karta.violet2:hover h2 { color:#b27ca4; }
section.content .karta.violet2:hover .sipka { right:5px; }
section.content .karta.violet2b .foto { background-color:#a86b99; }
section.content .karta.violet2b h2 { color:#a86b99; }
section.content .karta.violet2b:hover .foto { background-color:#b779a8; }
section.content .karta.violet2b:hover h2 { color:#b779a8; }
section.content .karta.violet2b:hover .sipka { right:5px; }
section.content .karta.violet3 .foto { background-color:#854f78; }
section.content .karta.violet3 h2 { color:#854f78; }
section.content .karta.violet3:hover .foto { background-color:#98648c; }
section.content .karta.violet3:hover h2 { color:#98648c; }
section.content .karta.violet3:hover .sipka { right:5px; }
section.content .karta.violet3b .foto { background-color:#965a88; }
section.content .karta.violet3b h2 { color:#965a88; }
section.content .karta.violet3b:hover .foto { background-color:#a66697; }
section.content .karta.violet3b:hover h2 { color:#a66697; }
section.content .karta.violet3b:hover .sipka { right:5px; }
section.content .karta.violet4 .foto { background-color:#67365b; }
section.content .karta.violet4 h2 { color:#67365b; }
section.content .karta.violet4:hover .foto { background-color:#89547d; }
section.content .karta.violet4:hover h2 { color:#89547d; }
section.content .karta.violet4:hover .sipka { right:5px; }
section.content .karta.violet5 .foto { background-color:#5a2c4f; }
section.content .karta.violet5 h2 { color:#5a2c4f; }
section.content .karta.violet5:hover .foto { background-color:#714266; }
section.content .karta.violet5:hover h2 { color:#714266; }
section.content .karta.violet5:hover .sipka { right:5px; }
section.content .karta.green0 .foto { background-color:#35be6f; }
section.content .karta.green0 h2 { color:#35be6f; }
section.content .karta.green0:hover .foto { background-color:#3cc475; }
section.content .karta.green0:hover h2 { color:#3cc475; }
section.content .karta.green0:hover .sipka { right:5px; }
section.content .karta.green .foto { background-color:#0d9e6a; }
section.content .karta.green h2 { color:#0d9e6a; }
section.content .karta.green:hover .foto { background-color:#1fb680; }
section.content .karta.green:hover h2 { color:#1fb680; }
section.content .karta.green:hover .sipka { right:5px; }
section.content .karta.green3 .foto { background-color:#2bb063; }
section.content .karta.green3 h2 { color:#2bb063; }
section.content .karta.green3:hover .foto { background-color:#3abc71; }
section.content .karta.green3:hover h2 { color:#3abc71; }
section.content .karta.green3:hover .sipka { right:5px; }
section.content .karta.green2 .foto { background-color:#0b8f60; }
section.content .karta.green2 h2 { color:#0b8f60; }
section.content .karta.green2:hover .foto { background-color:#109f6c; }
section.content .karta.green2:hover h2 { color:#109f6c; }
section.content .karta.green2:hover .sipka { right:5px; }
section.content .karta.blue .foto { background-color:#2980b9; }
section.content .karta.blue h2 { color:#2980b9; }
section.content .karta.blue:hover .foto { background-color:#3d96d0; }
section.content .karta.blue:hover h2 { color:#3d96d0; }
section.content .karta.blue:hover .sipka { right:5px; }
section.content .karta.blue2 .foto { background-color:#32a3e1; }
section.content .karta.blue2 h2 { color:#32a3e1; }
section.content .karta.blue2:hover .foto { background-color:#47b3ee; }
section.content .karta.blue2:hover h2 { color:#47b3ee; }
section.content .karta.blue2:hover .sipka { right:5px; }
section.content .karta.blue3 .foto { background-color:#86E2D5; }
section.content .karta.blue3 h2 { color:#86E2D5; }
section.content .karta.blue3:hover .foto { background-color:#6cbbf0; }
section.content .karta.blue3:hover h2 { color:#6cbbf0; }
section.content .karta.blue3:hover .sipka { right:5px; }
section.content .karta.blue4 .foto { background-color:#62b1e9; }
section.content .karta.blue4 h2 { color:#62b1e9; }
section.content .karta.blue4:hover .foto { background-color:#73bef3; }
section.content .karta.blue4:hover h2 { color:#73bef3; }
section.content .karta.blue4:hover .sipka { right:5px; }
section.content .karta.blue5 .foto { background-color:#2296d5; }
section.content .karta.blue5 h2 { color:#2296d5; }
section.content .karta.blue5:hover .foto { background-color:#31a4e3; }
section.content .karta.blue5:hover h2 { color:#31a4e3; }
section.content .karta.blue5:hover .sipka { right:5px; }
section.content .karta.blue6 .foto { background-color:#206da0; }
section.content .karta.blue6 h2 { color:#206da0; }
section.content .karta.blue6:hover .foto { background-color:#3b82b1; }
section.content .karta.blue6:hover h2 { color:#3b82b1; }
section.content .karta.blue6:hover .sipka { right:5px; }
section.content .karta.orange1 .foto { background-color:#f39c12; }
section.content .karta.orange1 h2 { color:#f39c12; }
section.content .karta.orange1:hover .foto { background-color:#fdac2a; }
section.content .karta.orange1:hover h2 { color:#fdac2a; }
section.content .karta.orange1:hover .sipka { right:5px; }
section.content .karta.orange2 .foto { background-color:#e67e22; }
section.content .karta.orange2 h2 { color:#e67e22; }
section.content .karta.orange2:hover .foto { background-color:#f3913a; }
section.content .karta.orange2:hover h2 { color:#f3913a; }
section.content .karta.orange2:hover .sipka { right:5px; }
section.content .karta.red .foto { background-color:#e74c3c; }
section.content .karta.red h2 { color:#e74c3c; }
section.content .karta.red:hover .foto { background-color:#f36051; }
section.content .karta.red:hover h2 { color:#f36051; }
section.content .karta.red:hover .sipka { right:5px; }
section.content .karta.yellow .foto { background-color:#e9d460; }
section.content .karta.yellow h2 { color:#e9d460; }
section.content .karta.yellow:hover .foto { background-color:#f4e073; }
section.content .karta.yellow:hover h2 { color:#f4e073; }
section.content .karta.yellow:hover .sipka { right:5px; }
section.content .karta.yellow2 .foto { background-color:#d7bd55; }
section.content .karta.yellow2 h2 { color:#d7bd55; }
section.content .karta.yellow2:hover .foto { background-color:#e4ca62; }
section.content .karta.yellow2:hover h2 { color:#e4ca62; }
section.content .karta.yellow2:hover .sipka { right:5px; }
section.content .karta.pink .foto { background-color:#dc4f84; }
section.content .karta.pink h2 { color:#dc4f84; }
section.content .karta.pink:hover .foto { background-color:#ea6295; }
section.content .karta.pink:hover h2 { color:#ea6295; }
section.content .karta.pink:hover .sipka { right:5px; }
section.content .karta.pink2 .foto { background-color:#c44172; }
section.content .karta.pink2 h2 { color:#c44172; }
section.content .karta.pink2:hover .foto { background-color:#d75485; }
section.content .karta.pink2:hover h2 { color:#d75485; }
section.content .karta.pink2:hover .sipka { right:5px; }
section.content .karta.blue3 .foto { background-color:#2980b9; }
section.content .karta.blue3 h2 { color:#2980b9; }
section.content .karta.blue3:hover .foto { background-color:#3d96d0; }
section.content .karta.blue3:hover h2 { color:#3d96d0; }
section.content .karta.blue3:hover .sipka { right:5px; }
section.content .karta.grey .foto { background-color:#abb0b3; }
section.content .karta.grey h2 { color:#abb0b3; }
section.content .karta.grey:hover .foto { background-color:#bdc1c4; }
section.content .karta.grey:hover h2 { color:#bdc1c4; }
section.content .karta.grey:hover .sipka { right:5px; }
section.content .karta.neaktivni .foto { background-color:#cbd0d4; }
section.content .karta.neaktivni h2 { color:#cbd0d4; }
section.content .karta.neaktivni:hover .foto { background-color:#d4d9dc; }
section.content .karta.neaktivni:hover h2 { color:#d4d9dc; }
section.content .karta.neaktivni:hover .sipka { right:5px; }
section.content .odznak { clear:both; padding-bottom:2rem; }
section.content .odznak img { width:140px!important; height:140px!important; }
section.content .novinka .art-foto { width:140px; height:140px; background-position:center center; background-size:auto 100%; background-repeat:no-repeat; border-radius:50%; }
.aktualita-detail img { max-width:500px; }
/*Lektor aktualita*/
#lektor-aktualita { background-color:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:6px; padding:0.8rem 1rem 0 1rem; margin:0 auto 2.9rem auto; max-width:800px; }
#lektor-aktualita h2 { font-size:1.6rem; padding:0 0 0.8rem 0; color:#e74c3c; }
#lektor-aktualita p { color:rgba(0,0,0,0.8); }
.ucet-loga { position:relative; top:-30px; }
@media all and (max-width: 800px) {
.ucet-loga {
display:none;
}
}
/*Filtr*/
.filtr { background-color:#fff; margin-bottom:1rem; line-height:1.3rem; }
.filtr .row { display:inline-block; margin-right:20px; margin-left:0; }
.filtr .row.break_after { display:block; margin-right:0; }
.filtr.clean { background-color:transparent; border:1px solid #e2e2e2; border-width:1px 0; margin:2rem 0 1rem 0; }
/*Fotogalerie*/
section.gallery section.photogallery {
display: -webkit-flex; /* Safari */
display: -webkit-box; /* Safari - older (ipad etc.)*/
display: flex;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-justify-content: center; /* Safari */
justify-content: center;
padding:1rem 0;
}
section.gallery figure { overflow:hidden; position:relative; display:inline-block; width:210px; padding:0.5rem; margin:0.5rem;
-webkit-box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.1);
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
section.gallery figure.noshadow {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
section.gallery figure .number { position:absolute; top:-10px; right:-32px; background-color:#834f76; width:80px; height:auto; padding:20px 0 3px 0; color:#fff; font-size:0.7rem; z-index:10; text-align:center;
-webkit-transform: rotate(45deg); /* Saf3.1+, Chrome*/
-moz-transform: rotate(45deg); /* FF3.5+ */
-ms-transform: rotate(45deg); /* IE9 */
-o-transform: rotate(45deg); /* Opera 10.5 */
transform: rotate(45deg);
transition: all 0.2s ease;
}
section.gallery figure .number.green { background-color:#18ae5f; }
section.gallery figure .number.blue { background-color:#0763ee; }
section.gallery figure a.icomoon { display:inline-block; color:#545454; font-size:6rem; padding:2rem 5rem; }
section.gallery figure a.icomoon:hover { color:#898989; }
section.gallery figure .foto { display:inline-block; width:100%; height:130px; background-repeat:no-repeat; background-position:center center; background-size:100% auto; }
section.gallery figure .foto.nophoto { background-image:none !important; }
section.gallery figure figcaption { padding:0.5rem 0; font-size:0.9rem; }
section.gallery figure figcaption a { color:#545454; }
section.gallery figure:hover {
-webkit-box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.25);
-moz-box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.25);
box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.25);
/*transform: translateY(-4px);*/
}
section.gallery figure:hover .number { top:-8px; right:-30px; }
.testmail_info { display:none; }
/*Speech*/
section.content.text .speech { color:#5b5b5b; font-style:italic; padding:3rem 0; }
section.content.text .speech img { width:115px !important; height:115px !important; margin:0 0 1rem 0; }
section.content.text .speech p.text{ padding-top:0.2rem; text-align:left; }
/*Tabulka*/
section.content table {
margin:2rem 0 1rem 0;
width: 100%;
border-collapse: collapse;
}
section.content h2+table {
margin-top:0;
}
section.content table.odsz-top {
margin-top:3rem;
}
section.content table.odsz-bottom {
margin-bottom:4rem;
}
section.content table tr:nth-child(even) {
background: #f1f1f1;
}
section.content table.blue tr:nth-child(even) {
background: #e9f6fb;
}
section.content table td,
section.content table th {
line-height: 1.5rem;
vertical-align: middle !important;
text-align:left;
padding: 0.5rem 1rem;
border:0;
}
section.content table th {
color: #7c7c7c;
font-weight: 400;
text-align: left;
border-bottom:1px solid #ebebeb;
}
section.content table.nobgrows tr:nth-child(even), section.content.nobgrows table tr:nth-child(even) {
background:none;
}
section.content table th.smaller, section.content table td.smaller { font-size:0.85rem; padding:0.5rem 0.3rem; }
section.content table td.nopadding { padding:0; }
section.content table th.center, section.content table td.center { text-align:center; }
section.content table.tb-smaller-padding th, section.content table.tb-smaller-padding td { font-size:0.85rem; padding:0.5rem 0.3rem; }
section.content table#tabulka_rozvrh a { padding:0.6rem 0.3rem; border-radius:4px; }
section.content table#tabulka_rozvrh a:hover { background-color:#0fa46e; color:#fff; }
section.content table#tabulka_rozvrh a.dochazka { background-color:#794069; color:#fff; }
section.content table#tabulka_rozvrh a.normal { padding:0; }
section.content table#tabulka_rozvrh a.normal:hover { background-color:transparent; color:initial; }
section.content table.smaller th, section.content table.smaller { font-size:0.85rem; padding:0.5rem 0.5; }
section.content table.classic input, section.content table.classic select { height:auto !important; padding:4px 8px !important; }
@media all and (min-width: 800px) {
.row-margin-left {
margin-left:15%;
}
}
/*Zobrazeni prvku pri seskrolovani*/
/*pro mobily nedelat, je to protivne*/
@media all and (min-width: 600px) {
.come-in {
transform: translateY(200px);
animation: come-in 0.9s ease forwards;
}
.come-in:nth-child(odd) {
animation-duration: 0.7s; /* So they look staggered */
}
@keyframes come-in {
to {
transform: translateY(0);
}
}
}
.already-visible {
transform: translateY(0);
animation: none;
}
/*--konec--*/
/*popup potrebujete pomoct?*/
#popup3 {
position:fixed; right:0; bottom:0; height:auto; width:100%; background-color:#fdfcfb; color:#000; text-align:left; padding:20px 0 0 20px; z-index:999;
display:none;
-webkit-box-shadow: -2px -1px 2px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: -2px -1px 2px 0px rgba(50, 50, 50, 0.2);
box-shadow: -2px -1px 2px 0px rgba(50, 50, 50, 0.2);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
border-top-left-radius:4px;
}
#popup3 .cancel{
position:absolute; right:8px; top:14px; width:24px; height:24px; cursor:pointer; z-index:200;
}
#popup3 .image{
float:right; position:relative; right:0; top:0; width:55%; height:auto; max-width:157px; margin:0 0 0 0;
}
#popup3 .nadpis{
display:block; font-size:1.3rem; color:#1a86cf; padding:0.6rem 0 0.8rem 0; line-height:1.4rem; margin:0; font-weight:600;
}
#popup3 a{
color:#1a86cf;
}
/*popup test studijniho typu*/
#popup2 {
position:fixed; right:0; bottom:1px; height:auto; width:100%; background-color:#fdfcfb; text-align:left; padding:20px 0 20px 20px; z-index:999;
/*display:none;*/
-webkit-box-shadow: -3px -2px 6px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow: -3px -2px 6px 0px rgba(50, 50, 50, 0.4);
box-shadow: -3px -2px 6px 0px rgba(50, 50, 50, 0.4);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
border-top-left-radius:6px;
}
#popup2 .nadpis{
display:block; font-size:1.3rem; color:#7f476c; padding:0.6rem 0 0.8rem 0; line-height:1.4rem; margin:0; font-weight:600;
}
#popup2 ul{
font-size:14px; margin:10px 0 20px 0; padding:0 0 0 20px; font-size:1rem;
}
#popup2 li{
margin-bottom:19px; line-height:130%;
}
#popup2 a.popup2-button{
display:block; padding:12px; text-align:center; font-size:18px; font-weight:600; text-transform:uppercase;
background-color:#8c5177; color:#fff; border-radius:5px; text-decoration:none;
}
#popup2 a.popup2-button:hover{
background-color:#965a80;
}
#popup2 .cancel{
position:absolute; right:8px; top:14px; width:24px; height:24px; cursor:pointer; z-index:200;
}
#popup2 .image{
float:right; position:relative; right:0; top:50px; width:55%; height:auto; max-width:184px; margin:10px 0 10px 0;
}
#popup2 a{
color:#7f476c;
}
@media all and (min-width: 400px) {
#popup2 .nadpis{
clear:left; font-size:26px;
}
#popup2 .image{
width:184px;
}
}
@media all and (min-width: 640px) {
#popup2 { width:200px; }
}
@media all and (min-width: 700px) {
#popup2 { width:35%; }
#popup2 .image{
width:60%;
}
}
@media all and (min-width: 960px) {
#popup2 { width:500px; }
#popup2 .image{
width:184px;
}
}
.vice-info-container { padding:0.9rem 0 0 2rem; }
.chzn-container { width:100% !important; }
.chzn-container .search-field { width:100%; max-width:445px; }
.chzn-container-multi .chzn-choices .search-choice { margin-right:8px !important; }
/* ======= Infoboxiky ======= */
.notice-box { margin-bottom:26px; width:100%; color:#fff; line-height:20px; padding:10px 20px; border-radius:4px; background-size: 200% auto; }
.notice-box a { color:#fff; text-decoration:underline; }
.notice-box a:hover { color:#fff; text-decoration:none; }
.notice-box h3 { color:#fff; }
.notice-box-green {
background-image: linear-gradient(to right, #20b6ad 0%, #3EC6A3 51%, #20b6ad 100%);
}
.notice-box-red {
/*background-image: linear-gradient(to right, #D31027 0%, #F94D65 51%, #D31027 100%);*/
background-image: linear-gradient(to right, #EB3349 0%, #F45C43 51%, #EB3349 100%); /*ted jako orange*/
}
.notice-box-orange {
background-image: linear-gradient(to right, #EB3349 0%, #F45C43 51%, #EB3349 100%);
}
.notice-box-blue {
background-image: linear-gradient(to right, #1FA2FF 0%, #62C1E6 51%, #1FA2FF 100%);
}
.notice-box-yellow {
background-image: linear-gradient(to right, #EE8B21 0%, #F7AE51 51%, #EE8B21 100%);
}
.notice-box-grey {
background-image: linear-gradient(to right, #66929B 0%, #75a0a4 51%, #66929B 100%);
}
/* =============================================================================
Eshop
============================================================================= */
.eshop-item { display:inline-block; width:252px; height:auto; border:1px solid #b7b7b7; padding:22px 18px; margin:10px;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.eshop-item:hover {-webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.15);
box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.15);
}
.eshop-item .eshop-img { width:100%; height:222px; text-align:center; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; }
.eshop-item .eshop-desc { width:100%; height:auto; padding:20px 0 10px 0; margin:0; text-align:center; }
.eshop-item .eshop-price { width:100%; height:auto; padding:0 0 16px 0; margin:0; text-align:center; font-size:1.3rem; font-weight:bold; }
.eshop-item .select-container { display:inline-block; width:74px; }
.eshop-item .select-container .chzn-container { top:-2px; }
.eshop-item .select-container .chzn-search { display:none; }
.eshop-item .select-container .chzn-single { padding:0.65rem 0.5rem; /*background-color:#f9f9f9;*/ }
.eshop-item .select-container select { display:inline-block; width:100%; }
.eshop-item .eshop-colors { display:block; width:100%; text-align:left; padding-top:4px; font-size:0.8rem; padding-left:6px; }
.eshop-item .eshop-colors a { position:relative; display:inline-block; width:18px; height:18px; margin-right:7px; margin-left:2px; top:4px; }
.eshop-item .eshop-colors a.active { outline:1px solid rgba(0,0,0,0.7);
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
}
.eshop-item .eshop-sizes { display:block; width:100%; text-align:left; padding-top:6px; font-size:0.8rem; padding-left:6px; }
.eshop-item .eshop-sizes a { color:rgba(0,0,0,0.5); }
.eshop-item .popisek1 { display:inline-block; width:78px; text-align:left; font-size:0.8rem; color:rgba(0,0,0,0.5); }
.eshop-item .popisek2 { display:inline-block; width:117px; text-align:left; font-size:0.8rem; color:rgba(0,0,0,0.5); }
.eshop-item input { display:inline-block; width:30px; padding:0.45rem 0.5rem; margin-left:8px; /*background-color:#f9f9f9;*/ }
.eshop-item button { display:inline-block; width:auto; padding:0.5rem; margin:0 0 0 5px; }
.eshop-cart { position:fixed; right:0; top:25%; width:160px; height:auto; background-color:#6e385f; color:#fff; padding:8px 12px 8px 8px; z-index:500; }
.eshop-cart .cart-img { cursor:pointer;display:inline-block; width:30%; height:30px; background-image:url('../img/eshop/cart.png'); background-position:left center; background-size:auto 100%; background-repeat:no-repeat; }
.eshop-cart .cart-inside { cursor:pointer; display:inline-block; width:65%; }
.eshop-cart .cart-inside p { margin:0; padding:0 0 0 0; }
.eshop-cart .cart-items { position:absolute; top:64px; right:0; width:250px; z-index:500; }
.eshop-cart .cart-items .cart-items-container { display:none; width:100%; background-color:#fff; border:1px solid rgba(0,0,0,0.1); padding:4px 0; color:rgba(0,0,0,0.6);
-webkit-box-shadow: -2px 2px 2px 0px rgba(0,0,0,0.15);
-moz-box-shadow: -2px 2px 2px 0px rgba(0,0,0,0.15);
box-shadow: -2px 2px 2px 0px rgba(0,0,0,0.15);
}
.eshop-cart .cart-item { position:relative; padding:7px 0; }
.eshop-cart .cart-item-img { display:inline-block; width:56px; height:50px; margin-right:4px; text-align:center; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; }
.eshop-cart .cart-item-desc { display:inline-block; width: calc(100% - 70px); height:auto; text-align:left; color:rgba(0,0,0,0.8); vertical-align:top; font-size:0.85rem; line-height:125%; }
.eshop-cart .cart-item-desc span { color:rgba(0,0,0,0.6); }
.eshop-cart .cart-item-desc span b { color:rgba(0,0,0,0.5); }
.eshop-cart .cart-item-cancel { position:absolute; right:10px; bottom:6px; width:20px; height:20px; color:rgba(0,0,0,0.4); font-size:1.6rem; cursor:pointer;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;}
.eshop-cart .cart-item-cancel:hover { color:rgba(0,0,0,0.8); }
.eshop-cart .break { display:block; width:95%; margin:6px auto; border-top:1px solid rgba(0,0,0,0.1); }
.eshop-cart #objednani { display:inline-block; width:60%; margin:12px auto 10px auto; padding:0.6rem 1rem; background-color:#32b1da; color:#fff; border-radius:4px; }
.eshop-cart #objednani:hover { background-color:#42c2eb; }
@media (max-width: 1024px) {
.eshop-cart { top:10px; }
}
.grecaptcha-badge {
margin-bottom:80px;
}
/* =============================================================================
Test
============================================================================= */
#test-okno { display:inline-block; position:relative; width:700px; margin:10px 0 0 100px; padding-bottom:40px; background-color:#f9f9f7; border:1px solid #eaeaea;
-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.2);
box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.2);
}
#test-okno .pruh { position:relative; float:left; width:100%; height:6px; background-image:url("../img/test/bar1.gif"); background-repeat:repeat-x; }
#test-okno .pruh .bar-text { position:absolute; left:20px; top:1px; width:auto; color:#000; font-weight:bold; }
#test-okno .test-kluk { position:absolute; right:-76px; top:1px; width:111px; height:350px; color:#000; font-weight:bold; }
#test-okno .pruh .bar { width:10%; height:100%; background-image:url("../img/test/bar2.gif"); background-repeat:repeat-x; }
#test-okno .vnitrek { text-align:left; float:left; font-size:1rem; width:100%; box-sizing: border-box; padding:20px; margin-bottom:16px; }
#test-okno .vnitrek h2 { font-size:14px; padding:0; margin:0 0 8px 0; text-transform:initial; text-align:left; line-height:130% }
#test-okno .vnitrek h3 { font-size:24px; color:#7f476c; padding:0 0 30px 0; text-transform:initial; text-align:left; line-height:130% }
#test-okno .vnitrek .test-cbox { float:left; width:100%; min-height:23px; padding:2px 0 0 34px; margin:12px 0 8px 0; cursor:pointer; background-image:url("../img/test/checkbox.png"); background-position:top left; background-repeat:no-repeat;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
#test-okno .vnitrek .test-cbox.aktivni { background-image:url("../img/test/checkbox-active.png"); }
#test-okno a.test-prev, #test-okno a.test-next, #test-okno a.test-vyhodnoceni, #test-okno a.test-vysledky { padding:11px 16px 11px 16px; text-align:center; font-size:14px; background-color:#8c5177; color:#fff; border-radius:5px; text-decoration:none; }
#test-okno a.test-prev:hover, #test-okno a.test-next:hover, #test-okno a.test-vyhodnoceni:hover, #test-okno a.test-vysledky:hover { background-color:#a06389; }
#test-okno a.test-prev { float:left; width:auto; margin-left:20px; display:none; }
#test-okno a.test-next { float:right; width:auto; margin-right:20px; }
#test-okno a.test-vyhodnoceni { float:right; width:auto; margin-right:20px; font-weight:bold; }
#test-okno a.test-vysledky { float:left; width:300px; margin-left:180px; font-size:16px; padding:13px 16px 13px 16px; }
#test-okno p { text-align:center; }
#test-okno p b { display:inline-block; margin-bottom:10px; }
#test-okno input { width:450px; margin-left:90px; text-align:center; }
#test-okno input.checkbox { clear:left; float:left; width:auto; margin:28px 0 0 60px; }
#test-okno input:focus::-webkit-input-placeholder { color: transparent; }
#test-okno input:focus:-moz-placeholder { color: transparent; } /* Firefox 18- */
#test-okno input:focus::-moz-placeholder { color: transparent; } /* Firefox 19+ */
#test-okno input:focus:-ms-input-placeholder { color: transparent; }
#test-okno input#email2 { margin-top:6px; display:none; }
#test-okno #infosubmit { display:none; clear:left; float:left; width:100%; margin-top:20px; font-size:14px; }
#test-okno #msg_odpoved { display:none; }
#test-okno #msg_email { display:none; }
/*provereno rodici*/
#provereno { position:absolute; top:-180px; right:0; width:204px; height:90px; background-image:url("../img/provereno-rodici_cz.png"); background-repeat:no-repeat; }
/*recenze*/
.hodnoceni .prispevek { padding:1rem 1rem 2.5rem 1rem; text-align:left; line-height:130%; }
.hodnoceni .prispevek .hvezdy .svg { width:26px; fill:#2ca4d3; }
.hodnoceni .prispevek .hvezdy .svg.grey { fill:#d1d1d1; }
.hodnoceni .prispevek .hvezdy img { width:26px; height:24px; margin:0; }
.hodnoceni .prispevek .komentar, .hodnoceni .prispevek .autor { padding-top:1rem; font-style:italic; color:#5b5b5b; }
.hodnoceni .prispevek .autor { color:#777; }
/*Vice/mene textu na strance*/
/*.div-vice.sbalit { display:none; }*/
.div-vice.sbalit { position:relative; display:none; }
.div-vice2 { text-align:left; /*border-top:1px solid #d0d0d0; padding-top:1.6rem; line-height:30%;*/ }
section.content.text .div-vice2 img { margin:0 6px; width:9px; height:14px; position:relative; top:2px; }
a.showhide { font-size:0.95rem; color:rgba(0,0,0,0.8); }
a.showhide:hover { color:#2aa8dd; }
.span-mene { display:none; }
a.showhide .trigger_text { font-size:initial; color:var(--font-color-basic);
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
a.showhide .trigger_text:hover { color:#2aa8dd; }
a.dejvice { display:inline-block; font-size:0.9rem; color:#6a6a6a; line-height:30%; }
a.dejvice:hover { color:#7c7c7c; }
@media (min-width: 130px) {
header.head .grid {
padding:0.4rem 1rem; display:table; width:100%;
}
#logo {
display:table-cell; text-align:left; height:82px; vertical-align:middle;
}
.hamburger { display:table-cell; width:100%; text-align:right; vertical-align:middle; }
.tb-row { display:table-row; }
.tb-cell { display:table-cell; }
}
@media (min-width: 520px) {
#uni_logo { width:90%; max-width:420px; padding-top:60px; padding-bottom:10px; }
section.intro .grid {
padding: 1rem 1rem;
}
#logo img.vnb {
width:76px;
height: auto;
padding-bottom:0;
}
#logo img.hm {
width:170px;
height: auto;
padding-bottom:0;
}
#logo img.knb {
width:152px;
height: auto;
padding-bottom:0;
}
section.intro {
height:643px; background-size:auto 643px;
}
section.intro.hm {
height:554px; background-size:auto 554px;
}
section.intro.smaller {
height:auto;
min-height:250px;
}
section.intro h1, section.intro strong.h1 { font-size:4rem; line-height:5rem; padding-top:4.2rem; }
section.intro h1.smaller, section.intro strong.h1.smaller { font-size:3.6rem; }
section.intro h2, section.intro p.podtitul { font-size:2.4rem; line-height:3rem; padding:0.5rem 0 0 0; margin-bottom:0; text-shadow: 2px 2px 16px #424242; }
.uni_logos { display:table-cell; width:70%; text-align:left; }
.next_logo { margin:0 0 0 20px; }
.break_line { display:none; }
#nav ul li a { font-size:0.9rem; }
section.intro .grid.max870 {
padding: 5rem 0 0 0;
max-width: 870px;
display: -webkit-flex; /* Safari */
display: -webkit-box; /* Safari - older (ipad etc.)*/
display: flex;
display: -ms-flexbox;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}
section.intro .grid.near {
-webkit-justify-content: center; /* Safari */
justify-content: center;
}
.nabidka {
-webkit-flex-basis:200px; /* Safari */
-webkit-box-flex: 1; /* Safari - older (ipad etc.)*/
flex-basis:200px;
-ms-flex: 1 1 200px; /*pro IE10 je nutne mit i flex-grow*/
flex: 0 1 200px; /*zkratka pro flex-grow, flex-shring, flex-basis - doporuceno vice nez jen flex-basis*/
margin-right:0.5rem; margin-bottom:1rem;
border-radius:50%;
}
section.intro .nabidka h2 {
font-weight:600;
font-size:1.4rem;
padding-top:3.2rem;
text-shadow:initial;
line-height:1.8rem;
}
section.intro .nabidka h3 {
color:#fff;
font-weight:400;
font-size:1rem;
padding:0.7rem 0 1.3rem 0;
}
.nabidka img { display:inline-block; width:auto; height:62px; padding:0.6rem 0 2.2rem 0; }
.nabidka:hover img {
transform: translateY(0);
animation: arrow 0.4s ease forwards;
}
@keyframes arrow {
0% { transform: translateY(0); }
100% { transform: translateY(6px); }
}
/*Normalni obsah*/
section.content h1, section.content strong.h1, section.content h2.likeh1 {font-size:38px; line-height:3.2rem; padding:0 0 1rem 0; margin-bottom:1rem; }
section.content .odznak img, section.content .novinka .art-foto { float:left; margin:0; }
section.content .odznak p, section.content .novinka p { padding-left:160px; }
section.gallery section.photogallery {
-webkit-justify-content: flex-start; /* Safari */
justify-content: flex-start;
}
/* Foto v textu */
section.content.text img { margin:1rem 8%; width:30%; }
/* Speech */
section.content.text .speech img { float:left; margin:0 1rem 0 0; }
}
@media all and (min-width: 600px) {
section.content h1 .dofinancovano { bottom:-130px; right:-222px; }
#popup3 { width:32%; min-width:430px; max-width:460px; }
#popup3 .image{
width:60%;
}
/*recenze*/
.hodnoceni {
display: -webkit-flex; /* Safari */
display: -webkit-box; /* Safari - older (ipad etc.)*/
display: flex;
display: -ms-flexbox;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-justify-content: space-around; /* Safari */
justify-content: space-around;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.hodnoceni .prispevek {
-webkit-flex-basis:50%; /* Safari */
flex-basis:50%;
-ms-flex: 1 1 50%; /*pro IE10 je nutne mit i flex-grow*/
}
}
@media (max-width: 768px) {
/*Tabulka*/
table:not(.classic) {
display: block;
}
table:not(.classic) thead, table:not(.classic) tbody, table:not(.classic) th, table:not(.classic) td, table:not(.classic) tr {
display: block;
}
table:not(.classic) tr.tr_hidden {
display: none;
}
section.content table:not(.classic) thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
section.content table:not(.classic) tr {
margin-bottom:2rem;
}
section.content table:not(.classic) td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
}
section.content table:not(.classic) td {
padding-left:50% !important; text-align:left !important; min-height:2.5rem;
}
section.content table:not(.classic) td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
color: #7c7c7c;
}
section.content table.mob-td-smaller th{ font-size:0.9rem; padding:3px 3px; }
section.content table.mob-td-smaller td{ font-size:0.85rem; padding:3px 3px; }
section.content table.mob-td-smaller input{ padding:0.3rem; font-size:0.8rem}
/*
"Zahlavi" pro tabulku v male velikosti - brano z data-lng u kazdeho td
*/
section.content table:not(.classic) td:before { content: attr(data-lng); }
/*provereno rodici*/
#provereno { display:none; }
}
.fixed-bottom { position:fixed; width:100%; padding:10px 0; background-color:#fff; bottom:0; left:0; z-index:50;
-webkit-box-shadow: 0px -1px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -1px 5px -2px rgba(0,0,0,0.75);
box-shadow: 0px -1px 5px -2px rgba(0,0,0,0.75);}
.fixed-bottom button { margin:0; width:auto; padding:0.4rem 2rem; }
form.old .mob-td-1 { width:196px; }
form.old .mob-input1 { width:70px; }
form.old .mob-input2 { width:calc(100% - 175px); max-width:none; }
form.old .mob-input3 { width:70px; }
@media (min-width: 681px) {
form.old .mob-td-1 { width:320px; }
form.old .mob-input1 { width:90px; }
form.old .mob-input2 { width:calc(100% - 257px); }
form.old .mob-input3 { width:90px; }
}
#albik-formular { display:none; }
@media (min-width: 970px) {
#albik-formular { display:block; }
}
.filtr .row { padding:0; margin-bottom:1rem; }
.filtr .row > * { padding:0; }
.row.conditions > * { padding:0; }
.filtr .row.rw-1 {
width:150px;
}
.filtr .row.rw-2 {
width:100px;
}
.filtr .row.rw-3 {
width:190px;
}
section.content button.skryt {
display: none;
}
section.content button {
width:auto;
position: relative;
display: block;
text-decoration: none;
font-size: 14px;
text-align: center;
padding: 10px 20px;
border: none;
overflow: hidden;
border-radius: 12px;
background: var(--color-blue);
text-transform: uppercase;
transition: all ease-in-out 0.5s;
color: #fff;
z-index: 1;
display: inline-block;
}
section.content button:before {
content: '';
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: #2b75db;
z-index: -1;
transform:scaleX(0);
transition: transform .5s;
}
section.content button:hover {
transition: all ease-in-out 0.4s;
color: #fff;
}
section.content button:hover:before {
transform: scaleX(1);
}
.filtr form select { height:auto !important; padding: 5px 10px !important; }
/*Select2 plugin pro ucet lektora*/
.filtr form .select2-container .select2-selection--single .select2-selection__rendered,
.filtr form .select2-container .select2-selection--multiple .select2-selection__rendered {
color: var(--color-krouzky-06);
}
.filtr form .select2-container .select2-selection--single,
.filtr form .select2-container .select2-selection--multiple {
min-height: 44px;
padding: 8px 28px 8px 14px;
border-color: var(--color-krouzky-orange-dark);
outline: 0 none;
border-radius: 24px;
}
.filtr form .select2-container--default .select2-selection--single .select2-selection__arrow { height:23px; right:8px; }
.filtr form .select2-container .select2-selection--single .select2-selection__arrow b,
.filtr form .select2-container .select2-selection--multiple .select2-selection__arrow b {
border: 0;
}
.filtr form .select2-container .select2-selection--single .select2-selection__arrow b::after,
.filtr form .select2-container .select2-selection--multiple .select2-selection__arrow b::after {
content: "\F282"; /* např. kód šipky z fontu */
font-family: "bootstrap-icons"; /* jméno fontu, jaký používáš */
font-weight: normal;
font-style: normal;
position: absolute;
top: -9px;
left: -3px;
}
.select2-container--default .select2-dropdown.s2-general {
box-shadow: none;
border:1px solid var(--color-krouzky-orange-dark); border-top:0;
border-radius: 0 0 12px 12px !important;
}
.filtr form .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.filtr form .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
border-bottom:0;
}
.filtr form .row .select2-container button {
padding:0; margin:0;
}
.filtr form .row .select2-container button:hover {
background-color:none; color:#000;
}
.filtr form .row .select2-container button:hover:before {
display:none;
}
.select2-dropdown.s2-general.animated {
animation-duration: 0.4s;
}
/*
.select2-dropdown.s2-general {
animation: none !important;
transform: none !important;
}
.select2-results.s2-general {
animation: none !important;
}
*/
.account-container button, .account-container .row button {
/*margin-left:auto; margin-right:auto; */
width:auto;
position: relative;
display: block;
text-decoration: none;
text-align: center;
padding: 12px 20px;
border: none;
overflow: hidden;
border-radius: 24px;
background: var(--color-krouzky-orange-dark);
transition: all ease-in-out 0.5s;
color: #fff;
z-index: 1;
display: inline-block;
font-weight:600;
}
.account-container button:before {
content: '';
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: var(--color-krouzky-orange-light);
z-index: -1;
transform:scaleX(0);
transition: transform .5s;
}
.account-container button.blue, .account-container .row button.blue {
background: var(--color-krouzky-01);
}
.account-container button.blue:before {
background: var(--color-krouzky-01-light);
}
.account-container button.green, .account-container .row button.green {
background: var(--color-krouzky-02);
}
.account-container button.green:before {
background: var(--color-green-2);
}
.account-container button:hover {
transition: all ease-in-out 0.4s;
color: #fff;
}
.account-container button:hover:before {
transform: scaleX(1);
}
.filtr form input[type=radio] + label, .filtr form input[type=checkbox] + label {
display: inline-block;
cursor: pointer;
position: relative;
padding:0 1rem 0 1.5rem;
width:auto;
font-weight: 500;
}
.filtr form input[type="radio"]:checked+label{
color: var(--color-krouzky-orange-dark);
}
/*Vlastni checkbox+radio*/
.filtr form input[type=radio], .filtr form input[type=checkbox] { display:none; width:auto; }
.filtr form input[type=radio]+ label:last-child , .filtr form input[type=checkbox] + label:last-child {
padding-right:0;
}
.filtr form input[type=radio] + label:before, .filtr form input[type=checkbox] + label:before {
content: "";
display: inline-block;
width: 14px;
height: 14px;
position: absolute;
left: 0;
top: 3px;
border:1px solid #adadad;
background-color:#fff;
}
.filtr form input[type=checkbox].top1 + label:before {
top: -8px;
}
.filtr form input[type=radio] + label:hover:before, .filtr form input[type=checkbox] + label:hover:before {
border:1px solid #9e9e9e;
}
.filtr form input[type=radio] + label:before {
border-radius:50%;
}
.filtr form input[type=checkbox] + label:before {
border-radius:4px;
}
.filtr form input[type=checkbox] + label.hidden:before {
display:none;
}
.filtr form input[type=radio]:checked + label:before {
content: "\2022";
color: var(--color-krouzky-orange-dark);
font-size: 1.7rem;
text-align: center;
line-height: 44%;
border:1px solid var(--color-krouzky-orange-dark);
}
.filtr form input[type=checkbox]:checked + label:before {
content: "\2713";
font-weight:bold;
/*text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);*/
color: var(--color-krouzky-orange-dark);
text-align: center;
line-height: 12px;
font-size:12px;
border:1px solid var(--color-krouzky-orange-dark);
}
@media (min-width: 800px) {
.filtr form input[type=radio] + label, .filtr form input[type=checkbox] + label {
padding:0 3rem 0 1.3rem;
}
.filtr form label { width:13%; padding-right:2rem; vertical-align:top; }
.filtr form label.baseline { vertical-align:baseline; }
.filtr form label.middle { vertical-align:middle; }
.filtr form input, .filtr form select, .filtr form textarea { width:70%; max-width:250px; }
.filtr form input#hledat { max-width:450px; padding:0.5rem; }
.filtr form .right-row { width:80%; }
.filtr form .row button { margin-left:0; font-weight:600; }
.filtr form .row button.marg_hledat { margin:0 0 0 1rem; }
.prihlasovani .krok .obal { display:inline-block; width:30%; padding-bottom:0; }
.prihlasovani .krok .volba { display:inline-block; width:68%; text-align:left; }
.prihlasovani .krok .volba#zadat_mesto { display:inline-block; width:350px; margin-bottom:30px; }
.prihlasovani .krok .volba#mapa { display:block; }
.prihlasovani .krok .volba#mapa img{ position:relative; top:-20px; max-width:787px; width:100%; height:auto; }
.prihlasovani .krok .volba#mapa .gm-control-active img{ top:0px; }
.prihlasovani .krok .volba#id_vyber_casti { display:inline-block; width:30%; }
.prihlasovani .krok .volba#najit { display:inline-block; width:30%; }
.prihlasovani form label { width:auto; }
.prihlasovani form input { width:100%; }
.prihlasovani form .krok#krok-submit { margin-left:30%; }
.prihlasovani .krok#krok-submit .volba { text-align:left; }
.prihlasovani form .krok .volba button { margin-left:4px; }
}
@media (max-width: 822px) {
section.products.margin-top { margin-top:2rem; }
section.products .product .photo .albik-bublina-home_cz { display:none; }
}
@media (min-width: 960px) {
.fixed-menu section#intro {
margin-top:100px;
}
.fixed-menu section.intro{
margin-top:100px;
}
.fixed-menu header.head { position:fixed; top:0; width:100%; height:100px; z-index:10000; background-color:#fff;
-webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
}
.uni_logos { display:inline-block; width:auto; text-align:left; }
.hamburger { display:none; }
.tb-row { display:none; }
.tb-cell { display:none; }
#logo img.vnb {
width:82px;
}
/*menu - ostatni*/
.popup-menu {
display:none;
z-index:1500; text-align:left;
position:absolute; width:300px; height:auto; top:40px; right:0; background-color:#fff; padding:10px 0; border:1px solid #e0e0e0;
-webkit-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.18);
box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.18);
}
.popup-menu:before {
content: '';
position: absolute;
right: 5%;
top: 0%;
margin-top: -8px;
width: 0; height: 0;
border-bottom: 8px solid #4c4c4c;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}
.popup-menu:after {
content: '';
position: absolute;
right: 5%;
top: 0%;
margin-top: -8px;
width: 0; height: 0;
border-bottom: 8px solid #fff;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}
#nav ul li #product-menu a { display:inline-block; padding:20px 0 10px 24px; }
#nav ul li #product-menu a:hover { background-color:transparent; }
.popu p-menu.opacity { animation: pmopacity 0.4s ease forwards; }
@keyframes pmopacity {
0% { opacity: 0; }
100% { opacity: 1; }
}
.popup-menu#jazyky { width:250px; height:150px; top:-160px; right:0; padding:1rem; }
.popup-menu#jazyky:before {
right: 25%;
top: 156px;
border-bottom:0;
border-top: 8px solid #4c4c4c;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}
.popup-menu#jazyky:after {
right: 25%;
top: 156px;
border-bottom:0;
border-top: 8px solid #fff;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}
.popup-menu#jazyky a { margin-bottom:0.6rem; }
#loginfo { display:block; text-align:right; font-size:0.8rem; padding-bottom:0.6rem; padding-top:0.2rem; padding-right:1.1rem; color:#5f5f5f; }
#loginfo + ul { margin-bottom:0.5rem !important; }
#loginfo a { color:#5f5f5f; }
#loginfo a:hover{ color:#21a6ce; }
#loginfo img{ position:relative; top:4px; margin-left:6px; }
.nabidka {
margin-right:4rem;
-webkit-flex-basis:246px; /* Safari */
flex-basis:246px;
}
section.intro.smaller {
height:auto;
min-height:280px;
}
section.intro.hm.smaller {
background-position:center 55% !important;
}
section.intro.smaller h1, section.intro strong.h1 {
padding-top:3rem;
}
section.intro .nabidka h2 {
font-weight:600;
font-size:2rem;
padding-top:4.9rem;
text-shadow:initial;
line-height:1.8rem;
}
section.intro .nabidka h3 {
font-weight:400;
font-size:1.2rem;
padding:1rem 0 2rem 0;
}
.nabidka img { width:auto; height:auto; padding:0.6rem 0 2.4rem 0; }
/*Produkty*/
section.products {
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
-webkit-flex-wrap: nowrap; /* Safari */
flex-wrap: nowrap;
}
section#sec-tabory {
-webkit-justify-content: center; /* Safari */
justify-content: center;
}
section.products#sec-tabory .product, section.products.basis500 .product {
-webkit-flex-basis:500px; /* Safari */
flex-basis:500px;
margin-right:0rem;
}
/*uprava pro podporuji nas*/
section.products.wrap {
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
section.products.content-center {
-webkit-justify-content: center; /* Safari */
justify-content: center;
}
#footer a#lng-change { display:inline; }
/* Foto v textu */
section.content.text img { margin:1rem 1.6%; width:20%; height:auto; }
section.content.text img.width2 { width:25%; }
section.content.text.orisek img {
width:40%;
}
/*Speech*/
section.content.text .speech img { margin:0 2rem 0 0; }
section.content.text .speech p.text{ padding-top:0.7rem; }
/*provereno rodici*/
#provereno { right:150px; }
}
@media (min-width: 1100px) {
#nav ul li a { font-size:1rem; }
a#goback { display:block; position:fixed; right:-16px; top:42%; color:#fff; font-size:3.6rem; padding:1.4rem 1.4rem 1.6rem 0.4rem;
background-color:#19b27b; border-top-left-radius:6px; border-bottom-left-radius:6px; border-width:2px 0 2px 2px; }
a#goback:hover { background-color:#23c38a; right:0; padding:1.4rem 1.4rem 1.6rem 1.4rem; }
a#fbshare { display:block; position:fixed; right:-80px; top:52%; width:120px; text-align:left; color:#fff; font-size:1rem; padding-right:1rem; background-color:#4e71b9;
border-top-left-radius:6px; border-bottom-left-radius:6px; }
a#fbshare.lng_pl { right:-120px; width:160px; }
a#fbshare span { display:inline-block; padding:1.3rem 0 0 0.5rem; }
a#fbshare span.icomoon { float:left; font-size:2rem; padding:1.4rem 0.4rem 1.2rem 0.4rem; background-color:#4565aa; border-top-left-radius:6px; border-bottom-left-radius:6px; }
a#fbshare:hover { background-color:#4e71b9; right:0; }
.pecet { display:block; position:absolute; right:38px; top:76px; width:184px; height:155px; }
.smaller .pecet { top:56px; }
}
@media (min-width: 1400px) {
#product-menu {
left:-120px;
}
#product-menu:before {
left: 45%;
}
#product-menu:after {
left: 45%;
}
/*Slide top*/
#slidetop {
display:none; position: fixed; right:20px; bottom:20px; width:70px; height:70px; color:#fff; z-index: 500; background-image:url("../img/slide-top.png"); background-repeat:no-repeat;
}
}
@media (min-width: 1599px) {
section.intro.smaller {
background-position:right center;
}
}
@media (min-width: 1610px) {
section.intro {
background-position:right center;
}
}
.blink {
-webkit-animation: blink 0.9s linear infinite 0s;
-moz-animation: blink 0.9s linear infinite 0s;
animation: blink 0.9s linear infinite 0s;
}
.blink img {
-webkit-animation: blink 0.9s linear infinite 0s;
-moz-animation: blink 0.9s linear infinite 0s;
animation: blink2 0.9s linear infinite 0s;
}
@keyframes blink {
0% { background:rgba(0,153,99,0.95); }
50% { background:rgba(0,147,95,0.95); }
100% { background:rgba(0,153,99,0.95); }
}
@-webkit-keyframes blink {
0% { background:rgba(0,153,99,0.95); }
50% { background:rgba(0,147,95,0.95); }
100% { background:rgba(0,153,99,0.95); }
}
@-moz-keyframes blink {
0% { background:rgba(0,153,99,0.95); }
50% { background:rgba(0,147,95,0.95); }
100% { background:rgba(0,153,99,0.95); }
}
@keyframes blink2 {
0% { transform: translateY(0); }
50% { transform: translateY(8px); }
100% { transform: translateY(0); }
}
@-webkit-keyframes blink2 {
0% { -webkit-transform: translateY(0); }
50% { -webkit-transform: translateY(8px); }
100% { -webkit-transform: translateY(0); }
}
@-moz-keyframes blink2 {
0% { -moz-transform: translateY(0); }
50% { -moz-transform: translateY(8px); }
100% { -moz-transform: translateY(0); }
}