@CHARSET "UTF-8";
/***************************************************************************
 * niebieski blok kalendarza
 ***************************************************************************/



/** główna ramka kalendarza **/
div#calendar {
	float: left;
	width: 650px;
	margin-bottom: 25px;
	background: #dfeeff;
}

/** menu z trymestrami **/
div#calendar ul.menu {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	background: url(../images/calendar/tab_back.gif) repeat-x bottom left;
}

div#calendar ul.menu li {
	float: left;
}

div#calendar ul.menu li a {
	display: block;
	width: 216px;
	height: 53px;
}

div#calendar ul.menu li a span{display:none}

div#calendar ul.menu li a.t1 {
	margin-right: 1px;
	background: url(../images/calendar/t1_off.gif) no-repeat bottom left;
}

div#calendar ul.menu li a.t1.active {
	background: url(../images/calendar/t1_on.gif) no-repeat bottom left;
}

div#calendar ul.menu li a.t2 {
	margin-right: 1px;
	background: url(../images/calendar/t2_off.gif) no-repeat bottom left;
}

div#calendar ul.menu li a.t2.active {
	background: url(../images/calendar/t2_on.gif) no-repeat bottom left;
}

div#calendar ul.menu li a.t3 {
	background: url(../images/calendar/t3_off.gif) no-repeat bottom left;
}

div#calendar ul.menu li a.t3.active {
	background: url(../images/calendar/t3_on.gif) no-repeat bottom left;
}

/** niebieska ramka z treścią kalendarza **/
div#calendar div.content {
	float: left;
	width: 625px;
	margin: 15px 13px 5px 12px;
	display: inline;
}

/** linki tygodni **/

div#calendar div.content ul.menu {
	float: left;
	list-style: none;
	padding: 0;
	text-align: center;
	margin: 0 auto 15px 15px;
	background: none;
}

div#calendar div.content ul.widther {
	width: 101%;
	float: left;
	list-style: none;
	padding: 0;
	text-align: center;
	margin: 0 auto 15px auto;
}

div#calendar div.content ul.menu li {
	display: inline;
}

div#calendar div.content ul.menu li a {
	display: block;
	width: 45px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	color: #003ca9;
	background: url(../images/calendar/tydzien_off.gif) no-repeat top left;
}

div#calendar div.content ul.menu li a span{display:none}

div#calendar div.content ul.menu li a:hover, div#calendar div.content ul.menu li a.active {
	background: url(../images/calendar/tydzien_on.gif) no-repeat top left; text-decoration:none
}


/** dół ramki z treścią **/
div#calendar div.bottom {
	float: left;
	width: 650px;
	height: 8px;
	background: url(../images/calendar/kalendarz_dol.gif) no-repeat bottom left;
}
/***************************************************************************
 * koniec niebieskiego bloku kalendarza
 ***************************************************************************/


/***************************************************************************
 * biały boks kalendarza
 ***************************************************************************/
div#calendar div.content div.top {
	float: left;
	width: 625px;
	height: 38px;
	background: url(../images/calendar/kalendarz_tresc_gora.gif) no-repeat bottom left;
}

/** lista linków na białym tle nad treścią **/
div#calendar div.content div.top ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#calendar div.content div.top ul li span {
	margin: 0 15px;
	font-weight: bold;
}

/** odznaczona zakładka **/
div#calendar div.content div.top ul li {
	float: left;
	line-height: 38px;
	margin-left: 1px;
	background: url(../images/calendar/kalendarz_tresc_rmenu_off.gif) no-repeat bottom right;
}

div#calendar div.content div.top ul li a {
	float: left;
	line-height: 38px;
	background: url(../images/calendar/kalendarz_tresc_lmenu_off.gif) no-repeat bottom left;
	text-decoration:none
}

/** mysz nad zakładką **/
div#calendar div.content div.top ul li:hover {
	float: left;
	margin-left: 1px;
	background: url(../images/calendar/kalendarz_tresc_rmenu_on.gif) no-repeat bottom right;
}

div#calendar div.content div.top ul li a:hover {
	float: left;
	line-height: 38px;
	background: url(../images/calendar/kalendarz_tresc_lmenu_on.gif) no-repeat bottom left;
}

/** zaznaczona zakładka **/
div#calendar div.content div.top ul li.active {
	float: left;
	margin-left: 1px;
	background: url(../images/calendar/kalendarz_tresc_rmenu_on.gif) no-repeat bottom right;
}

div#calendar div.content div.top ul li.active a.active {
	float: left;
	line-height: 38px;
	background: url(../images/calendar/kalendarz_tresc_lmenu_on.gif) no-repeat bottom left;
}

/** treść właściwa **/
div#calendar div.content div.mid {
	float: left;
	width: 625px;
	min-height: 100px;
	background: url(../images/calendar/kalendarz_tresc_tlo.gif) repeat-y bottom left;
}

div#calendar div.content div.mid div.content {
	width: 590px;
	margin: 10px 20px;
}

div#calendar div.content div.mid p {
	margin-bottom: 10px;
}
/** dół białego boksa **/
div#calendar div.content div.bottom {
	float: left;
	width: 625px;
	height: 10px;
	background: url(../images/calendar/kalendarz_tresc_dol.gif) no-repeat top left;
}
/***************************************************************************
 * koniec białego boksa
 ***************************************************************************/

