html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, header, menu {	margin: 0; padding: 0; }

*, html {
 -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

img { border: none; }
img, fieldset {	border: 0; }
img {	max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
a:link, a:visited, a:active { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; color: #4f4f4f; }

input[type=submit], input[type=button], input[type=image] { cursor: pointer; border: none; }
input[type=text], textarea { border: none; font-family: arial; }
input[type=text]:focus, textarea:focus { outline: none; }

body {
 position: relative; margin: 0; padding: 0; font-size: 17px; background: #ffffff; color: #303030; font-family: 'Montserrat', sans-serif;
}
.chyba {
 width: 100%; margin-bottom: 25px; background: #ff0000;
}
.chyba span {
 display: block; padding: 4px 12px; color: #ffffff
}
.ok {
 margin: 50px 0 50px 0; text-align: center; font-size: 18px;
}

.clear { clear: both; }
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }

h1,h2,h3,h4,h5,h6 {
 color: #000000; font-weight: normal;
}

h1 {
 position: relative; margin: 0 auto 50px auto; padding: 0; font-size: 42px; line-height: 48px; font-weight: 600; text-align: center;
}
/*
h1::after {
 position: absolute; left: 0; bottom: -10px; content: ''; width: 40px; height: 5px; background: #1063b1;
}
*/
h2 {
 position: relative; margin: 0 0 45px 0; padding: 0; font-size: 34px; line-height: 150%;; font-weight: bold;
}
h3 {
 position: relative; margin: 0 0 25px 0; padding: 0; font-size: 28px; line-height: 150%;; font-weight: bold;
}

.main {
 position: relative; margin: 0 auto;
}

.mojProfil {
 position: fixed; top: 0; right: -50%; bottom: 0; width: 50%; height: 100%; padding: 3%; background: #f2f2f2; border-left: 1px solid #cccccc; z-index: 999;
 -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}
.mojProfil.active {
 right: 0;
}
.mojProfil .cross {
 display: block; position: absolute; top: 30px; right: 30px; width: 50px; height: 50px; line-height: 50px;
 background-image: url(../img/cross.svg); background-repeat: no-repeat; background-position: center center; cursor: pointer;
 -moz-transition: 0.25s all ease; -webkit-transition: 0.25s all ease; -o-transition: 0.25s all ease; transition: 0.25s all ease;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}
.mojProfil .cross:hover {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}
.mojProfil .icon {
 margin: 0 0 60px 0; font-size: 60px;
}
.mojProfil .icon span {
 margin-left: 5px; font-size: 30px; font-weight: 300;
}
.mojProfil a.href {
 display: block; width: 250px; height: 60px; line-height: 40px; padding: 10px 10px 10px 65px; font-size: 18px; font-weight: 600;
 background-color: #ffffff; background-repeat: no-repeat; background-position: 10px center; background-size: 40px auto;
 border: 1px solid #000000;
 -moz-transition: 0.25s all ease; -webkit-transition: 0.25s all ease; -o-transition: 0.25s all ease; transition: 0.25s all ease;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}
.mojProfil a.href:hover {
 border-color: #005991; color: #005991; text-decoration: none;
    -ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
    transform: rotate(-5deg);
}
.mojProfil a.href.google {
 margin-top: 30px; background-image: url(../img/google_login.svg);
}
.mojProfil a.href.facebook {
 background-image: url(../img/facebook_login.svg);
}
.mojProfil .text {
 margin-top: 50px;
}

.header {
 position: relative; width: 100%; padding: 25px 0; text-align: left;
}
.header .logo {
 float: left; margin: 0 0 0 0; font-size: 34px; line-height: 100%;
}
.header .logo a {
 color: #005991;
}
.header .logo a:hover {
 text-decoration: none;
}
.header .logo a strong {
 color: #000000;
}

#menuBcloseBg {
 display: none; position: fixed; z-index: 499; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000000; opacity: 0;
}
#menuB {
 display: none; clear: both; float: left; width: auto; height: 50px; line-height: 50px; margin: 20px 0 0 0; padding: 0 15px;
 color: #ffffff; font-weight: 600; background: #000000; cursor: pointer;
}
#menuB.w100 {
 width: 100%;
}
#menuB:before {
 content: "\f0c9"; font-family: "Font Awesome 5 Free"; margin-right: 7px; font-weight: bold; color: #ffffff;
}
.header .menu {
 /*clear: both;*/ float: left; display: block; /*margin: 30px 0 0 0;*/ margin: 0 0 0 50px;
}
.header .menu .menuTop {
 display: none; position: relative; width: 100%; padding: 20px; font-weight: bold; color: #ffffff; background: #005991;
}
.header .menu .menuTop span {
 position: absolute; top: 13px; right: 13px; width: 30px; height: 30px;
}
.header .menu .menuTop span:before {
 content: "\f00d"; font-family: "Font Awesome 5 Free"; margin: 0 0 0 0; font-weight: bold; font-size: 32px; cursor: pointer;
}
.header .menu ul {
 margin: 0; padding: 0; text-align: center; list-style: none;
}
.header .menu ul.hlavne {
 display: inline-block;
}
.header .menu ul li {
 display: inline-block; margin: 0 20px 0 0; padding: 0;
}
.header .menu ul li:last-child {
 margin-right: 0;
}
.header .menu ul li a {
 display: block; height: 40px; line-height: 40px; padding: 0 10px; color: #393939; font-size: 16px;
 -moz-transition: 0.25s all ease; -webkit-transition: 0.25s all ease; -o-transition: 0.25s all ease; transition: 0.25s all ease;
}
.header .menu ul li a:hover, .menu ul li a.active {
 text-decoration: none; font-weight: bold;
}

.header .menu2 {
 float: left; /*margin: 30px 0 0 20px;*/ margin: 0 0 0 20px;
}
.header .menu2 ul {
 margin: 0; padding: 0; text-align: center; list-style: none;
}
.header .menu2 ul li {
 display: inline-block; margin: 0; padding: 0;
}
.header .menu2 ul li a {
 display: block; height: 40px; line-height: 40px; padding: 0 10px; color: #393939; font-size: 16px;
 -moz-transition: 0.25s all ease; -webkit-transition: 0.25s all ease; -o-transition: 0.25s all ease; transition: 0.25s all ease;
}

.header .login {
 float: right; height: 40px; line-height: 40px; margin-top: -4px;
}
.header .login .image {
 float: left;
}
.header .login .image img {
 width: 50px; height: auto;
}
.header .login a {
 float: left; margin-left: 15px; line-height: 50px;
 -moz-transition: 0.25s all ease; -webkit-transition: 0.25s all ease; -o-transition: 0.25s all ease; transition: 0.25s all ease;
}
.header .login a i {
 margin-right: 3px;
}
.header .login a:hover {
 text-decoration: none;
}
.header .login a:hover span {
 text-decoration: underline;
}

.imagetop {
 width: 100%; height: 600px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
 background-size: cover; background-position: center center; vertical-align: top; background-size: 100% auto;  background-repeat: no-repeat;
 /* background-size: 1920px 1080px; */
}
.imagetop.sub {
 height: 300px;
}


.imagetop .imageBg {
 position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;
}
.imagetop .cover {
 position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1);
}

.content {
 padding: 60px 0; background: #ffffff;
}

.infoError {
 width: 100%; padding: 25px; color: #ffffff; background: #ff0000;
}
.infoNoLogin {
 width: 100%; padding: 25px; line-height: 150%; color: #807500; background: #fff8a9;
}

.footer {
 background: #f6f6f6; border-top: 1px solid #e6e6e6;
}
.footer .main {
 padding: 70px 0; text-align: center;
}
.footer a {
 color: #ffffff;
}
.footer ul {
 display: block; margin: 0 auto; padding: 0; list-style: none;
}
.footer ul li {
 display: inline-block; margin: 0 30px 0 0; padding: 0;
}
.footer ul li a {
 color: #ffffff;
}
.footer ul li a.active {
 text-decoration: underline;
}
.footer .logo {
 margin: 0 auto; font-size: 34px; line-height: 100%;
}
.footer .logo a {
 color: #005991;
}
.footer .logo a:hover {
 text-decoration: none;
}
.footer .logo a strong {
 color: #000000;
}
.footer .logoPopis {
 margin-top: 20px; color: #2c2c2c;
}

.ulvypis1 {
 margin-bottom: 35px;
}
.ulvypis1 ul {
 margin: 0; padding: 0; list-style: none; font-size: 0;
}
.ulvypis1 ul li {
 display: inline-block; margin: 0 10px 0 0; padding: 0;
}
.ulvypis1 ul li a {
 display: block; margin: 0 0 5px 0; padding: 20px; font-size: 20px; font-weight: 600; color: #000000; background: #eeeeee;
 -moz-transition: 0.25s all ease; -webkit-transition: 0.25s all ease; -o-transition: 0.25s all ease; transition: 0.25s all ease;
}
.ulvypis1 ul li a small {
 font-size: 15px; font-weight: 400;
}
.ulvypis1 ul li a:hover, .ulvypis1 ul li a.active  {
 text-decoration: none !important; color: #ffffff; background: #912900;
}

.vrcholyItems {
}
.vrcholyItems a.item {
 position: relative; display: block; position: relative; float: left; width: 32%; margin: 0 0 2% 0;
 -moz-transition: 0.25s all ease; -webkit-transition: 0.25s all ease; -o-transition: 0.25s all ease; transition: 0.25s all ease;
}
.vrcholyItems a.item:nth-child(3n+2) {
 margin-left: 2%; margin-right: 2%;
}
.vrcholyItems a.item img {
 display: block; width: 100%; height: auto;
}
.vrcholyItems a.item .bg {
 position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, 0.2);
 -moz-transition: 0.25s all ease; -webkit-transition: 0.25s all ease; -o-transition: 0.25s all ease; transition: 0.25s all ease;
}
.vrcholyItems a.item:hover .bg {
 background: rgba(0,0,0, 0.6);
}
.vrcholyItems a.item .contentt {
 position: absolute; left: 20px; bottom: 20px;
}
.vrcholyItems a.item .contentt h2 {
 display: block; width: 200px; margin: 0; padding: 0; font-size: 22px; line-height: 140%; color: #ffffff; font-weight: 800; text-transform: uppercase;
}
.vrcholyItems a.item .contentt ul {
 margin: 10px 0 0 5px; padding: 0; list-style: none;
 max-height: 0; transition: max-height 0.25s ease-out; overflow: hidden;
}
.vrcholyItems a.item:hover .contentt ul {
 max-height: 500px; transition: max-height 0.25s ease-in;
}
.vrcholyItems a.item .contentt ul li {
 margin: 2px 0 0 0; padding: 0 0 0 0; font-size: 14px; color: #ffffff;
}
.vrcholyItems a.item .contentt ul li:before {
 position: relative; content: "\f0c8"; font-family: "Font Awesome 5 Free"; top: -2px; margin: 0 8px 0 0; color: #005991; font-weight: bold; font-size: 9px;
}

.zaznamyInfoB {
}
.zaznamyInfoB a  {
 position: relative; display: block; float: left; padding: 25px 25px 25px 75px; font-size: 20px; font-weight: 400; color: #ffffff; background: #63870e;
 -moz-transition: 0.25s all ease; -webkit-transition: 0.25s all ease; -o-transition: 0.25s all ease; transition: 0.25s all ease;
}
.zaznamyInfoB a:before {
 position: absolute; top: 21px; margin: auto 0; left: 25px; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 26px;
}
.zaznamyInfoB a:hover  {
 text-decoration: none !important; color: #ffffff; background: #912900;
}
.zaznamyInfoB a.add {
 float: left; width: 48%;
}
.zaznamyInfoB a.add:before {
 content: "\f6fc";
}
.zaznamyInfoB a.stats {
 float: right; width: 48%;
}
.zaznamyInfoB a.stats.w100 {
 width: 100%;
}
.zaznamyInfoB a.stats:before {
 content: "\f1fe";
}
.zaznamyInfoB .addDiv {
 position: relative; display: block; float: left; width: 48%; padding: 25px 25px 25px 75px; font-size: 20px; font-weight: 400; color: #ffffff; background: #b4b214;
}
.zaznamyInfoB .addDiv:before {
 position: absolute; top: 21px; margin: auto 0; left: 25px; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 26px;
}

.vrchol .info {
 padding: 10px 0; color: #ffffff; background: #005991;
}
.vrchol .info .item {
 float: left; width: 20%; padding: 15px; text-align: center;
}
.vrchol .info .item strong {
 display: block; margin-bottom: 15px;
}
.vrchol .zaznamyInfoB  {
 margin-top: 60px;
}
.vrchol h2.vypisRocnikyH {
 display: block; margin: 60px 0 20px 0 !important; padding: 0; font-size: 24px;
}
.vrchol .vypisRocniky {
 padding-bottom: 30px; border-bottom: 1px solid #eeeeee;
}
.vrchol .vypisRocniky .item {
 margin: 10px 0; padding-left: 10px;
}
.vrchol .vypisRocniky .item i {
 position: relative; top: 2px; margin-right: 10px; font-size: 22px;
}
.vrchol .vypisRocniky .item.green {
 color: #63870e;
}
.vrchol .mapa {
 margin: 60px 0 0 0;
}
.vrchol .mapa iframe {
 display: block; width: 100%; height: 500px;
}
.vrchol .stranka {
 margin-top: 60px;
}

.statistikyVrchol {
 margin-top: 60px; padding: 25px; background: #eeeeee;
}
.statistikyVrchol h2 {
 margin: 0 !important;
}
.statistikyVrchol .vypisStatistiky {
 margin-top: 0; padding: 0;
}
.statistikyVrchol .vypisStatistiky .itemStatVrchol {
 margin-top: 20px; padding: 5px 0 5px 20px; border-left: 4px solid #005991;
}
.statistikyVrchol .vypisStatistiky .itemStatVrchol h3 {
 margin: 0 0 0 0; padding: 0; font-size: 18px; color: #005991;
}
.statistikyVrchol .vypisStatistiky .itemStatVrchol .vypis {
 line-height: 160%;
}
.statistikyVrchol .vypisStatistiky .itemStatVrchol .vypis strong {
 font-weight: 600;
}

.form {
}
.form .formItem {
 margin-bottom: 35px;
}
.form label {
 display: block; margin-bottom: 7px; font-weight: 500;
}
.form input[type=text] {
 width: 400px; padding: 15px; font-size: 18px; border: 1px solid #dbdbdb;
}
.form input[type=submit] {
 width: 250px; padding: 15px; font-size: 18px; color: #ffffff; background: #000000;
}

.dropzone {
 padding: 60px 30px; color: #1063b1; line-height: 150%; border: 2px dashed #1063b1;
}

.zaznamVystupu {
 margin: 60px 0 0 0;
}
.zaznamVystupu .text {
 margin: 0 0 30px 0; font-size: 20px; line-height: 160%; text-align: center;
}
.zaznamVystupu .overenie {
 position: relative; padding: 10px; background: #f1f1f1;
}
.zaznamVystupu .overenie h2 {
 margin: 10px; font-size: 18px; padding: 15px; text-align: center; color: #ffffff; background: #005991;
}
.zaznamVystupu .overenie h3 {
 margin: 10px 10px 10px 10px; padding: 12px; font-size: 16px; text-align: center; color: #ffffff; background: #ff0000; font-weight: 600;
}
.zaznamVystupu .overenie .item {
 float: left; margin: 10px; text-align: center;
}
.zaznamVystupu .overenie .item img {
 display: block; width: 150px; height: auto;
}
.zaznamVystupu .overenie .item span {
 display: inline-block; margin: 4px 0 0 0; padding: 4px 0; font-size: 13px; text-align: center; cursor: pointer;
}
.zaznamVystupu .overenie .item span:hover {
 color: #bf0000;
}
.zaznamVystupu .overenie p {
 padding: 15px; text-align: center; font-weight: 500;
}
.zaznamVystupu .overenie .addPopis {
 margin: 20px 10px 10px 10px;
}

.zaznamVystupu .overenie .addPopis .itemAdd {
 float: left;
}
.zaznamVystupu .overenie .addPopis .itemAdd.datum {
 margin-right: 30px;
}
.zaznamVystupu .overenie .addPopis .itemAdd label {
 display: block; margin: 0 0 10px 0; font-weight: bold;
}
.zaznamVystupu .overenie .addPopis .itemAdd input[type=text] {
 width: 300px; padding: 20px; font-size: 16px;
}
.zaznamVystupu .overenie .addPopis .itemAdd textarea {
 width: 400px; height: 100px; padding: 20px; font-size: 16px;
}

.zaznamVystupu .overenie .addPopis .save {
 display: inline-block; margin: 20px 0 0 0; padding: 15px; color: #000000; background: #e3e3e3; cursor: pointer;
}
.zaznamVystupu .overenie .addPopis .save:hover {
 color: #ffffff; background: #912900;
}
.zaznamVystupu .dropzoneB {
 margin-top: 50px;
}

/* activeMenu */
ul.activeMenu {
 margin: 20px 0 0 0; padding: 0 0 0 0; list-style: none; font-size: 0; /*border-bottom: 1px solid #e6e6e6;*/
}
ul.activeMenu li {
 display: inline-block; margin: 0; padding: 0; font-size: 14px;
}
ul.activeMenu li:before {
 content: "\f0da"; font-family: "Font Awesome 5 Free"; padding: 0 8px; color: #79797c; font-weight: bold;
}
ul.activeMenu li.home:before {
 content: "\f015"; font-family: "Font Awesome 5 Free"; padding: 0 8px; color: #79797c; font-weight: bold;
}
ul.activeMenu li a {
 color: #79797c;
}
ul.activeMenu li:last-child a {
 color: #424242; font-weight: 600;
}
/* /activeMenu */


.vrchari {
}

.vypisVrchari {
}
.vypisVrchari .item {
 margin-bottom: 40px; padding: 15px 15px 25px 15px; border-bottom: 2px solid #eeeeee;
}
.vypisVrchari .item:last-child {
 margin-bottom: 0;
}
.vypisVrchari .item:hover {
 background: #f7f7f7;
}
.vypisVrchari .item .meno {
 margin-bottom: 20px; font-size: 20px; font-weight: 600;
}
.vypisVrchari .item .meno span {
 display: inline-block; margin: 0 0 0 10px; font-size: 15px; font-weight: 500; color: #5f9533;
}
.vypisVrchari .item .meno span strong {
 font-size: 17px;
}
.vypisVrchari .item .image {
 float: left; width: 60px; height: 60px;
}
.vypisVrchari .item .image img {
 display: block; width: 60px; height: auto;
}
.vypisVrchari .item .info {
 margin-left: 90px; line-height: 150%;
}
.vypisVrchari .item .info .info_item {
 margin-bottom: 10px;
}
.vypisVrchari .item .info .info_item strong {
 display: inline-block; margin-right: 5px;
}


.statistiky {
}
.statistiky .item {
 margin-bottom: 40px; padding: 15px 15px 25px 15px; border-bottom: 2px solid #eeeeee;
}
.statistiky .item:hover {
 background: #f7f7f7;
}
.statistiky .item .nazov {
 margin-bottom: 20px; font-size: 20px; font-weight: 600;
}
.statistiky .item .info {
}
.statistiky .item .info .perc1 {
 width: 100%; height: 50px; line-height: 50px; background: #eeeeee;
}
.statistiky .item .info .perc1.withText {
 padding: 0 15px; color: #000000;
}
.statistiky .item .info .perc1 .perc2 {
 width: 100%; height: 50px; line-height: 50px; padding: 0 15px; color: #ffffff; background: #63870e;
}

.mojeZdolane {
}
.mojeZdolane .vypismojeZdolane {
}
.mojeZdolane .vypismojeZdolane .item {
 margin-bottom: 30px; padding: 12px 12px 20px 12px; border-bottom: 2px solid #eeeeee;
}
.mojeZdolane .vypismojeZdolane .item h2 {
 margin: 0 0 15px 0; padding: 0; font-size: 22px;
}
.mojeZdolane .vypismojeZdolane .item .detail {
 line-height: 150%;
}
.mojeZdolane .vypismojeZdolane .item .detail div {
 margin: 3px;
}
.mojeZdolane .vypismojeZdolane .item .detail .overeny {
 color: green; font-weight: bold;
}
.mojeZdolane .vypismojeZdolane .item .detail .caka {
 color: #ff0000;
}