body {	
	background-color: white;
	background-image: url(gr_tlo_body.jpg);
	background-repeat: repeat;
	color: black;
	margin: 15px 0 20px 0;
	padding: 0;
}

#top {	
  	background-color:white;
	background-image: url(gr_tlo_top.jpg);
	background-repeat: repeat-y;
	width: 780px;
	overflow: hidden;
	/*	margin-left: auto;c0c0c0
*/	margin-right: 0;
	margin: 0px auto;}

#logo_lewa {	
  	background-color:white;
	width: 610px;
	float: left;
	overflow: hidden;}
#logo_prawa {
	width: 170px;
	float: right;
	overflow: hidden;}




#naglowek {
  	height: 35px;
	width: 780px;
	background-image: url("gr_tlo_naglowek.jpg");
	background-repeat: no-repeat;
	margin: 0;
	float: right;
	overflow: hidden;
	
}
#opinacz{
	width: 780px;
	margin: 0;
	text-align: left;
	float: right;}

#optresc {
	width: 580px;
	float: right;
 	clear: both;
 	margin: 0;
	overflow: hidden;
	padding: 0;}

#tresc {
	width: 565px;
	background-color: #c3c3c3;
	background-image: url("gr_tlo_tresc.jpg");
	background-repeat:repeat-y;
	float: left;
 	clear: both;
 	overflow: hidden;
	margin: 5px 10px 0 5px;
	padding: 0;
	border-bottom-color: #02669c;
	border-bottom-style: solid;
	border-bottom-width: 2px;
		}
	
#reklama {
  	width: 190px;
	background-image: url(gr_tlo_reklama.jpg);
	background-repeat: repeat-y;
  	background-color: #cfcfcf;
	float: left;
	overflow: hidden;
	margin: 5px 0 0 5px;
	padding: 0 0 5px 0;
	border-bottom-color: #02669c;
	border-bottom-style: solid;
	border-bottom-width: 2px; }
	
#opreklama {
  	width: 200px;
  	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;}	
	
	

#stopka {
  	width: 220px;
	background-image: url(gr_tlo_stopka.jpg);
	background-repeat: repeat-y;
	height: 20px;
  	clear: both;
	width: 780px;}

.balonik {
	background-image: url(gr_tlo_reklama_dol.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 100%;
	float: right;
	overflow: hidden;
	margin: 0;}
	
.form {
	width: 45%;
	margin: 0;
	padding: 10px;
	float: left;
	text-align: left;
	background-color: white;
}


ul, ul li {
	display: block;
	list-style: none;
	margin: 0px 0px 5px 3px;
	float:left;
	padding: 0;
	height: 30px;
}


ul a:link, ul a:visited {
  	text-decoration: none;
	display: block;
	font-weight: bold;
	font-size: 19px;
	color: #590f0e;
	padding: 4px 9px 1px 9px;

}

ul a:hover {
	color: #9caa64;
	border-bottom-style: dotted;
	border-bottom-color: #590f0e;
}

a.duzy:link, a.duzy:visited {
  	background-image: url("gr_tlo_menu.jpg");
  	background-repeat: no-repeat;
  	display: block;
	width: 160px;
  	font-weight: bold;
  	margin: 1px 0 1px 8px;
  	padding: 10px 0 10px 15px;
	font-size: 21px;
	color: white;}

a.duzy:hover {
  	width: 160px;
	background-image: url("gr_tlo_menu2.jpg");
	margin: 1px 0 1px 8px;
	padding: 10px 0 10px 15px;
	font-size: 21px;
	color: white;}
	
a:link, a:visited {
  	text-decoration: none;
  	border: 0px;
  	margin: 0px;
  	color: blue;
}
a:hover {
        text-decoration: none;
  	border: 0px;
  	color: #590f0e;
}

p { margin: 0;
    padding: 0;}

p.maly {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #590f0e;
	margin: 2px 5px ;}


p.sredni {
	font-size: 17px;
	color: #012c43;
	text-align: justify;
	margin: 5px 15px 10px 14px ;}

p.duzy {
	font-size: 19px;
	color: #012c43;
	text-align: justify;
	margin: 5px 15px 10px 14px ;}

p.red {
	font-size: 18px;
	color: red;
	text-align: justify;
	margin: 5px 5px 10px 14px ;}


p.stopka {
	font-size: 11px;
	font-weight: normal;
	font-family: Arial;
	font-style: italic;
	color: black;
	margin: 5px 30px 5px 30px ;}


.obrazek, .obrazek:link, .obrazek:visited {
	text-decoration: none;
	color: white;
	margin-left: 15px;
	text-decoration: none;
	border: 0;
	background-color: #f2f2f2; 
}
.obrazek:hover {
  	color: white;
	margin-left: 14px;
}

img {float:none;
	border: 0;
	margin: 0
	}
.lewa {float:left;
	margin: 5px;
	}
.prawa {float:right;
	margin: 5px 15px 4px 5px; 
	padding: 0px;}
	
h1 	{
  	width: 565px;
	background-image: url("gr_tlo_tresc_gora.jpg");
	background-repeat: no-repeat;
  	font-size: 23px;
  	text-align: justify;
  	color: white;
  	margin:0;
  	padding: 3px 0 4px 20px;
}

h2 	{
  	font-size: 21px;
  	text-align: center;
  	color: white;
  	margin: 0;
  	padding: 2px 0px 4px 0px;}

h3 	{
  	background-image: url("gr_tlo_tresc_gora.jpg");
  	background-repeat:no-repeat;
  	font-size: 17px;
  	text-align: left;
  	color: white;
  	margin: 0;
  	padding: 2px 0px 2px 10px;}
  	
h4 	{
  	background-color: #528586;
  	font-size: 17px;
  	text-align: left;
  	color: white;
  	margin: 0;
  	padding: 2px 0px 2px 10px;}
  	
  	
table.kalendarz {
	margin: 2px;
	background-color: #f7f7f7;
	float: left;
}

tr.jasniejsze {
	background-color: #fffafc;  
}
td.do_prawej {
	text-align: right;
	font-size: 15px;
	font-weight: bold;
	color: #590f0e;
	padding: 2px; 
	
}

td.do_lewej {
	text-align: left;
	font-size: 15px;
	color: #590f0e;
	margin: 5px;
	padding: 2px; 
}

.nieaktualne {
  	width: 25px;
  	height: 25px;
  	background-color: #f7f7f7;
	
}

.ukryty {
  	width: 25px;
  	height: 25px; 
	background-color: #976868;
	text-align: center;
	font-size: 15px;
	color: #590f0e;
}
.zajety {
  	width: 25px;
  	height: 25px; 
	background-color: #9c1e24;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}

.wolny {
  	width: 25px;
  	height: 25px; 
	background-color: #e9dfdf;
	text-align: center;
	font-size: 15px;
	color: #590f0e;}
	
.wolny1 {
background-color: #e9dfdf;}#f4efdb

.wolny2 {
 background-color: #f4efdb;}

.rezerwacja {
  	width: 25px;
  	height: 25px; 
	background-color: #9caa64;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}

.naglowki_kal {
  	width: 25px;
  	height: 25px; 
	background-color: #cfcccc;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #590f0e;
}

input, textarea, select {
	background-color: #e9dfdf;
	color: #590f0e;
	font-weight: bold;
	margin: 3px 2px 3px 10px;}

option {margin: 0;}

button {margin: 3px 2px 3px 5px;}