body { margin: auto; width: 1024px; background: #000000; color: #cccccc; }
/*div { border: solid 1px white; }*/

#baner { padding-left: 112px; }

#nav_bar { width: 800px; margin-left: 112px; text-align: right; }
#nav_bar img { border: none; }

#middle { width: 1024px; height: 100%; overflow: auto; margin-top: 20px; }

	#menu { float: left; width: 230px; font-family: "Arial Black"; font-size: 8pt; color: #ffffff;}
		#menu h1 { height: 25px; cursor: pointer; text-align: right; margin: 4px 0 0 0; padding: 3px 15px 0px 4px; background-repeat: no-repeat; 
					font-family: "Arial Black"; font-size: 8pt; font-weight: normal; letter-spacing: 1pt;}
		#menu h1 a { color: #ffffff; text-decoration: none;}
		#menu h1.btn1 { background-image: url('/media/img/btn_rozowy.jpg'); }		
		#menu h1.btn2 { background-image: url('/media/img/btn_niebieski.jpg'); }		
		#menu h1.btn3 { background-image: url('/media/img/btn_zielony.jpg'); }		
			#menu .page_list { width: 230px; border: none; margin-bottom: 5px; display: none; text-align: right; }
			#menu .page_list a { color: #ffffff; text-decoration: none; }
			#menu .expanded { display: block; }
			#menu .list1, .list2, .list3 { border: none; padding: 2px 20px 2px 5px;}
			/*#menu div:hover { color: #000000; background-color: red;}*/
			#menu div.list1 { background-color: #c42a5c; }
			#menu div.list1:hover, #menu div.curr_page1 { background-color: #c3466f; color: black; }
			#menu div.list2 { background-color: #00adef; }
			#menu div.list2:hover, #menu div.curr_page2 { background-color: #55c4ed; }
			#menu div.list3 { background-color: #9be328; }
			#menu div.list3:hover, #menu div.curr_page3 { background-color: #b3e366; }
	
	#content { float: left; width: 440px; color: #ffffff; margin: 0 0 0 68px; font-family: Arial, Verdana; font-size: 9pt; color: #c8c8c8; text-align: justify; } 
		#content h1 { margin-top: 0px; margin-bottom: 1px; padding-bottom: 2px; font-family: Arial; font-size: 13pt; font-weight: bold; color: #9ae226; border-bottom: dashed 1px #333333; }
		#content a { color: #00adef; text-decoration: none; font-weight: bold; }
		#content a img { border: none; }
		#content b, #content strong { color: #c42a5c; font-weight: bold; }
		#content ul { list-style-image: url('/media/img/list_style.png'); margin-left: 0; padding-left: 15px; }
		#content .date { text-align: right; color: #666666; font-size: 7pt; font-style: italic;}
		#content .entry_content { padding: 5px 0 0 5px; margin-bottom: 15px; }
		#content .entry_content > p { margin: 0;}
		#content #photos { padding: 0; margin-top: 10px; width: 430px; overflow: hidden; }
		#content #photos img { border: solid 2px #ffffff; }
				 #watch_gallery { text-align: right; }
		
	#rcol { float: left; width: 215px; margin-left: 60px; }
		#rcol h1 { font-family: "Arial Black", Arial; font-size: 8pt; color: #ffffff; margin: 0; background-image: url('/media/img/btn_czarny.jpg'); 
					background-repeat: no-repeat; padding: 2px 0px 4px 20px; }
		#rcol .box { padding: 10px 10px 20px 20px; background-color: #252525; font-family: Arial; font-size: 9pt;}
		#rcol .box, .box a { color: #666666;}
		#rcol .box ul { list-style: none; margin: 0; padding: 0;}
		#rcol .box ul li { margin-top: 7px; }
		#rcol .inp_mail { width: 170px; background-color: #999999; border: solid 2px #cccccc; color: #ffffff; margin-top: 10px; margin-bottom: 10px; 
						  padding: 2px 4px 2px 4px; font-size: 7pt; }
		#rcol .action { background-color: #999999; }
		#rcol .btn_submit { width: 100px; position: relative; top: -10px; right: -20px; border: none; background-color: #999999; padding: 3px; color: #e6e6e6; 
							font-weight: bold;}
		#rcol img { margin-top: 30px; border: none; width: 170px; }
#footer { clear: left; margin-top: 90px; margin-bottom: 60px; text-align: center; font-family: Arial; }
	#footer .loga { width: 45%; height: 180px; float: left; text-align: center;  margin-top: 40px;}
	#footer .loga .title { margin-bottom: 20px; font-weight: bold; }
	#footer .loga p { margin-left: 0; margin-right: 0; }
	#footer .loga img { border: none; }
	#footer .loga a { margin-left: 10px; }
	#footer .title { font-weight: bold; }

#authors { float: left; width: 100%; text-align: center; font-size: 11px; margin-top: 20px; margin-bottom: 30px;}
#authors a { color: #fff; }
