@charset "utf-8";
/* CSS Document */

#calendarContainer{
	/*min-height:280px;*/
	margin-top:19px;
	position:relative}




/*********************** KALENDAR ******************************************************/

#calendar{
	position:relative;
	/*width:205px;
	height:210px*/
	min-height:13rem;
	min-width:100%
}
#calendar:hover{z-index:3;}


.kalendarMjesec{
	display:none;
	position:absolute;
	left:0px; 
	right:0px;
	
}

.vidljiv{display:block}

.class_kalendar_red{position:relative;min-width:200px}



.class_kalendar_red .myDate{
	
	font-size:0.8em;
	font-weight: normal; 
	text-decoration:none;
	/*border-radius:4px;*/
	color:#fff;
	float:left;
	width:13.5%;
	/*width:28px;*/
	/*line-height:28px;*/
	line-height:2.2em;
	text-align:center;
	margin:1px 1px 1px 1px
	
	
	}
.class_kalendar_red .myDate a{color:inherit;display:block}	

 
.class_kalendar_red .dan_0{margin-left:0px}
.class_kalendar_red .dan_6{margin-right:0px}

.class_Nazivi_dana{color:#222222 !important;}
.class_Nazivi_dana_weekend{color:#222222 !important;}


body.events .class_Nazivi_dana, body.events .class_Nazivi_dana_weekend{/*color:#eaeaea*/}	

.class_dummyDates, .class_dummyDates_weekendi{
	/*background-color:#f9f7ef;*/
	
	background-color:#ddd3be;
	color:#fff !important;
}

.class_kalendar_datumi{
	/*background-color:#9ca7d5;*/
	
	background-color:#b4975a;
	
}

.class_kalendar_datumi:hover, class_kalendar_datumi_weekendi:hover{}

.class_kalendar_datumi_weekendi{
	background-color:#264590;
	color:#fefefe !important;
	
}
.class_kalendar_datumi_weekendi:last-child{

	
}

.class_kalendar_datumi:hover, .class_kalendar_datumi_weekendi:hover{/*background-color:#ffcc00 !important;*/}

.class_kalendar_datumi_rezervacija{
	/*background-color:#606daa;*/
	color:#264590 !important;
	cursor:pointer;
	
background-color:#fff;
/*background-color:#e5cc6e;*/
/*box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);*/	
	
	
}

.class_kalendar_datumi_rezervacija:hover, .selectedDate{
background-color:#fff;
color:#222 !important;
/*background-color:#e5cc6e;*/
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);

}



.todayDate{
color:#ffba00 !important;
/*background-color:#ffba00;
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);*/

}

/*************************************** TIMELINE *****************************/

#timelineLine {
    background-color: #b2c1de;
    border: 2px solid #b2c1de;
    border-radius: 2px;
    height: 0px;
    position: relative;
    margin-top: 25px;
	/*margin-left:6px;*/
    min-width: 100%;
	display:none;
}
#timelineLine .ui-slider-handle {
    background-color: #e2e6f6 !important;
	border:1px solid #ffba00;
	background-image:none;
    border-radius: 4px;
    cursor: pointer;
    height: 9px;
    position: absolute;
    top: -5px;
    width: 24px;
}

/*********************** MONTH CONTROL *******************************/

#yearControl{
	position:relative;
	text-align:center;
	/*font-family: "BenchNine",sans-serif;*/
	margin:25px 35px 0px 35px; 
	color:#264590;
	font-size:1.025em;
	line-height:16px;
	display:none;
	 font-weight: 700;
}
#yearControl .yearArrow{
	position:absolute;
	top:0px;
	background-position:center center;
	background-repeat:no-repeat;
	width:10px;
	height:16px;
	cursor:pointer
}
#previousYear{
	left:-15px;
	/*background-image:url(/template/arrowLeft.png)*/
}
#nextYear{
	right:-15px;
	/*background-image:url(/template/arrowRight.png)*/
}



/****************** LOADER ************/

#calendar_loader{
	/*background-image:url(/template/ajax-loader.gif);*/
	width:100%;
	height:8px;
	position:absolute;
	
	bottom:58px;
	z-index:2
}




#followingBallsG{
position:relative;
width:105px;
height:8px;
margin:0 auto;
}

.followingBallsG{
background-color:#264590;
position:absolute;
top:0;
left:0;
width:8px;
height:8px;
-moz-border-radius:4px;
-moz-animation-name:bounce_followingBallsG;
-moz-animation-duration:1.6s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-webkit-border-radius:4px;
-webkit-animation-name:bounce_followingBallsG;
-webkit-animation-duration:1.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-ms-border-radius:4px;
-ms-animation-name:bounce_followingBallsG;
-ms-animation-duration:1.6s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-o-border-radius:4px;
-o-animation-name:bounce_followingBallsG;
-o-animation-duration:1.6s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
border-radius:4px;
animation-name:bounce_followingBallsG;
animation-duration:1.6s;
animation-iteration-count:infinite;
animation-direction:normal;
}

#followingBallsG_1{
-moz-animation-delay:0s;
}

#followingBallsG_1{
-webkit-animation-delay:0s;
}

#followingBallsG_1{
-ms-animation-delay:0s;
}

#followingBallsG_1{
-o-animation-delay:0s;
}

#followingBallsG_1{
animation-delay:0s;
}

#followingBallsG_2{
-moz-animation-delay:0.16s;
-webkit-animation-delay:0.16s;
-ms-animation-delay:0.16s;
-o-animation-delay:0.16s;
animation-delay:0.16s;
}

#followingBallsG_3{
-moz-animation-delay:0.32s;
-webkit-animation-delay:0.32s;
-ms-animation-delay:0.32s;
-o-animation-delay:0.32s;
animation-delay:0.32s;
}

#followingBallsG_4{
-moz-animation-delay:0.48s;
-webkit-animation-delay:0.48s;
-ms-animation-delay:0.48s;
-o-animation-delay:0.48s;
animation-delay:0.48s;
}

@-moz-keyframes bounce_followingBallsG{
0%{
left:0px;
background-color:#264590;
}

50%{
left:97px;
background-color:#;
}

100%{
left:0px;
background-color:#264590;
}

}

@-webkit-keyframes bounce_followingBallsG{
0%{
left:0px;
background-color:#264590;
}

50%{
left:97px;
background-color:#;
}

100%{
left:0px;
background-color:#264590;
}

}

@-ms-keyframes bounce_followingBallsG{
0%{
left:0px;
background-color:#264590;
}

50%{
left:97px;
background-color:#;
}

100%{
left:0px;
background-color:#264590;
}

}

@-o-keyframes bounce_followingBallsG{
0%{
left:0px;
background-color:#264590;
}

50%{
left:97px;
background-color:#;
}

100%{
left:0px;
background-color:#264590;
}

}

@keyframes bounce_followingBallsG{
0%{
left:0px;
background-color:#264590;
}

50%{
left:97px;
background-color:#;
}

100%{
left:0px;
background-color:#264590;
}

}