/* CALENDAR
*/
/* calendar icon */
img.tcalIcon, img.calicon {
	cursor: pointer;
	margin: -2px 0 0;
	vertical-align: middle;
}

/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 300px;
	padding: 2px 0 0 0;
}

/* calendar container element */
#kalendar {
	position: absolute;
	z-index: 100;
	width: 300px;
	padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table{
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}

#kalendar table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
	-webkit-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow:    3px 3px 4px 0px rgba(50, 50, 50, 0.2);
  box-shadow:         3px 3px 4px 0px rgba(50, 50, 50, 0.2);
}

#kalendar table.cal {
    border: 0px;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td, #kalendar table.ctrl th {
	width: 30px;
	height: 30px;
	background: #F2F8FA;
}             
/* month year header */
div#tcal table.ctrl th, #kalendar tr.monthdisp {
	font-family: tahoma, verdana, arial;
	font-size: 12px;
  background-color: white;
	color: black;
	border: 0;
}
/* week days header */
div#tcal th, #kalendar tr.wd th {
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, verdana, arial;
	font-size: 12px;
	background-color: gray;
	color: white;
}

#kalendar tr.wd th {
	text-align: center;
	padding: 0;
	font-family: tahoma, verdana, arial;
	font-size: 12px;
	background-color: gray;
	color: white;
}
/* date cells */
div#tcal td, #kalendar td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 7px 0;
	font-family: tahoma, verdana, arial;
	font-size: 14px;
	cursor: pointer;
}

div#tcal td:hover, #kalendar table.ctrl table td:hover {
	background: #FF8800 !important;
  color: white;
}

#kalendar td.navigate {
  width: 10px !important;
  cursor: pointer;
}

#kalendar td.navigate img{
  margin: 0 5px;
}

/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth, #kalendar td.othermonth {
	color: #b7b7b7 !important;
}
div#tcal td.weekend, #kalendar td.weekend {
	background-color: #C8E4F2; /*#ACD6F5*/
}
div#tcal td.today, #kalendar td.today {
	border: 1px solid #aaa;
}
div#tcal td.selected, #kalendar td.selected {
	border: 1px solid #76a308;
	background-color: #55A9D5; /*#FFB3BE*/
	color: #fff !important;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}
/* transparent shadow */
div#tcalShade {
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
}

/* REZERVACNY KALENDAR OBSADENIA */
#kalendar P {
	position: relative;
	width: 100%;
	margin: 3px 0 0 0;
	padding: 0;
	float: left;
}

#kalendar ul {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

#kalendar li {
	position: relative;
	width: 70px;
	margin: 2px 2px 0 0;
	padding: 0px 0px 4px 0;
	list-style: none;
	list-style-type: none;
	float: left;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #ccc;
	color: #555;
}

.month {
  position: relative;
  display: inline-block;
  width: 130px;
  margin: 0;
  padding: 0;
}