@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);

/**************************************/

/************ Obecné ******************/

/**************************************/

body{
	font-family: 'Open Sans', sans-serif;
	background: @light-grey;
}
@link: #1481c3;
@dark-blue: #0c4060;
@dark-grey: #909193;
@light-grey: #f5f5f7;
@black: #333333;
@red: #ed1b23;

p{
	line-height: 225%;
}
strong{
	font-weight: 600;
	color: #393939;
}
a{
	color: @link;
	text-decoration: none;
}
.button{
	display: inline-block;
	text-align:center;
	padding: 18px 39px;
	font-size: 15px;
	font-weight: bold;
	border-radius: 4px;
	
	&.blue{
		background: @link;
		color: #fff;
	}
	&.white{
		background: #fff;
		color: @link;
		border: 2px solid @light-grey;
	}
	
	&:hover{
		background: @red;
		cursor:pointer;
		text-decoration: none;
	}
}
h1{
	font-size: 32px;
	font-weight: 600;	
}
h2{
	font-size: 24px;
	font-weight: 600;	
}
h3{
	font-size: 16px;
    font-weight: bold;
	margin-top: 40px;
	margin-bottom: 30px;
}
h4{
	font-size: 14px;
    font-weight: bold;
	margin-top: 30px;
	margin-bottom: 20px;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
img{
	max-width: 100%;
	height: auto;
}
.container{
	background-color: #f5f5f7;
}
/***************************************/

/*********** header ********************/

/***************************************/

section.for_menu{
	background: linear-gradient(to right, #fff 0%,#fff 50%,#fff 50%,@dark-blue 50%,@dark-blue 100%);
	margin-bottom: 30px;
	
	a.logo{
		background:url(../images/logo.png) #fff no-repeat center;
		width: 108.5%;
		background-size: 100%;
    	height: 90px;
    	display: inline-block;
		float:left;
		
		@media(max-width: 767px){
			display: none;
			height: 50px;
			
			&.male{
				display: inline-block;
				max-width: 185px;
			}
		}
		@media(min-width: 768px){	
			&.male{
				display: none;
			}
		}
		
		p{
			text-indent: -999px;
		}
	}
	p.obeznik{
		float:left;
		padding: 30px 15px;
		line-height:28px;
		color: #ccd6dc;
		margin-left: 50px;
		margin-bottom: 0;	
		
		@media(max-width: 991px){
			display: none;
		}
	}
	.navbar{
		border: 0;
		border-radius:0;
		margin-bottom: 0;
	}
	.navbar-default{
		background: @dark-blue;
		.navbar-collapse{
			border:0;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		.navbar-toggle{
			border-color: #fff;
			color: #fff;
			font-weight:600;
			padding: 6px 10px;
			
			.icon-bar{
				background-color: #fff;
			}
			&:focus{
				background-color: transparent;
			}
		}
	}
	.navbar-default .navbar-nav>li>a{
		color: #fff;
		font-size: 15px;
		font-weight: 900;
		text-transform: uppercase;
		line-height: 30px;
		padding: 28px 30px;
		
		@media(max-width: 991px){
			padding: 28px 20px;
		}
	}
	
	.navbar-default .navbar-nav>li>a:before{
		display: inline-block;
		float: left;
		margin-right: 15px;
		width: 30px;
		height: 30px;
		content: '';
	}
	.navbar-default .navbar-nav>li:first-child a:before{
		background: url(../images/menu-ikony.png) no-repeat left center;
	}
	.navbar-default .navbar-nav>li:nth-child(2) a:before{
		background: url(../images/menu-ikony.png) no-repeat -43px center;
	}
	.navbar-default .navbar-nav>li:last-child a:before{
		background: url(../images/menu-ikony.png) no-repeat right center;
	}

	.navbar-nav{
		float: right;
		padding-right: 4%;
		
		@media(max-width: 767px){
			width: 100%;
		}
	}
}
/*************************************/

/*********** podmenu *****************/

/*************************************/
section.podmenu{
	float:right;
	clear:right;
		
	h1{
		margin-top: 14px;
		
		a{
			color: #000;
			text-decoration: none;
			
			&:hover{
				text-decoration: none;
			}
		}
	}
	nav {
		margin-bottom: 5px;
		
		@media(max-width: 768px){
			margin-top: 20px;
		}
		
		.navbar-nav {
			margin: 0 auto;
			display: inline-block;
			table-layout: auto;
			float: none;
			width: 100%;
			
			/*@media(max-width: 991px)and(min-width:768px){
				padding-left: 15px;
			}*/
		}
		.navbar-nav>li{
			margin-right: 0.5%;
			margin-left: 0.5%;
			display: inline-block;
			float: left;
			text-align: center;
			width: 19%;
			margin-top: 12px;
			
			&.current-menu-item{
				a{
					background: @light-grey;
				}
			}
			@media(max-width: 991px){
				/*width: 19%;*/
				margin-top:0;
			}
			/*@media(min-width: 992px){
				margin-right: 2%;
				margin-left: 2%;
				
				&:nth-child(3){
					margin-right: 0;
				}
				&:nth-child(4){
					margin-left: 0;
				}
			}*/
			@media(max-width: 767px){
				padding-right: 1%;
				padding-left: 1%;
			}
			
			a{
				/*border: 1px dashed @dark-grey;*/
				background: #fff;
				/*border: 2px solid #eeeeef;*/
				border-radius: 7px;
				padding: 10px 10% 5px;
				line-height: 30px;
				font-weight: bold;
				color: @black;
				
				@media(min-width: 768px) and (max-width: 991px){
					padding: 10px 22% 5px;
				}
				
				&:hover {
					background-color: @light-grey;
				}
			}
		}
		.navbar-nav>li>a:before{
			display: inline-block;
			float: left;
			width: 35px;
			height: 30px;
			content: '';
			
			@media(min-width: 1200px){
				margin-left: 6%;
			}
			@media(max-width: 510px){
				float: none;
				margin: 0 15%;
			}
		}
		
		.navbar-nav>li:first-child {
			/*margin-left:0;*/
			
			a:before{
				background: url(../images/podmenu-ikony.png) no-repeat 7px center;
			}
		}
		.navbar-nav>li:nth-child(2) a:before{
			background: url(../images/podmenu-ikony.png) no-repeat -50px center;
		}
		.navbar-nav>li:nth-child(3) a:before{
			background: url(../images/podmenu-ikony.png) no-repeat -108px center;
		}
		.navbar-nav>li:nth-child(4) a:before{
			background: url(../images/podmenu-ikony.png) no-repeat -165px center;
		}
		.navbar-nav>li:last-child {
			padding-right: 0;
			a:before{
				background: url(../images/podmenu-ikony.png) no-repeat -227px center;
			}
		}
	}
}
section.aktuality{
	.pad{
		@media(min-width: 992px){
			padding-right: 30px;
		}
	}
	.udalost{
		background-color: #fff;
		border: 2px solid #eeeeef;
		border-radius: 7px;
		float: left;
		width: 100%;
		margin-bottom: 20px;
		overflow: hidden;
		
		.obrazek{
			min-height: 180px;
			background: url(../images/no-photo.png) no-repeat 25% center #fff;
			overflow: hidden;
			
			a{
				width: 100%;
			}
			
			@media(min-width:571px){
				a.velke{
					display: inline-block;
				}
				a.male{
					display: none;
				}
			}
			@media(max-width:570px){
				width: 100%;
				margin-bottom: 0px;
				
				a.velke{
					display: none;
				}
				a.male{
					display: inline-block;
				}
			}
			
			img{
				max-width: 100%;
				height: auto;
				
				@media(max-width:570px){
					width: 100%;
				}
			}
		}
		.obsah{
			@media(min-width: 1200){
				padding-top: 15px;
			}
			@media(max-width:570px){
				width: 100%;
				padding-left: 15px;
			}
			.for-h2{
				color: #000;
				display: inline-block;
				margin-bottom: 10px;
				
				@media(max-width: 767px){
					h2{
						font-size: 18px;
					}
				}
			}
			.for-date{
				width: 100%;
				float: left;
				
				.datum{
					float: left;
					padding: 4px 0;
					margin-right: 20px;
					color: @black;
					font-weight:600;
					
					@media(min-width: 768px){
						padding-left: 30px;
						background:url(../images/datum.png) no-repeat left 12px;
					}
				}
				.category{
					float: left;
					display: inline-block;
					background-color: #f5f5f7;
					margin-right: 3px;
					padding: 4px 8px;
					color: @dark-grey;
					font-weight:600;
					
					&.grey{
						border-left: 3px solid #f5f5f7;
					}
					&.orange{
						border-left: 3px solid #f3c15a;
					}
					&.blue{
						border-left: 3px solid #1481c3;
					}
					&.red{
						border-left: 3px solid #ed1c24;
					}
					&.green{
						border-left: 3px solid #81b944;
					}
					&.blue2{
						border-left: 3px solid #3bafda;
					}
				}
			}
			.popis{
				color: @dark-grey;

				
				.zobrazit{
					
					white-space: nowrap;
					
					span{
						display: inline-block;
						width: 16px;
						height: 8px;
						background:url(../images/sipka.png) no-repeat center;
					}
				}
			}
		}
	}
	.paginace{
		float: left;
		margin-top:50px;
		margin-bottom: 50px;
		font-weight: bold;
		
		.page-numbers{
			line-height: 25px;
			display: inline-block;
			height: 25px;
			width: 25px;
			border-radius:4px;
			float: left;
			text-align: center;
			
			
			&.next{
				background: url(../images/pagination-arrow.png) no-repeat -10px center @link;
				margin-left: 8px;
			}
			&.prev{
				background: url(../images/pagination-arrow.png) no-repeat 10px center @link;
				margin-right: 8px;
			}
			&:hover{
				text-decoration: none;
			}
		}
	}
	.prava{
		background-color: #fff;
		border: 2px solid #eeeeef;
		border-radius: 7px;
		overflow: hidden;
		margin-bottom: 20px;
		
		@media(min-width: 992px){
			float: right;
			clear: right;
		}
		
		ul.kat>li{
			border-bottom: 2px solid #f6f6f7;
			width: 100%;
			list-style-type: none;
			position: relative;
			
			span{
				position: absolute;
				right: 15px;
    			top: 18px;/*2*/
				background: @light-grey;
				color: @dark-grey;
				width: 46px;
				height: 32px;
				line-height: 30px;
    			text-align: center;
				border-radius: 3px;
				pointer-events: none;
			}
			&:hover{
				span{
					color: #fff;
					background: @link;
				}
			}
			&:last-child{
				border-bottom: 0;
			}
			&.current-cat{
				span{
					color: #fff;
					background: @link;
				}
			}
		}
		
		ul.kat>li>a{
			display: inline-block;
			padding-top: 18px;/*2*/
			padding-bottom: 18px;/*2*/
			font-weight: bold;
			color: @black;
			padding-left: 35px;
			border-left: 3px solid #fff;
			width: 100%;
			line-height:32px;
			
			&:hover{
				background-color: #fbfbfc;
				border-left:3px solid @link;
				text-decoration: none;
			}
		}
		ul.kat>li.current-cat{
			a{
				background-color: #fbfbfc;
				border-left:3px solid @link;
				text-decoration: none;
			}
		}
		&.stanice{
			padding-bottom: 20px;
			
			@media(max-width: 991px){
				float: left;
    			clear: left;
			}
			
			.cerp{
				padding: 32px 10px 5px;
				font-size: 12px;
				line-height: 100%;
				margin: 0;
			}
			h3{
    			padding: 15px 10px 10px;
				margin: 0px;
				border-bottom: 2px solid #f6f6f7;
				display: inline-block;
				width: 100%;
				
				span.pump{
					display: inline-block;
					float: left;
					margin-right: 10px;
					width: 25px;
					height: 30px;
					background: url(../images/pumpa.png) no-repeat center;
					background-size: contain;
				}
				span.text{
					display: inline-block;
					float: left;
					padding-top: 7px;
				}
			}
			ul.kat{
				border-bottom: 2px solid #f6f6f7;
				
				&:last-child{
					border-bottom: none;
				}
				>li{
					padding: 2px 10px;
					
					@media(min-width: 1200px){
						padding-left: 20px;
					}
					
					span{
						top: 2px;
						width: auto;
						height: auto;
						line-height: 20px;
						padding: 0 8px;
						
						@media(min-width: 1200px){
							padding: 0 15px; 
						}
					}
					&:hover{
						span{
							background: @light-grey;
							color: @dark-grey;
						}
					}
				}
			}
		}
		&.zasedacky,
		&.jidelnicek{
			background-repeat: no-repeat;
			background-size: 100%;
			padding-top:65px;
			padding-bottom: 85px;
		}
		&.jidelnicek{
			background-image: url(../images/background-jidelnicek1.png), url(../images/background-jidelnicek2.png);
			background-position: top, bottom;
		}
		&.zasedacky{
			background-image: url(../images/background-benefity1.png);
			background-position: bottom, top;
		}

		.in-prava{
			text-align: center;
			
			h2{
				font-size: 26px;
				font-weight:600;
				margin-bottom: 25px;
			}
			p{
				color: @dark-grey;
				margin-bottom: 20px;
			}
			.button{
				padding: 15px 18px;
			}
		}
	}
}
footer{
	width: 100%;
	background: @dark-blue;
	
	.container{
		background: none;
		min-height: 100px;
		padding-top:25px;
		text-align: center;
		
		p{
			line-height: 50px;
			padding-left: 70px;
			background: url(../images/zdar-paticka.png) no-repeat left center;
			float: left;
			color: #ccd6dc;
			
			@media(max-width:767px){
				float: none;
				display: inline-block;
			}
		}
		.pro_ridice{
			float: left;
    		margin-top: 15px;
			
			&:hover{
				color: #ffffff;
			}
		}
		.w{
			float: none;
			display: inline-block;
			width: 120px;
			height: 36px;
			margin-top: 10px;
			background:url(../images/sw-logo.png) no-repeat center top;
			
			&:hover{
				background-position: center -39px;
			}
		}
		.rss{
			float: right;
			display: inline-block;
			margin-top: 12px;
			
			span{
				display: inline-block;
				width: 30px;
				height: 30px;
				background:url(../images/rss.png) no-repeat center -34px;
			}
		}
	}
}
/************************************/

/********** podstranka **************/

/************************************/
section.podstranka{
	h1{
		margin-top: 10px;
		margin-bottom: 30px;
		font-size: 23px;
	}
	
	h2{
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.pad{		
		@media(min-width: 992px){
			padding-right: 30px;
		}
		.obrazek{
			margin-bottom: 40px;
			
			img{
				width: 100%;
			}
			
			@media(max-width: 1199px){
				margin-top: -20px;
			}
			
			@media(max-width:570px){
				width: 100%;
				margin-bottom: 20px;
			}
		}
		.obsah{
			padding-left: 40px;
			
			@media(max-width:570px){
				width: 100%;
				padding-left: 15px;
				
				h1{
					margin-bottom: 20px;
				}
			}
		}
		ul li{
			line-height:225%;
			color: @dark-grey;
					
			&:before{
				content: '';
				display: inline-block;
				vertical-align: -2px;
				height: 15px;
				width: 15px;
				background:url(../images/arrow-list.png) no-repeat center center;
				margin-right:15px;
			}
		}
		ol {
			padding-left:0;
			list-style-position:inside;
			color: #e2001a;
			font-weight: 600; 
			
			li{
				line-height:225%; 
				color: @black;     
			
				strong{
					color: @dark-grey;
					font-weight:400;
					margin-left:5px;
				}
			}
		}
	}
	.bg-white{
		background-color: #fff;
		border: 2px solid #eeeeef;
    	border-radius: 7px;
		margin-bottom: 70px;
		padding-top: 20px;
		padding-bottom: 20px;
		overflow: hidden;
		
		@media(min-width: 1200px){
			padding: 45px 35px 50px 50px;	
			margin-bottom: 110px;
			
			.telo{
				padding-left:0;
			}
		}
		
		.rss{
			float: right;
			display: inline-block;
			margin-top: 18px;
			line-height: 16px;
			
			span{
				display: inline-block;
				margin-left: 10px;
				float: right;
				width: 20px;
				height: 20px;
				background:url(../images/rss.png) no-repeat center 0px;
				background-size: 15px 32px;
			}
		}
		.center{
			width: 100%;
			float: left;
			
			@media(max-width: 767px){
				text-align: center;
			}
			
			@media(max-width: 1199px){
				.blue{
					&.dole{
						margin-top: 20px;
						margin-bottom: 20px;
					}
				}
			}
			#rezervace{    
				float: left;
				max-width: 500px;
				width: 100%;
				
				.for_input{
					max-width: 230px;
					width: 100%;
					margin-right: 5px; 
					
					&.slct{
						&:after{
							top: 26px;
						}
					}
				}
				
				.for_button{
					.button{
						padding: 18px 39px;
					}
				}
			}
		}
		#calendar{
			
			@media(max-width: 767px){
				.fc-center{
					float: left;
					width: 100%;
					text-align: center;
					margin-top:20px;
					
					h2{
						float: none;
						margin-bottom: 10px;
						
						@media(max-width: 420px){
							font-size: 19px;
						}
					}
				}
			}
			.fc-icon-right-single-arrow::after,.fc-icon-left-single-arrow::after{
				display: inline-block;
			}
			
			@media(max-width: 420px){
				.fc-left, .fc-right{
					float: none;
					display: inline-block;
					margin: 0px 25px;
				}
				.fc-right{
					margin-top:15px;
				}
			}	
		}
		.legenda{
			float: left;
			width: 100%;
			
			span{
				display: inline-block;
				float: left;
				margin-top: 20px;
				margin-right: 20px;
				
				&:before{
					content: '';
					float:left;
					width: 20px;
					height: 20px;
					border-radius: 4px; 
					margin-right: 10px;
				}
				
				&.zas1:before{
					background: #0c4060;
				}
				&.zas2:before{
					background: #81b944;	
				}
				&.zas3:before{
					background: #ed1c24;	
				}
			}
		}
		.for-date{
			width: 100%;
			float: left;
			
			.datum{
				float: left;
				padding: 4px 0;
				margin-right: 20px;
				color: @black;
				font-weight:600;
				width:100%;
				
				@media(min-width: 768px){
					padding-left: 30px;
					background:url(../images/datum.png) no-repeat left 12px;
				}
			}
			.category{
				float: left;
				display: inline-block;
				background-color: #f5f5f7;
				margin-right: 3px;
				padding: 4px 8px;
				color: @dark-grey;
				font-weight:600;
				
				&.grey{
					border-left: 3px solid #f5f5f7;
				}
				&.orange{
					border-left: 3px solid #f3c15a;
				}
				&.blue{
					border-left: 3px solid #1481c3;
				}
				&.red{
					border-left: 3px solid #ed1c24;
				}
				&.green{
					border-left: 3px solid #81b944;
				}
				&.blue2{
					border-left: 3px solid #3bafda;
				}
			}
		}
	}
	&.kalendar{
		h2{
			margin-top:0;
		}
		.button{
			margin-bottom: 30px;
			
			&.dole{
				margin-top: 30px;
				margin-bottom: 0;
			}
		}
		.bg-white{
			@media(min-width: 1200px){
				padding: 45px 15px;	
			}
		}
	}
	p{
		color: @dark-grey;
		
		img{
			max-width: 100%;
			height: auto;
			margin-top: 15px;
			margin-bottom: 15px;
			
			&.alignleft{
				float: left;
				margin-right: 30px;
			}
			&.alignright{
				float: right;
				margin-left: 30px;
			}
		}
	}
	.round-border{
		border-radius: 7px;
		border: 2px solid @light-grey;
		overflow: hidden;
		
		table{	
			width: 100%;
			color: @dark-grey;
			
			tr{
				&:nth-child(odd){
					background: #fbfbfb;
				}
				
				&:hover{
					background: #fcf8e0;
				}
				
				td{  
					text-align: right;
   					padding: 15px 20px;
					
					&:first-child{
						width:100%;
						text-align: left;
						padding-left:20px;
					}
					&:nth-child(3){
						color: #000;
					}
					.objednat{
						span{
							display: inline-block;
							width: 16px;
							height: 8px;
							background:url(../images/sipka.png) no-repeat center;
						}
					}
				}
				&.objednano{
					background: #fcf8e0;
					
					td{  
						.objednat{
							display: inline-block;
							padding: 6px 10px;
							background: #79b538;
							color: #fff;
							
							span{
								display: none;
							}
						}
						&:last-child{
							padding: 4px 10px;
						}
					}
				}
			}
			thead{  
				td{
					background: #fff !important;
					color: #000 !important;
					text-align: center !important;
					font-weight: 600 !important;
					
					&:first-child{
						text-align: left !important;
						width: 50%;
					}
					@media(max-width: 1199px) and (min-width: 992px){
						font-size: 12px;
					}
					
					@media(max-width: 390px){
						font-size: 11px;
					}
					
					&:last-child{
						border-right: 0 !important;
					}
				}
			}
		}
	}
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		-webkit-appearance: none;
	}
	input,textarea,select{
		position: relative;
		height: 40px;
		border: 1px solid #f1f2f5;
		padding-left:16px;
		width: 100%;
		max-width: 230px;
		border-radius: 4px;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		
		@media(max-width: 400px){
			max-width: none;
		}
		
		&:focus{
			outline: none; 
			border: 1px solid #79b538;
			-moz-box-shadow:    0px 0px 4px 1px #cbeddd;
			-webkit-box-shadow: 0px 0px 4px 1px #cbeddd;
			box-shadow:         0px 0px 4px 1px #cbeddd;
		}
		/*&:invalid{
			background: url(../images/input-error.png) no-repeat 92% center;
			outline: none; 
			border: 1px solid #ed1b23;
			-moz-box-shadow:    0px 0px 4px 1px #fbcacc;
			-webkit-box-shadow: 0px 0px 4px 1px #fbcacc;
			box-shadow:         0px 0px 4px 1px #fbcacc;
		}*/
		&.button{
			height: auto;
			width: auto;
			padding: 10px 39px;
			border: 0;
			
			&:focus{
				outline: none; 
				border: 0;
				-moz-box-shadow:    none;
				-webkit-box-shadow: none;
				box-shadow:         none;
			}
		}
		
		@media (max-width: 452px) {
			width:100%;
		}
	}
	input[type="date"] {
		&::-webkit-inner-spin-button { 
			display: none; 
		}
		&::-webkit-calendar-picker-indicator { 
			cursor: pointer;
			
			&:hover{
				background-color: #ffffff;	
			}
		}	
	}
	textarea{
		width: 100%; 
		height: auto;
	}	
	.for_input{
		display: inline-block;
		margin-bottom: 20px;
		
		&.pozn{
			width: 100%;
		}
		&.nahradni{
			margin-left:25px;
			
			p{
				color:#084264;
				font-weight:600;
				font-size: 15px;
			}
			
			@media (max-width: 590px) {
				margin-left: 0;
				display: block;
			}
		}
		
		@media (max-width: 452px) {
			width: 100%;	
		}
	}
	.for_submit{
		@media (max-width: 452px) {
			margin-top:20px;
		}
	}
	div.slct{
		position: relative;
		width: 100%;
		max-width: 230px;
		
		&::after{
			content:'';
			position:absolute;
			top: 1px;
			right: 4px;
			background:url(../images/select-arrow.png) no-repeat 25px 16px #ffffff; 
			width: 48px;
			height: 38px;
			display:block;
			pointer-events:none;
		}
	
		select{
			cursor: pointer;
			display: inline-block;
			
			@media (max-width: 452px) {
				width:100%;
			}
		}
	}
	
	input[type="radio"], input[type="checkbox"]{
		display:none;
	}	
	.option{
		line-height: 39px;
		
	}	
	input[type="checkbox"] + label,
	input[type="radio"] + label {
		font-weight: 400;
		color: #525252;
	}
	input[type="checkbox"] + label span,
	input[type="radio"] + label span {
		display:inline-block;
		width:15px;
		height:15px;
		border: 1px solid #dee0e5;
		border-radius: 3px;
		cursor:pointer;
		float: left;
		margin-right: 5px;
		margin-top: 3px;
	}
	input[type="radio"] + label span {
		border-radius: 100%;
		margin-top: 4px;
	}
	input[type="checkbox"]:checked + label span{
		background:url(../images/check-option.png) no-repeat 1px 2px;
	}    
	input[type="radio"]:checked + label span {
		background:url(../images/check-option.png) no-repeat -19px 2px;
	}
	
	/******************************/
	
	/****** jidelnicek ************/
	
	/******************************/
	
	form.jidelnicek{
		input#zam_id{
			margin-right: 10px;	
		}
		label[for=zam_id]{
			margin-right: 10px;
			line-height: 40px;
    		margin-top: 32px;
		}
		input[type="radio"] + label {
			font-weight: 400;
			color: @link;
			cursor:pointer;
			background:url(../images/sipka.png) no-repeat right center;
			padding-right: 20px;
			position: relative;
			
			&:hover{
				text-decoration: underline;
			}
		}
		input[type="radio"] + label span {
			display:none;
			width: auto;
			height: auto;
			border-radius: 0;
			cursor:pointer;
			float: left;
			margin-top:0;
			right: -8px;
			top: -4px;
		}
		input[type="radio"]:checked + label{
			background: 0;
			color: rgba(0,0,0,0.00);
		}
		input[type="radio"]:checked + label span {
			display:inline-block;
			background: #79b538;
			color: #fff;
			position: absolute;
			padding: 6px 10px;
		}
		input.button.blue{
			margin-top:30px;
		}
	}
}

/* Print Styles */
@media print {
	body { background:white; color:black; margin:0; }
	section.podstranka .bg-white .for-date,
	.gallery,
	.odbery,
	.prava,
	footer,
	section.for_menu
	{
		display: none;
	}
	section.podstranka .bg-white {
		border: none;
	}
}

/* Presentation upgrade */

body.page-template-presentation {
	section.for_menu,
	.sidebar,
	footer
	{
		display: none;
	}
  body.page-template-presentation h2 {
    font-size: 48px;
  }
  body.page-template-presentation .popis {
    text-align: justify;
    font-size: 18px;
  }

	#udalost-wrapper{
		display: flex;
		flex-direction: row-reverse;
		width: 1000%;
		position: relative;
		right: 1000%;
		animation: slide 600s infinite;
		.udalost{
			//-webkit-font-smoothing: antialiased;
			//font-family: 'Monsterrat', sans-serif;
			display: block;
			padding-top: 12px;
			/*text-transform: uppercase;*/
			font-weight: bold;
			font-size: 100%;
			color: #ed8809;
			text-align: center;
			width: 100%;

		}
	}

	@keyframes slide {
		0% {
			right: 900%
		}
		9% {
			right: 900%
		}
		10% {
			right: 800%
		}
		19% {
			right: 800%
		}
		20% {
			right: 700%
		}
		29% {
			right: 700%
		}
		30% {
			right: 600%
		}
		39% {
			right: 600%
		}
		40% {
			right: 500%
		}
		49% {
			right: 500%
		}
		50% {
			right: 400%
		}
		59% {
			right: 400%
		}
		60% {
			right: 300%
		}
		69% {
			right: 300%
		}
		70% {
			right: 200%
		}
		79% {
			right: 200%
		}
		80% {
			right: 100%
		}
		89% {
			right: 100%
		}
		90% {
			right: 0;
		}
		99% {
			right: 0;
		}
		100%{
			right:900%;
		}
	}

}