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

div.nag {
	width:620px;
	height:25px;
}

.month {
	font-family:'Freckle Face';
	font-size:40px;
	position:absolute;
	left:40px;
	top:45px;
	color:#444;
	text-shadow:0 0 2px #fff;
	z-index:200;
}

#sty-name {
	opacity:1;
}

#lut-name, #mar-name, #kwi-name, #maj-name, #cze-name, #lip-name, #sie-name, #wrz-name, #paz-name, #lis-name, #gru-name {
	opacity:0;
}
	

div#styczen, div#luty, div#marzec, div#kwiecien, div#maj, div#czerwiec, div#lipiec, div#sierpien, div#wrzesien, div#pazdziernik, div#listopad, div#grudzien {
	width:620px;
	overflow:hidden;
	font-family: 'Faster One';
	transition:all 0.8s ease-in-out;
	position:absolute;
	height:530px;
}

.nomonth {
	z-index:-1;
	opacity:0;
}

.nomonth .day {
	transform:rotate(180deg);
}

.niet {
	background: none repeat scroll 0 0 #FFFFFF;
    color: #555555;
    float: left;
    font-family: 'Freckle Face';
    font-size: 35px;
    height: 70px;
    letter-spacing: -2px;
    margin: 2px;
    padding: 14px 0 0;
    width: 84px;
}

.niet:hover {
	cursor:pointer;
	color:#CC0000;
}

.down {
	text-align:right;
}

.up {
	text-align:left;
}

div.day {
    float: left;
    font-size: 34px;
    font-weight: normal;
    height: 36px;
    margin: 2px;
    padding: 44px 14px 4px 14px;
    text-align: right;
    width: 56px;
	letter-spacing:-5px;
	transition:all 0.5s ease-in-out;
}

.event {
	background: url("../images/day-event.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFF;
}

.no {
	background: url("../images/day.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #888;
}

.event:hover {
	cursor:pointer;
	transform:rotate(5deg);
    -ms-transform:rotate(5deg); /* IE 9 */
    -webkit-transform:rotate(5deg); /* Safari and Chrome */
	font-size:55px;
	text-shadow:0 0 3px #000;
}

div.ukryta {
	opacity:0;
	position:absolute;
	top:-100;
	height:0px;
	left:10px;
	width:585px;
	z-index:200;
	border:0px solid #DDD;
	box-shadow:0px 0px 1px #000;
	cursor:pointer;
}

div.ukryty {
	opacity:0;
	position:absolute;
	top:-450px;
	background:#eee;
	padding:30px 100px 30px 30px;
	font-family:'Freckle Face';
	font-weight:normal;
	font-size:18px;
	color:#555;
	left:40px;
	width:390px;
	z-index:100;
	border:0px solid #fff;
	box-shadow:0px 0px 10px 1px #000;
	text-align:right;
	background:url(../images/info.jpg);
	cursor:pointer;
	overflow:hidden;
	height:auto;
	line-height:12px;
}

div.ukryte {
	opacity:0;
	position:absolute;
	height:120px;
	width:165px;
	z-index:200;
	top:110px;
	left:-80px;
	transition:all 0.7s cubic-bezier(2,8,14,4);
	cursor:pointer;
}

div.ukryty h1 {
	color: #3f4c6b;
    font-size: 25px;
	line-height:35px;
    margin: 0 20px 0 0;
	font-weight:normal;
}

.ukryty img {
	float:left;
	margin: 6px 0 0 8px;
}

.day-name {
	font-family:'Freckle Face';
	float: left;
    font-size: 14px;
    font-weight: normal;
    height: 22px;
    margin: 2px;
    text-align: center;
    width: 84px;
	color:#CC0000;
}

.title {
	font-family:'Freckle Face';
	text-align:center;
	font-size:55px;
	color:#FFFFFF;
	width:620px;
	background:url(../images/title-bg.jpg);
	text-shadow:-2px 0 #999, 0 2px #999, 2px 0 #999, 0 -2px #999;
	margin:0 0 10px 0;
}