*{margin: 0px; padding: 0px;}
html,body{margin:0px;padding:0px; height: 100%}
body{text-align:left;
	color: #600;
     font-size: 12px;
     font-family: Trebuchet MS, sans-serif;
	 background-color:#ece4d9;
	 background-image: url(images/tlo.jpg);
	 background-repeat: repeat-x}
a:link {color: #988478;
	border: 0px}
a:visited {color: #988478;
	border: 0px}
a:hover {color: #ff6903;
	border: 0px}
a:active {color: #988478;
	border: 0px}
	
img{margin: 0px;
	padding: 0px}
.container{
	margin: auto;
	margin-top: 10px;
	position: relative;
	width: 780px
}
li{list-style: circle}
a {text-decoration: none}

h1{position: relative;
	top: 0px;
	height: 149px;
	width: 779px;
	float: left}
h1 a{position: absolute;
	top: 0px;
	height: 149px;
	width: 779px;
	cursor: pointer}
h1 span{
	position: absolute;
	background-image: url(images/top1.jpg);
	top: 0;
	float: left;
	left: 10px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}
h2{
	position: relative;
	top: 0;
	height: 149px;
	width: 100%;
	float: left;
}
h2 span{
	position: absolute;
	background-image: url(images/top2.jpg);
	top: 0px;
	width: 100%;
	left: 369px;
	height: 149px;
	background-repeat: no-repeat;
}
#home{position: relative;
	top: 10px;
	height: 30px;
	width: 30px;
	float: left}
#home a{position: absolute;
	top: 0px;
	height: 30px;
	width: 30px;
	cursor: pointer}
#home span{
	position: absolute;
	background-image: url(images/home.jpg);
	top: 2px;
	left: auto;
	width: 100%;
	height: 100%
}
#kropy{position: relative;
	background-image: url(images/kropy.jpg);
	top: 10px;
	height: 30px;
	width: 14px;
	float: left}
#mapa{position: relative;
	top: 10px;
	height: 30px;
	width: 26px;
	float: left}
#mapa a{position: absolute;
	top: 0px;
	height: 30px;
	width: 26px;
	cursor: pointer}
#mapa span{position: absolute;
	background-image: url(images/mapa.jpg);
	top: 0px;
	left: auto;
	width: 100%;
	height: 100%}
#top3{background-image: url(images/top3.jpg);
	width: 70px;
	height: 119px;
	margin-top: 10px;
	float: right}
	
	
#menu{margin-left: 9px;
	height: 30px;
	width: 771px}
#om{position: relative;
	top: 0px;
	height: 30px;
	width: 92px;
	float: left;
	overflow: hidden}
#om a{position: absolute;
	top: 0px;
	height: 30px;
	width: 92px;
	cursor: pointer}
#om a:hover{position: absolute;
	top: -30px;
	height: 30px;
	width: 92px;
	cursor: pointer}
#om span{
	position: absolute;
	background-image: url(images/om.jpg);
	top: 155px;
	left: -354px;
	width: 100%;
	height: 100%
}
#pris{position: relative;
	top: 0px;
	height: 30px;
	width: 91px;
	float: left;
	overflow: hidden}
#pris a{position: absolute;
	top: 0px;
	height: 30px;
	width: 91px;
	cursor: pointer}
#pris a:hover{position: absolute;
	top: -30px;
	height: 30px;
	width: 91px;
	cursor: pointer}
#pris span{position: absolute;
	background-image: url(images/pris.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}
#gal{position: relative;
	top: 0px;
	height: 30px;
	width: 91px;
	float: left;
	overflow: hidden}
#gal a{position: absolute;
	top: 0px;
	height: 30px;
	width: 91px;
	cursor: pointer}
#gal a:hover{position: absolute;
	top: -30px;
	height: 30px;
	width: 91px;
	cursor: pointer}
#gal span{position: absolute;
	background-image: url(images/gal.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}
#behan{position: relative;
	top: 0px;
	height: 30px;
	width: 91px;
	float: left;
	overflow: hidden}
#behan a{position: absolute;
	top: 0px;
	height: 30px;
	width: 91px;
	cursor: pointer}
#behan a:hover{position: absolute;
	top: -30px;
	height: 30px;
	width: 91px;
	cursor: pointer}
#behan span{position: absolute;
	background-image: url(images/behan.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}
#kurs{position: relative;
	top: 0px;
	height: 30px;
	width: 100px;
	float: left;
	overflow: hidden}
#kurs a{position: absolute;
	top: 0px;
	height: 30px;
	width: 100px;
	cursor: pointer}
#kurs a:hover{position: absolute;
	top: -30px;
	height: 30px;
	width: 100px;
	cursor: pointer}
#kurs span{position: absolute;
	background-image: url(images/kurs.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}
#utbil{position: relative;
	top: 0px;
	height: 30px;
	width: 91px;
	float: left;
	margin-left: 221px;
	overflow: hidden}
#utbil a{position: absolute;
	top: 0px;
	height: 30px;
	width: 91px;
	cursor: pointer}
#utbil a:hover{position: absolute;
	top: -30px;
	height: 30px;
	width: 91px;
	cursor: pointer}
#utbil span{position: absolute;
	background-image: url(images/utbil.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}
#kont{position: relative;
	top: 0px;
	height: 30px;
	width: 91px;
	float: left;
	overflow: hidden}
#kont a{position: absolute;
	top: 0px;
	height: 30px;
	width: 91px;
	cursor: pointer}
#kont a:hover{position: absolute;
	top: -30px;
	height: 30px;
	width: 91px;
	cursor: pointer}
#kont span{position: absolute;
	background-image: url(images/kont.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}

#top4{background-image: url(images/top4.jpg);
	width: 315px;
	height: 30px;
	float: left}
	
	
#belka{width:780px;
	height: 10px;
	color: #584b43;
	clear: both}
#con1{background-image: url(images/con1.jpg); 
	width: 780px;
	height: 201px;
	clear: both}	
#vara{position: relative;
	height: 80px;
	width: 190px;
	float: left;
	clear: both}
#vara span{position: absolute;
	background-image: url(images/vara.jpg);
	top: 0px;
	left: auto;
	width: 100%;
	height: 100%}
	
	
#varafoto{clear: both;
	width: 780px;
	height: 100px}
#spa{position: relative;
	top: 0px;
	left: 29px;
	height: 80px;
	width: 120px;
	float: left;
	overflow: hidden}
#spa a{position: absolute;
	top: 0px;
	height: 80px;
	width: 120px;
	cursor: pointer}
#spa a:hover{position: absolute;
	top: -80px;
	height: 80px;
	width: 120px;
	cursor: pointer}
#spa span{position: absolute;
	background-image: url(images/spa.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}
#nail{position: relative;
	top: 0px;
	left: 62px;
	height: 80px;
	width: 120px;
	float: left;
	overflow: hidden}
#nail a{position: absolute;
	top: 0px;
	height: 80px;
	width: 120px;
	cursor: pointer}
#nail a:hover{position: absolute;
	top: -80px;
	height: 80px;
	width: 120px;
	cursor: pointer}
#nail span{position: absolute;
	background-image: url(images/nail.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}
#nagel{position: relative;
	top: 0px;
	left: 94px;
	height: 80px;
	width: 120px;
	float: left;
	overflow: hidden}
#nagel a{position: absolute;
	top: 0px;
	height: 80px;
	width: 120px;
	cursor: pointer}
#nagel a:hover{position: absolute;
	top: -80px;
	height: 80px;
	width: 120px;
	cursor: pointer}
#nagel span{position: absolute;
	background-image: url(images/nagel.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}
#dam{position: relative;
	top: 0px;
	left: 125px;
	height: 80px;
	width: 120px;
	float: left;
	overflow: hidden}
#dam a{position: absolute;
	top: 0px;
	height: 80px;
	width: 120px;
	cursor: pointer}
#dam a:hover{position: absolute;
	top: -80px;
	height: 80px;
	width: 120px;
	cursor: pointer}
#dam span{position: absolute;
	background-image: url(images/dam.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}
#paraf{position: relative;
	top: 0px;
	left: 155px;
	height: 80px;
	width: 120px;
	float: left;
	overflow: hidden}
#paraf a{position: absolute;
	top: 0px;
	height: 80px;
	width: 120px;
	cursor: pointer}
#paraf a:hover{position: absolute;
	top: -80px;
	height: 80px;
	width: 120px;
	cursor: pointer}
#paraf span{position: absolute;
	background-image: url(images/paraf.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}
	
	
#con2{background-image: url(images/con2.jpg);
	width: 780px;
	height: 180px}
#nyheter{position: relative;
	height: 60px;
	width: 130px;
	float: left;
	clear: both}
#nyheter span{position: absolute;
	background-image: url(images/nyheter.png);
	top: 0px;
	left: auto;
	width: 100%;
	height: 100%}
#box{clear: both;
	width: 780px}
.box2{width: 210px;
	padding-left: 34px;
	float: left}
h4{font-size: 12px;	
	color: #584b43;
	font-weight: bold;
	float: left;
	margin-right: 20px}
.data{color: #c00}
.text{clear: both;
	margin-top: 6px;
	font-size: 11px} 
	
	
#con3{background-image: url(images/con3.jpg);
	width: 780px;
	height: 170px}
#kika{position: relative;
	height: 70px;
	width: 220px;
	float: left;
	clear: both}
#kika span{position: absolute;
	background-image: url(images/kika.png);
	top: 0px;
	left: auto;
	width: 100%;
	height: 100%}
#foty{width: 560px;
	float: right;
	padding-top: 30px}
#foto1{position: relative;
	top: 0px;
	left: 22px;
	height: 76px;
	width: 116px;
	float: left;
	overflow: hidden}
#foto1 a{position: absolute;
	top: 0px;
	height: 76px;
	width: 116px;
	cursor: pointer}
#foto1 a:hover{position: absolute;
	top: -76px;
	height: 76px;
	width: 116px;
	cursor: pointer}
#foto1 span{position: absolute;
	background-image: url(images/foto1.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}
#foto2{position: relative;
	top: 0px;
	left: 48px;
	height: 76px;
	width: 116px;
	float: left;
	overflow: hidden}
#foto2 a{position: absolute;
	top: 0px;
	height: 76px;
	width: 116px;
	cursor: pointer}
#foto2 a:hover{position: absolute;
	top: -76px;
	height: 76px;
	width: 116px;
	cursor: pointer}
#foto2 span{position: absolute;
	background-image: url(images/foto2.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}
#foto3{position: relative;
	top: 0px;
	left: 72px;
	height: 76px;
	width: 116px;
	float: left;
	overflow: hidden}
#foto3 a{position: absolute;
	top: 0px;
	height: 76px;
	width: 116px;
	cursor: pointer}
#foto3 a:hover{position: absolute;
	top: -76px;
	height: 76px;
	width: 116px;
	cursor: pointer}
#foto3 span{position: absolute;
	background-image: url(images/foto3.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}
#foto4{position: relative;
	top: 0px;
	left: 95px;
	height: 76px;
	width: 116px;
	float: left;
	overflow: hidden}
#foto4 a{position: absolute;
	top: 0px;
	height: 76px;
	width: 116px;
	cursor: pointer}
#foto4 a:hover{position: absolute;
	top: -76px;
	height: 76px;
	width: 116px;
	cursor: pointer}
#foto4 span{position: absolute;
	background-image: url(images/foto4.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}
#se{position: relative;
	top: 17px;
	clear: both;
	height: 32px;
	width: 116px;
	float: right;
	overflow: hidden}
#se a{position: absolute;
	top: 0px;
	height: 32px;
	width: 116px;
	cursor: pointer}
#se a:hover{position: absolute;
	top: -32px;
	height: 32px;
	width: 116px;
	cursor: pointer}
#se span{position: absolute;
	background-image: url(images/se.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}


	
#footer{background-image: url(images/footer.jpg);
	width: 100%;
	height: 370px}
#footercenter{margin: auto;
margin-top: 0px;
	position: relative;
	width: 780px;
	height: 370px}
#kontakt{position: relative;
	top: 20px;
	height: 40px;
	width: 130px;
	clear: both}
#kontakt span{position: absolute;
	background-image: url(images/kontaktfooter.jpg);
	top: 0px;
	left: auto;
	width: 100%;
	height: 100%}
#textf{margin-left: 30px;
	margin-top: 40px;
	width: 300px}
#footercon{background-image: url(images/tlofooter.jpg);
	width: 780px;
	height: 300px}
#adres{background-image: url(images/adres.jpg);
	width: 260px;
	float: right;
	height: 160px;
	margin-right: 130px;
	margin-top: 30px;}
#blog a{border: 0px;
	margin-left: 610px;
	margin-top: 42px;
	width: 148px;
	height: 43px;
	position: absolute;
	background-image: url(images/blog.jpg);
	background-position: 0 -43px}
#blog a:hover{background-position: 0 0}
#mail{position: relative;
	top: -20px;
	margin-right: 38px;
	height: 52px;
	width: 352px;
	float: right;
	overflow: hidden}
#mail a{position: absolute;
	top: 0px;
	height: 52px;
	width: 352px;
	cursor: pointer}
#mail a:hover{position: absolute;
	top: -52px;
	height: 52px;
	width: 352px;
	cursor: pointer}
#mail span{position: absolute;
	background-image: url(images/mail.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}
	
#stopka{background-image: url(images/tlofooter2.jpg);
	width: 780px;
	height: 70px}
#rights{margin-left: 30px;
	padding-top: 20px;
	color: #ece4d9;
	font-weight: bold}
#toppen{position: relative;
	top: -56px;
	right: 15px;
	height: 23px;
	width: 96px;
	float: right;
	overflow: hidden}
#toppen a{position: absolute;
	top: 0px;
	height: 23px;
	width: 96px;
	cursor: pointer}
#toppen a:hover{position: absolute;
	top: -23px;
	height: 23px;
	width: 96px;
	cursor: pointer}
#toppen span{position: absolute;
	background-image: url(images/toppen.jpg);
	top: 0px; left: 0px;
	width: 100%;
	height: 100%}
#moj{float: right;
	margin-top: -33px;
	margin-right: 17px;
	font-weight: bold;
	color: #988478;
	clear: both}