body{

	background: #f0f0f0 url(images/background_top.gif) repeat-x;

			font-family:arial, sans-serif;
	text-align:left;
	font-size:1em;
	color:#6b6b6b;
	height:100%;
}
/* TEST */

   * {
   margin: 0;
   }
	 
	 
   .wrapper {
   min-height: 100%;
   height: auto;
   height: 100%;
   margin: 0 auto -4em;
   }
	 
.footer{
			margin-top:4px;
   height: 40px;
	 background:url('images/stopka1_bg.gif') left top repeat-x;
		padding-bottom:40px;
	clear:both;
   }
	 
.footer a:hover{
	color:#f97c00;

}

.footer a{
	color:#808080;
		text-decoration:none;
}
/* TEST */


#witryna{
position:pixed;
width:900px;

top:0;
left:50%;

}

#baner{
	width:900px;
	height:221px;
	margin-top:0px;
	background:url('images/baner.gif') no-repeat;
}

#cialo{
	width:900px;
	height:auto;
	background: white url(images/tlo_cialo.gif) top repeat-y;
	text-align:left;
}

.pomiedzy{
	background:url('images/pomiedzy.gif') top left no-repeat;
		height:2px;
}

#blok_menu{
	width:240px;
	float:left;

}

#blok_tresc{
	width:660px;
	float:left;
	
}

/* Menu Lewa */

.arrowlistmenu{
	margin-top:0px;
	width: 233px; /*width of menu*/
	margin-left:5px;
	float:left;
}

.arrowlistmenu .headerbar{
font: 14px Arial;
font-weight:bolder;
color: white;
background: url(images/menu_lewa_kategoria_aktualnosci.gif) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
margin-top:0px;
text-transform: uppercase;
padding: 20px 0px 13px 50px; /*header text is indented 10px*/
font-weight:bolder;
}

.arrowlistmenu .headerbar_najblizsza_impreza{
font: 14px Arial;
font-weight:bolder;
color: white;
background: url(images/menu_lewa_kategoria_najblizsze_imprezy.gif) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
margin-top:0px;
text-transform: uppercase;
padding: 20px 0px 13px 50px; /*header text is indented 10px*/
font-weight:bolder;
}

.arrowlistmenu .headerbar_zaloba{
font: 14px Arial;
font-weight:bolder;
color: white;
background: #cc0000 url(images/menu_zaloba.gif) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
margin-top:0px;
text-transform: uppercase;
padding: 20px 0px 13px 50px; /*header text is indented 10px*/
font-weight:bolder;
}

.arrowlistmenu .headerbar_menu{
font: 14px Arial;
font-weight:bolder;
color: white;
background: #cc0000 url(images/menu_lewa_kategoria_menu.gif) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
margin-top:3px;
text-transform: uppercase;
padding: 20px 0px 13px 50px; /*header text is indented 10px*/
font-weight:bolder;
}

.arrowlistmenu .headerbar_swieta_wielkanocne{
font: 14px Arial;
font-weight:bolder;
color: white;
background: #cc0000 url(images/menu_swieta_wielkanocne.gif) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
margin-top:3px;
text-transform: uppercase;
padding: 20px 0px 13px 50px; /*header text is indented 10px*/
font-weight:bolder;
}

.arrowlistmenu .headerbar_ankieta{
font: 14px Arial;
font-weight:bolder;
color: white;
background: #cc0000 url(images/ankiety.gif) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
margin-top:3px;
text-transform: uppercase;
padding: 20px 0px 13px 50px; /*header text is indented 10px*/
font-weight:bolder;
}

#ankieta{
	color:black;
	text-align:center;
	margin:3px;
	font-size:12px;
	
}
.arrowlistmenu ul{
margin-top:0px;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
font-family:arial, sans-serif; font-size:12px;
text-align:left;
color: #6b6b6b;
background: url(images/punktor_aktualnosci.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 5px 0;
padding-left: 28px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px dashed #dadada;

}

.arrowlistmenu ul li a.polecane{
font-family:arial, sans-serif; font-size:12px;
text-align:left;
color: #6b6b6b;
background: url(images/punktor_polecane_strony.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 5px 0;
padding-left: 26px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px dashed #dadada;

}

.arrowlistmenu ul li a.polecane:hover{ /*hover state CSS*/
color: #A70303;
padding-left: 26px;
font-weight:bolder;
background: #ffecec url(images/punktor_polecane_strony.gif) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.menu{
font-family:arial, sans-serif; font-size:12px;
text-align:left;
color: #6b6b6b;
background: url(images/punktor_menu.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 5px 0;
padding-left: 26px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px dashed #dadada;

}

.arrowlistmenu ul li a.menu:hover{ /*hover state CSS*/
color: #A70303;
padding-left: 26px;
font-weight:bolder;
background: #ffecec url(images/punktor_menu.gif) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.aktualnosci_new{
font-family:arial, sans-serif; font-size:12px;
text-align:left;
color: #6b6b6b;
background: url(images/punktor_aktualnosci_new.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 15px 0;
padding-left: 36px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px dashed #dadada;

}

.arrowlistmenu ul li a.aktualnosci_new:hover{ /*hover state CSS*/
color: #A70303;
padding-left: 50px;
font-weight:bolder;
background: #ffecec url(images/punktor_aktualnosci_new.gif) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.wesele{
font-family:arial, sans-serif; font-size:12px;
text-align:left;
color: #6b6b6b;
background: url(images/mini_wesele.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 5px 0;
padding-left: 26px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px dashed #dadada;

}

.arrowlistmenu ul li a.wesele:hover{ /*hover state CSS*/
color: #A70303;
padding-left: 26px;
font-weight:bolder;
background: #ffecec url(images/mini_wesele.gif) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.zabawa{
font-family:arial, sans-serif; font-size:12px;
text-align:left;
color: #6b6b6b;
background: url(images/mini_zabawa.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 5px 0;
padding-left: 26px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px dashed #dadada;

}

.arrowlistmenu ul li a.festyn:hover{ /*hover state CSS*/
color: #A70303;
padding-left: 26px;
font-weight:bolder;
background: #ffecec url(images/festyn_min.gif) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.festyn{
font-family:arial, sans-serif; font-size:12px;
text-align:left;
color: #6b6b6b;
background: url(images/festyn_min.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 5px 0;
padding-left: 26px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px dashed #dadada;

}


.arrowlistmenu ul li a.studniowka:hover{ /*hover state CSS*/
color: #A70303;
padding-left: 26px;
font-weight:bolder;
background: #ffecec url(images/studniowka_min.gif) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.studniowka{
font-family:arial, sans-serif; font-size:12px;
text-align:left;
color: #6b6b6b;
background: url(images/studniowka_min.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 5px 0;
padding-left: 26px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px dashed #dadada;

}


.arrowlistmenu ul li a.zabawa:hover{ /*hover state CSS*/
color: #A70303;
padding-left: 26px;
font-weight:bolder;
background: #ffecec url(images/mini_zabawa.gif) no-repeat center left; /*custom bullet list image*/
}


.arrowlistmenu ul li a:visited{
color: #6b6b6b;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;

font-weight:bolder;
background: #ffecec url(images/punktor_aktualnosci.gif) no-repeat center left; /*custom bullet list image*/
}

/* Naglowek */




.naglowek{
	width:641px;
	height:39px;
	margin-top:9px;
	margin-left:10px;
	background:url('images/naglowek_tlo.gif') top left no-repeat;
	color:whte;
}

.naglowek_lewa{
		width:7px;
	height:33px;
	padding-top:6px;
	margin-left:10px;
	background:url('images/naglowek_lewa.gif') bottom left no-repeat;
	float:left;
}

.naglowek_srodek{
	width:auto;
	height:33px;
	padding-top:6px;
	margin-left:0px;
	background:url('images/naglowek_srodek.gif') bottom left repeat-x;
	float:left;
	
}

.naglowek_srodek p{
margin-top:10px;
margin-bottom:0px;
font-weight:bolder;
font-size:12px;
color:#808080;
}

.naglowek_prawa{
	width:12px;
	height:33px;
	padding-top:6px;
	margin-left:0px;
	background:url('images/naglowek_prawa.gif') bottom left repeat-x;
	float:left;
}

.tresc{
	width:641px;
	
	margin-top:0px;
	margin-left:10px;
	color:#6b6b6b;

	background:url('images/tlo_czesc_glowna.gif') top left repeat-y;
}

.tresc_opis{
	margin-left:8px;
	margin-right:8px;
	text-align:justify;
	padding-top:4px;
}

.czesc_glowna_dol{
		width:641px;
	height:4px;
	margin-top:0px;
	margin-left:10px;
	

	background:url('images/tlo_czesc_glowna.gif') top left no-repeat;
}

.stopka1{
			width:901px;
	height:25px;
	margin-top:0px;
	margin-left:0px;
	

	background:url('images/stopka1.gif') top left no-repeat;
}

/* Definicja styl�w dla galerii */
#galeria_blok_miniatury{
text-align:center;

	width:150px;
	min-height:150px;
	float:left;
	margin:15px;
	overflow:visible;
}

#galeria_blok_miniatury .miniatura{
border-style:solid;
border-width:1px;
border-color:#e80000;
margin-left:5px;
margin-right:5px;
	width:130px;
	height:130px;
	
}

#galeria_blok_miniatury .miniatura img{
	width:120px;
	height:120px;
	padding-top:5px;
}

#galeria_blok_miniatury .opis_miniatury{

margin-top:5px;
font-weight:normal;
text-align:center;
	border-top-style:solid;
	border-bottom-style:solid;
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
	border-width:1px;
	color:#808080;
	width:150px;
	height:auto;
	overflow:visible;
}

#galeria_blok_miniatury .opis_miniatury a{
	color:#808080;
}

#galeria_blok_miniatury .opis_miniatury a:hover{
	color:#A70303;
	font-weight:bolder;
}

div.galeria_kategoria{
	width:600px;
	text-align:center;
	margin-left:60px;
}

table.galeria_miniatury img{
	width:125px;
	height:125px;
}
table.galeria_miniatury{
	margin-left:35px;
}
/* Definicja styl�w dla galerii KONIEC */

/* Akualnosci */
div.aktualnosci_background{
width:100%;
height:500px;
	background:url('images/thame/aktualnosci_background.png') right top no-repeat;
}

div.polecane_strony_background{
width:100%;
height:500px;
	background:url('images/thame/polecane_strony_background.gif') right top no-repeat;
}

ul.polecane_strony li{
	list-style-image:url(images/thame/polecane_strony_punktor.gif);
	font-style:italic;
}

ul.polecane_strony a{
	color:#c0c0c0;
	font-style:normal;
}

/* Stronicowanie start */
div.pasek_stronicowanie{
		background:url('images/stronicowanie_pasek.gif') center center no-repeat;
		height:25px;
		width:500px;
		text-align:center;
	
		
}

div.pasek_stronicowanie p{
	padding-top:5px;
}
/*
#pasek_stronicowanie a{
	margin-top:2px;
}
*/

a.stronicowanie{

	color:#808080;
	font-size:12px;
	text-decoration:none;
	border-style:solid;
	border-color:#808080;
	border-width:1px;
	padding-left:2px;
	padding-right:2px;
	margin-left:3px;

}

a.stronicowanie_kropeczki{
		color:#808080;
	font-size:12px;
	text-decoration:none;

	padding-left:2px;
	padding-right:2px;
	margin-left:3px;
}

a.stronicowanie_activ{
	
	color:#cc0000;
	font-size:12px;
	text-decoration:none;
	border-style:solid;
	border-color:#cc0000;
	border-width:1px;
	padding-left:2px;
	padding-right:2px;
	margin-left:3px;
}

a.stronicowanie_activ:hover{
	
	color:white;
	font-size:12px;
	text-decoration:none;
	border-style:solid;
	border-color:#cc0000;
	border-width:1px;
	padding-left:2px;
	padding-right:2px;
	margin-left:3px;
	background:#cc0000;
}


a.stronicowanie:hover{

	color:white;
	font-size:12px;
	text-decoration:none;
	border-style:solid;
	border-color:#cc0000;
	border-width:1px;
	padding-left:2px;
	padding-right:2px;
	margin-left:3px;
	background:#cc0000;

}
/* Stronicowanie koniec */

/* menu styles */
#jsddm
{	margin: 0px;
	padding: 0}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddm li a
	{	display: block;
		background: none;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 70px;
		color: #dddddd;
		white-space: nowrap}

	#jsddm li a:hover
	{	
		background: none;
		font-weight:normal;
	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
			#jsddm li ul li a
			{	width: auto;
				background: #ca0000;
				color: #dddddd}
			
			#jsddm li ul li a:hover
			{	background: #ffffff;color:#757575}
			
/* Ksiega gosci */

.wpis_ksiega_gosci{
	text-align:left;
	background:url('images/ksiega_gosci_wpis.gif') left center no-repeat;
	font-weight:normal;
	margin-top:15px;
	padding-left:55px;
	border-style:dashed;
	border-color:#c0c0c0;
	border-width:1px;
	
}
.wpis_ksiega_gosci div{
	text-align:left;
	padding-left:10px;
	padding-top:10px;
}
.wpis_ksiega_gosci p{
	margin-top:5px;
	font-size:11px;
	text-align:right;
	padding-right:5px;
}


input{
 width:250px;
}

textarea{
	width:250px;
	height:200px;
}
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */

background: #BD0000; 
width: 100%; 
height: 27px; 
margin: 0;
padding: 0
overflow: hidden;

}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 5px;
top: 8px;
width: 100%;
overflow: hidden;

}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin-bottom:0px;
padding: 0;
background: #BD0000;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: white;
font: bold 10px Verdana;
margin: 0 15px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

/* Ankieta */

ul.ankieta li{
	list-style-type:none;
	font-size:12px;
	color:black;
}

ul.ankieta li label{
	padding-left:3px;
	text-decoration:underline;	
}