h1{font-size:2rem; color: rgba(255,255,255,1); font-weight:300; text-transform: uppercase}
h2{font-size:1.8rem; color: rgba(255,255,255,1); font-weight:600; text-transform: uppercase}
p{font-size:1.4rem; color: rgba(255,255,255,1)}  
.in{margin: 0rem auto; padding:1% 0% 1% 0%; width:60%; height:100%;
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.0));
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.0));
}
.tyden{margin:1rem auto; padding:1% 0% 1% 0%; width:60%;
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0));
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0));
}
a{color: gray; font-weight: normal; text-decoration: none; display: block;}
a:hover{color: #CC0000; font-weight: normal; text-decoration: underline; display: block;}
a:active{color: #CC0000; font-weight: normal; text-decoration: underline; display: block;}


.link{color: #fff; font-weight: normal; text-decoration: underline; display: block;}
.link:hover{color: #CC0000; font-weight: normal; text-decoration: underline; display: block;}
.link:active{color: gray; font-weight: normal; text-decoration: underline; display: block;}


.example input[type=radio   ]:not(old){
  width   : 0;
  margin  : 0;
  padding : 0;
  opacity : 0;
}


.example input[type=radio   ]:not(old) + label{
  display      : inline-block;
  background   : white;
  width   : 20%;
  height: 5%;
  line-height:3.1;
  border-radius: 20rem;
  text-align: center;
  color: gray;
  font-size:2rem; 
  padding:1%;
  margin: 1%;
  overflow: hidden;
}

.example  input[type=radio]:checked + label{
    background   : #CC0000;
    color: white;
    font-weight: bold;
}


.tyden input[type=radio   ]:not(old){
  width   : 0;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

.tyden input[type=radio   ]:not(old) + label{
  display      : inline-block;
  background   : none;
  width   : 3.9rem;
  height   : 3.9rem;
  line-height:5.0;
  border-radius: 4rem;
  text-align: center;
  color: white;
  font-size:2.5rem;
  line-height:1.5; 
  padding:1%;
  margin: 1%;
  cursor:pointer;
  border-color: white;
  border-width:0.2rem;
  border-style: solid;
}

.tyden input[type=radio   ]:not(old) + label:hover{
  background   : rgba(255,255,255,0.5);
 }


.tyden  input[type=radio]:checked + label{
    background   : #CC0000;
    color: white;
    font-weight: bold;
}

strong, b{
    font-weight: bold;
    
}

.tyden strong, b{
    font-weight: bold;
    
}

.nic{
   font-size:1.5rem!important;
   line-height: 2.9!important; 
}

.orange
{color: rgba(255,255,255,1);}

.kolonka {
 background   : white;
 color: rgba(0,0,0,1.0);
 height: 5.0rem;
 width: 20.0rem;
 margin-top:0rem;
 margin-bottom:2.5rem;
 font-size:2.5rem;
 text-align: center;
 }

.kolonka1 {
 background   : white;
 color: rgba(0,0,0,1.0);
 height: 4.0rem;
 width: 15.0rem;
 margin-top:0rem;
 margin-bottom:2.5rem;
 font-size:1.7rem;
 text-align: center;
 }
 
 .kolonka_k{position: absolute;
 top:0rem;
 background-color: red;
 height:1%;
 width: 100%;
 }
 
.button {
 background   : #CC0000;
 color: white;
 font-weight: normal;
 padding:0.5rem 2.0rem;
 margin-top:0.2rem;
 font-size:1.5rem; 
 border-radius: 0.2rem;
}

.tyden .button {
 background   : #CC0000;
 color: white;
 font-weight: normal;
 margin:1rem;
 font-size:1.5rem;  
 border-radius: 0.2rem;
 padding:0.5rem 2.0rem;
 cursor: pointer;
 }

.tyden .button:hover {
 background   : rgba(204,0,0,0.8);
  }

 .tyden p {
  font-size:1.5rem;  
  }


.vydej{
  display      : inline-block;
  background   : white;
  width   : auto;
  line-height  : 3.0;
  border-radius: 10.0rem;
  text-align: center;
  color: gray;
  font-size:4.0rem; 
  margin:0 2% 4% 2%;
  font-weight: bold;
  padding:0 4% 0 4%;
}

/*kalendar*/
.in-k	{
padding:1.0rem 1.0rem 1.0rem 1.0rem;
height:22.0rem;
_height:22.5rem;
/*width:285px;*/
background:white;

}

.kal	{
margin: 0px 0px 1.5rem 0px;
padding:0px 0px 0px 0px;
height:28.0rem;
_height:28.5rem
}

table{width:30.5rem; font-weight:normal; border-collapse:collapse; border: 0.1rem solid #F5F5F5; margin:0px 0px 0px 0px;}
td{ border: 0px solid #F5F5F5; width:4.0rem; padding:1.0rem; text-align:center; background:white; margin:0.3rem; font-size:80%;}
th {text-align:center; border: 0.1rem solid #F5F5F5;  background: #9acd32;  padding:0.7rem 1.0rem 0.5rem 1.0rem; color: black; height:3.3rem; font-size:90%; font-weight:300!important;}
.dny {color:gray!important;  height:3.0rem!important;}
.td_day{color:white; background:white; width:3.0rem; border: 0px solid silver;}

.td_today a{background:silver; color:#fff; display: block;
	         width:100%;
            height:100%;}
.td_today a:hover{display: block;
	         width:100%;
            height:100%;
				background-color: #CC0000;
				color:white;
				text-decoration:none;
        
        }

.td_today_1 a{	background: #E7E7E7;
	color: #fff;display: block;
	         width:100%;
            height:100%;}
.td_today_1 a:hover{display: block;
	         width:100%;
            height:100%;
				background-color: #CC0000;
				text-decoration:none;
        }				
				
.td_activ{
	background: white;
	color: gray;
	background-color: #F5F5F5;
}
.td_activ a{display: block;
	         width:100%;
            height:100%;}
.td_activ a:hover{display: block;
	        width:100%;
            height:100%;
				background-color: #CC0000;
				color:white;
				text-decoration:none;
        } 

/*kalendar*/

.x{position: fixed; left:0%; bottom:0%; width: 97%; text-align: center; line-height:1.5; background-color: #fff; padding: 1.5%;}

@media screen and (max-width: 1024px) {
.in{margin: 0rem; padding:1% 0% 1% 0%; width:100%; }
.tyden{margin:1rem 0rem; padding:1% 0% 1% 0%; width:100%; }
}


.telo {height:100%}