.container a:link, .container a:visited {  }
.container a:hover { text-decoration:none; }
.container a.fb_button { padding:0 0 0 1px; }
/**************************************/
/*              GLOBALS               */
/**************************************/

body { font:100%/150% Tahoma, "Lucida Grande CE", lucida, sans-serif;color: #333;
	/*background:url(/images/body-back.jpg) repeat-x 0 0 #43853B;*/ 
	background: #73BF45;
	}
h1 { font-weight:normal; }
ul.nobullet { margin-left:0;list-style-type:none; }
.big { font-size:1.2em; }
.right { text-align:right; }
.center { text-align:center; }
.float-right { float:right; }
.hidden { display:none; }
.float-left { float:left; }
.strong { font-weight:bold; }
.green { font-weight:bold;color:#008C00; }
pre { background-color:white; }
.container div.fix { margin:0; }
hr {background:#EFEFEF;color:#EFEFEF;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
.container h1 { margin-top:0; }

.container a, .container a:visited { padding:0;color:#666; }
.container a:hover { color:#056A51; }
.container .prevnext input { font:100%/150% Tahoma, "Lucida Grande CE", lucida, sans-serif;color: #333;margin:0; }
.container .prevnext a { margin:0;line-height:24px; }
.container .prevnext a img { vertical-align:middle; }

#case {
	max-width: 977px;
	margin: 0 auto;
	padding: 10px;
	padding-bottom: 20px;
}
.appdesk{
	width:977px;

}
#header { 
	background-color:white;
	position:relative;
	padding: 10px 7px 10px 10px; 
	max-width: 950px;
	border-radius: 0px 0px 18px 18px;
	position: relative;
}



#header-back { 
	/*background:url(/images/top_bgr.jpg) no-repeat 0 0;
	height:205px;*/
	max-height:235px;}
#header-back img{
	width: 100%;
}

.menu-wrapped{
	display: inline-block;
	position: relative;
	width: 100%;
}

.menu-wrapped .responsive{
	display: none;
	background: #e4e2e3;
	padding: 0px 10px 0px 10px;
}
.menu-wrapped .responsive a{
	line-height: 64px;
	font-size: 28px;
	text-decoration: none;
	color: #32892e;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari*/
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;
}



#menu {
	font-size:1.2em;
	font-weight:bold;
}
#menu_time { 
	position:absolute;
	right: 15px;
	top:10px;
	font-size:1.2em;
	font-weight:bold;
	line-height: 30px;
}
#menu ul{

}
#menu ul li {
	display: inline-block;

}
#menu a {
	text-decoration:none;
	line-height: 30px;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 45px;
}

.table-wr-left, .table-wr-right{
	display: none;
}









#menu a:hover {
	text-decoration:underline;
	color: #056A51;
}
#menu li.selected a { color:#056A51; }
#menu ul { list-style-image:none;list-style-type:none;margin:0; }
#main { 
	/*background-color:white;*/
	background: white;
	padding: 10px;
	padding-bottom:20px;
	padding-top: 20px;
	border-radius: 18px 18px 0 0 ;
}



#content-top { 
	/*background:url(/images/content-top.gif) no-repeat 0 0;height:47px;*/
	/*background:url(/images/bg_po_odd.gif) no-repeat 0 0;*/
	height:47px;
}

#footer { text-align:center;color:white;}
#footer a { font-weight:bold;color:white;text-decoration:none;}

div.green-border {
	border-width:0 2px 2px 2px;
}
div.grey-border { 
	border:2px solid #CCC;
	border-width:2px 2px 2px 2px; 
	margin:5px 0px 5px 0px;
	padding:10px;
}
.container .grey-border form{
	margin-bottom: 37px;
}
.nepotvrzene_rezervace{
	border-collapse:collapse; 
}
.nepotvrzene_rezervace tr:nth-child(even) {background: #CCC}
.nepotvrzene_rezervace tr:nth-child(odd) {background: #FFF}

.nepotvrzene_rezervace tr:hover {
          background-color: #ffff99;
}
.login-wp{
	text-align: center;
}
.login{
	text-align: left;
	display: inline-block;
	width: 100%;
	max-width: 310px;
}
.login .span-8{
	width: 100%;
}

#prihlaseni_index p{
	width: 100%;
	text-align: justify;
}

.container .form .kform_els .span-8 input{
	width: 100%;
}



table.rozvrh { clear:both;width:99%;border:0; }
.container table.rozvrh td, .container table.rozvrh th { vertical-align:top;padding:2px 4px; }
table.rozvrh td.cislo { text-align:right; }
table.rozvrh td.time { border:1px solid white;width:5px;padding:6px 4px; }
table.rozvrh td.time .rezervacni_check { display:none; }
table.rozvrh td.time input { display:none; }
table.rozvrh td.time .button { display:block; }
table.rozvrh td.time .potvrzovaci_check { color:red; }
table.rozvrh td.time, .legend .time { background-color:#C00; }
table.rozvrh td.free, .legend .free { background-color:#0C0; }
table.rozvrh td.rez, .legend .rez { background-color:#2299FF; }
.container table.rozvrh td.disabled, .legend .disabled { background-color:#CCC; }
.container table.rozvrh td.no, .legend .no { background-color:#E7E7E7; }
.container table.rozvrh td.adm, .legend .adm { background-color:#FFC000; }
.container table.rozvrh td.my, .legend .my { background-color:#00C; }
table.rozvrh thead th { background-color:#E7E7E7;border:1px solid #999;border-width:1px 1px 0 1px;font-size:.9em;text-align:center;font-weight:normal; }
table.rozvrh thead th.first { border:0;background-color:transparent;width:70px; }
table.rozvrh td.time span { display:none; }

.container table.legend { margin:10px 0;float:right;width:auto; }
.container table.legend th { font-weight:bold;font-size:.9em;height:1px;padding:2px 4px; }
.container table.legend td.time { width:8px;padding:2px 4px; }

table.week { width:100%;margin:0; }
.container table.week a { display:block;font-weight:bold;text-decoration:none;color:white;text-align:center;background-color:#0C0; }
.container table.week td { padding:0;border:2px solid #0C0; }
.container table.week a:hover { color:#0C0;background-color:white;  }
.container table.week td.active a { background-color:#00C;  }
table.week td.selected { border-color:#0C0;border-width:2px 2px 0 2px;  }
.container table.week td.selected a { color:#0C0;background-color:white;  }

div#flash { text-align: left;border: 1px solid #ccc;font-size: 14px;font-weight: bolder;margin:0 0 10px 0;padding: 10px 5px 10px 45px; }
.mb_warning { border-color: #c99;color: #FFFFFF;border: 1px solid #FF0000;background: url("/images/cancel-32.png") no-repeat 5px 5px #FF6600; }
.mb_error { border-color: #c99;color: #FFFFFF;background:url("/images/cancel-32.png") no-repeat 5px 5px #CC0000; }
.mb_ok { border-color: #9c9;color: #060;background: url('/images/apply-32.gif') no-repeat 5px 5px #E2F9E3; }


#popup { position:absolute;top:0;left:0;width:300px;background-color:white;padding:5px;border:2px solid #E7E7E7;font-size:12px; }
table.popup th { text-align:right;padding:2px;font-weight:normal; }
table.popup td { font-weight:bold;padding:2px; }

.container table.info th {font-weight:bold;padding:2px;width:10px;text-align:right; }
.container table.info td {padding:2px; }

.rbox {
	/*width:270px; float: left; margin: 7px 15px 7px 15px;*/
	float: left; margin: 7px 4px; width: 303px;
}
.fix {clear: both;}
.kalendar { clear:both;width:99%;border:0; }

.container .kalendar li a{
	display: block;
	margin: 0;
	text-decoration: none;

}
.kalendar ul{
	margin: 0;
	padding: 0;
}
.container ul li{
	margin-left: 0;
	text-align: center;
	line-height: 30px;
	font-size: 98%;
}

/*.container .kalendar li, .container table.kalendar th { vertical-align:top;padding:2px 4px; }*/
.kalendar ul li{
	float: left;
	min-width: 41px;
	list-style-type: none;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
}

.kalendar li.cislo { text-align:right; }
/*.kalendar li.den { border:1px solid white;width:5px;padding:4px 1px; }*/
.kalendar li.den input { display:none; }
.kalendar li.den { background-color:#CCC; }
.kalendar li.free {
	background-color:#0C0; color: white
}
.kalendar li.free a{
	background-color:#0C0; color: white
}
.kalendar li.moje {
	background-color:#0000CC;
	color: white;
}
.kalendar li.adm { background-color:#FFC000; }
.kalendar li.full { background-color:#C00; }
.kalendar thead th { background-color:#E7E7E7;border:1px solid #999;border-width:1px 1px 0 1px;font-size:.9em;text-align:center;font-weight:normal; }
.kalendar thead th.first { border:0;background-color:transparent;width:70px; }
.kalendar li.den span { display:none; }
.kalendar li.den day{
	display: none;
}

.kalendar li.den a {text-decoration: none; color: #FFF;}

.week2 { width:100%;margin:0; }
.container .week2 li { padding:0;border-top:2px solid #0C0; border-left:2px solid #0C0; border-right:2px solid #0C0;}

.table-m{
	width: 100%;
	overflow: auto;
}
.header-response{
	display: none;
}
.header-response p{
	font-size: 18px;
	line-height: 40px;
}
.res{
	display: none;
}
.desk{
	display: initial;
}
.resonly{
	display: none;
}
.deskonly{
	display: initial;
}



.rozvrh-op{
	padding-top: 20px;
}
.infg input[type='submit']{
	margin-top:  5px;
}

.login .large.green .ok i{
	display: none;
}
.padding-no{
	padding:none;
}

@media only screen and (max-width : 294px) {
	#menu_time{
		display: none;
	}
}

@media only screen and (max-width : 980px) {
	#header-back{
		display: none;
	}
	.res{
		display: initial;
	}
	.desk{
		display: none;
	}
	.resonly{
		display: block;
	}
	.deskonly{
		display: none;
	}
	.prefix-4{
		padding-left: 0;
	}
	div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23{
		width: 100%;
	}
	.captchainput{
		width: 100%;
		height: 40px;
		font-size: 28px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#rezervaceform input[type="submit"]{
		line-height: 30px;
		font-size: 20px;
		width: 100%;
		height: 50px;
	}
	.header-response{
		display: block;
	}
	.header-response img{
		max-width: 100%;
	}
	#menu {
		display: none;
	}
	#menu.active{
		display: block;
	}

	#menu ul li {
		width: 100%;
		text-align: center;
	}
	#menu ul li{
		line-height: 20px;
	}
	#menu ul li a {
		font-size: 15px;
		text-transform: uppercase;
		border-bottom: 1px solid #cacaca;

	}

	#menu ul li.selected a {

	}

	.den{
		position: relative;
		font-size: 20px;
	}
	.den a{
		line-height: 47px;
	}

	.den .day{
		display: block;
		font-size: 15px;

	}
	.kalendar li.den span.day{
		display: block;
		position: absolute;
		bottom: 2px;
		height: 44px;
		left: 0;
		right: 0;
	}

	.menu-wrapped .responsive {
		display: block;
	}

	#menu_time {
		line-height: 64px;
		right: 10px;

	}


	.table-wr{
		max-width: 100%;
		width: 100%;
		overflow: hidden;
		position: relative;
		padding-left: 30px;
		padding-right: 50px;
	}

	.rozvrh .first{
		display: none;
	}
	.rozvrh .cislo{
		position: absolute;
		left: 0px;
		margin-top: 5px;
	}

	.rozvrh .opt{
		position: absolute;
		right: 0;
		z-index: 2;
		width: 45px;
		height: 35px;
	}

	.table-wr .button,
	.table-wr .button-right{
		width: 30px;
		position: absolute;
		height: 100%;
		background: white;
		top: 0;
	}
	.table-wr .button{
		left: 0;

	}
	.table-wr .button-right{
		right: 0;
		width: 50px;
	}
	.table-wr{
		min-height: 100px;
	}
	.rozvrh-op{
		display: none;
	}
	table.rozvrh thead th{
		font-size: 20px;
	}
	table.rozvrh td.time{
		padding: 10px 10px;
	}
	.slide-left,
	.slide-right{
		font-size: 30px;
		padding: 50px 2px;
		background: #d8d8d8;
	}
	.rozvrh-wp{
		width: 100%;
		display: inline-block;
		text-align: center;
	}

	#case{
		padding-top: 0;
	}
	body{
		padding-top: 0;
		margin: 0;
	}
	#content-top{
		height: 24px;
	}
	#main{
		min-height: 300px;
	}
	.login p{
		display: none;
	}

	html:not([lang*=""]) .login button.btn{
		margin: 0px auto;
		margin-top: 18px;
		float: right;
	}

	.login .large.green{
		border: none;


	}
	.login .large.green .ok{
		line-height: 40px;
		height: 40px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9eca57+0,81a04a+100 */
		background: #9eca57; /* Old browsers */
		background: -moz-linear-gradient(top,  #9eca57 0%, #81a04a 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #9eca57 0%,#81a04a 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #9eca57 0%,#81a04a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eca57', endColorstr='#81a04a',GradientType=0 ); /* IE6-9 */
		padding: 15px;
	}
	.login .large.green .ok i{
		display: initial;
	}

	.login input{
		height: 42px;
		line-height: 42px;
		font-size: 22px;
	}
	.container .login .form .kform_el input{
		font-size: 22px;
	}
	.bookovatiza{
		display: none;
	}
	.infg input[type='checkbox']{
		-ms-transform: scale(2.5); /* IE */
		-moz-transform: scale(2.5); /* FF */
		-webkit-transform: scale(2.5); /* Safari and Chrome */
		-o-transform: scale(2.5);
		padding: 10px;
		margin-bottom: 20px;
	}
	.infg{
		font-size: 20px;
		padding-top: 20px;
	}
	.grey-border strong{
		font-size: 16px;
	}
	.infg input[type='submit']{
		font-size: 20px;
		float: right;
	}
	.grey-border{
		padding: 10px;
	}
}

.show-kal{
	display: none;
}
.kalendar-wp .kalendar ul li.options{
	display: none;
}

ul.legend{
	margin: 0;
}

ul.legend li{
	list-style-type: none;
	display: inline-block;
}
ul.legend span.time{
	width: 40px;
	height: 40px;
	display: inherit;
}

.rozvrh{
	margin: 0;
	padding: 0;
}
.rozvrh li.n{
	display: none;
}
.container ul.rozvrh{
	margin-left: 0;
}

.rozvrh li.time{
	width: 16.66%;
	background: #C00;
	float: left;
	list-style-type: none;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 50px;
	cursor: pointer;
}


.rozvrh-wrapped{
	padding-top: 20px;
	padding-bottom: 20px;
	display: none;
}
.rozvrh-wrapped h4{
	padding: 0px 0px 0px 0px;
	margin:0;
	display: block;
	text-align:left;
}


.rozvrh-wrapped select{
	width: 100%;
	height: 40px;
	font-size: 20px;

}

.rozvrh li.time.free{
	background-color: #0C0;
}

.rozvrh li.time.rez { background-color:#2299FF; }
.rozvrh li.time.disabled { background-color:#CCC; }
.rozvrh li.time.no { background-color:#E7E7E7; }
.rozvrh li.time.adm { background-color:#FFC000; }
.rozvrh li.time.my { background-color:#00C; }


.rozvrh li input{
	display: none;
}

.rozvrh li.d-none{
	display: none;

}


@media only screen and (max-width : 980px) {
	.rozvrh-wrapped{
		display: block;
	}
	.rbox{
		width: 100%;
		margin: 0;
	}
	.rbox h2 a{
		text-overflow: ellipsis;
		height: 40px;
		display: block;
	}
	.container .rbox a{
		text-decoration: none;
		display: block;
		color: white;
		height: 60px;
	}

	.kalendar{
		width: 279px;
		display: inline-block;
	}

	ul.legend li{
		width: 100%;
		text-align: left;
		padding-top: 5px;
	}

	.rbox .thin{
		background: #6cbb3d;
		line-height: 60px;
		padding-left: 10px;
		height: 60px;
		position: relative;
		margin: 0px;
		border-bottom: 3px solid #5cab2d;
		margin-top: 10px;
	}
	.rbox p{
		width: 100%;
		height: inherit;

	}

	.show-kal{
		display: block;
		position: absolute;
		right: 0px;
		top: 0;
		padding: 0px 10px 0px 10px;
		background: #73bf45;
		color: white;
		cursor: pointer;
	}
	.kalendar-wp{
		opacity: 0;
		visibility: hidden;
		text-align: center;
		height: 0;
		/*transition: all 0.3s;*/
	}

	.kalendar-wp .kalendar{
		height: 0;
		/*transition: all 0.3s;*/
	}

	.kalendar-wp.active{
		opacity: 1;
		visibility: visible;
		height: initial;
	}
	.kalendar-wp.active .kalendar{
		height: 324px;
	}

	.kalendar-wp .kalendar{
		width: 100%;
	}
	.kalendar-wp .kalendar ul{
		display: none;
		width: 100%;
		padding-bottom: 40px;
	}

	.kalendar-wp .kalendar ul.active{
		display: inline-block;
	}

	.kalendar-wp .kalendar ul li{
		width: 49%;
		height: 70px;
		line-height: 51px;
	}
	.kalendar-wp .kalendar ul li a{
		font-size: 20px;
		height: inherit;
		color: inherit;
	}
	.kalendar-wp .kalendar ul li.options{
		display: block;
	}
	.kalendar-wp .kalendar ul li.options .left,
	.kalendar-wp .kalendar ul li.options .right{
		width: 50%;
		float: left;
		text-align: center;

	}
	.kalendar-wp .kalendar ul li.options .left:active,
	.kalendar-wp .kalendar ul li.options .right:active{
		background: #afafaf;
	}

	.kalendar-wp .kalendar ul li.options .right{
		background: #d4d4d4;
	}
	.kalendar-wp .kalendar ul li.options i{
		line-height: 70px;
		font-size: 20px;
	}

}