@media only screen and (max-width:640px){body{font-size:1.06em;}
.kontakt1, .kontakt2, .kontakt3{;text-align:center;font-size: 1em}  
  .fa-clock, .fa-map-marker-alt, .fa-landmark{display: inline-block;font-size: 3em;margin: 7% 0 4% 0;color: #02bed7;}
.prijimaci_rizeni td {font-size:0.8em !important;}
.prijimaci_rizeni th {font-size:0.8em !important;}
.prijimaci_rizeni .table {font-size:0.88em !important;}
.budovapism {border-radius: 3px;padding: 1.5% 3px 1.5% 3px;color: white;display: inline-block;margin: 0 1% 3% 0;width: 4% !important;text-align: center;font-size: 0.6em;}
.j{text-align:left !important;}
.budovapopis {font-size: 0.5em;}
.budovanazev{font-size:0.42em;}
.tituly{font-size:1.2em;}
footer{z-index:1;}
#jcarouselpopis{border-radius:5px;}
.tclear{clear:both;}
.mrtp0{margin-right:0 !important;}
footer{padding:2% 0 100px 0;}
footer img{max-width:40%;}     
.oborytema{width: 49%;margin: 0 1% 1% 0;background: #f1f1f1;padding: 6% 0 0 0; border-radius: 8px;position: relative;float: left;display:block;}
.oborytema span{position: absolute; left: 2%;right: 2%;text-align: center;font-size: 0.55em;top: 50%;transform: translateY(-50%);}
.menuou{}                                       
.studentexpl{padding: 1% 0 1% 0;}
.studentexpl2{padding: 0 0 1% 0;}
#menum, #menumuvod{background:#e0e0e0;text-align:center;}
#menumuvod a.menumf{display:inline !important;text-align:center;}
#menum a.menumf{display:inline-block !important;width:22.1% !important;border:none !important;padding:0 1.4% 2% 0% !important;}
#menum a.menumo{display:inline-block !important;width:13.5% !important;border:none !important;padding:0 1.45% 2% 0.5% !important}
.cistvice{font-size:0.6em;border-radius:3px;}
#jcarouselpopis{padding:8px; margin:0 2% 0 0;right:0;}
.slidetop{font-size:1.0em;padding:0 0 6px 0;display:block;}
.slidebot{font-size:0.9em;padding:6px 0 0 0;display:block;font-family:RamsLt, Arial;}
#logo{margin:0;}
#slider{width:76%;margin:0 auto;position:relative;overflow:hidden;float:left;font-size:1.2em;}
#slidernav{width:24%;position:relative;float:right;font-size:0.9em;}
.main{font-size:0.9em;width:100% !important;overflow:hidden}
.mw100{width:100% !important;}
.rada1xa{width:100%;padding:0%;margin:0%;float:left;text-align:center;font-size:1.5em;position:relative;}
.rada1xa span{position:absolute;background:rgba(25, 25, 25, .7);width:84%;bottom:5%;left:5%;color:white !important;text-decoration:none;border-radius:8px;font-size:1.0em;padding:3%;text-align:center;margin:0;}
.rada1xa img{border-radius:5px;}
.rada2xa, .rada2x0{width:48%;padding:0%;margin:0% 4% 4% 0%;float:left;text-align:center;font-size:1.5em;position:relative;}
.rada2xb, .rada2x1{width:48%;padding:0%;margin:0% 0% 4% 0%;float:left;text-align:center;font-size:1.5em;position:relative;}
.rada3xa, .rada3xb, .rada3x0, .rada3x1{width:31.95%;padding:0%;margin:0% 2% 3% 0%;float:left;text-align:center;font-size:1.5em;position:relative;}
.rada3xc, .rada3x2{width:31.95%;padding:0%;margin:0% 0% 3% 0%;float:left;text-align:center;font-size:1.5em;position:relative;}
.rada4xa, .rada4xb, .rada4xc, .rada4x0, .rada4x1, .rada4x2{width:22.5%;padding:0%;margin:3% 0% 3% 2%;float:left;text-align:center;font-size:1.5em;position:relative;}
.rada4xd, .rada4x3{width:22.5%;padding:0%;margin:3% 2% 3% 2%;float:left;text-align:center;font-size:1.5em;position:relative;}
.radakat1a,.radakat1b{width:32%;padding:0%;margin:2% 2% 3% 0%;float:left;text-align:center;font-size:1.5em;position:relative;}
.radakat1c{width:32%;padding:0%;margin:2% 0% 3% 0%;float:left;text-align:center;font-size:1.5em;position:relative;}
.rada2{width:49%;padding:0%;margin:1% 1% 1% 0%;float:left;text-align:center;font-size:1.4em;text-align:left;position:relative;}
.katedraakce{width:49%;padding:0%;margin:1% 1% 1% 0%;float:left;text-align:center;font-size:1.5em;text-align:left;position:relative;}
.katedraakcekalandar{width:49.5%;padding:0%;margin:1% 0.5% 1% 0%;float:left;text-align:center;font-size:1.4em;text-align:left;position:relative;}
.katedraakcekalandar img{border-radius:8px;}
.rada2kalandar{width:49%;padding:0%;margin:1% 1% 1% 0%;float:right;text-align:center;font-size:1.5em;text-align:left;position:relative;}
.rada2kalandar img{border-radius:6px;}
.akcetext{font-size:0.7em;}
.kalendarakcitext1{position:absolute;left:25%;top:16%;font-size:16px;text-transform:uppercase;z-index:10}
.kalendarakcitext2{position:absolute;left:25%;top:48%;font-size:20px;text-transform:uppercase;z-index:10}
.levytitul{float:left;margin:2% 1% 2% 0%;width:48%;}
.levytitul2{margin:2% 1% 2% 0%;width:99%;}
.pravytitul{float:left;margin:2% 0% 2% 1%;width:48%;}
.pravytitul2{margin-bottom:4%;}
.fakulta{margin:1%;width:14%;padding:0%;background:#ffffff;display:inline-block;border-radius:10px;}
.fakulta img{max-width:100%;}
.hub{margin:1%;display:inline-block;text-align:center;}
.hub img{max-width:80%;}
.hub2{margin:2% 4% 1% 0;;display:inline-block;width:auto;max-width:9%;text-align:center;border-radius:5px;}
.hub2 img{float:left;max-width:100%;}
#menupruh{height:5px;border-radius:4px;margin:0px;}
#cely{width:99%;float:left;margin:2% 1% 0 0;padding:0 0 2% 0;font-size:1.3em;}
#levy{width:94%;float:left;margin:3%;padding:0 0 2% 0;font-size:1.1em;overflow-wrap: break-word;}
#levy .table{font-size:0.7em;}
.mohlo{font-size:0.8em !important;}
#pravy{width:24%;margin:3% 0 0 1%;padding:0 0 2% 0;float:right}
#pravy ul{margin:0;padding:0;list-style:none;}
#pravy ul li{margin:0%;padding:0;}
#pravy ul li a{text-decoration:none;color:#444444;display:block;padding:2% 0 2% 0;}
#levy h1, #cely h1{font-size:1.6em;padding-top:0;margin:3% 0 3% 0%;}
#levy h2{font-size:1.4em;padding-top:0;margin:3% 0 1.5% 0;}
#pravy h1{font-size:1.4em;padding-top:0;}
#pravy h2{font-size:1.4em;padding-top:0;}
ul.ul_podmenu1 li{margin-left:8% !important;}
ul.ul_podmenu1 li a{color:#444444;border-bottom:1px solid #444444 !important;}
ul.ul_podmenu2 li a{color:#444444;border-bottom:1px solid #444444 !important;}
.listanav{margin:0.5% 0 0 0;padding:0;color:#999999;font-size:0.8em;}
.aktualitaleft{width:16%;float:left;margin:2% 1% 1% 0;}
.aktualitaright{width:80%;float:left;margin:2% 1% 1% 1%;}
.aktualitaright h2{margin:0 0 1% 0;color:#00bfd8;}
.aktualitaright p{margin:0 0 1% 0;}
.publikovano{color:#a0a0a0 !important;font-size:0.9em;}
#perskarta{font-size:0.60em;padding:2% 0 2% 0;}
#karta1, #karta2, #karta3, #karta4, #karta5, #karta6{font-size:1.3em;}
#kartadiv{padding:0 2% 2% 0%;clear:both;position:relative;}
#karta1{position:absolute;top:0;left:0%;right:0%;}
#karta2, #karta3, #karta4, #karta5, #karta6{position:absolute;top:0;left:0%;right:0%;display:none;}
#kartazakl, #kartaziv, #kartapubl, #kartavyuka, #kartaprace, #kartaproj{margin:0 1% 0 0;float:left;width:auto;background:#eeeeee;position:relative;cursor:pointer;border-radius:5px;}
#kartazakl:hover, #kartaziv:hover, #kartapubl:hover, #kartavyuka:hover, #kartaprace:hover, #kartaproj:hover{margin:0 1% 0 0;float:left;width:auto;background:#ffffff;-webkit-box-shadow:inset 0px 0px 0px 2px #eeeeee;-moz-box-shadow:inset 0px 0px 0px 2px #eeeeee7;box-shadow:inset 0px 0px 0px 2px #eeeeee;position:relative;cursor:pointer;}
#kartazakl a, #kartaziv a, #kartapubl a, #kartavyuka a, #kartaprace a, #kartaproj a{padding: 5px;}
.kartaactive{-webkit-box-shadow:inset 0px 0px 0px 2px #02bed70;-moz-box-shadow:inset 0px 0px 0px 2px #02bed7;box-shadow:inset 0px 0px 0px 2px #02bed7;}
#kalendar div{float:left;}
#kalendar .hlav{background:#cacaca;width:13.75%;border-left:1px solid #cacaca;text-align:center;padding:2% 0 2% 0;}
#kalendar .hlav span{display:block;width:100%;border-left:1px solid white;margin:0;padding:0 2% 0 2%;}
#kalendar .kal{padding:3% 2% 1% 2%;width:9.75%;border-left:1px solid #cacaca;border-bottom:1px solid #cacaca;position:relative;}
#kalendar .kal:hover, #kalendar .kalr:hover{background:#fff3d0;}
#kalendar .kalr{padding:3% 2% 1% 2%;width:9.75%;border-left:1px solid #cacaca;border-right:1px solid #cacaca;border-bottom:1px solid #cacaca;position:relative;}
#kalendar .firsth{border-top-left-radius:6px;}
#kalendar .firsth span{border:none;}
#kalendar .lasth{border-top-right-radius:6px;border-right:1px solid #cacaca;}
#kalendar .last{border-bottom-right-radius:6px;}
#kalendar .first{border-bottom-left-radius:6px;}
.kaldatum{text-align:center;}
.datumpopis{display:inline-block;width:22%;font-size:1.3em;}
.datumleft{display:inline-block;width:3%;border-radius:3px;background:#cacaca;padding:0.5%;}
.datumright{display:inline-block;width:3%;border-radius:3px;background:#cacaca;padding:0.5%;}
.datumleft:hover{background:#333333;color:white;}
.datumright:hover{background:#333333;color:white;}
.datumakce{position:absolute;text-align:center;width:70%;top:0%;}
.datumakce span{font-size:0.8em;}
#kalendar{margin-bottom:3%;}
#kalakce .kalakcerada{float:left;width:48%;padding:2% 2% 2% 0;font-size:1.2em;}
#hlmenu1 a span, #hlmenu2 a span, #hlmenu3 a span, #hlmenu4 a span, #hlmenu5 a span, #hlmenu6 a span, #hlmenu7 a span, #hlmenu8 a span{float:right;display:inline-block;}
#hlmenu1 a, #hlmenu2 a, #hlmenu3 a, #hlmenu4 a, #hlmenu5 a, #hlmenu6 a, #hlmenu7 a, #hlmenu8 a{display:inline !important;width:100%;text-align:center;}
#searchdiv input{border:none;}
th{font-size:0.6em;}
td{font-size:0.65em;}
.personalni{font-size:1.05em;}
#osobaprofil h1{font-size:1.15em !important;margin:0;}
#osobaprofil h2{font-size:0.61em !important;margin:0;}
#osobaprofil p{font-size:0.8em !important;}
.inblok3{position:absolute;background:rgba(25, 25, 25, .7);display:flex;align-items:center;justify-content:center;bottom:5%;left:5%;right:5%;color:white !important;text-decoration:none;border-radius:8px;font-size:0.45em;padding:2%;}
.inblok2{position:absolute;background:rgba(25, 25, 25, .7);width:84%;bottom:5%;left:5%;color:white !important;text-decoration:none;border-radius:8px;font-size:1.0em;padding:3%;text-align:center;margin:0;}
.inblok2 a{color:white !important;text-decoration:none;font-size:1.2em;}
.inblok2 span{font-size:0.7em;}
#sliderdiv{border-radius:6px;}
.akcebox{background:#e9e9e9;border-radius:6px;padding:1% 2% 1% 2%;width:96%;}
.foto2{border-radius:5px;margin:2% 2% 2% 0;width:48%;}
.foto3{border-radius:5px;margin:0% 2% 2% 0;width:31.3%;}
.foto4{border-radius:5px;margin:2% 2% 2% 0;width:23%;}
.foto5{border-radius:5px;margin:2% 2% 2% 0;width:18%;}
.fakultyodsazeni{margin-left:13.6%;padding-left:0;list-style:none;}
.vysledkyvyhl{width:auto;padding:3px 6px 3px 6px;background:#eeeeee;border:2px solid #eeeeee;float:left;margin:0 1% 0 0;cursor:pointer;text-align:center;border-radius:5px;display:inline-block;text-decoration:none;cursor:pointer;color:#444444 !important;font-size:0.8em;}
#dalsiseznamyhlavni{position:relative;margin:0;padding:0;float:left;}
#dalsiseznamy{padding:7px 0 0 0;display:none;position:absolute;}
#dalsiseznamyobsah{width:auto;padding:1%;background:#eeeeee;border:2px solid #eeeeee;float:left;margin:0 1% 0 0;cursor:pointer;text-align:center;border-radius:6px;text-decoration:none;cursor:pointer;color:#444444 !important;}
#dalsiseznamy ul{margin:0;padding:0;list-style:none;}
#dalsiseznamy li{margin:0;padding:0;}
#dalsiseznamy a{text-decoration:none;cursor:pointer;color:#444444 !important;padding:5px 8px 5px 8px;display:block;border-bottom:1px solid #cccccc;font-size:0.7em;}
#dalsiseznamy a:hover{color:#02bed7 !important;}
.cisla{width:14%;padding:1%;background:#eeeeee;border:2px solid #eeeeee;float:left;margin:0 1% 2% 0;cursor:pointer;text-align:center;border-radius:6px;}
.vyhl{width:auto;padding:1%;background:#eeeeee;border:2px solid #eeeeee;float:left;margin:0 1% 2% 0;cursor:pointer;text-align:center;border-radius:6px;}
.fotorok{width:6%;padding:0.5%;background:#eeeeee;border:2px solid #eeeeee;float:left;margin:0 0.9% 2% 0;cursor:pointer;text-align:center;border-radius:6px;font-size:0.7em;}
.blokimg{float:left;margin:0 0 2% 0;width:8%;}
.bloktext{float:left;width:91%;}
.jcarousel img{border-bottom-right-radius:8px;}
.jcarouselpopis{display:none;}
#slider{height:auto !important;}
#huby{padding:3% 0 3% 0;}
.rychly{position:absolute;}
#akcetitul{margin:0 2% 0 2% !important;}
#akce{margin:0 2% 0 2% !important;}
#aktualitytitul{margin:0 2% 0 2% !important;}
.akcedatum{font-size:0.5em !important;}
.akcetext{font-size:0.6em !important;}
.menufss, .menupdf, .menufu, .menuff, .menulf, .menuprf, .menuosu, .menuust{display:none;}
#levy h3{margin-top:4%;}
#nabobory{font-size:0.8em;}
.w50 .socialfss span.cast1, .w50 .socialfu span.cast1, .w50 .socialpdf span.cast1, .w50 .sociallf span.cast1, .w50 .socialff span.cast1, .w50 .socialprf span.cast1, .w50 .socialou span.cast1{width:10% !important;margin-right:2% !important;;padding:0.61% !important;;}
footer{z-index:0;}
#hlpodmenu1,#hlpodmenu2,#hlpodmenu3,#hlpodmenu4,#hlpodmenu5,#hlpodmenu6,#hlpodmenu7,#hlpodmenu8{background:none;padding:0 !important;width:100%;display:none;max-height:none !important;height:auto;}
footer{font-size:1.1em;padding:12% 0 10px 0;}
.patblok{text-align:center;margin:0%;}
#jcarouselpopis{border-radius:5px;}
#menupruh{display:none;}
.hlpodmenucast ul li{background:white !important;text-align:center;}
.hlpodmenucast ul li a{text-align:center;display:inline !important;background:white !important;}
.hlpodmenucast{width:100%;}
#sliderdiv{margin:0 2% 2% 2%;}
#sliderdivkat img{border-bottom-right-radius:10px;}
#slider{width:100%;margin:0% auto;position:relative;overflow:hidden;font-size:1.0em;}
#searchmenu{text-align:right;font-size:0.80em;text-transform:uppercase;width:96%;margin:2%;}
#searchmenu a{color:#444444;}
#searchmenu span{color:#444444;}
#searchmenu form{display:block;margin-top:10px;}
#searchmenu input{float:right;border:1px solid #aaaaaa;border-radius:6px;}
#searchmenu input[type=image]{width:8.8%;}
#search, #searchmob{font-size:1em;width:84%;background:#f9f9f9;float:left !important;padding:1.3%;}
.mjaz, .modk{display:none;}
#slidernav{display:none;}
#topmenu{width:100%;cursor:pointer;background:none !important;}
#menu{width:100%;font-size:1.5em;position:relative;}
#alogo {display: block !important;position:relative}
#logo{position:absolute;z-index:1000;max-width:40%;margin-left:3%;top:6%;margin-top: 0.3%;}
#menu li{list-style:none;width:100%;margin:0;padding:8px 0 8px 0;text-align:center;background:#e0e0e0;border-bottom:1px solid #d0d0d0;}
#menu li span{display:none;}
#menu ul{display:none;margin:0;padding:0;z-index:1000}
#menu li a{display:block;text-decoration:none;background:#e0e0e0;color:black;width:96%;font-weight:300 !important;}
.menufakulty{display:none;}
#pravy{width:92%;margin:4%;font-size:1.3em;}
#pravy ul{margin:0;padding:0;list-style:none;}
#pravy ul li{margin:0%;padding:0;}
#pravy ul li a{text-decoration:none;color:#444444;display:block;padding:2% 0 2% 0;border-bottom:1px solid #00bfd8;}
#pravy a:hover{color:#00bfd8;}
ul.ul_podmenu1 li{margin-left:8% !important;}
ul.ul_podmenu1 li a{color:#444444 !important;border-bottom:1px solid #444444 !important;}
ul.ul_podmenu2 li a{color:#bbbbbb !important;border-bottom:1px solid #bbbbbb !important;}
.listanav{display:none;}
#facebutton, #instbutton, #twitbutton{width:10%;height:10%;margin:0 0 1.6% 2%;cursor:pointer;float:left;opacity:0.3;!important;}
#facebutton2, #instbutton2, #twitbutton2{width:10%;height:10%;margin:0 0 1.6% 2%;cursor:pointer;float:left;opacity:0.3;!important;}
.kniha{width:32.3%;float:left;padding-right:1%;}
.kniha2{width:100%;float:left;}
.kniha3{width:100%;float:left;}
.knihaleft{width:25%;float:left;height:auto !important;}
.knihaleft img{height:auto !important;}
.kniharight{width:73%;float:right;height:auto !important;min-height:auto !important;}
#knihatitulhlavni{display:none;}
.mapa2{float:none !important;width:100% !important;margin-bottom:5%;}
.menufcara{display:none !important;}
#kartazakl h2, #kartaziv h2, #kartapubl h2, #kartavyuka h2, #kartaprace h2, #kartaproj h2{margin:0 !important;font-size:1em !important;}
.liprf{margin:0;padding:0 0 0 6.8%;list-style-type:square;color:#799b22;}
.liprf li span{margin:0;padding:0;color:#222222;}
.socialprf span.cast1{display:inline-block;width:4.6%;padding:0.31%;margin-right:1%;background:#799b22;border-radius:5px;}
.w50 .socialfss span.cast1, .w50 .socialfu span.cast1, .w50 .socialpdf span.cast1, .w50 .sociallf span.cast1, .w50 .socialff span.cast1, .w50 .socialprf span.cast1, .w50 .socialou span.cast1{width:5.3% !important;margin-right:2% !important;;padding:0.61% !important;;}
.socialprf span.cast2{display:inline-block;}
.black a, .black{color:#252525 !important;}
.lilf{margin:0;padding:0 0 0 6.8%;list-style-type:square;color:#007cba;}
.lilf li span{margin:0;padding:0;color:#222222;}
.sociallf span.cast1{display:inline-block;width:4.6%;padding:0.31%;margin-right:1%;background:#007cba;border-radius:5px;}
.sociallf span.cast2{display:inline-block;}
.lipdf{margin:0;padding:0 0 0 6.8%;list-style-type:square;color:#ee7202;}
.lipdf li span{margin:0;padding:0;color:#222222;}
.socialpdf span.cast1{display:inline-block;width:4.6%;padding:0.31%;margin-right:1%;background:#ee7202;border-radius:5px;}
.socialpdf span.cast2{display:inline-block;}
.lifss{margin:0;padding:0 0 0 6.8%;list-style-type:square;color:#fcb700;}
.lifss li span{margin:0;padding:0;color:#222222;}
.socialfss span.cast1{display:inline-block;width:4.6%;padding:0.31%;margin-right:1%;background:#fcb700;border-radius:5px;}
.socialfss span.cast2{display:inline-block;}
.liou{margin:0;padding:0 0 0 6.8%;list-style-type:square;color:#02bed7;}
.liou li span{margin:0;padding:0;color:#222222;}
.socialou span.cast1{display:inline-block;width:4.6%;padding:0.31%;margin-right:1%;background:#02bed7;border-radius:5px;}
.socialou span.cast2{display:inline-block;}
.liff{margin:0;padding:0 0 0 6.8%;list-style-type:square;color:#74348b;}
.liff li span{margin:0;padding:0;color:#222222;}
.socialff span.cast1{display:inline-block;width:4.6%;padding:0.31%;margin-right:1%;background:#74348b;border-radius:5px;}
.socialff span.cast2{display:inline-block;}
.lifu{margin:0;padding:0 0 0 6.8%;list-style-type:square;color:#d2081e;}
.lifu li span{margin:0;padding:0;color:#222222;}
.socialfu span.cast1{display:inline-block;width:4.6%;padding:0.31%;margin-right:1%;background:#d2081e;border-radius:5px;}
.socialfu span.cast2{display:inline-block;}
.blok1{font-size: 3.2vw;width: 91%;border-radius:10px; padding: 7% 4% 7% 4%;float:left;margin: 0 0 1% 0.5%;position:relative;}
.blok1 span{display:inline-block;position: absolute; left: 4%;right: 4%;text-align: center;top: 50%;transform: translateY(-50%);}
.blok2 {font-size: 3.2vw;width: 91%;border-radius:10px; padding: 7% 4% 7% 4%;float:right;margin: 0 0.5% 1% 0;position:relative;}
.blok2 span{display:inline-block;position: absolute; left: 4%;right: 4%;text-align: center;top: 50%;transform: translateY(-50%);}
.prplus{font-size:14px;padding: 0px 4px 0px 4px;}
.prijimacky table td span * {
  box-sizing: border-box;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.prijimacky table td span, .box {
  display: inline-block;
}

.prijimacky table td span > input, .box > input {
  display: none;
}

.prijimacky table td span > label, .box > label {
  vertical-align: top;
  padding-left: 19px;
}

.prijimacky table td span > [type="checkbox"] + label:before, .box > [type="checkbox"] + label:before {
  color: #777;
  content: '';
  position: absolute;
  left: 0px;
  display: inline-block;
  min-height: 12px;
  height: 12px;
  width: 12px;
  border: 1px solid #777;
  border-radius: 5px;
  vertical-align: top;
  text-align: center;
  content: '';
}

.prijimacky table td span > [type="checkbox"]:checked + label:before, .box > [type="checkbox"]:checked + label:before {
  width: 12px;
  height: 12px;
  background-color: #29303c;
  background-image: url(https://www.osu.cz/grafika2016/ano.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;  
}

.prijimacky table td span > [type="radio"] + label:before, .box > [type="radio"] + label:before {
  color: #777;
  content: '';
  position: absolute;
  left: 0px;
  display: inline-block;
  min-height: 12px;
  height: 12px;
  width: 12px;
  border: 1px solid #777;
  border-radius: 5px;
  vertical-align: top;
  text-align: center;
  content: '';
}

.prijimacky table td span > [type="radio"]:checked + label:before, .box > [type="radio"]:checked + label:before {
  width: 12px;
  height: 12px;
  background: #29303c;
}

.checkpoz
{
  display: inline-block;
  position: relative;
  margin: 0 12px 8px 0;
}
.checkpoz label
{
display: inline-block;
font-size: 1.3em;
}
.prijimackytext
{
padding: 1% !important; margin-bottom: 1%; box-sizing: border-box;
} 
.obory50
{
display: block; width: 50%; float: left;font-size: 0.7em;
}
.obory50td
{
padding: 1% 0 0.3% 0 !important;;
}
.obory100
{
display: block; width: 100%; float: left;font-size: 0.7em;
}
.obory100td
{
padding: 1% 0 0.3% 0 !important;;
}
ul.carka {position: relative;list-style:none;margin-left: 0;padding-left: 10px;margin: 2% 0 0 0% !important;}
ul.carka li:before {content: "-";position: absolute;left: 0px;}
}

@media only screen and (min-width:300px) and (max-width:460px){
.prijimacky table td span > [type="checkbox"] + label:before {
  color: #777;
  content: '';
  position: absolute;
  left: 0px;
  display: inline-block;
  min-height: 9px;
  height: 9px;
  width: 9px;
  border: 1px solid #777;
  border-radius: 5px;
  vertical-align: top;
  text-align: center;
  content: '';
}

.prijimacky table td span > [type="checkbox"]:checked + label:before {
  width: 9px;
  height: 9px;
  background-color: #29303c;
  background-image: url(https://www.osu.cz/grafika2016/ano.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;  
}
.prijimacky table td span > label {
  vertical-align: top;
  padding-left: 18px;
}
}


.vel3{padding:2%;margin-bottom: 2%}
.vel4{padding:2%;margin-bottom: 2%}
.vel5{padding:2%;margin-bottom: 2%}

.divprijimacivideo{border-radius: 8px;background:#efefef;}
.prijimacivideo{margin: 4% 5% 2% 5%;width: 90%;border-radius: 8px;overflow: hidden;float: left;}
.prijimacivideotext{margin: 0 5% 4% 5%;width: 90%;float:left;}