/* CSS Document */

body {
	background-image: url(./gfx/main_tlo.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #fff;
	font-family: Georgia, Utopia, Palatino,'Palatino Linotype',serif;
	font-size: 12pt;
	color:#114824;
}

img {
	border: none;
}

.s8 {
 	font-size: 0.7em;
}

.s16 {
 	font-size: 1.2em;
}

.s18 {
 	font-size: 1.4em;
}

.s24 {
 	font-size: 1.8em;
}

.s30 {
 	font-size: 2em;
}

.s48 {
 	font-size: 3em;
}


.lightgreen {
	color: #6ebb13;
}

a {
	color: #6ebb13;
	font-size: 12pt;
	text-decoration: none;
	border:0;
}

a.hover {
	text-decoration: underline;
	color: #6ebb13;
}

a:hover.hover,a:hover.linkstopka {
	background-color: #6ebb13;
	text-decoration: none;
	color: #fff;
}


div#content{
	position:relative;
	margin: 0px auto;
	width:940px;
	height:900px;
}

div#logo{
	position:relative;
	top:126px;
	left:40px;
	width:228px;
	height:71px;
}

div#menu{
	position:relative;
	top:47px;
	left:293px;
	width:681px;
	height:53px;
}

/*-----------MENU BUTTONS-----------*/

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 53px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	outline-style:none;
	outline-width:0;
	display: block;
	text-decoration: none;
	text-indent: -10000px;
	height: 53px;
	background-repeat: no-repeat;
}
.zajecia {background-image: url('./gfx/menu/zajecia.jpg'); width: 108px; background-position: bottom left;}
.zajecia a {background-image: url('./gfx/menu/zajecia.jpg');}
.galeria {background-image: url('./gfx/menu/galeria.jpg'); width: 101px; background-position: bottom left;}
.galeria a {background-image: url('./gfx/menu/galeria.jpg');}
.plan_zajec {background-image: url('./gfx/menu/plan.jpg'); width: 149px; background-position: bottom left;}
.plan_zajec a {background-image: url('./gfx/menu/plan.jpg');}
.prowadzaca {background-image: url('./gfx/menu/prowadzace.jpg'); width: 156px; background-position: bottom left;}
.prowadzaca a {background-image: url('./gfx/menu/prowadzace.jpg');}
.kontakt {background-image: url('./gfx/menu/kontakt.jpg'); width: 165px; background-position: bottom left;}
.kontakt a {background-image: url('./gfx/menu/kontakt.jpg');}
ul.menu li a:hover {background: none; }
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*-----------END MENU BUTTONS-----------*/

/*-----------MAIN PAGE-----------*/

div#main_tresc{
position:relative;
top:160px;
left:62px;
width:840px;
height:270px;
}

div#main{
	padding-top: 6em;
	position:relative;
	float:left;
	margin: 0em;
	text-align: justify;
	width:350px;
}
div#main img{
	position:relative;
	top:2em;
	float:right;
}
div#polaroidy{
	position:relative;
	background-image: url(./gfx/polaroidy.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	float: right;
	text-align: center;
	padding-top: 4.1em;
	left:13px;
	width:463px;
	height:491px;
}

/*-----------END MAIN PAGE-----------*/


/*-----------ZAJECIA-----------*/

div#zajecia_tresc{
position:relative;
top:160px;
left:100px;
width:840px;
height:270px;
}

div#zajecia_tekst{
	padding-top: 3.1em;
	position:relative;
	float:right;
	margin-right:5em;
	text-align: justify;
	width:450px;
	height:270px;
}

div#nozyce{
	position:relative;
	background-image: url(./gfx/nozyce.gif);
	background-repeat: no-repeat;
	background-position: top center;
	float: left;
	text-align: center;
	padding-top: 4.1em;
	width:271px;
	height:359px;
}

/*-----------END ZAJECIA-----------*/

/*-----------GALERIA-----------*/

div#galeria_tresc{
	position:relative;
	left: 70px;
	top: 170px;
	width:800px;
}

div#galeria_tresc table{
	border-collapse:separate;
	border-spacing:5pt;
}

.box{
	background-color: #e8df9f;
	display:inline-block;
	float: left;
	border: 0;
	height:150px;
	width:150px;
}

div#galeria_tresc a img:hover {
	border:2px solid #562f00;
	width:146px;
	height:146px;
}

/*-----------END GALERIA-----------*/

/*-----------KONTAKT-----------*/

div#kontakt_tresc{
position:relative;
top:160px;
left:62px;
width:840px;
height:270px;
}

div#adres{
	padding-top: 6em;
	position:relative;
	float:right;
	margin-right:2em;
	text-align: left;
	width:300px;
}

div#mapka{
	position:relative;
	background-image: url(./gfx/mapka.gif);
	background-repeat: no-repeat;
	background-position: top center;
	float: left;
	text-align: center;
	padding-top: 4.1em;
	width:463px;
	height:491px;
}

/*-----------END KONTAKT-----------*/

/*-----------PROWADZACA-----------*/

div#prowadzaca_tresc{
position:relative;
top:170px;
left:40px;
width:840px;
height:270px;
}

div#prowadzaca_tekst{
	padding-top: 3.1em;
	position:relative;
	float:right;
	margin-right:2em;
	text-align: justify;
	width:510px;
	height:270px;
}

div#prowadzaca{
	position:relative;
	background-image: url(./gfx/aga.gif);
	background-repeat: no-repeat;
	background-position: top center;
	float: left;
	text-align: center;
	padding-top: 4.1em;
	width:271px;
	height:289px;
}

div#scrollbar{
	position:relative;
	margin: 0px auto;
	width:840px;
	height:460px;
	text-align:left;
	left: 10px;
}

div.items a img:hover {
	border:2px solid #6ebb13;
	width:176px;
	height:116px;
}

div.naglowek_scroll{
	position:relative;
	left: 39px;
	height:30px;
}
div.stopka_scroll{
	position:relative;
	top:130px;
}

/*-----------END PROWADZACA_B-----------*/

div#prowadzaca_b_tresc{
position:relative;
top:520px;
left:40px;
width:840px;
height:289px;
}

div#prowadzaca_b{
	position:relative;
	background-image: url(./gfx/ola.gif);
	background-repeat: no-repeat;
	background-position: top center;
	width:271px;
	height:289px;
}

div#prowadzaca_b_tekst{
	position:relative;
	margin-right:2em;
	text-align: justify;
	float: right;
	top:-250px;
	width:510px;
	height:270px;
}


/*-----------END PROWADZACA-----------*/

/*-----------PLAN-----------*/

div#plan_tresc{
position:relative;
top:130px;
left:100px;
width:880px;
height:270px;
}

div#plan_title{
	position:relative;
	left:1em;
	top:1.5em;
}

div#plan_pin{
	position:relative;
	background-image: url(./gfx/plan_pin.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	float:right;
	margin-right:6em;
	text-align: right;
	width:287px;
	height:263px;
}

div#plan{
	position:relative;
	padding-top: 2.7em;
	padding-left: 2.8em;
	top:27px;
	background-image: url(./gfx/plan_tlo.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	text-align: left;
	width:450px;
	height:387px;
}
div#dodatkowezajecia{
	padding-top: 0.2em;
	padding-right: 2em;
	font-size:0.9em;
	text-align:right;
	color:#764d05;
}
table{
	/*border:1px solid black;*/
	width:385px;
}
td{
	width:100px;
	text-align:center;
	line-height:0.8em;
	height:41px;
}
td.dzien{
	text-align:left;
}

/*-----------END PLAN-----------*/

div#frog{
	position:relative;
	left:713px;
	top:460px;
	text-align:right;
	height:142px;
}