/* CSS Document */


body {
	background-color: #000000;
	font-size:14px;
	color: #31210A;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	margin: 0;
}

input { 
	background-color:#E1DCD7;
	
}
textarea { 
	background-color:#E1DCD7;
	
}

img{
	border:0;
} 



#root {
	margin: auto;
	width: 940px;
	height: 825px;
	margin-top: 0px;
	padding-top: 0px;
}

#background_top {
	background-image:url(../images/background_top.jpg);
	width:940px;
	height:25px;
	position: absolute;

}
#background_left {
	background-image:url(../images/background_left.jpg);
	width:70px;
	height:675px;
	position: absolute;
	margin: 25px 0 0 0;
	float: left;

}
#background_right {
	background-image:url(../images/background_right.jpg);
	width:70px;
	height:675px;
	position: absolute;
	margin: 25px 0 0 870px;
	float: left;

}
#background_bottom {
	background-image:url(../images/background_bottom.jpg);
	width:940px;
	height:150px;
	position: absolute;
	margin: 700px 0 0 0;

}
#main_body {
	width:800px;
	height:675px;
	position: absolute;
	margin: 25px 0 0 70px;
	float: left;

}
#paper_top_left{
	background-image:url(../images/paper_top_left.jpg);
	width:230px;
	height:170px;
	position: absolute;
	margin: 0 0 0 0;
	float: left;
}

#paper_top_right{
	background-image:url(../images/paper_top_right.jpg);
	width:570px;
	height:45px;
	position: absolute;
	margin: 0 0 0 230px;
	float: left;
}

#menu {
	width:160px;
	height:130px;
	position: absolute;
	margin: 170px 0 0 40px;
	background-image: url(../images/menu.jpg);
}


#menu_start, #menu_tasks, #menu_citizens, #menu_history, #menu_contact{
	height: 25px;
	width: 160px;
}

#menu_start a, #menu_tasks a, #menu_citizens a, #menu_history a, #menu_contact a {
}


#menu_fill_left {
	background-image:url(../images/menu_fill_left.jpg);
	width:40px;
	height:130px;
	margin: 170px 0 0 0;
	position: absolute;
}
#menu_fill_right {
	background-image:url(../images/menu_fill_right.jpg);
	width:30px;
	height:130px;
	margin: 170px 0 0 200px;
	position: absolute;
}

#menu_fill_bottom {
	background-image:url(../images/menu_fill_bottom.jpg);
	height: 5px;
	width: 160px;
	
}









#photo_fill {
	background-image:url(../images/photo_fill.jpg);
	width:430px;
	height:255px;
	position: absolute;
	margin: 45px 0 0 230px;
	z-index:1;
}

#photo_flash {
	width:430px;
	height:255px;
	position: absolute;
	margin: 45px 0 0 230px;
	z-index:5;
}

#photo_rameczka {
	background-image:url(../images/photo.png);
	width:430px;
	height:255px;
	position: absolute;
	margin: 45px 0 0 230px;
	z-index:20;
}

#photo1 {
	background-image:url(../images/photo1.jpg);
	width:430px;
	height:255px;
	position: absolute;
	margin: 45px 0 0 230px;
	float: left;
	z-index:5;
}

#photo2 {
	background-image:url(../images/photo2.jpg);
	width:430px;
	height:255px;
	position: absolute;
	margin: 45px 0 0 230px;
	float: left;
	z-index:5;
}
#photo3 {
	background-image:url(../images/photo3.jpg);
	width:430px;
	height:255px;
	position: absolute;
	margin: 45px 0 0 230px;
	float: left;
	z-index:5;
}
#photo4 {
	background-image:url(../images/photo4.jpg);
	width:430px;
	height:255px;
	position: absolute;
	margin: 45px 0 0 230px;
	float: left;
	z-index:5;
}
#photo5 {
	background-image:url(../images/photo5.jpg);
	width:430px;
	height:255px;
	position: absolute;
	margin: 45px 0 0 230px;
	float: left;
	z-index:5;
}

#photo_fill h1{
	padding-top: 75px;
	color: #CFCDA6;
	padding-left: 25px;
	
}







#title_bar{
	width:140px;
	height:235px;
	position: absolute;
	margin: 65px 0 0 660px;
	float: left;
}
#small_menu {
	background-image:url(../images/small_menu.jpg);
	width: 140px;
	height: 20px;
	position: absolute;
	margin: 45px 0 0 660px;





}
#small_menu_home {
	position: absolute;
	margin:0 0 0 46px;
	width:20px;
	height:20px;

}

#small_menu_home a{
	width:20px;
	height:20px;
	display:block;
}

#small_menu_email {
	position: absolute;
	margin:0 0 0 76px;	
	width:20px;
	height:15px;
	
}

#small_menu_email a{
	display:block;
	width:20px;
	height:20px;
}

#title_fill {
	background-image:url(../images/title_fill.jpg);
	width:80px;
	height:235px;
	margin: 0 0 0 0;
	position: absolute;
	float: left;
}



#title_start {
	background-image:url(../images/title_start.jpg);
	width:60px;
	height:235px;
	position: absolute;
	margin: 0 0 0 80px;
	float: left;
}

#title_tasks {
	background-image:url(../images/title_tasks.jpg);
	width:60px;
	height:235px;
	position: absolute;
	margin: 0 0 0 80px;
	float: left;
}

#title_citizens {
	background-image:url(../images/title_citizens.jpg);
	width:60px;
	height:235px;
	position: absolute;
	margin: 0 0 0 80px;
	float: left;
}

#title_history {
	background-image:url(../images/title_history.jpg);
width:60px;
	height:235px;
	position: absolute;
	margin: 0 0 0 80px;
	float: left;
}


#title_contact {
	background-image:url(../images/title_contact.jpg);
	width:60px;
	height:235px;
	position: absolute;
	margin: 0 0 0 80px;
	float: left;
}







#paper_left{
	background-image:url(../images/paper_left.jpg);
	width:230px;
	height:375px;
	position: absolute;
	margin: 300px 0 0 0;
	float: left;
}
#paper_middle{
	background-image:url(../images/paper_middle.jpg);
	width:450px;
	height:350px;
	position: absolute;
	margin: 250px 0 0 250px;
	float: left;
}
#paper_right{
	background-image:url(../images/paper_right.jpg);
	width:570px;
	height:375px;
	position: absolute;
	margin: 300px 0 0 230px;
	float: left;
}

/*-------------------------------------left-----------------------------------------*/

#contact_box {
	margin-top: 160px;
	font-weight: bold;
	margin-left: 35px;
	margin-right: 15px;
	font-size: 14px;
	color: #2D2A1B;
}
#contact_box div{
	font-size:18px;
	text-align: center;
	font-weight: bold;
}
#contact_box span{
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

#contact_box a {
	font-size:12px;
	text-decoration:none;
	color: #2D2A1B;
}
#contact_box a:hover, #contact_box a:focus {
	text-decoration:underline;
}


/*-------------------------------------text_content-----------------------------------------*/

#text_content {
	margin: 30px 0 0 48px;
	height: 290px;
	overflow: auto;
	width: 440px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
#all, #all2, #citizens {
	width:423px;
}

#all p, #all2 p, #citizens p {
	margin:0;
	
}

#all p:first-letter, #all2 p:first-letter {
	font-size:16px;
	
	
}

div.nazwisko {
	margin-left: 10px;
}


div.firma {
	margin-left: 50px;
}


#all ul{
	margin-top:0px;
	list-style-position:outside;
	margin-bottom: 0px;
}

#all a{
	color:#39270D;
}

#all a:hover, #all a:focus {
	color:#867968;
}

#all2 ul{
	margin-top:0px;
	margin-bottom: 0px;
	list-style: none;
}

#citizens ul{
	margin-top:0px;
	margin-bottom: 0px;
	list-style-position:outside;
	list-style:decimal;
}

div.citizen {
	height:120px;
	margin-bottom: 2px;
	margin-top: 2px;
}

#citizens a{
	color: #31210A;
	text-decoration:none;
}

#citizens a:hover, #citizens a:focus{
	color: #7D551A;
	text-decoration:underline;
}



/*-------------------------------------footer-----------------------------------------*/

#footer{
	text-align: center;
	font-size: 10px;
	color: #010100;
	position: absolute;
	width: 940px;
	letter-spacing: 1px;
	}
#footer a {color: #31210A;
	text-decoration:none;}

#footer a:hover {color: #31210A;
	text-decoration:underline}


#credit{
	text-align: right;
	font-size: 10px;
	color: #010100;
	position: absolute;
	width: 150px;
	letter-spacing: 1px;
	margin: 50px 0 0 750px;


}


#logo_link {
	width: 150px;
	height: 140px;
	margin: 15px 0 0 50px;
}

#logo_link a{
	display:block;
	width: 150px;
	height: 140px;
}





#naglowki0, #naglowki1, #naglowki2, #naglowki3, #naglowki4, #naglowki5, #naglowki6, #naglowki7, #naglowki8, #naglowki9, #naglowki10, #naglowki11, #naglowki12, #naglowki13, #naglowki14, #naglowki15, #naglowki16, #naglowki17, #naglowki18, #naglowki19, #naglowki20, #naglowki21, #naglowki22, #naglowki23, #naglowki24, #naglowki25, #naglowki26, #naglowki27, #naglowki28, #naglowki29, #naglowki30	{
	display:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 30px;
}
#naglowki0 div, #naglowki1 div, #naglowki2 div, #naglowki3 div, #naglowki4 div, #naglowki5 div, #naglowki6 div, #naglowki7 div , #naglowki8 div, #naglowki8 div, #naglowki10 div, #naglowki11 div, #naglowki12 div, #naglowki13 div, #naglowki14 div, #naglowki15 div, #naglowki16 div, #naglowki17 div, #naglowki18 div, #naglowki19 div, #naglowki20 div, #naglowki21 div, #naglowki22 div, #naglowki23 div, #naglowki24 div, #naglowki25 div, #naglowki26 div, #naglowki27 div, #naglowki28 div, #naglowki29 div, #naglowki30 div{
	margin-top: 5px;
	margin-bottom: 5px;
}