/*******************************Calendar Top Navigation*********************************/

.calendarActivity {
	position: fixed;
	z-index: 10;
}
.showCalendar {
	bottom: 10px;
	right: 10px;
}
.hideCalendar {
	bottom: -260px;
	right: 10px;
}
.calendarActivityTitle {
	position: relative;
	color: #ffffff;
	background: #004e89;
	font-weight: 400;
	text-shadow: #000000 1px 1px 3px;
	padding: 10px 10px;
	text-align: center;
}
.calendarActivitySubmit {
	position: absolute;
	color: #000000;
	background: #ffffff;
	border: 0px;
	width: 20px;
	text-align: center;
	right: 0px;
	top: 0px;
}
.activeDate {
	border: #000000 2px solid!important;
}
.classFarba0,
.classFarba1,
.classFarba2,
.classFarba3,
.classFarba4,
.classFarba5,
.classFarba6 {
	font-weight: bold;
}
.classFarba1,
.classFarbaRed {
	background: #dd0000!important;
}
.classFarbaRed {
	color: #dd0000!important;
}
.classFarba0 {
	border: #555555 2px solid!important;
}
.classFarba2,
.classFarbaGreen {
	background: #00aa22!important;
}
.classFarbaGreen {
	color: #00aa22!important;
}
.classFarba3,
.classFarbaYellow {
	background: #ffcc00!important;
}
.classFarbaYellow {
	color: #ffcc00!important;
}
.classFarba4,
.classFarbaBlack {
	background: #777777!important;
}
.classFarbaBlack {
	color: #000000!important;
}
.classFarba5,
.classFarbaBlue {
	background: #0099cc!important;
}
.classFarbaBlue {
	color: #0099cc!important;
}
.classFarba6,
.classFarbaOrange {
	background: #cc5511!important;
}
.classFarbaOrange {
	color: #cc5511!important;
}

div#calendarActivity {
  margin: 0px auto;
  padding: 0px;
  width: 245px;
}

/*nazov mesiacov*/
div#calendarActivity div.box {
    position: relative;
    width: 100%;
    height: 40px;
    background-color: #787878;      
}
div#calendarActivity div.header {
    vertical-align: middle;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
div#calendarActivity div.header span.title {
    color:#ffffff;
    font-size:18px;
	width: 150px;
}
div#calendarActivity div.header a.prev {
    float: left;
	margin-left: 10px;
	color: #ffffff;
}
div#calendarActivity div.header a.next {
    float: right;
	margin-right: 10px;
	color: #ffffff;
}
/*END nazov mesiacov*/
 
 
/*******************************Calendar Content Cells*********************************/
div#calendarActivity div.box-content {
    border: 1px solid #787878;
    border-top:none;
	background: #f3f3f3;
}

/*mena dni v tyzdni*/
div#calendarActivity ul.label {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-top: 0px;
    margin-left: 5px;
	width: 100%;
}
div#calendarActivity ul.label li {
    margin: 0px;
    padding: 0px;
    margin-right: 5px;  
    float: left;
    list-style-type: none;
    width: 29px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    color: #000000;
    font-size: 15px;
    background: none;
	font-weight: normal;
}
/*END mena dni v tyzdni*/

/*dni*/
div#calendarActivity ul.dates {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    margin-bottom: 5px;
}
div#calendarActivity ul.dates li {
    margin: 0px;
    padding: 0px;
    margin-right: 5px;
    margin-top: 5px;
    vertical-align: middle;
    float: left;
    list-style-type: none;
    width: 29px;
    height: 29px!important;
    line-height: 27px!important; 
    font-size: 15px;
    background: #ffffff;
	border: 1px solid #787878;
    color: #000000;
    text-align: center; 
}
div#calendarActivity ul.dates li.activeDate {
    line-height: 25px!important; 
}
div#calendarActivity ul.dates li.emptyDay {
    background: none;
	border: 0px;
}
div#calendarActivity ul.dates li:hover {
	/*background-color: #CCC;*/
}
div#calendarActivity ul.dates li:focus {
    outline:none;
}
/*END dni*/
 
div.clear {
    clear:both;
}


div#calendarActivity div.table-cell {
	padding: 15px 10px;
	border-bottom: 1px solid #999999;
	vertical-align: middle;
}

div#calendarActivity div.table-cell div.table-cell {
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #f1f1f1;
	vertical-align: top;
}

div#calendarActivity div.udajeTabulky:hover div.table-cell {
	background: #e6e7e8;
}