/* 
 Wersja: Lucjana 
 Zmiana: 03.01.2012
 To ma byc wersja wiosenna strony ;)
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #fdf2d9;
	color: #000;
	font-size: small;
	padding: 2px 2px 2px 2px ;
	margin: 1px 1px 1px 1px ;
	/*background-image: url("images/tlo1.gif");*/
}
div#page-content{
	text-align: justify; 
	width: 800px; 
	margin: auto;
	/*background:#e9e9e9;*/
}
div#naglowek{
	text-align: left;
	clear: both; 
	background-image: url('images/naglowek.jpg');
	height: 290px;
	font-size:28px;
	font-weight: bold; 
	color: brown;
	padding: 10px;
}
div#hmenu{
	border: 1px solid #a52a2a;
	background: #fbfbd6;
}
div#glowna{
	padding: 1px 1px 1px 1px;
	margin: 1px 1px 1px 1px;
	float: right;
	width: 84%;
	text-indent: 10px;
}
h1{
	margin: 1px 1px 3px 1px ;	
	padding: 1px 1px 1px 1px ;
	font-size:18px;
	font-weight: bold; 
	color: brown; 
	text-align: center;
	background-image: url('h1_bg.gif');
	background-position: 100% 50%;
	/*border-bottom: 2px dashed #a52a2a;*/
}

p{
	text-indent: 0px;
}
a{
	color: #a52a2a
}
a:hover{
	color: #ffa500
}

/* aktualnosci */
div.news{
	/*border: solid 1px #a52a2a;*/
	margin-bottom: 5px;
	
}
div.news p.news{
	margin: 5px;
}
div.news .data{
	margin: 1px;
	padding: 0px;	
}
div.news h2,h2{
	text-decoration: none;
	padding: 2px 1px 2px 1px ;
	margin: 0px 0px 0px 0px ;
	font-size: 14px;
	background-image: url('h1_bg.gif');
	text-align: center;	
}
div.news h2 a{
	color: #a52a2a;
	padding: 1px 1px 1px 1px ;
	margin: 0px 0px 0px 0px ;
	text-decoration: none;
	margin: 0px;
}
div.news h2 a:hover{
	color: #ffa500;
}
.data{
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: x-small;
	vertical-align: middle;
	padding: 1px 1px 1px 1px ;
	margin: 0px 0px 0px 0px ;
	text-indent: 0px;
	text-align: right
	}	
	
	/* zdjecie miesiaca */
p.fotom{
	text-align: center;
	font-style: italic
}	
p.fotom img{
	text-align: center;
	padding:4px 4px 4px 4px;
}
/* menu */
#menu {
	background: #eee;
	float: left;
	width: 14%;
	vertical-align: middle;
	margin: 1px 1px 10px 1px;
}
#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
}
#menu a {
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0;
	padding: 2px 3px;
}
#menu a {
	color: #000;
	background: #fbfbd6;
	text-decoration: none;
}

#menu a:hover {
	color: #a00;
	background: #fff;
}
#menu li{
	padding: 0px;
	margin: 0px;
	display: inline;
}
/* menu END */
/* stopka strony */
#stopka{
	clear: both;
	border-top: 1px solid #a52a2a;
	text-align: center;
	font-size: x-small;
}
#stopka span.jurgow_rok{
	font-family: Arial, serif;
}	
#stopka a{
	text-decoration: none;
	color: black;
}
#stopka a:hover{
	text-decoration: underline;
	color:#a52a2a;
	background: #fbfbd6
}

ul.folklor{
	list-style-image: url("../pictures/kapelusz.png");	
}
ul.srodek>li{
	padding-left: 5px;
}
ul.o_jurgowie{
	list-style-image: url("../pictures/kapelusz.png");
}
ul.o_jurgowie li{
	padding: 2px 1px 2px 4px;
	vertical-align: middle
}
ul.turystyka{
	list-style-image: url('../pictures/turystyka.png');
}
div.ksiazka{
	clear: both
}
div.topnews{
	text-align: right
}
p.podpis{
	font-size: x-small;
	font-weight: bold;
	font-style: italic;
	text-align: right;
}
#opismiejsca{
	width:70%;z-index:5;border-style:solid;
	border-width:thin;background-color:lightgray;
}
#opisymiejsc{
	width: 100%;
	text-align: center
}

/* style do opisow planu*/
.hideClass {position:absolute; visibility:hidden;display: none;}
.showClass {position:absolute; visibility:visible;display: none;z-index:99
}
.photoc { 
	font-family: Arial, Helvetica, sans-serif;
 	font-size: x-small;
	font-style: italic; 
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;	
}