* {
  box-sizing: border-box;
  margin:0px;
  padding:0px;
}

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

[class*="col-"] {
  float: left;
  padding: 0px;
}

html {
  background-color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  background-color: white;
  max-width: 1400px;
  margin-left:auto;
  margin-right: auto;
}

/*  =====  PRVKY  =====  */
body {}

h1{font-size: 200%;font-weight: bold;padding: 10px 10px 2px 10px;}
h2{font-size: 200%;font-weight: normal;padding: 10px 10px 2px 10px;}
h3{font-size: 170%;font-weight: bold;padding: 8px 10px 2px 10px;}
h4{font-size: 170%;font-weight: normal;padding: 8px 10px 2px 10px;}
h5{font-size: 140%;font-weight: bold;padding: 5px 10px 2px 10px;}
h6{font-size: 140%;font-weight: normal;padding: 5px 10px 2px 10px;}

p {
  padding: 10px;
  text-align: justify;
  line-height: 1.3;
}

hr{
  margin-left: auto;
  margin-right: auto;
  width:99%;
}
button{
	cursor: pointer;
	outline: none;
	text-align: center;
	vertical-align: middle;
  border-radius: 3px;
}
button:active{transform: translateY(2px);}
button.submit {margin:0px; width:100%; height:40px; font-size:120%; padding:5px 10px 5px 10px; background-color:PapayaWhip;}
button.submit:hover {background-color:Moccasin;}
button.submit:active {background-color:BurlyWood;}
button.submitUpdate {margin:0px; width:100%; height:40px; font-size:120%; padding:5px 10px 5px 10px; background-color:#adedab;}
button.submitUpdate:hover {background-color:#60dc5c;}
button.submitUpdate:active {background-color:#259f22;}
button.registration {background-color: #62b101; color:white; padding:5px 20px;font-size:110%;width:170px;}
button.registration:hover {background-color: #3a6901;}
button.startlist {background-color: #62b101; color:white; padding:5px 20px;font-size:110%;width:170px;}
button.startlist:hover {background-color: #3a6901;}
button.reload {background-color: #a5a5a5; color:white; padding:5px 20px;font-size:110%;}
button.reload:hover {background-color: #797979;}
button.activate{width:100%;cursor: pointer;height:40px; font-size: 120%; background-color: #e3ffd5;}
button.activate:hover{width:100%;cursor: pointer;height:40px; font-size: 120%; background-color: #bcff9b;}
button.deactivate{width:100%;cursor: pointer;height:40px; font-size: 120%; background-color: #ffffd9;}
button.deactivate:hover{width:100%;cursor: pointer;height:50px; font-size: 120%; background-color: #ffff71;}
button.cancel{width:100%;cursor: pointer;height:40px; font-size: 120%; background-color: #dadada;}
button.cancel:hover{width:100%;cursor: pointer;height:40px; font-size: 120%; background-color: #b8b8b8;}
button.delete{width:100%;cursor: pointer;height:40px; font-size: 120%; background-color: #ffd0d1;}
button.delete:hover{width:100%;cursor: pointer;height:40px; font-size: 120%; background-color: #ff9598;}

table.startovka{margin-left: auto;margin-right: auto;width:98%;min-width: 599px;overflow: scroll;}
table.startovka tr{height: 30px;}
table.startovka tr th{background-color: #dddddd;}
table.startovka tr td{border-bottom: 1px solid #eaeaea;}

table.timing{margin-left: auto;margin-right:auto;padding:0px 5px;width:100%;font-size: 80%;}
table.timing tr{height: 30px;}
table.timing tr th{background-color: #dddddd;}
table.timing tr td{border-bottom: 1px solid #eaeaea;}

table.contactForm{margin:0px;padding:7px;line-height: 35px;width:100%;font-size:110%;}
table.contactForm tr td{vertical-align: top;}
table.contactForm input, select{padding:5px 10px;font-size:100%;width:100%;vertical-align: top;}
table.contactForm textarea {width:100%;height:300px;padding:5px 10px;vertical-align: top;overflow-y: scroll;font-size:130%;}


/*  =====  CLASS  =====  */
.btn_casomira_yellow{width:100%;height:30px;font-weight:bolt;font-size:80%;background-color:#ffffbd;cursor:pointer;}
.btn_casomira_green{width:100%;height:30px;font-weight:bolt;font-size:80%;background-color:#a6ff00;cursor:pointer;}
.btn_casomira_edit{width:25px;height:25px;padding:3px;font-weight:bolt;font-size:60%;background-color:#7e7e7e;color:white;cursor:pointer;}
.btn_casomira_save{width:100%;height:40px;font-weight:bolt;font-size:80%;background-color:#ffd200;cursor:pointer;}
.btn_startovka_edit{width:25px;height:25px;padding:3px;font-weight:bolt;font-size:50%;background-color:#7e7e7e;color:white;cursor:pointer;}
.btn_startovka_akt{width:30px;height:25px;background-color:#a6ff00;}
.btn_startovka_reg{width:30px;height:25px;background-color:orange;}
.btn_startovka_del{width:30px;height:25px;background-color:red;}
.casomira_edit{float:right;margin:0px;padding:0px 5px;}
.edit_date{width:80px;font-size: 150%;}
.edit_time{width: 100%;}
textarea.edit_date_start{width:80px;height:40px;font-size: 150%;}
textarea.edit_date{width:80px;height:40px;font-size: 120%;}

.icon_status{
  height: 20px;
  vertical-align: middle;
}
.bold{font-weight: bold;}
.red{color:red;}
.blue{color:blue;}
.orange{color:orange;}
.green{color:green;}
.grey{color:grey;}
.yellow{color:yellow;}

.em05{font-size:50%;}
.em06{font-size:60%;}
.em07{font-size:70%;}
.em08{font-size:80%;}
.em09{font-size:90%;}
.em10{font-size:100%;}
.em11{font-size:110%;}
.em12{font-size:120%;}
.em15{font-size:150%;}
.em18{font-size:180%;}
.em20{font-size:200%;}
.em25{font-size:250%;}

.event{
  width:97%;
  background-color: Azure;
  margin: 2px 4px;
  padding: 10px;
  color: black;
  text-align: left;
  font-size: 100%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.50), 0 1px 2px rgba(0,0,0,0.80);
}
.event-title {font-weight: bold;font-size:120%;margin:10px 0px 0px 0px;}
.event-position {font-weight: bold;color:LightSeaGreen;font-size:100%;margin:15px 0px 0px 0px;}
.event-position a{color:LightSeaGreen;text-decoration: none;}
.event-position a:hover{color:SeaGreen;}
.event-date {font-weight: normal;font-size:100%;margin:10px 0px 0px 0px;}

.tableEvents{
  margin-left:10px;
  color: DarkSlateGrey;
}
.tableEvents tr td {
  vertical-align: top;
}
.titleEvents{
  font-size:110%;
  font-weight: bold;
  color:Maroon;
}
.placeEvents{
  font-size:90%;
  color:Olive;
}
.sportEvents{
  font-size:90%;
}
.infoEvents{
  font-size:100%;
}
img.fotoEvents {
  width: 160px;
  border:2px solid grey;box-shadow: 0 2px 4px rgba(0,0,0,0.50), 0 2px 3px rgba(0,0,0,0.80);
  vertical-align: top;
}
img.fotoEventsDetail {
  height: 180px;
  border:2px solid grey;box-shadow: 0 2px 4px rgba(0,0,0,0.50), 0 2px 3px rgba(0,0,0,0.80);
  float: right;
  margin: 15px;
}
img.logoEventsDetail {
  max-height: 120px;
  max-width: 200px;
  float: right;
  margin: 5px 15px;
}
img.logoRace {
  height: 120px;
  float: right;
  margin: 5px 15px;
}
a.tableEvents {
  text-decoration: none;
}

.pdfIcon{padding:0px 10px;float:left;text-align: center;}
.pdfIcon img{width:80px;text-align: center;}
.pdfIcon-img{width:80px;text-align: center;}

.far{font-size: 150%;}
.fas{font-size: 150%;}

.window{color:DarkSlateGrey;}

.login{width:98%;margin:0px;padding:5px 10px;font-size:110%;}
.login button {margin-left:10px;padding:0px 0px;width:95%;}
input.login {margin:10px;width:95%;font-size:110%;box-shadow: 0 1px 3px rgba(0,0,0,0.20), 0 1px 2px rgba(0,0,0,0.50)}
input.login:hover {background-color:LightCyan;}
input.login:focus {background-color:LightCyan;}
.login_checkbox input {box-shadow: 0 1px 3px rgba(0,20,0,0.20), 0 1px 2px rgba(0,20,0,0.50)}
.logged{padding:5px 7px;font-size:80%;font-weight: bold;}
.logged_email{color:ForestGreen;}

.news_filtr{margin:0px;padding: 10px 10px 0px 10px;}
.news_filtr button{padding: 2px 10px;}
.news_filtr input, textarea, select{padding: 2px 5px;font-size:90%;width: auto;}
.error_bg{background-color: #ffecec;}
.error_tx{color:red;font-weight: bold;}
.confirmation{color:green;font-weight: bold;font-size: 110%;}

.news{background:white; margin-top:20px 0px;margin:10px;}
.news-event{background-color:gray ;color:white;font-size:110%;font-weight:bold;padding:5px 10px;}
.news-title{color:Maroon;font-size:110%;}
.news-date{color:Olive;font-size:80%;}
.news-text{width:100%;color:DarkSlateGrey;font-size:100%;padding:0px 10px 0px 10px;}
hr.news{color:#e7e7e7;padding:0px;}
.pagination{font-size:100%;display: inline-block; border-bottom: 0px solid gray;}
.pagination i {font-size:100%;}
.pagination a {float: left; padding: 8px 16px; text-decoration: none; color: black;border-radius: 5px;transition: background-color .3s;}
.pagination a.active {background-color: ForestGreen;color: white;}
.pagination a:hover:not(.active) {background-color: #ddd;}
button.pagination {background-color: #ddd; padding:2px 10px;font-size:90%;}
button.pagination:hover {background-color: #ddd;}
.partners {}
.partners img {margin:10px;text-align: center;vertical-align: middle;}
.partners_admin {float:left;width:100%;height:450px;margin:2px;padding:5px 5px 20px 5px;text-align: center;}
.partners_admin_img {padding:10px;height:120px;}
.partners_admin img {margin:0;}
.partners_admin input, textarea {width:100%;font-size:90%;}
.partners_admin textarea {height:120px;}
.partners_detail {margin:0;padding:0px 10px;}
.partners_detail a {font-size:120%;}
.partners_detail img {margin:0;padding:10px;max-height:150px;max-width:350px;}
.photo-text{width:98%;max-width: 860px;text-align:center;margin-left: auto;margin-right: auto;border:2px solid grey;box-shadow: 0 2px 4px rgba(0,0,0,0.50), 0 2px 3px rgba(0,0,0,0.80);}
.subtitle{font-size: 110%;font-weight: bold;padding: 0px 0px 5px 0px;}
.title{font-size: 110%;font-weight: bold;padding: 5px 10px 0px 10px;}
.error_message{color:red;font-weight:bold; margin: 5px 15px 0px 15px;font-size:110%;}
.error_message_small{color:red; font-size:80%;}
.message{color:green; font-weight:bold; font-size:110%;}
.webs_admin{float:left;width:100%;margin:5px;padding:5px;}
.webs_admin input, textarea {width:100%;font-size:90%;}
.webs_admin select {text-align:center;width:80px;font-size:100%;}
.webs_admin textarea {height:70px;}


/*  =====  hlavička  =====  */
.header {
  background-color: #ffffff;
  text-align: center;
  color: black;
  padding: 3px 8px;
}

.slideshow img {
  width:100%;
  margin:0px;
}

.logo img {
  height:50px;
  margin:0px;
}

/*  =====  menu  =====  */
.menu{
  width:97%;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  overflow: hidden;
}
.menu ul {
  list-style-type: none;
  margin: 0px;
  padding: 2px;
  overflow: hidden;
  
}

.menu li {
  float: left;
  padding: 0px;
  margin: 3px;
  width: 100%;
  background-color: LightSeaGreen;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.50), 0 1px 2px rgba(0,0,0,0.80);
}

.menu li a {
  display: block;
  color: white;
  text-align: left;
  padding: 14px 16px;
  text-decoration: none;
}

.menu li a:hover {
  background-color: black;
}
.home{
  background-color: DarkSlateGrey;
}
.charity{
  background-color: #2c3e50;
  color: white;
}
.active{
  background-color: ForestGreen;
}

.items{
  width:100%;
}
/* Hide the link that should open and close the topnav on small screens */
.menu .icon {
  display: none;
}
.iconarea{
  width: 100%;
  padding-bottom: 7px;

}

/*  =====  menu admin  =====  */
.menu_admin{
  margin: 0px;
  padding: 0px;
  font-size: 100%;
}
.menu_admin ul {
  list-style-type: none;
  margin: 0px;
  padding: 2px;
  overflow: hidden;
}

.menu_admin li {
  float: left;
  padding: 0px;
  margin: 3px;
  width: 98%;
  background-color: DeepSkyBlue;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.50), 0 1px 2px rgba(0,0,0,0.80);
}

.menu_admin li a {
  display: block;
  color: white;
  text-align: left;
  padding: 14px 16px;
  text-decoration: none;
}

.menu_admin li a:hover {
  background-color: Navy;
}
.active_admin{
  background-color: RoyalBlue;
}

/*  =====  menu season  =====  */
.menu_season{
  margin: 0px;
  padding: 0px;
  font-size: 100%;
}
.menu_season ul {
  list-style-type: none;
  margin: 0px;
  padding: 2px;
  overflow: hidden;
}

.menu_season li {
  float: left;
  padding: 0px;
  margin: 3px;
  width: 48%;
  background-color: DeepSkyBlue;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.50), 0 1px 2px rgba(0,0,0,0.80);
}

.menu_season li a {
  display: block;
  color: white;
  text-align: left;
  padding: 7px 10px;
  text-decoration: none;
}

.menu_season li a:hover {
  background-color: Navy;
}
.active_season{
  background-color: RoyalBlue;
}

/*  =====  menu season  =====  */
.menu_season_admin{
  margin: 0px;
  padding: 10px;
  font-size: 110%;
}
.menu_season_admin ul {
  list-style-type: none;
  margin: 0px;
  padding: 2px;
  overflow: hidden;
}

.menu_season_admin li {
  float: left;
  padding: 0px;
  margin: 3px;
  width: 80px;
  background-color: DeepSkyBlue;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.50), 0 1px 2px rgba(0,0,0,0.80);
}

.menu_season_admin li a {
  display: block;
  color: white;
  text-align: center;
  padding: 7px 10px;
  text-decoration: none;
}

.menu_season_admin li a:hover {
  background-color: Navy;
}
.active_season{
  background-color: RoyalBlue;
}

/*  =====  boční pravá část  =====  */
.aside {
  width:98%;
  background-color: Azure;
  margin: 2px 10px;
  padding: 10px;
  color: black;
  text-align: left;
  font-size: 100%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.50), 0 1px 2px rgba(0,0,0,0.80);
}

/*  =====  patička - spodní část  =====  */
.footer {
  background-color: transparent;
  color: SeaGreen;
  text-align: center;
  font-size: 80%;
  padding: 5px 10px;
}
.footer p{
  padding: 4px 8px;
}

/*  =====  responsivení zobrazení pro různé velikosti zařízení  =====  */
/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 500px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
  
  .partners_admin{width:100%;}
  
}
@media only screen and (min-width: 800px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
  
  .partners_admin{width:48%;}
}
@media only screen and (min-width: 1100px) {
  /* For desktop: */
  .col-w-1 {width: 8.33%;}
  .col-w-2 {width: 16.66%;}
  .col-w-3 {width: 25%;}
  .col-w-4 {width: 33.33%;}
  .col-w-5 {width: 41.66%;}
  .col-w-6 {width: 50%;}
  .col-w-7 {width: 58.33%;}
  .col-w-8 {width: 66.66%;}
  .colv-9 {width: 75%;}
  .col-w-10 {width: 83.33%;}
  .col-w-11 {width: 91.66%;}
  .col-w-12 {width: 100%;}
  
  .partners_admin{width:32%;}
}
@media only screen and (max-width: 799px){
  .menu a.icon {
    float: left;
    display: block;
    margin-left:10px;
  }
	.menu a.icon.responsive {
    float: left;
    display: block;
    margin-left:10px;
	}

  .menu .items{
    display: none;
  }
	.menu .items {position: relative;}
  .menu .items.responsive {
		float: none;
		display: block;
		text-align: left;
	}

  .menu_current_user{
    
  }
  
  .partners_detail {font-size:80%;}
  .partners_detail img {max-height:100px;max-width:150px;}

}