

#kalendar{
float:left;
border-bottom:1px dotted #ccc;
margin-left:70px;
margin-top:10px;
overflow:hidden;
}


#kalendar .kalendar_naslov{
width:210px;
line-height: 24px;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
color: white;
background: #499bea; /* Old browsers */
background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
padding:4px;
margin-left:2px;
float:left;
}

#kalendar #previous-month{
padding:3px;
float:left;
width:100px;
line-height: 24px;
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
text-align:center;
text-decoration:none;
border:1px solid grey;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

}
#kalendar #next-month{
padding:3px;
float:left;
width:100px;
line-height: 24px;
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
text-align:center;
text-decoration:none;
border:1px solid grey;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

}


.calblock{
 width:876px; 

 overflow:hidden;

}

.calblock_visible{
 width:2847px; 
 overflow:hidden;
}


.calblock table{
	float:none;
	border-collapse:collapse;
}
 
.onecal{
	vertical-align:top;
    background-color: white;
 
}
.kalendar_container{
	float:left;
	padding:2px;

}



.kalendar_container  table {
    width:215px;
    border-collapse:collapse;
	border:1px solid #3F3F3F;
}

.kalendar_container td {
    
	height:30px;
	 
}

.kalendar_container th
{
background: #006e2e; /* Old browsers */
background: -moz-linear-gradient(top,  #006e2e 0%, #004f09 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006e2e), color-stop(99%,#004f09)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #006e2e 0%,#004f09 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #006e2e 0%,#004f09 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #006e2e 0%,#004f09 99%); /* IE10+ */
background: linear-gradient(to bottom,  #006e2e 0%,#004f09 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#004f09',GradientType=0 ); /* IE6-9 */
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-size:16px;
color:white;

} 

.kalendar_container .days
{
background: #a9db80; /* Old browsers */
background: -moz-linear-gradient(top,  #a9db80 0%, #96c56f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9db80), color-stop(100%,#96c56f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a9db80 0%,#96c56f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-9 */
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-size:13px;

}
.kalendar_container .days td
{
padding:0;
text-align:center;
border:1px solid #3F3F3F;
}
 

 

 
.hasday{
padding:0;
border:1px solid #3F3F3F;
}
.noday{
    background-color: white;
	padding:0;
}
 
.kalendar_container .potvrdeno{
background: #ff3b26; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3b26 0%, #ff776b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3b26), color-stop(100%,#ff776b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff3b26 0%,#ff776b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff3b26 0%,#ff776b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff3b26 0%,#ff776b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff3b26 0%,#ff776b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3b26', endColorstr='#ff776b',GradientType=0 ); /* IE6-9 */

}
.kalendar_container .ne_potvrdeno{
background: #f1e767; /* Old browsers */
background: -moz-linear-gradient(top,  #f1e767 0%, #feb645 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f1e767 0%,#feb645 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */

}

.kalendar_container .do_z{
background-image: url('../images/do_z.png');
background-position: center;
}
.kalendar_container .do_c{
background-image: url('../images/do_c.png');
background-position: center;
}
.kalendar_container .od_z{
background-image: url('../images/od_z.png');
background-position: center;
}
.kalendar_container .od_c{
background-image: url('../images/od_c.png');
background-position: center;
}
.kalendar_container .z_cc{
background-image: url('../images/z_cc.png');
background-position: center;
}
.kalendar_container .z_zz{
background-image: url('../images/z_zz.png');
background-position: center;
}
.kalendar_container .z_zc{
background-image: url('../images/z_zc.png');
background-position: center;
}
.kalendar_container .z_cz{
background-image: url('../images/z_cz.png');
background-position: center;
}

.kalendar_container .clicked1{
background: #87e0fd; /* Old browsers */
background: -moz-linear-gradient(top,  #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */

}
.kalendar_container .clicked2{
background: #84adf4; /* Old browsers */
background: -moz-linear-gradient(top,  #84adf4 0%, #5489f2 41%, #075bed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84adf4), color-stop(41%,#5489f2), color-stop(100%,#075bed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #84adf4 0%,#5489f2 41%,#075bed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #84adf4 0%,#5489f2 41%,#075bed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #84adf4 0%,#5489f2 41%,#075bed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #84adf4 0%,#5489f2 41%,#075bed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84adf4', endColorstr='#075bed',GradientType=0 ); /* IE6-9 */


}

.kalendar_container button{
width:100%;
height:100%;
border:0;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
font-size:15px;
color:black;

}



.kalendar_container .slobodno:hover{
background: #ddea27; /* Old browsers */
background: -moz-linear-gradient(top,  #ddea27 0%, #abdc28 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddea27), color-stop(100%,#abdc28)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ddea27 0%,#abdc28 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ddea27 0%,#abdc28 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ddea27 0%,#abdc28 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ddea27 0%,#abdc28 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddea27', endColorstr='#abdc28',GradientType=0 ); /* IE6-9 */

}













