body {
    margin:0;
    padding:0;
    font: 12px/1.5em Georgia;
	
	background:url("grafika/tlo.jpg");
	background-position:center top;

}
a:link, a:visited, a:active, a:hover{  text-decoration: none; }
form, input, select, fieldset, legend, img, div, span,  h1, h2, h3, h4, table, tr, td{ margin: 0; padding: 0; }
img {
border: none;
} 

 
h1{
color:#800000;
font: bold 40px  Monotype Corsiva;}

h2{
color:#AD3C3C;
font: bold 20px Georgia, Monotype Corsiva;}
.reszta{
color:#FF0000;
font-weight:bold;
}

 .labela{ float: left; font-size: 12px; font-weight:normal;color: #575757; display: block; padding: 2px 1px; width: 114px; }
.blada{ padding-left: 116px; color: #ff0000; font-size: 10px; clear: both; font-weight:normal;}
input.przycisk_wyp{			/*przycisk wypukly*/
	background-color:white;

	cursor:pointer;
	border: 0px;
	margin:0px;
	width:60px;
	height:20px;
	text-align: center;
	padding:0px 0px 0px 0px;
	font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #818181; 
	
}

input.pole_text, input.pole{  			/*pola logowania rejestracji*/
	float:left;
	margin: 0px;
	width:158px;
	padding: 0px 5px 0px 5px;
	border: 1px solid #D0CBC1;
	background-color:#FBFCF5;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7F7772; 
	
}

#indeks{

margin: 0 auto; 

background:url("grafika/pasek.jpg") repeat left top;
width:788px;

} 
 
#indeks_a{
float:left;
background:url("grafika/kr_1.jpg") no-repeat left bottom;
width:11px;
height:66px;
} 
#indeks_b1{
float:left;
height:66px;
background:url("grafika/kr_go.jpg") repeat-x left bottom;
width:128px;

} 
#indeks_b2{
float:left;
height:66px;
	width:113px;
	background:url("grafika/p00.jpg") no-repeat left bottom;
	}
#indeks_b3{
float:left;
height:66px;
background:url("grafika/kr_go.jpg") repeat-x left bottom;
width:123px;

} 
#indeks_b4{
float:left;
height:66px;
	background:url("grafika/p01.jpg") no-repeat left bottom;
width:200px;

} 
#indeks_b5{
float:left;
height:66px;
background:url("grafika/kr_go.jpg") repeat-x left bottom;
width:202px;

} 
#indeks_c{
float:left;
height:66px;
background:url("grafika/kr_2.jpg") no-repeat left bottom;
width:11px;
}  






#koniec{
margin:0 auto; 
width:766px;
height:10px;
background:url("grafika/kr_du.jpg") repeat-x left top;
} 
#poczatek{

margin:0 auto; 
margin-top:50px;
width:788px;
height:13px; 

} 
 

#calosc{
margin: 0 auto; 

width:766px;
}



#menu {
width:766px;
	margin-top:0px;
	padding:0px 0px 0px 0px;
	float:left;
}

#menu ul {
	margin:0;
	padding:0px 0px 0px 0px;
	list-style:none;height:52px;
}

#menu li {
	display:inline;
	
	margin:0;
	padding:0;
}
#menu li.przerywnik {
	display:inline;float:left;
		height:53px;width:29px;
	background:url("grafika/przerywnik.jpg") no-repeat left top;
	margin:0;
	padding:0;
}

#menu a.motel {

	float:left;
	height:53px;width:106px;
	background:url("grafika/motel.jpg") no-repeat left top;
	margin:0;
	padding:0;
}
#menu a.restauracja {
	float:left;
	background:url("grafika/restauracja.jpg") no-repeat left top;
	margin:0;height:53px;
	width:161px;
	text-decoration:none;
}
#menu a.pizzeria {
	float:left;
	background:url("grafika/pizzeria.jpg") no-repeat left top;
	margin:0;height:53px;
	width:117px;
	text-decoration:none;
}
#menu a.imprezy {
	float:left;
	background:url("grafika/imprezy.jpg") no-repeat left top;
	margin:0;height:53px;
	width:117px;
	text-decoration:none;
}
#menu a.nasi_goscie {
	float:left;
	background:url("grafika/nasi_goscie.jpg") no-repeat left top;
	margin:0;height:53px;
	width:164px;
	text-decoration:none;
}
#menu a.kontakt {
	float:left;
	background:url("grafika/kontakt.jpg") no-repeat left top;
	margin:0;height:53px;
	width:101px;
	text-decoration:none;
}
#menu a:hover {
	background-position:0% -53px;
}



#kancik {
	margin:0;
	float:left;
	height:11px;
	width:11px;
	background:url("grafika/kancik.jpg") no-repeat left top;overflow: hidden;
}
#prosta {
	margin:0;
	float:left;
	height:11px;
	width:491px;
	background:url("grafika/prosta.jpg") repeat left top;overflow: hidden;
}
#zlaczka {
	margin:0;
	float:left;
	height:11px;
	width:17px;
	background:url("grafika/zlaczka.jpg") no-repeat left top;overflow: hidden;
}
#prostab {
	margin:0;
	float:left;
	height:11px;
	width:236px;
	background:url("grafika/prostab.jpg") repeat left top;overflow: hidden;
}
#kancikb {
	margin:0;
	float:left;
	height:11px;
	width:11px;
	background:url("grafika/kancikb.jpg") no-repeat left top;overflow: hidden;
}



#a_calosc {
	margin:0;
	float:left;
	width:766px;
	background:url("grafika/a_calosc.jpg") repeat left top;
}



#r_restauracja{
	background:url("grafika/r_restauracja.jpg") no-repeat left top;
	margin-bottom:10px;
	height:67px;
	width:291px;clear:both;
}
#r_nasi_goscie{
	background:url("grafika/r_nasi_goscie.jpg") no-repeat left top;
	margin-bottom:10px;
	height:67px;
	width:291px;clear:both;
}
#r_kontakt{
	background:url("grafika/r_kontakt.jpg") no-repeat left top;
	margin-bottom:10px;
	height:67px;
	width:291px;clear:both;
}
#r_imprezy{
	background:url("grafika/r_imprezy.jpg") no-repeat left top;
	margin-bottom:10px;
	height:67px;
	width:291px;clear:both;
}
#r_pizzeria{
	background:url("grafika/r_pizzeria.jpg") no-repeat left top;
	margin-bottom:10px;
	height:67px;
	width:291px;clear:both;
}
#r_motel{
	background:url("grafika/r_motel.jpg") no-repeat left top;
	margin-bottom:10px;
	height:67px;
	width:291px;clear:both;
}


#r_foto{

	background:url("grafika/r_foto.jpg") no-repeat left top;
	height:67px;
	width:123px;clear:both;
	
}



#z_kancik {
	margin:0;
	float:left;
	height:11px;
	width:11px;
	background:url("grafika/z_kancik.jpg") no-repeat left top;overflow: hidden;
}
#z_prosta {
	margin:0;
	float:left;
	height:11px;
	width:491px;
	background:url("grafika/z_prosta.jpg") repeat left top;overflow: hidden;
}
#z_zlaczka {
	margin:0;
	float:left;
	height:11px;
	width:17px;
	background:url("grafika/z_zlaczka.jpg") no-repeat left top;overflow: hidden;
}
#z_prostab {
	margin:0;
	float:left;
	height:11px;
	width:236px;
	background:url("grafika/z_prostab.jpg") repeat left top;overflow: hidden;
}
#z_kancikb {
	margin:0;
	float:left;
	height:11px;
	width:11px;
	background:url("grafika/z_kancikb.jpg") no-repeat left top;overflow: hidden;
}


#stopka{
margin-top: 10px;
}
#stopka a{
color:#A19C94;
}
#stopka p{
margin-top: 0px;
text-align:center;
word-spacing: 0.5em;
font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#A19C94;
}





#gora{
	float:left;
	height:289px;
	width:766px;
	
}

#jeden{float:left;
	height:289px;
	width:77px;
		background:url("grafika/p2.jpg") no-repeat left top;
	
}



#dwa{
	float:left;
	height:289px;
	width:76px;
		background:url("grafika/p3.jpg") no-repeat left top;
		
		

}
#trzy{
	float:left;
	height:289px;
	width:77px;
			background:url("grafika/p4.jpg") no-repeat left top;
}
#cztery{
	float:left;
	height:289px;
	width:76px;
	background:url("grafika/p5.jpg") no-repeat left top;
}
#piec{
	float:left;
	height:289px;
	width:77px;
	background:url("grafika/p6.jpg") no-repeat left top;
}
#szesc{
	float:left;
	height:289px;
	width:77px;
	background:url("grafika/p7.jpg") no-repeat left top;
}
#siedem{
	float:left;
	height:289px;
	width:76px;
	background:url("grafika/p8.jpg") no-repeat left top;
}
#osiem{
	float:left;
	height:289px;
	width:77px;
	background:url("grafika/p9.jpg") no-repeat left top;
}
#dziewiec{
	float:left;
	height:289px;
	width:76px;
	background:url("grafika/p10.jpg") no-repeat left top;
}
#dziesiec{
	float:left;
	height:289px;
	width:77px;
	background:url("grafika/p11.jpg") no-repeat left top;
}