body {
 font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.1;
  color: rgba(255,255,255,1);
  text-align: center;
  background-image: url("../img/bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
h1{font-size:4rem; color: rgba(255,255,255,1); font-weight:300; text-transform: uppercase}
h2{font-size:2.5rem; color: rgba(255,255,255,1); font-weight:300; text-transform: uppercase}
p{font-size:1.4rem; color: rgba(255,255,255,1)}  

.in{margin: 0rem auto; padding:1% 0% 1% 0%; width:98%; height:100%;
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.0));
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.0));
}

a{color: gray; font-weight: normal; text-decoration: none; display: block;}
a:hover{color: red; font-weight: normal; text-decoration: underline; display: block;}
a:active{color: red; 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   : 18%;
  line-height:3.0;
  border-radius: 20rem;
  text-align: center;
  color: gray;
  font-size:110%; 
  padding:1%;
  margin: 1%;
}

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


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

.tyden{ 
  padding:0.5%;
  margin: 0.5%;
  background: rgb(235,235,235);
}

.tyden input[type=radio   ]:not(old) + label{
  display      : inline-block;
  background   : white;
  width   : 5.2rem;
  height   : 3.2rem;
  line-height:4.5;
  border-radius: 20rem;
  text-align: center;
  color: gray;
  font-size:60%; 
  padding:1%;
  margin: 1%;
}

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

strong, b{
    font-weight: bold;
    font-size:150%;
}

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

.orange
{color: red;}

.kolonka {
 background   : white;
 color: red;
 font-weight: bold;
 height: 5.0rem;
 width: 20.0rem;
 margin-top:0rem;
 margin-bottom:2.5rem;
 font-size:3rem;
 text-align: center;
 }

.kolonka1 {
 background   : white;
 color: red;
 font-weight: bold;
 height: 4.0rem;
 width: 15.0rem;
 margin-top:0rem;
 margin-bottom:2.5rem;
 font-size:2rem;
 text-align: center;
 }
 
 .kolonka_k{position: absolute;
 top:0rem;
 background-color: red;
 height:1%;
 width: 100%;
 }
 
.button {
 background   : red;
 color: white;
 font-weight: normal;
 height: 4.0rem;
 width: 30%;
 margin-top:0.2rem;
 font-size:150%; 
 border-radius: 1rem;
}

.tyden .button {
 background   : red;
 color: white;
 font-weight: normal;
 height: 2.0rem;
 width: 20%;
 margin:1rem;
 font-size:90%; 
 border-radius: 0.5rem;
 }



.vydej{
  display      : inline-block;
  background   : white;
  width   : auto;
  line-height  : 2.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:75%;}
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:80%; 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: red;
				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: red;
				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: red;
				color:white;
				text-decoration:none;
        } 

/*kalendar*/

.leva{width:46%;float:left; font-size: 100%; height:100%; padding: 0% 2% 2% 2% ; }
.prava{width:46%;float:left; font-size: 90%; height:100%; padding: 0% 2% 2% 2% ; }

.leva1{width:46%;float:left; font-size: 100%; height:100%; padding: 0% 2% 2% 2% ; position: fixed; }
.prava1{width:46%;float:right; font-size: 90%; height:100%; padding: 0% 2% 2% 2% ; }


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

.pdf {
width:90%;
height:135rem;
margin-bottom:5%;
}