html, body  
	{background:#FFFFFF;


	 text-align: center; 
	 font-size: 1em; 
	 font-family: verdana, tahoma, arial, helvetica, sans-serif;
	
	}
body *
	{margin: 0px auto; 
	 padding: 0px ; 

	 font-size: 1em; 
	 text-align: left;
	}

.img {margin-left:35px;}



#content{margin: 15px auto;
width:1024px;
height: 100px;}
#top{
margin: 0px;
background: url(layers/baner1.swf);
background-repeat: no-repeat;
width: 1024px;
height: 229px;
display: block;
}


#start{
margin: 0px auto;
background: url(layers/start.jpg);
width: 296px;
height: 75px;
border:none;
display: block;
float: left;
}
#galeria{	
margin: auto;
background: url(layers/galeria.jpg);
width: 258px;
height: 75px;
border:none;
display: block;
float: left;}	
#kontakt{
margin: auto;
background: url(layers/kontakt.jpg);
width: 246px;
height: 75px;
border:none;
display: block;
float: left;}

#kam{
margin: auto;
background: url(layers/kam.jpg);
width: 224px;
height: 75px;
border:none;
display: block;
float: left;}


#ban{
margin: auto;
background: white;
width: 224px;
height: 75px;
border:none;
display: block;
float: left;}






#more{margin:0px auto;
background: url(layers/more.jpg) no-repeat;
width: 800px;
height: ;
padding:0px;
display: block;
float: left;
}

#more_box p, ul, li,h1 {
margin-left: 30px;
margin-right:15px;
margin-top:70px;
text-align: left;
font-family: 'InknutAntiqua', sans-serif;
}





#bann{margin: auto;
background: url(layers/moreban.jpg);
width: 224px;
height: ;
display: block;
float: left;}


#bann_anime
{
position:relative;
margin:0px;
height:336px;
overflow:hidden;
}


#bann_anime img 
{

margin-left 0px;
margin-bottom:40px;
-webkit-animation:action 35s linear infinite;
-Moz-animation:action 35s linear infinite;
-o-animation:action 35s linear infinite;
animation:action 35s linear infinite;

}



@-webkit-keyframes action
{
0% {-webkit-transform:translateY(350px);}
100% {-webkit-transform:translateY(-3400px);}
}
@-Moz-keyframes action
{
0% {-moz-transform:translateY(350px);}
100% {-moz-transform:translateY(-3400px);}
}
@-o-keyframes action
{
0% {-o-transform:translateY(350px);}
100% {-o-transform:translateY(-3400px);}
}


















#foot{margin: auto;
background: url(layers/foot.jpg);
width: 800px;
height: 41px;
display: block;
float: left;}
#foot p
{
text-align: center;
color: #8b4513;}



	img 
  {border: 0px;
	}
h1 
	{
	font-color:red;
	font-size: 1.4em; 
	font-weight: bold;
	text-align: center;
	}
h2 
	{font-size: 1.2em;
	}
h3
	{font-size: 1em; 
	 font-weight: bold;
	}
p{padding:5px;
margin-left:25px;
}
TABLE
{margin:50px;
padding:30px;
}

#galerry  
{margin-top: 70px;
margin-left:28px;
border:none;
}

#galerry a{
display:inline;
float:left;
border: none; 


}


#form
{
width:300px;
margin-left: 450px;
margin-top:70px;
border:0px;
position:relative;


}



#start:active, #galeria:active, #kontakt:active, #kam:active .but:active
{
transform:  (0.9, 0.9);
-webkit-transform:  scale(0.9, 0.9);
-moz-transform:  scale(0.9, 0.9);
-o-transform:  scale(0.9, 0.9);
}

.pp
{
text-align: center;
margin-left:100px;
margin-right:100px;
}

.ahref
{
margin-left:600px;
margin-bottom:0px;
border:2px solid;
padding:2px;
}

.spanp
{
margin-left: 450px;
text-align:right;
}

.dane
{
width:370px;
position:absolute;

}
.mapa
{
margin-top:300px;
position:relative;
}





#bania1
{
width:224px;
height:134px;
background:url(layers/Bania.png);
position:absolute;
-webkit-transform-style: preserve 3d;
-webkit-transform: rotateY(360deg);
-webkit-animation: loop 10s alternate infinite;
-moz-transform-style: preserve 3d;
-Moz-transform: rotateY(360deg);
-Moz-animation: loop 10s alternate infinite;
-o-transform-style: preserve 3d;
-o-transform: rotateY(360deg);
-o-animation: loop 10s alternate infinite;
transform-style: preserve 3d;
transform: rotateY(360deg);
animation: loop 10s alternate infinite;
}
@-webkit-keyframes loop
{
0% {-webkit-transform: rotateY(0deg);}
100% {-webkit-transform: rotateY(360deg);}
}
@-Moz-keyframes loop
{
0% {-Moz-transform: rotateY(0deg);}
100% {-Moz-transform: rotateY(360deg);}
}

@-o-keyframes loop
{
0% {-o-transform: rotateY(0deg);}
100% {-o-transform: rotateY(360deg);}
}



@keyframes loop
{
0% {transform: rotateY(0deg);}
100% {transform: rotateY(360deg);}
}


#bania2
{
width:224px;
height:134px;
background:url(layers/Bania.png);
position:absolute;
-webkit-transform-style: preserve 3d;
-webkit-transform: rotateY(360deg);
-webkit-animation: loop 10s alternate infinite;
-moz-transform-style: preserve 3d;
-Moz-transform: rotateY(360deg);
-Moz-animation: loop 10s alternate infinite;
-o-transform-style: preserve 3d;
-o-transform: rotateY(360deg);
-o-animation: loop 10s alternate infinite;
transform-style: preserve 3d;
transform: rotateY(360deg);
animation: loop 10s alternate infinite;
}
@-webkit-keyframes loop
{
0% {-webkit-transform: rotateY(1deg);}
100% {-webkit-transform: rotateY(360deg);}
}
@-Moz-keyframes loop
{
0% {-Moz-transform: rotateY(1deg);}
100% {-Moz-transform: rotateY(360deg);}
}

@-o-keyframes loop
{
0% {-o-transform: rotateY(1deg);}
100% {-o-transform: rotateY(360deg);}
}



@keyframes loop
{
0% {transform: rotateY(1deg);}
100% {transform: rotateY(360deg);}
}


#bania3
{
width:224px;
height:134px;
background:url(layers/Bania.png);
position:absolute;
-webkit-transform-style: preserve 3d;
-webkit-transform: rotateY(360deg);
-webkit-animation: loop 10s alternate infinite;
-moz-transform-style: preserve 3d;
-Moz-transform: rotateY(360deg);
-Moz-animation: loop 10s alternate infinite;
-o-transform-style: preserve 3d;
-o-transform: rotateY(360deg);
-o-animation: loop 10s alternate infinite;
transform-style: preserve 3d;
transform: rotateY(360deg);
animation: loop 10s alternate infinite;
}
@-webkit-keyframes loop
{
0% {-webkit-transform: rotateY(1deg);}
100% {-webkit-transform: rotateY(360deg);}
}
@-Moz-keyframes loop
{
0% {-Moz-transform: rotateY(1deg);}
100% {-Moz-transform: rotateY(360deg);}
}

@-o-keyframes loop
{
0% {-o-transform: rotateY(1deg);}
100% {-o-transform: rotateY(360deg);}
}



@keyframes loop
{
0% {transform: rotateY(1deg);}
100% {transform: rotateY(360deg);}
}


#bania4
{
width:224px;
height:134px;
background:url(layers/Bania.png);
position:absolute;
-webkit-transform-style: preserve 3d;
-webkit-transform: rotateY(360deg);
-webkit-animation: loop 10s alternate infinite;
-moz-transform-style: preserve 3d;
-Moz-transform: rotateY(360deg);
-Moz-animation: loop 10s alternate infinite;
-o-transform-style: preserve 3d;
-o-transform: rotateY(360deg);
-o-animation: loop 10s alternate infinite;
transform-style: preserve 3d;
transform: rotateY(360deg);
animation: loop 10s alternate infinite;
}
@-webkit-keyframes loop
{
0% {-webkit-transform: rotateY(2deg);}
100% {-webkit-transform: rotateY(360deg);}
}
@-Moz-keyframes loop
{
0% {-Moz-transform: rotateY(2deg);}
100% {-Moz-transform: rotateY(360deg);}
}

@-o-keyframes loop
{
0% {-o-transform: rotateY(2deg);}
100% {-o-transform: rotateY(360deg);}
}



@keyframes loop
{
0% {transform: rotateY(2deg);}
100% {transform: rotateY(360deg);}
}

















#baniaflow
{
width:305px;
height:124px;
position:relative;
background:white;
-webkit-perspective: 700px;
-Moz-perspective: 700px;
-o-perspective: 700px;
perspective: 700px;}

#baniaframe
{margin: auto;
background:;
width: 224px;
height: 200px;
display: block;
float: left;}




