/*-------------------- ogolne -----------------------*/
body{
margin:0px;
padding:0px;
background:#ffffe1;
}

div#kontener{
	width:900px;
	background:url(../img/bg/spod.jpg) repeat-y top left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:10px;
	
}

	div#banner{
	background-color:#ffffff;
	background:url(../img/bg/banner.jpg) no-repeat top;
	width:900px;
	height:324px;
}

div#srodek{
	width:900px;
}
div#menu{
	float:left;
	background:url(../img/bg/menu.jpg) repeat-y top;
	width:229px;
	height:550px;
}

div#oferta{
	background:url(../img/bg/menu_oferta.jpg) no-repeat top;
	width:228px;
	height:97px;
}

div#main{
	float:right;
	background:#f8f8f8;
	width:621px;
	font: 14px Arial, Verdana, sans-serif;
	margin:0 25px 0 25px;
	text-align:justify;
}

div#stopka{
	clear:both;
	background:url(../img/bg/stopka.jpg) no-repeat top;
	width:900px;
	height:73px;
		
}
/*------------------------- menu -------------------------*/
ul.menu{
	list-style:none;
	margin:4px;
	padding:0px;
}

ul.menu li{
	margin:0;
	padding:0;
}

ul.menu a{
	text-decoration:none;
	display:block;
	background:url(../img/bg/menu_opcja.jpg) repeat-y top;
	text-align:center;
	font: 14px Arial, Verdana, sans-serif;
	font-weight:bold;
	color:black;
	margin:3px 0 3px 0;
	padding:5px 0 5px 0;
	width:220px;
	}

ul.menu li a span#orw_astur{
	font-size:11px;
}

ul.menu a:hover span#orw_astur{
	color:black;
	background:url(../img/bg/menu_podswietl.jpg) repeat-y top;
	font-size:11px;
	font-weight:normal;

}
	
ul.menu a:hover{
	color:black;
	background:url(../img/bg/menu_podswietl.jpg) repeat-y top;
	font-size:13px;

}

ul.menu a:link, ul.menu a:visited{
	color:black;

}
div#menu img#aktywne{
margin:0px;
padding:0px;
border:0px solid red;
}

div#menu img.opcja{
float:left;
margin:0px;
padding:0px;
border:0px solid red;
display:none;
}

div#menu div.logo_gif{
	display:block;
	float:left;
	width:20px;
	height:20px;
}




/*------------------------- main -------------------------------*/
div#main div#onas p{
	font-size:14px;
	line-height:20px;
}
div.info a{
	display:block;
	text-decoration:none;
	background:#ffffa6;
	height:155px;
	margin:10px;
	padding:10px;
}

div.info a:link, div.info a:visited{
	color:black
}

div.info a:hover{
	background:#ffff00;
}

div.info{
	margin:10px 0 10px 0;
	clear:both;
}

div.info img{
	clear:both;
	float:left;
	margin-right:10px;
	width:200px;
	height:150px;
}

div#info img{
	clear:both;
	float:left;
	margin: 0 10px 0 10px;
	width:200px;
	height:150px;
}

div#main div#info img, div#main div#galeria img, div#main div.info img{
	border:1px solid orange;
}

div#main img#logo{
	margin:10px;
	border:0px solid orange;
}

div#zakwaterowanie{
	clear:both;
}

p.belka{
	background:url(../img/bg/belka1c.jpg) repeat-x top;
	text-align:center;
	font-weight:bold;
	margin-top:70px;
	margin-bottom:30px;
}

ul#offer li{
	list-style:none;
	text-align:center;
	height:30px;
}

ul#offer a:link, ul#offer a:visited{
	text-decoration:none;
	font: 18px Arial, Verdana, sans-serif;
	color:black;
}

ul#offer a:hover{
	text-decoration:none;
	font: 17px Arial, Verdana, sans-serif;
	color:red;
}


ul#offer p.belka{
	margin:0px 30px 0px 0;
}

div#cena{
	text-align:center;
}
div#galeria img{
	float:left;
	width:140px;
	height:100px;
	margin:6px 6px 6px 7px;	
}

div#tytul{
	text-align:center;
}
/*--------------------------------- tabela --------------------*/
div#cena table{
	width:auto;
	margin-left:auto;
	margin-right:auto;
}
div#cena table{
	border-collapse:collapse;
	border-top:1px solid orange;
	border-bottom:1px solid orange;
	border-left:1px solid orange;
	border-right:1px solid orange;
	text-align:center;
	vertical-align:middle;
	font: bold 16px Arial, Verdana, sans-serif;
	background:#ffffc1;
	clear:both;
}
div#cena table td{
	border-top:1px solid orange;
	padding:0 25px 0 25px;
}
div#cena table tr.pierwszy{
	border-top:1px solid yellow;
	padding:0 5px 0 5px;
	color:gray;
}
div#cena table th{
	background:url(../img/bg/belka1d.jpg) repeat-x top;	
	color:black;
	font-size:14px;
	padding:2px 10px 2px 10px;
}
div#cena table#turnusy td{
	padding:0px;
	border:1px solid orange;
	font-size:14px;
}
/*------------------------- kontakt mapa ------------------------------*/
div#kontakt ul#kontakt{
	margin-top:30px;
	padding-top:0px;
	font-size:18px;
}

div#kontakt ul#kontakt li{
	margin-top:20px;
}

div#kontakt ul#kontakt li ul li{
	margin-top:0px;
}

div#kontakt ul{
	font-size:14px;	
	font-weight:bold;
	padding:10px 0 10px 0;
	margin:0;	
}

ul#kontakt ul{
	margin-left:20px;
}

div.kontakt_img{
	clear:left;
	float:left;
	height:28px;
	width:40px;
	
}
div.kontakt_info{
	height:30px;
	vertical-align:middle;
	padding-top:6px;
	
}

div#kontakt li{
	list-style:none;
	padding:2px 0 2px 0;
}

div#kontakt div.kontakt_img img{
	border:0px;
}

div#mapka{
	width: 500px;
	height: 350px;
	border: 1px solid black;
	background: gray;
	display:none;
}


div#kontakt a:link,div#kontakt a:visited{
	color:black;
	font-size:14px;
	font-weight:normal;
}

div#kontakt a:hover{
	color:gray;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}
/*------------------------- facebook ------------------*/
div#facebook{
	position: fixed;
	top: 300px;
	right: 0px;
	}z
	
div#facebook a{
	text-decoration:none;
	}
	
div#facebook a img{
	border: none;
	}

/*-----------------------zima-------------------------*/
div#zima {
	
	}
ul#zima{
	
	}
/* ----------------------- zielona szkoła ------------*/
 h2.z_szkola {
	color:green;
	}
	
h3.z_szkola {
	color:#004000;
	}
div#program ul{
	list-style:none;
	}
div#program ul ul{
	list-style:disc;
	}
div.info_z_szkola a{
	display:block;
	text-decoration:none;
	background:#ffffa6;
	height:225px;
	margin:10px;
	padding:10px;
}

div.info_z_szkola a:link, div.info_z_szkola a:visited{
	color:black
}

div.info_z_szkola a:hover{
	background:#ffff00;
}

div.info_z_szkola{
	margin:10px 0 10px 0;
	clear:both;
}

div.info_z_szkola img{
	clear:both;
	float:left;
	margin-right:10px;
	width:200px;
	height:150px;
}

div#main div#info_z_szkola img, div#main div#galeria img, div#main div.info_z_szkola img{
	border:1px solid orange;
}
p.z_szkola{
	color:black;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}