/* small */
@media only screen and (max-width: 640px) {
	.small-1 {width: 8.33% !important;}
	.small-2 {width: 16.66% !important;}
	.small-3 {width: 25% !important;}
	.small-4 {width: 33.33% !important;}
	.small-5 {width: 41.66% !important;}
	.small-6 {width: 50% !important;}
	.small-7 {width: 58.33% !important;}
	.small-8 {width: 66.66% !important;}
	.small-9 {width: 75% !important;}
	.small-10 {width: 83.33% !important;}
	.small-11 {width: 91.66% !important;}
	.small-12 {width: 100% !important;}
}

/* medium */
@media only screen and (min-width: 641px) and (max-width: 1200px) {
	.medium-1 {width: 8.33% !important;}
	.medium-2 {width: 16.66% !important;}
	.medium-3 {width: 25% !important;}
	.medium-4 {width: 33.33% !important;}
	.medium-5 {width: 41.66% !important;}
	.medium-6 {width: 50% !important;}
	.medium-7 {width: 58.33% !important;}
	.medium-8 {width: 66.66% !important;}
	.medium-9 {width: 75% !important;}
	.medium-10 {width: 83.33% !important;}
	.medium-11 {width: 91.66% !important;}
	.medium-12 {width: 100% !important;}
}

/* large */
@media only screen and (min-width: 1201px) {
	.large-1 {width: 8.33% !important;}
	.large-2 {width: 16.66% !important;}
	.large-3 {width: 25% !important;}
	.large-4 {width: 33.33% !important;}
	.large-5 {width: 41.66% !important;}
	.large-6 {width: 50% !important;}
	.large-7 {width: 58.33% !important;}
	.large-8 {width: 66.66% !important;}
	.large-9 {width: 75% !important;}
	.large-10 {width: 83.33% !important;}
	.large-11 {width: 91.66% !important;}
	.large-12 {width: 100% !important;}
}

.prechod-X .column {
	display: table-cell;
	padding-bottom: 1rem;
	padding-top: 1rem;
}

@media only screen and (max-width: 640px) {
	.pocet_sloupcu {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}

@media only screen and (min-width: 641px) and (max-width: 999px) {
	.pocet_sloupcu {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
	.pocet_sloupcu {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}

@media only screen and (min-width: 1200px) {
	.pocet_sloupcu {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}
}

#aplikace h1, #aplikace h2, #aplikace h3 {
	background-image: none;
}

hr.katalog-oboru {
	border-bottom: 1px solid;
	background: 0;
}

.delka_tlacitka {
	min-width: 100px;
	margin-top: 10px;
}

.delka_tlacitka_mensi {
	min-width: 70px;
	margin-top: 10px;
}

.vybrano.delka_tlacitka_mensi:after {
       content: "\00D7";
       float: right;
       color: #333;
       font-weight: bold;
       font-size:16px;
}

.vybrano.delka_tlacitka:after {
       content: "\00D7";
       float: right;
       color: #333;
       font-weight: bold;
       font-size:16px;
}

.vybrano.button {
	line-height: 0.8;
	padding: .9em 1em .8em 1em;
}

.min-width-400 {
	min-width: 400px;
}

ul li {
	padding-bottom:4px;
	background: transparent url(./images/li.png) 0 .5em no-re
}


#aplikace .column {
	float: left;
	width: 100%;
}

.row {
	display: table;
	width: 100%;
	clear: both;
}

.navigace {
	padding: 1em;
	margin: 1em;
}

.button {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	line-height: 1;
	-webkit-appearance: none;
	transition: background-color .25s ease-out,color .25s ease-out;
	vertical-align: middle;
	font-size: .9rem;
	padding: .85em 1em;
}

.button:not(:last-child) {
	margin-right: 1px;
}

.button.hollow {
	border: 1px solid #002776;
	color: #000;
	background-color: transparent;
}

.button.reverse {
	border: 1px solid #fff;
	color: #fff;
	background-color: transparent;
}

a.button.reverse:hover, a.button.reverse.vybrano, input.button.reverse:hover {
	outline: 2px solid #fff;
}

a.button.hollow.vybrano, input.button.hollow:hover {
	outline: 2px solid #002776;
}

a.button.hollow:hover {
	outline: 2px solid #6078A9;
        border: 1px solid #6078A9;
}                                                              

a.button.hollow.vybrano:hover:after {
	color: red;
}


a.button.hollow:hover, a.button.hollow.vybrano, input.button.hollow:hover {
	outline: 2px solid #002776;
}

a.button {
	text-decoration: none;
}

a.button.secondary.hollow {
	background-color: transparent;
	color: #000;
	border: 1px solid #777777;
}

a.button.secondary.hollow:hover {
	outline: 1px solid #444;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.h1-barva {
	color: #000;
}

.vyhledavani {
	font-size: .9rem;
	padding: .7em 1em;
	width: 250px;
}

table {
	margin:0;
	padding: 0;
}

td {
	margin:0;
	padding:0;
}


/* třídy margin */
.margin-vpravo-jedna {
	margin-right: 1em !important;
}

.margin-vlevo-jedna {
	margin-left: 1em !important;
}

.margin-vlevo-pul {
	margin-left: .5em !important;
}

.margin-dole-jedna {
	margin-bottom: 1em !important;
}

.margin-dole-dva {
	margin-bottom: 2em !important;
}

.margin-nahore-dva {
	margin-top: 2em !important;
}

.margin-nahore-jedna {
	margin-top: 1em !important;
}

.margin-nahore-pul {
	margin-top: .5em !important;
}

.margin-spodek-nula {
	margin-bottom: 0 !important;
}

.margin-nula {
	margin: 0 !important;
}

.margin-1em {
	margin: 1em;
}

/* třídy padding */
.padding-1em {
	padding: 1em;
}
.padding-2em {
	padding: 2em;
}

.padding-2em-strany {
	padding-left: 2em;
	padding-right: 2em;
}

.padding-2em-vlevo {
	padding-left: 2em;
}

.padding-2em-vpravo {
	padding-right: 2em;
}

/* barvy fakult */
.barva-1411 { color: #f01928; }
.barva-r-1411 { border-color: #f01928; }
.barva-b-1411 { background-color: #f01928; color: #fff; }

.barva-1416 { color: #56788d; }
.barva-r-1416 { border-color: #56788d; }
.barva-b-1416 { background-color: #56788d; color: #fff; }

.barva-1421 { color: #00a1de; }
.barva-r-1421 { border-color: #00a1de; }
.barva-b-1421 { background-color: #00a1de; color: #fff; }

.barva-1422 { color: #80379b; }
.barva-r-1422 { border-color: #80379b; }
.barva-b-1422 { background-color: #80379b; color: #fff; }

.barva-1423 { color: #007b69; }
.barva-r-1423 { border-color: #007b69; }
.barva-b-1423 { background-color: #007b69; color: #fff; }

.barva-1431 { color: #00af3f; }
.barva-r-1431 { border-color: #00af3f; }
.barva-b-1431 { background-color: #00af3f; color: #fff; }

.barva-1433 { color: #fcd450; }
.barva-b-1433 { border-color: #fcd450; }
.barva-b-1433 { background-color: #fcd450; color: #fff; }

.barva-1441 { color: #ffa02f; }
.barva-r-1441 { border-color: #ffa02f; }
.barva-b-1441 { background-color: #ffa02f; color: #fff; }

.barva-1451 { color: #009aa6; }
.barva-r-1451 { border-color: #009aa6; }
.barva-b-1451 { background-color: #009aa6; color: #fff; }

.barva-1456 { color: #7c211e; }
.barva-r-1456 { border-color: #7c211e; }
.barva-b-1456 { background-color: #7c211e; color: #fff; }
/* ------------------------------------- */

form#search_form {
	margin: 0;
}

.tlusty-border-nahore {
	border-top: 5px solid;
}

.prechod-X {
	background: linear-gradient(0deg, rgba(192, 192, 192, .2) 0, transparent 20px);
	border-bottom: 3px solid #ddd;
	border-top: 1px solid #ddd;
}

.prechod-1411 { /* LF */
	background: linear-gradient(0deg, rgba(240,	25, 40, .2) 0, transparent 20px);
	border-bottom: 3px solid #f01928;
	border-top: 1px solid #ddd;
}

.prechod-1416 { /* FaF */
	background: linear-gradient(0deg, rgba(86, 120, 141, .2) 0, transparent 20px);
	border-bottom: 3px solid #56788d;
	border-top: 1px solid #ddd;
}

.prechod-1421 { /* FF */
	background: linear-gradient(0deg, rgba(0, 161, 222, .2) 0, transparent 20px);
	border-bottom: 3px solid #00a1de;
	border-top: 1px solid #ddd;
}

.prechod-1422 { /* PraF */
	background: linear-gradient(0deg, rgba(128,	55, 155, .2) 0, transparent 20px);
	border-bottom: 3px solid #80379b;
	border-top: 1px solid #ddd;
}

.prechod-1423 { /* FSS */
	background: linear-gradient(0deg, rgba(0, 123, 105, .2) 0, transparent 20px);
	border-bottom: 3px solid #007b69;
	border-top: 1px solid #ddd;
}

.prechod-1431 { /* PriF */
	background: linear-gradient(0deg, rgba(0, 175, 63, .2) 0, transparent 20px);
	border-bottom: 3px solid #00af3f;
	border-top: 1px solid #ddd;
}

.prechod-1433 { /* FI */
	background: linear-gradient(0deg, rgba(252, 212, 80, .2) 0, transparent 20px);
	border-bottom: 3px solid #fcd450;
	border-top: 1px solid #ddd;
}

.prechod-1441 { /* PdF */
	background: linear-gradient(0deg, rgba(255, 160, 47, .2) 0, transparent 20px);
	border-bottom: 3px solid #ffa02f;
	border-top: 1px solid #ddd;
}

.prechod-1451 { /* FSpS */
	background: linear-gradient(0deg, rgba(0, 154, 166, .2) 0, transparent 20px);
	border-bottom: 3px solid #009aa6;
	border-top: 1px solid #ddd;
}

.prechod-1456 { /* ESF */
	background: linear-gradient(0deg, rgba(124, 33, 30, .2) 0, transparent 20px);
	border-bottom: 3px solid #7c211e;
	border-top: 1px solid #ddd;
}

/* obory */

.h1 { font-size: 2em; }
.h2 { font-size: 1.5em; }
.h3 { font-size: 1.2em; }


.dekorace_ne a {
	text-decoration: none;
}

a:hover {
	/*text-decoration: none;*/
}

.odkaz_sedy a {
	color: #777;
	 text-decoration: underline;
}

.odkaz_sedy a:hover {
	color: #999;
	text-decoration: none;
}

.clear {
	clear: both;
}

.sirka_80_proc {
	width: 80%;
}

.sirka_20_proc {
	width: 20%;
}

.vpravo {
	float: right;
}

.vlevo {
	float: left;
}

.text-vpravo {
	text-align: right;
}

.margin_nula {
	margin: 0;
}

.tucne {
	font-weight: bold;
}

/* textový sloupec */
.levy_sloupec {
	width: 58%;
	float: left;
	padding: 1em 2em 0 0;
}

/* infografiky */
.pravy_sloupec {
	width: 38%;
	max-width: 500px;
	float: left;
	padding-left: 2%;
	padding: 1em 0;
}

.logotyp_fakulta {
	width: 60px;
	height: 60px;
}

.tabulka_td_kratsi {
	width: 50%;
}

.tabulka_td_delsi {
	width: 50%;
}

.delka_pulka_proc {
	width: 45%;
}

.velke_cislo {
	font-size: 2.5em;
}

.bile {
	background-color: #eee;
	color: #333;
}

.modre {
	background-color: #002776;
	color: #fff;
}

.svetle_modre {
	background-color: #05d;
	color: #fff;
}

.tlacitko_obory {
	display: block;
	padding: 1em 2em 1em 2em;
	text-align: center;
	text-decoration: none;
}

.tlacitko_obory .modre a {
	text-decoration: none;
}

.cs .nezalamovat {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.fotka_garanta {
	float: left;
	display: block;
	background-position: 0 -5px;
	background-size: 58px;
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	border: 1px solid #ccc;
	padding: 1px;
}

.typ_oboru {
	min-width: 400px;
	width:45%;
	max-width: 420px;
	float: left;
	margin: .5em .5em 0 0;
	border-left: 1px solid #002776;
	padding: 10px;
	margin-top: 1em;
}

.charakteristika_cast {
	width: 200px;
	float: left;
	background-color: #fff;
	padding: 1em;
	margin: 2px;
}

/* h2 span {
	font-size: .75em;
	color: gray;
	margin-left: 1em;
}*/

.obory_nadpis h1 {
	margin: 0;
}

.specifikace_oboru ul {
	padding-left: 0;
}

.specifikace_oboru ul li {
	padding-left: 25px;
}

.blok_pravy_sloupec {
	margin-top: 2em;
	padding-left: 1em;
	margin-bottom: 1em;
	overflow: hidden;
}
.specifikace_oboru .blok_pravy_sloupec {
	margin-top: 0;
}

.specifikace_oboru {
	margin-top: 2rem;
	border: 1px solid var(--bordersedy);
	background-color: var(--bg);
}

.specifikace_oboru h3 {
	margin: 0;
	padding: .5em;
	background-color: #002776;
	color: #fff;
}

.fotogalerie_obory {
	margin-top: 1em;
}

.fotka_tbn {
	background-color:  #fff;
	margin: .25em;
	width: 148px;
	float: left;
	padding: 2px;
	border: 1px solid #ccc;
	box-sizing: initial;
}

.lista_akordeon {
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #eee;
	cursor: pointer;
}

/* paddings */
.padding_1 {
	padding: 0 1em 1em 1em;
}

.otaznik {
	padding: 5px 9p;
	font-size: 12px;
	cursor: help;
}

.blok_pravy_sloupec ul li {
	padding-bottom: .3em;
}

.vnitrek_akordeonu {
	width: 80%;
	max-width: 600px;
	float: left;
        line-height: 1.4em;
}

.definice {
	float: right;
	width: 10%;
	text-align: right;
	margin-top: 1em;
}

.bila {
	color: #fff;
}

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}

button.accordion {
	border: none;
	color: var(--text);
	background-color: var(--bgbarva-seda4);
	cursor: pointer;
	padding: 18px 18px 15px 18px;
	width: 100%;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: .3s;
	font-weight: bold;
	display: inline;
}

.accordion h2 {
	color: var(--text);
	outline: none;
	font-size: 15px;
	transition: .3s;
	margin: 0;
	width: 200px;
	display: inline;
	background-image: none;
}

.spodni_okraj {
	border-bottom: 1px solid var(--bordersedy-dark);
}

button.accordion.active {
	background-color: transparent;
}

button.accordion:hover {
	background-color: var(--bgbarva-seda2);
}

div.panel {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: .3s ease-in-out;
	opacity: 0;
}

div.panel.show {
	opacity: 1;
	max-height: 2000px;
}

button.accordion:after {
	content: '\02795'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: var(--text-nedurazny);
	float: right;
	margin-left: 5px;
	border-left: 1px solid var(--bordersedy-dark);
	padding-left: 18px;
	margin: -18px 0;
	margin-right: -18px;
	line-height: 51px;
	padding-right: 18px;
}

button.accordion.active:after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
	border-left: 1px solid var(--bordersedy-dark);
	padding-left: 18px;
	margin: -18px 0;
	margin-right: -18px;
	border-bottom: 1px solid var(--bordersedy-dark);
}

.levy_sloupec .hlavicka {
	background-color:#002776;
	padding:1em;
	min-height: 74px;
	min-height: 85px;
}

.levy_sloupec .hlavicka table {
	min-height: 75px;
}

.levy_sloupec .hlavicka td {
	vertical-align: middle;
}

.sto_proc_sirka {
	width: 100%;
}

.nazev-oboru {
	margin: 0;
	color: #fff;
}

.motto {
	font-style: italic;
	font-size: 14px;
	color: #fff;
	text-align: left;
}

.rozbalit_vse {
	 float: right;
	 background-color: var(--btn-sec);
	 color: var(--text);
	 padding: .75em 1em;
	 cursor: pointer;
	 margin-bottom: 1em;
}

.ramecek_ccc {
	border: 1px solid var(--bordersedy);
}

.tabulka_cisla {
	width: 100%;
	border: 1px solid var(--barva1);
	height: 103px;
	color: var(--barva1);
	min-height: 111px;
}

.td_cislo {
	text-align: center;
	width: 50%;
	background-color: transparent;
	padding: 1.5em 2em 1.5em 2em;
}

.cislo_pravy_okraj {
	border-right: 1px solid var(--barva1);
}

.specifikace_oboru_table {
	width: 100%;
	padding: 10px;
}
.specifikace_oboru_table td {
	vertical-align: top;
	padding: 0 0 5px 0;
}

.vrchni-ramec_eee {
	border-top: 1px solid #eee;
}

.padding-vlevo {
	padding-left: 10px;
}

.delka-200px {
	width: 200px;
}

.dalsi_info {
	margin: .3em 0;
}

#aplikace .pocet_sloupcu li {
       	margin-bottom: 0;
       	line-height: 1.5em;
}
.display-inline-block {
	display: inline-block;
}