html, body, h1, h2, h3, h4, ul, li, p {
	font-family: Arial, Helvetica, sans-serif; color: #000;
	margin: 0;
	padding: 0;}

a {color: #838375;}
a:hover {color: #000000;}

.left {float: left;}

.image{	float: left; padding-right: 10px; margin: 0px 25px 10px 5px; padding : 10px;
border : 1px solid #aaa; }

.more {	display: inline;
font-weight: normal;
background-repeat: no-repeat;
background-position: left; font-size: 80%; padding-left: 15px;
background-image: url('images/read.gif');}
	
.clear {clear: both; padding: 0px; }
.jezyk {color: #9c9c8e}
.gwiazdka {color: #FF0000}
body {background-color: #fff;	
	text-align: center;
	line-height: 1.7em;
	color: #454545;
	padding: 0 px 20px 0 20px;
	left: 474px;
	font-size: 80%;	}

/** layout **/
#wrapper {background-color: #fff;
	text-align: left;
	width: 813px;
	position: relative;
	float: left;
	left: 30px;
	height: 400px;
	margin: auto;
	top:0px;}

#info {
	background-color: #fff;
	position: absolute;
	width: 368px;
	height: 46px;
	text-align: left;
	top: 0px;
	left: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-top: 17px;
}

/** languages **/
#languages {background-color: #fff;
	position: absolute;
	top: 0px;
	width: 177px;
	height: 35px;
	left: 612px;
	font-size: 90%;
	color: #000;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 5px;}
	
#languages ul {text-align: right;line-height: 32px;}
#languages li {display: inline;}
#languages a {text-decoration: none; font-weight: bold; color: #454545;}
#languages a:hover {text-decoration: none; color: #838375;}

/**header**/
#header {background: #16181a url(images/header1.jpg) no-repeat;
	position: absolute;
	top: 66px;
	left: 0;
	width: 811px;
	height: 226px;
	background-position: left;
	float: left;
	border-top: #dbdad6, thin, groove;
	border-bottom: #dbdad6, thin, groove ;
	border-left:#fff, solid, 1px;	}

/** body **/
#spacer {height: 296px;	width: 810px;}
#body {}
#subs {	padding-bottom: 5px;
	border-top: 1px solid #aaa;	}

/**body left**/

#left {	float: left; width: 812px;}
	
/**nav bar**/

#nav li {font: normal 100% verdana, arial, sans-serif; letter-spacing: 3px; color: #000; float: left;
	width: 110px; height: 34px; line-height: 34px; text-align: center; list-style: none; border: 1px solid white;}

#nav a { letter-spacing: 3px; color: #838375; text-decoration: none; font-family: verdana, arial, sans-serif;
	font-size: 100%; font: normal; }

#nav a:hover {text-decoration: none; color: #000;}

#nav li.drk {color: #000;background: url(images/pyramid.gif) no-repeat top center;	}

/**main information**/
#main {
	width: 520px;
	float: right;
	text-align: justify;
	margin-top: 15px;
	margin-right: 50px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;}

#main a {text-decoration: none; }
#main a:hover {text-decoration: none; color: #000;}

.blockquote {font-size: 105%;
	font-style: normal;
	color:#000;
	letter-spacing: 1px;}

#petruk{ 
	width: 505px;
	float: right;
	text-align: justify;
	float: right;
	margin-bottom: 5px;
	margin-top: 10px;
	padding: 10px 20px 20px;
	margin-right: 50px;
	}

#petruk p{font-size: 95%;}
#petruk a, a:hover {text-decoration: none;}
	
h3 {font: bold 100% verdana, arial, sans-serif;
	color: #000;
	letter-spacing: 2px;
	margin-bottom: 10px;
	line-height: 1.7em;}

#praca{ width: 485px;
	float: right;
	text-align: justify;
	float: right;
	margin-bottom: 5px;
	margin-top: 20px;
	padding: 10px 20px 20px 0;
	}

#subs-left {float: left; width: 180px; }
#sus-left ul li { background-position: 0 13px; border-top: 1px solid #AB903F; text-decoration: none;
	background: #fff url(images/more.gif) no-repeat;}

/* SIDE CONTENT */

#side {
	width: 150px;
	float: left;
	background: inherit;
	color: #000;
	padding-left: 20px;
	padding-top: 25px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#side p { margin: 1em 0 1em 0; }

h2 {margin: 0; font: bold 110% verdana, arial, sans-serif; color: #000; background: inherit; }

/* SIDE NAV */		
#side ul { list-style : none; margin : 20px 0; padding : 0; }

#side ul li {display : inline; padding : 0; margin : 0; }

#side ul li a { display : block; color : #838375; background : inherit; text-decoration : none; margin : 0; padding : 3px 0;
border-bottom : 1px solid #aaa; }

#side ul li a:hover {
	text-decoration : none;
	background : #fff;
	color : #000;
} 

#side li.active {display : block; color : #000; text-decoration : none; margin : 0; padding : 3px 0 0 10px;
border-bottom : 1px solid #000; background: url(images/pyramid_l.gif) no-repeat left center;
	}

/** footer **/
#copyright {
	background: #83847b;
	color: #fff;
	text-align: center; letter-spacing: 1px;
	font-size: 100%;
	line-height: 1.7 em;
	float: left;
	width: 793px;
	height: 30px;
	margin-bottom: 20px;
	padding: 25px 10px 10px 10px;
	}
  
#copyright a, a:hover {color: #000; margin: 0; padding: 0;}