.modra {
	color:#0066cc!important;
}
.modra-bg {
	color:#003d8a!important;
}
.svetle-modra {
	color:#0099cc!important;
}
.white {
	color:white!important;
}
.white-bg {
	background-color:white!important;
}
.light-gray-bg {
	background-color:#efefef;
}
.black {
	color:#2d2d2d!important;
}
.gray {
	color:#5d5d5d!important;
}

.uppercase {
	text-transform: uppercase;
}
.semibold {
	font-weight: 600;
}
.light {
	font-weight: 300;
}

.nowrap {
	white-space: nowrap;
}
.cleaner {
	clear: both;
	height: 0px !important;
}
.resetafter::after {
	display: none!important;
}

/* TABULKY */
.main TABLE {
	border-collapse: collapse;
	width: 80%;
}
.main .detail TABLE:not(.table) {
	border-top: 1px solid #DDDDDD;
}

.main TABLE:not(.table) > TBODY > TR:nth-child(odd) {
	background-color: #F9F9F9;
}
.main .detail TABLE:not(.table) > TBODY > TR:nth-child(odd) {
	background-color: transparent;
}

.main TABLE:not(.table) > THEAD > TR > TH {
	padding: 10px 10px;
	border-bottom: 2px solid #DDDDDD;
}
.main TABLE:not(.table) > TBODY > TR > TH,
.main TABLE:not(.table) > TBODY > TR > TD {
	padding: 10px 10px;
	border-bottom: 1px solid #DDDDDD;
}
.main TABLE:not(.table) > TBODY > TR > TH {
	background-color: #F9F9F9;
}
.main TABLE:not(.table) > TBODY > TR > TD.controls {
	width: 100px;
}

.main TABLE .sizeCol {
	text-align: right;
}

.button {
	display: inline-block;
	transition: 250ms all;
	text-decoration: none;
	text-transform: uppercase;
}
.button:hover, 
.button:active, 
.button:focus {
	transition: 250ms all;
	text-decoration: none;
}

.button-transparent-white-border {
	max-width: 270px;
	min-width: 230px;
	/*background: black;*/
	border:solid 3px white;
	color:white;
	padding: 15px;
	font-size: 22px;
	text-align: center;
}
.button-transparent-white-border:hover,
.button-transparent-white-border:active,
.button-transparent-white-border:focus {
	/*background: none;*/
	border:solid 3px #ffd83e;
	color:#ffd83e;
	font-size: 22px;
}
.button-blue-rounded-border {
	max-width: 240px;
	min-width: 130px;
	background: #0066cc;
	border:solid 3px white;
	border-radius: 200px;
	color:white;
	padding: 12px 40px;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
}
.light-gray-bg .button-blue-rounded-border {
	border-color: #efefef;
}
.button-blue-rounded-border:hover,
.button-blue-rounded-border:active,
.button-blue-rounded-border:focus {
	background: none;
	border:solid 3px #0066cc;
	color:#0066cc;
}
.button-white-rounded-border {
	max-width: 200px;
	min-width: 130px;
	background: white;
	border:solid 1px #4a4747;
	border-radius: 200px; 
	color:#4a4747;
	padding: 12px 40px;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
}
.button-white-rounded-border:hover,
.button-white-rounded-border:active,
.button-white-rounded-border:focus {
	background: #0066cc;
	border:solid 1px #0066cc;
	color:white;
}

.hero-section {
	padding-top: 80px;
	padding-bottom: 70px;
	background-repeat: no-repeat;
}
.hero-section P.p1 {
	font-weight:600;
	font-size: 56px;
	line-height: 70px; 
}
.hero-section P.p2 {
	font-weight:300;
	font-size: 28px;
	line-height: 40px; 
	margin-top: 20px;
}
/* FILTR MODULU */
.filter {
	padding: 15px 0;
	background-color: #F9F9F9;
}

.normal-section {
	padding-top: 80px;
	padding-bottom: 70px;
}
#content .normal-section P {
	font-size: 18px;
	line-height: 25px;
	color:#2d2d2d;
}
#content .section-homepage H1 {
	color:#6b6c6e !important;
}
.section-1-col {
	text-align: center;
}
.section-1-col P {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}
.section-2-col .left-col {
	padding-right:30px;
}
.section-2-col .right-col {
	padding-left:30px;
}
#content H1,
#content H2 {
	color:white;
	font-size: 36px;
	line-height: 45px;
	font-weight: 600;
}
#content H2.thin {
	font-weight:300;
}
#content H2.no-divider {
	margin-bottom:15px;
}
#content H2.no-divider::after {
	display:none;
}
#content H1 SPAN {
	font-size: 28px;
}
#content H1::after {
	content:' ';
	margin: 35px auto;
	display: block;
	width: 40px;
	height: 1px;
	border-bottom:solid 4px #0864af;
}
#content H2 {
	color: #044987;
	margin-top:0;
}
#content H2::after {
	content:' ';
	margin: 30px auto;
	display: block;
	width: 40px;
	height: 1px;
	border-bottom:solid 2px #0864af;
}
#content .section-2-col H2::after {
	margin: 30px 0;
}

H2+P+.divider {
	margin: 30px auto;
	width: 40px;
	height: 1px;
	border-bottom:solid 2px #0864af;
}

.heading-popis {
	font-size: 18px;
	line-height: 26px;
	color:#443e30;
}

.uzitecne-aplikace H3 {
	font-size: 27px;
	line-height: 40px;
	font-weight: 600;
	margin-top:0;
	margin-bottom: 0;
}
.uzitecne-aplikace .img-holder {
	display: flex;
	align-items: center;
	justify-content: center;
	height:150px;
	margin-top:30px;
	margin-bottom:40px;
}
.uzitecne-aplikace P.popis {
	font-size: 16px!important;
	line-height: 25px!important;
	color:#60605f!important;
	height: 140px;
}

.aktuality-homepage {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.aktuality-vystup-widget {
	display:flex;
}
.aktuality-homepage-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-left: 30px;
	margin-right: 30px;
	align-items: flex-start;
	margin-top:50px;
	max-width: 310px;
	min-width: 240px;
	margin-bottom: 20px;
}
.aktuality-homepage-item:hover,
.aktuality-homepage-item:hover *,
.aktuality-homepage-item:focus,
.aktuality-homepage-item:focus *,
.aktuality-homepage-item:active,
.aktuality-homepage-item:active * {
	text-decoration: none;
}
#homepage-aktuality-externi .aktuality-homepage-item .externi-img {
	position:absolute;
}
.aktuality-homepage-top {
	margin-bottom: 30px;
	max-width: 100%;
	width: 100%;
}
.aktuality-homepage-bottom {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 100%;
}
.aktuality-homepage-datum {
	display: flex;
	align-items: center;
	font-size:16px;
	color:#0460b2;
}
.aktuality-homepage-obrazek {
	height: 240px;
	overflow: hidden;
	margin-bottom: 40px;
	    display: flex;
    justify-content: center;
    align-items: center;
}
.aktuality-homepage-nadpis {
	font-size: 27px;
	line-height: 35px;
	font-weight: normal;
	color:#2d2d2d;
}
.aktuality-homepage-perex {
	color: #60605f;
	font-size: 16px;
	line-height: 30px;
	margin-top: 10px;
	margin-bottom: 25px;
}
.aktuality-homepage .btn-label {
	width: 140px;
}
.aktuality-homepage-obrazek-externi {
	position: relative;
    z-index: 1;
    margin-top: -240px;
    float: right;
}

.aktuality-seznam {
	display:flex;
	justify-content: center; 
	flex-wrap: wrap;
}
.aktuality-detail-meta {
	margin-bottom:25px;
}
.aktuality-detail P {
	font-size: 18px;
    line-height: 30px;
	font-weight:300;
}
#aktuality-vystup-stranka .detailButtons,
#slovnicek-pojmu-vystup-stranka .detailButtons {
	display:none;
}

.slovnicek-pojmu-seznam A {
	display: block;
	font-size:18px;
	line-height: 35px;
}

.podporuji-nas {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.podporuji-nas-item {
	width: 300px;
	height: 160px;
	-webkit-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.15);
	box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 40px 15px 0 15px;
}

.nadpis-section {
	background: url(/doc/cms_library/nadpis-bg-6.jpg) no-repeat center;
	background-size: cover;
	padding-top:50px;
	padding-bottom:90px;
}
/* nechat nad .drobeckova-navigace A */
.nadpis-section A {
	text-decoration: underline;
	color:white!important;
}
.nadpis-section .drobeckova-navigace {
	margin-bottom: 50px;
	color:#dfdbdb;
	font-size:16px;
	text-transform: uppercase;
}
.nadpis-section .drobeckova-navigace A {
	text-decoration: underline;
}
.nadpis-section .drobeckova-navigace * {
	font-size:16px;
	color:#dfdbdb!important;
}
.nadpis-section H1::after {
	border-color:white!important;
}
.nadpis-section P {
	color:white;
	font-size: 18px;
	line-height: 30px;
	margin: 0 auto;
	max-width: 760px;
}

.vyrocni-zpravy {
	margin-top: 115px;
	margin-bottom: 50px;
}
.vyrocni-zprava {
	display: flex;
	margin-bottom: 60px;
	align-items: center;
	font-size:18px; 
	line-height: 28px;
}
.vyrocni-zprava IMG {
	margin-right: 30px;
}

.regular-static-page {
	padding-top: 30px;
	padding-bottom:80px;
}
.regular-static-page H2 {
	font-size: 27px!important;
	line-height: 40px!important;
	margin-top: 60px!important;
	margin-bottom:  40px!important;
	font-weight: 700!important;
}
.regular-static-page H2::after {
	display: none!important;
}
.regular-static-page H3 {
	font-size: 27px!important;
	line-height: 35px!important;
	margin-top: 60px!important;
	margin-bottom:  35px!important;
	font-weight: 400!important;
}
.regular-static-page P,
.regular-static-page OL,
.regular-static-page UL {
	font-size: 18px;
	line-height: 30px;
	margin-top: 0;
	margin-bottom:  20px;
	color:#616161;
}
.regular-static-page OL,
.regular-static-page UL {
	padding-left:20px;
	font-size: 18px;
	line-height: 30px;
}
.regular-static-page LI {
	margin-bottom:10px;
}

.fondy-popis {
	margin-top:25px!important;
}
.fondy {
	text-align: center;
	margin-top: 25px!important;
}
.fondy IMG {
	display: inline-block;
	margin-right: 10px; 
	margin-left: 10px;
	width:140px;
}

.kontakty-lide H3 {
	margin-top: 30px!important;
	font-size: 16px!important;
    font-weight: 600!important;
    text-transform: uppercase;
    color: black;
    margin-bottom: 5px!important;
}
.kontakty-lide A { 
	color: black!important;
	text-decoration: none;
	display:block;
	line-height: 25px;
	margin-bottom:8px;
}
.kontakty-lide A:hover {
	text-decoration: none;
} 
.kontakty-lide A IMG {
	margin-right:8px;
}

.table-center {
	margin-left:auto;
	margin-right:auto;
}
.table-center THEAD TR TD {
	font-weight:bold;
}

.slovnicek-pojmu-seznam.media A {
	padding-left:55px;
	background:url(../img/external.png) no-repeat top 8px left;
	color:#717171;
}

.body-en #podporuji-nas-vystup-homepage .podporuji-nas+A {
	display:none;
}

@media (min-width:1700px) {
	.hero-section {
		background-position:center!important;
		background-size: cover;
	}
}
@media (max-width:1199px) {
	.hero-section P.p1 {
		font-size: 48px;
		line-height: 60px;
	}
}
@media (max-width:991px) {
	.hero-section P.p1 {
		font-size: 42px;
		line-height: 50px;
	}
	.hero-section P.p2 {
		font-size: 24px;
		line-height: 34px;
	}
}
@media(max-width:991px) and (min-width:768px) {
	#homepage-aktuality-externi {
		display:none;
	}
}
@media (max-width: 767px) {
	.main TABLE {		
		width: 100%;
	}	
	.wrap-xs {
		white-space: normal;
	}
	#content H2::after {
		margin-left:auto!important;
		margin-right:auto!important;
	}
	.section-2-col {
		text-align: center;
	}
	.section-2-col .left-col {
		padding-right:15px;
		margin-top: 25px;
	}
	.section-2-col .right-col {
		padding-left:15px;
	}
	.section-2-col IMG {
		margin:0 auto;
		max-width:100%;
		width:450px;
	}
	
	.uzitecne-aplikace P.popis {
		max-width: 380px;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		height: auto;
		margin-bottom:30px;
	}
	.uzitecne-aplikace .img-holder {
		height:auto;
		margin-top:20px;
		margin-bottom:30px;
	}
	.uzitecne-aplikace .aplikace {
		margin-top: 15px;
		margin-bottom: 50px;
	}
	
	.aktuality-homepage {
		flex-direction: column;
		align-items: center;
	}
	.aktuality-homepage-item {
		margin-left:0;
		margin-right: 0;
		max-width: 450px;
		margin-top:0;
		margin-bottom: 60px;
	}
	.aktuality-homepage-item:first-of-type {
		margin-top:30px;
	}
	.aktuality-homepage-item:last-of-type {
		margin-bottom:40px;
	}
	.aktuality-vystup-widget {
		flex-direction: column;
	}
	.aktuality-homepage-obrazek {
		height: auto;
	}
	.aktuality-homepage-obrazek .aktuality-homepage-obrazek-externi {
		margin-top:-50px;
	}
	.aktuality-detail-img IMG {
		max-width: 350px;
		margin:0 auto;
		margin-bottom:35px;
	}
	.aktuality-detail .aktuality-homepage-datum {
		justify-content: center;
	}
	.aktuality-homepage-bottom .btn {
		width:250px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.vyrocni-zpravy {
		margin-top: 65px;
		margin-bottom: 30px;
	}
}