html body {
	position: static; width: auto; height: auto;
   padding: 0; margin: 0; 
   font-size: 13px; color: #FFFFFF;
	font-family: Trebuchet MS;
	line-height: 20px;

	background-color: #000000;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(../gfx/bg.jpg); background-repeat: repeat-x; background-position: top;

}


.search_but {
	 margin: 4px;
	 padding: 5px 10px 5px 10px;
	 font-size: 16px;
	 font-weight: bold;
	 color: #FFFFFF;
	 text-decoration: none;
	 background-color: #666666;
	 border: 1px solid #444444;
	 cursor:pointer
}

.search {
	 margin: 4px;
	 padding: 5px 10px 5px 10px;
	 font-size: 16px;
	 font-weight: bold;
	 color: #FFFFFF;
	 text-decoration: none;
	 background-color: #333333;
	 border: 1px solid #444444;
	 width: 150px;
}

/* TOOLCLIP */


#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; cursor:pointer}

#tt {position:absolute; display:block; background:url(../js/images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../js/images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../js/images/tt_bottom.gif) top right no-repeat; overflow:hidden}


/* KONIEC TOOLCLIPA */

.str1 {
	height: 254px;
	background-image: url(../gfx/str1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	
}



.str2 {
	width: 733px;
	height: 254px;
	
}

.str3 {
	background-image: url(../gfx/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#photo {
	margin: 103px 0px 0px 0px;
}

#login {
	
	background-color: #282828;
	margin: 100px 200px 0px 200px;
	height: 200px;
	border: 1px solid #444444;	
  
}

#calendar {
	
	background-color: #333333;
	margin: 0px 15px 0px 15px;
	padding: 5px;
	border: 1px solid #444444;	
  
}

.calendar2 {
	
	
	margin: 7px 15px 7px 15px;
	padding: 5px;
	border: 1px solid #333333;	
	background-image: url(gfx/back.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #222222;
  
}

#cal_button {

	background-color: #444444;
	border: 1px solid #555555;	
	color: #AAAAAA;
	cursor: pointer;
	color: 
}

.li {
	margin: 10px 14px 5px 0px;
	padding-left: 19px;

	background-image: url(../gfx/li.gif);
	background-repeat: no-repeat;
	background-position: top left;

}

.error {
	border: 1px solid #D45656;
	background-color: #ECBBBB;
	color: #741F1F;
	font-size: 11px;
	padding: 2px 4px 2px 4px;
	margin: 8px;
}

.confirmation {
	border: 1px solid #336633;
	background-color: #6FB670;
	color: #142E15;
	font-size: 11px;
	padding: 2px 4px 2px 4px;
	margin: 8px;
}

.first_letter {
	font-size: 28px;
	color: #E09307;
	font-family: "Times New Roman", Times, serif;
}

h2 {
	font-size: 23px;
	color: #A47735;
	font-family: "Times New Roman", Times, serif;
}

h3 {
	font-size: 18px;

	font-family: "Times New Roman", Times, serif;
}


.stopka {
	font-size: 11px;
	text-align: center;
	margin: 2px;
}

.tiny {
	font-size: 10px;
	letter-spacing: 1px;
	color: #DDDDDD;
}

.login {
	font-size: 13px; color: #FFFFFF;
	font-family: Trebuchet MS;
	background-color: #030303;
	color: #CCCCCC;
	border: 1px solid #E3960A;
	padding: 2px;
}

.editarea {
	font-size: 13px; color: #FFFFFF;
	font-family: Trebuchet MS;
	background-color: #030303;
	color: #CCCCCC;
	border: 1px solid #E3960A;
	padding: 2px;
	width: 600px;
	height: 190px;
	margin: 3px 0px 0px 20px;
}

.editarea_small {
	font-size: 13px; color: #FFFFFF;
	font-family: Trebuchet MS;
	background-color: #030303;
	color: #CCCCCC;
	border: 1px solid #E3960A;
	padding: 2px;
	width: 300px;
	height: 170px;
	
}

.editarea_small2 {
	font-size: 13px; color: #FFFFFF;
	font-family: Trebuchet MS;
	background-color: #030303;
	color: #CCCCCC;
	border: 1px solid #E3960A;
	padding: 2px;
	width: 500px;
	height: 50px;
	
}

.rec_name {

color: #cb9c62;
font-size: 15px;
font-weight: bold;
margin: 0px 0px 9px 30px;

}

.works_bg {
	background-image: url(../gfx/art2_background.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: justify;
	margin: 4px 14px 40px 14px;
	height: 3583px;
}

.media_bg1 {
	background-image: url(../gfx/media1.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: justify;
	margin: 4px 14px 40px 14px;
	height: 776px; width: 600px;
}


.iworkdate  {color: #cb9c62; line-height: 1.4; font-size: 27px; font-style: roman; letter-spacing: 1px;}
		
.iworksubtitle {color: #ded3b7; line-height: 1.2; font-size: 18px; font-style: italic;}
	
.iworkhead  {color: #cb9c62; line-height: 1.4; font-size: 18px;}
	.iworktitle {color: #cb9c62; line-height: 1; font-size: 34px; font-style: roman; letter-spacing: 1px;}
.iworksubhead  {color: #cb9c62; line-height: 1.4; }
.sp06 {color: #000; line-height: 1; font-size: 6px;}
.seealso {color: #ded3b7; line-height: 1.4; font-size: 13px; font-style: roman;}
.lnk {color: #cb9c62; line-height: 1.4; font-size: 13; font-style: italic; }

.recording_bg {
	background-image: url(../gfx/art3_background.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: justify;
	margin: 4px 14px 40px 14px;
	height: 776px;
}

.contact_bg {
	background-image: url(../gfx/art4_background.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: justify;
	margin: 4px 14px 40px 14px;
	height: 610px;
}

.linia {
	border-bottom: 1px solid #A47735;
}

.border {
	border: 2px solid #E19609;

}

h1 {
	color: #C9A985;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 1px;
}

a.work:link, a.work:visited {
	 color: #E7D5C2;
	 
	 text-decoration: none;
	 

}

a.work:hover {
	 color: #D2B393;
    text-decoration: underline;
   
}

a.rec1:link, a.rec1:visited {
	 margin: 4px;
	 padding: 10px 10px 10px 10px;
	 font-size: 16px;
	 font-weight: bold;
	 color: #FFFFFF;
	 text-decoration: none;
	 background-color: #B1453F;
	 
	 

}

a.rec1:hover {
	 color: #EEEEEE;
	 background-color: #CA716C;
    
}

a.rec2:link, a.rec2:visited {
	 margin: 4px;
	 padding: 10px 10px 10px 10px;
	 font-size: 16px;
	 font-weight: bold;
	 color: #FFFFFF;
	 text-decoration: none;
	 background-color: #6C534D;
	
	 

}

a.rec2:hover {
	 color: #EEEEEE;
	 background-color: #997A70;
    
}

a.rec2a:link, a.rec2a:visited {
	 margin: 4px;
	 padding: 10px 10px 10px 10px;
	 font-size: 16px;
	 font-weight: bold;
	 color: #FFFFFF;
	 text-decoration: none;
	 background-color: #6C534D;
	
	 	

}

a.rec2a:hover {
	 color: #EEEEEE;
	 background-color: #997A70;
    
}

a.rec3:link, a.rec3:visited {
	 margin: 4px;
	 padding: 10px 10px 10px 10px;
	 font-size: 16px;
	 font-weight: bold;
	 color: #FFFFFF;
	 text-decoration: none;
	 background-color: #E29509;
	


}

a.rec3:hover {
	 color: #EEEEEE;
	 background-color: #F7B539;
    
}

a.rec4:link, a.rec4:visited {
	 margin: 4px;
	 padding: 10px 10px 10px 10px;
	 font-size: 16px;
	 font-weight: bold;
	 color: #FFFFFF;
	 text-decoration: none;
	 background-color: #666666;
	
	 

}

a.rec4:hover {
	 color: #EEEEEE;
	 background-color: #999999;
    
}



a.admin:link, a.admin:visited {
	 color: #E63A00;
	 font-weight: bold;
	 
	 text-decoration: none;
	 

}

a.admin:hover {
	 color: #FF7E53;
    text-decoration: underline;
   
}

a:link, a:visited {
	 color: #E4970B;
	 
	 text-decoration: none;
	 

}

a:hover {
	 color: #F4B744;
    text-decoration: underline;
   
}

a.mess:link, a.mess:visited {
	background-color: #65472C;
	padding: 2px 8px 2px 8px;
	border: 1px solid #8A6444;
	color: #C7A688;
	font-size: 11px;
	text-decoration: none;
}

a.mess:hover {
	 background-color: #88623F;
	 color: #FFFFFF;
    text-decoration: none;
	 
   
}



/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #D3E2F0;
	border: 1px solid #A2B3C4;

	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #A2B3C4;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #A2B3C4;
	
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	cursor: pointer;
	background-color: #336699;
	border: 1px solid #888888;
	
	color: #FFFFFF;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #B5CFE5;
	border: 1px solid #A2B3C4;
	color: #222222; 
	font-size: 10px;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background: #d8e8ff;

	padding: 0px;
	border: 1px solid #AAAAAA;
	cursor: pointer;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background: #d8e8ff;

	border: 1px solid #AAAAAA;
	cursor: pointer;
	}