.modra1 { color: #007BB1 }
.modra2 { color: #003A60 }
.modra3 { color: #00203B }

.modra4 { color: #36a9e0 }

body {
	background-color:#f2f2f2;
	font-family: Segoe UI, Arial, Helvetica, sans-serif;
	color: #666;
}

@font-face {
	font-family: 'segoeuil';
	src: url('../fonts/segoeuil.eot');
	src: local('segoeuil'), url('../fonts/segoeuil.woff') format('woff'), url('../fonts/segoeuil.ttf') format('truetype');
}

.blend-container {
    position: relative;
}

.blend-multiply {
    color: #fff;
    background: #00203B;
    mix-blend-mode: multiply;
    text-align: center;
    font-size: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    /*position: absolute;
    bottom: 0;
    z-index: 10;
    width: -webkit-fill-available;*/
}

.bold {font-weight:bold;}

a:hover {color:#666;} /* check also "inc_head.php" */

a.wtb {padding-left:10px; padding-right:10px;}
a.wtb:link, a.wtb:visited {color: #666; text-decoration: none;} 
a.wtb:hover, a.wtb:active, a.wtb:focus {color: #FFF; background-color:#000}

a.bread:link, a.bread:visited {color:#000; text-decoration:underline;}
a.bread:hover, a.bread:active, a.bread:focus {color: #FFF;}

ul, li{
	padding:0;
	margin:0;
	list-style:none;
}

ul, ol, dl {
	padding:0;
	margin:0;
}

.nomargin { margin: 0 0 0 0;}
.nopadding {padding: 0 0 0 0;}

.nomargin-bottom {margin-bottom:0px;}

.padding-top-10 {padding-top:10px;}
.padding-top-20 {padding-top:20px;}
.padding-top-30 {padding-top:30px;}
.padding-top-40 {padding-top:40px;}
.padding-top-60 {padding-top:60px;}

.padding-bottom-0 {padding-bottom:0px;}
.padding-bottom-10 {padding-bottom:10px;}
.padding-bottom-20 {padding-bottom:20px;}
.padding-bottom-30 {padding-bottom:30px;}

.margin-top-10 {margin-top:10px;}
.margin-top-20 {margin-top:20px;}
.margin-top-30 {margin-top:30px;}

.margin-bottom-0 {margin-bottom:0px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-20 {margin-bottom:20px;}
.margin-bottom-30 {margin-bottom:30px;}

.margin-left-10 {margin-left:10px;}
.margin-left-20 {margin-left:20px;}
.margin-left-30 {margin-left:30px;}

.center {margin-left:auto; margin-right:auto;}

.shadow-page {
	background-color:#FFF;
	-moz-box-shadow:0px 0px 10px #CCC;
	-webkit-box-shadow:0px 0px 10px #CCC;
	box-shadow:0px 4px 4px rgba(0,0,0,.3);
}

.PB {
	padding-bottom:50px;;
}

.MH {
	min-height:500px
}

.obsah li {
	list-style:square;
	margin-left:50px;
	padding-bottom:20px;
}

.content { background: #fff; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; 
padding: 10px;
margin-bottom:15px; }

.content,
.rounded { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }

.grad {
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

.row .row {
    width: auto;
    margin-left: 0;
    margin-right: 0;
}



#space10 {height:10px;}
#space15 {height:15px;}

.contentt {
	/*padding: 10px 10px 10px 10px;*/
	padding-top:30px;
	background: url(../images/divider.jpg) no-repeat 50% 0;
	margin-bottom:30px;
}

/*.content-text {
	padding-top:30px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
}*/


h1 {
	font-family: 'segoeuil', 'Segoe UI', sans-serif;
	font-weight:lighter;
	font-size:55px;
	color:#00203B;
	text-align:center;
	text-transform:uppercase;
	padding-top:30px;
}

h1.zapis {
	margin-bottom:0px;
}

h1.skore{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

h2 {
	font-family: 'segoeuil', 'Segoe UI', sans-serif;
	font-weight:lighter;
	color: #00203B;
	font-size:35px;
	padding-top:30px;
}

h2.schedule_gn {
	padding-bottom:0px;
	margin-bottom:0px;
}

h2.smaller {font-size:30px;}

h2.zapis {
	padding-top:0px;
}

.contentt h2 {
	margin-top:0px;
	}

h3 {
	font-family: 'Segoe UI', sans-serif;
	font-weight:normal;
	font-size:20px;
	color:#666;
}

.arial {
	font-family: "Arial Black", Gadget, sans-serif;
}
	
.subtitle {
	font-family:'Gotham-Bold', "Arial Black", Gadget, sans-serif;
	font-size:13px;
	margin-top:-10px;
	margin-bottom:0px;
	color:#000;
	opacity:0.5;
	/*letter-spacing:-1px;*/
	}

.login {
	float:right;
	padding-top:45px;
}

.slogan {
	font-size:24px;
	line-height:normal;
	margin-bottom:10px;
}

.riding-style {text-align:right}

	
.vertical-middle {vertical-align:middle;}

.logo {
	margin-top:8px;
	margin-left:8px;
}

/* XX vyrocie logo: vlavo animacia, vpravo fixne NDCA */
.logo-anniv-link {
	display: block;
	max-width: 100%;
	padding-left: 0.75rem;
	padding-right: 0.5rem;
	box-sizing: border-box;
	text-decoration: none;
	border: none;
	outline: none;
}
.logo.logo-anniv {
	margin-left: 0;
}
.logo-anniv {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-end;
	flex-wrap: nowrap;
	width: 100%;
	max-width: 100%;
	line-height: 0;
	direction: ltr;
}
.logo-anniv__swap {
	position: relative;
	flex: 1 1 0;
	min-width: 0;
	max-width: 54%;
	height: 5.25rem;
	aspect-ratio: 210 / 79;
	max-height: 85px;
}
.logo-anniv__left {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: auto;
	max-width: 100%;
	object-fit: contain;
	object-position: left bottom;
	pointer-events: none;
}
.logo-anniv__left--a {
	animation: logoAnnivFadeA 10s ease-in-out infinite;
}
.logo-anniv__left--b {
	animation: logoAnnivFadeB 10s ease-in-out infinite;
}
.logo-anniv__right {
	flex: 1 1 0;
	min-width: 0;
	max-width: 46%;
	height: 5.25rem;
	width: auto;
	max-height: 85px;
	object-fit: contain;
	object-position: right bottom;
	pointer-events: none;
}

@keyframes logoAnnivFadeA {
	0%, 38% { opacity: 1; }
	45%, 88% { opacity: 0; }
	95%, 100% { opacity: 1; }
}
@keyframes logoAnnivFadeB {
	0%, 38% { opacity: 0; }
	45%, 88% { opacity: 1; }
	95%, 100% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.logo-anniv__left--a,
	.logo-anniv__left--b {
		animation: none;
	}
	.logo-anniv__left--a { opacity: 1; }
	.logo-anniv__left--b { display: none; }
}

ul#gallery li { display: inline; }
li.galleryy { display: inline; list-style:none; }

.galleryy:hover {filter:alpha(opacity=50); opacity:0.5;}

#dwnlink {
	vertical-align:middle;
	min-height:40px;
	margin-bottom:20px;
	margin-top:20px;
	
}

#dwnlink p {
	margin:0px 0px 0px 0px;
	color:#999;
}

#dwnlink img {
	float:left;
	margin-right:10px;
	margin-top:5px;
}

/* TABLE SPEC */
table#spec {
 border-collapse: collapse;
/* margin-left:auto;
 margin-right:auto;*/
}

.smaller-text {
	font-size:12px;
}

tbody tr {
 border-bottom: 1px solid #D2D2D2;
}
tbody td {
 padding:5px;
}
tbody th {
 padding:2px;
}
.col-right {
	border-right: 1px solid #D2D2D2;
}

table.zapis {
	width:100%;
	border:none;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}

.no-li-margin li {margin:0px 0px 0px 0px;}

.square {
	border: solid 2px #00203B;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 30px;
	/*display: table-cell;*/
	vertical-align: middle;
    min-height: 170px;
}

.square h2 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.social-media {
	margin-top: 20px;
	margin-bottom: 10px;
}

.social-icon {
	fill: #ccc;
	margin-left: 15px;
	margin-right: 15px;
	width: 35px;
	transition: 0.7s ease-out;
}

.social-icon:hover{
	fill: #00315B;
	transition: 0.7s ease-out;
}

/* FOUNDATION */
/* ------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------*/

nav.top-bar {
text-align:center;
}
section.top-bar-section {
display: inline-block;
}

.breadcrumbs {
	background: none;
	border:none;
	padding:0;
	margin:0;
	margin-top:-6px;
	font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	font-size:14px;
}

.breadcrumbs a {
	color:#000;
}

/** Set the backgrounds for the different sections **/
.very-top {
	background-color:#FFF;
	height:110px;
}

.header-area {
    background-color: #003A60; /* check also inc_head */
    min-height: 120px;
	margin-top:115px;
}
.navigation-area {
	font-family: "Lucida Sans Unicode", "Lucida Grande";
	background-color:#00203B;
	height:45px;
	/*position:fixed;
	z-index:5;*/
}

.content-area {
    padding: 50px 0 70px 0;
}
.footer-area {
    background-color: #00203B;
    color: #fff;
	padding-top:20px;
	padding-bottom:20px;
}
.full-width {
    min-width:100%;
}

/** Changes background color, height and margin of the border **/
.top-bar {
    background: #00203B;
    height: 45px;
    /*line-height: 58px;*/
    margin-bottom: 0;
}
/** Removes black background on menu bar **/
.top-bar-section ul {
    background: none;
    text-transform: uppercase;

}
/** Removes black background on menu item **/
.top-bar-section li a:not(.button) {
    background: none;
    /*line-height: 58px;*/
    padding: 0 14px;
	font-size: 14px;
	font-weight:normal;
}

/** Changes the active menu item from default black to a gradient **/
.top-bar-section ul li.active > a {
    background:  rgb(0, 0, 0);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0 transparent;
    color: #fff;
}
/** Changes the hover state of non active menu items **/
.top-bar-section li:hover a {
	background: none;
    color: #999;
}
/** Changes non active menu items text color to black **/
.top-bar-section ul li > a {
    color: #FFF;
}

/** Remove margin for arrow **/
.top-bar-section .has-dropdown > a {
	padding-right: 10px !important;
}

.top-bar-section .dropdown li a {
	font-size:11px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	line-height:normal;
	color: #FFF;
}

/** Changes the hover state of dropdown menu items **/
.top-bar-section ul.dropdown li a:hover:not(.button) {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
}
/** IMPORTANT fill for the ul dropdown container **/
.top-bar-section ul.dropdown {
    background: #00203B;
    color: #fff;
}

/** This fixes the position and the color of the dropdown arrow **/
.top-bar-section .has-dropdown > a:after {
	display:none;
    /*border-color: rgba(0, 0, 0, 1) transparent transparent;
    margin-top: 2.5px;*/
}


/* MEDIA */
/* ------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------*/
/* 940px */
@media only screen and (max-width: 58.75em) {

.logo-anniv-link {
	padding-left: 0.9rem;
	padding-right: 0.65rem;
}
.logo-anniv,
.logo-anniv__swap {
	overflow: visible;
}
.logo-anniv__swap,
.logo-anniv__right {
	height: 4.65rem;
	max-height: 76px;
}

.logo {
	margin-top:18px;
}
	
.obsah .columns {
	padding-left:5px;
}

    .top-bar .toggle-topbar.menu-icon {
      right: 50%;
      top: 50%;
      margin-top: -16px;
      padding-left:0px; }
      .top-bar .toggle-topbar.menu-icon a {
        text-indent: 23px;
        width: 34px;
        height: 34px;
        line-height: 33px;
        padding: 0;
        color: white; }

    .top-bar.expanded .toggle-topbar a {
      color: #888888; }

h1 {
	font-size:40px;
	padding-top:20px;
}

h2 {
	font-size:20px;
	font-family: 'Segoe UI', sans-serif;
	padding-top:10px;
	font-weight:bold;
}

.contentt {
	/*padding: 10px 10px 10px 10px;*/
	padding-top:0px;
	background: none;
	margin-bottom:30px;
}

.obsah li {
	margin-left:30px;
}

.no-li-margin li {margin:0px 0px 0px 0px;}

.toggle-topbar {
	text-align:center;
}

section.top-bar-section {
display: block;
}

/* Makes the responsive menu fit in the navigation container and change its background to black */
.top-bar ul {
	background-color: #00203B;
	/* padding-bottom: 13px;*/
}

.top-bar.expanded .title-area {
	background-color: #00203B;
}

.top-bar.expanded {
	background-color: #0FF;
}

.top-bar.expanded ul li {
	padding-bottom:20px;
	text-align:center;
}

.top-bar-section li a:not(.button) {
	font-size: 16px;
}
	
    /* Change non active menu item color to black */
    .top-bar-section ul li > a {
	color: #fff;
    }
    /* Gives the dropdown ul a black fill */
    .top-bar-section ul {
        background: #00203B;
    }
    /* Give the BACK button after going in a submenu the appropriate filling */
    .top-bar-section .dropdown li.title h5 a {
        line-height: 57px;
    }
    /* This fixes the position and the color of the dropdown arrow */
    .top-bar-section .has-dropdown > a:after {
        border-color: #00203B;
        margin-top: 2.5px;
    }
} /* end media query */

/* Footer partner logos: aligned grid on narrow screens (Foundation floats + last-column float:right break the layout) */
@media only screen and (max-width: 767px) {
	.footer-partner-logos.row {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		column-gap: 1.5rem;
		row-gap: 1.75rem;
		max-width: 100%;
	}
	.footer-partner-logos.row:before,
	.footer-partner-logos.row:after {
		display: none;
		content: none;
	}
	.footer-partner-logos > .columns {
		float: none !important;
		width: calc(50% - 0.75rem) !important;
		max-width: 12rem;
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
		text-align: center;
		box-sizing: border-box;
	}
	.footer-partner-logos > .columns a {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 2.75rem;
	}
	.footer-partner-logos > .columns img {
		max-width: 100%;
		width: auto;
		height: auto;
		display: block;
	}
}