body {margin:0; font:11.5px  Arial, Tahoma, Verdana; background: url(/images/box-bgrd.jpg) center repeat-y; }
ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:0px}
ul.menu ul {position:absolute; top:31px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none; z-index: 44;}
ul.menu ul li {position:relative; border:1px solid #fff; border-top:none; width:178px; margin:0; z-index: 40;}
ul.menu ul li a {display:block; padding:3px 4px 5px; background-color:#d1d1d1}
ul.menu ul li a:hover {background:url(/images/sub_over.jpg)}
ul.menu ul ul {left:178px; top:-13px}
ul.menu .menulink {border:1px solid #fff; padding:9px 22px 7px; font-weight:bold; background:url(/images/header.gif); width:134px; z-index: 99;}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(/images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 url(/images/arrow.gif) 170px 6px no-repeat}
ul.menu .topline {border-top:1px solid #fff}

.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}
div#container
{
	position:relative;
	width: 920px;
	padding: 0px;
	border: 0px; 
    top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; 
	height: auto;
	overflow: visible;
	
}
body {text-align:center;margin:0;top: 0;}
div.meniu{
	position:absolute;
	float: center;
	left:10px;
	top:290px;
	width: auto;
	height: 404px;
	overflow:hidden;
	z-index:999;
	}
	
#bla{

}

html{
text-align:center;margin:0;	background-image: url(/images/backimage.jpg); background-repeat: repeat-x;
top: 0; 
}

#ccc {

position: relative;
text-align: center;
margin-top: 0px;
padding: 0px;
color: #000000;
margin-bottom: 10px;
height: 30px;
background-color: #ffffff;
}



#footer{

margin: 0px auto 0px;
padding: 3px;
border-top: none;
border-left: 0;
border-right: 0;
display: block;
position: relative;
text-align: center;
clear: left;
width: auto;
overflow:hidden;
padding: 0px;

}


#imgTop {
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
margin-top: 40px;
padding:  0px;
border-left: 0;
border-right: 0;
border-bottom: 0;
display: block;
position: relative;
text-align: center;
width: 920px;
height: 38px;
overflow:hidden;
background-image: url(/images/box-bgrd-bottom.jpg);
background-repeat: no-repeat;

}


#footer span {

position: relative;
text-align: center;
top: 15px;
margin-top: 10px;
padding: 0px;
color: #000000;
margin:0;
}







#sitemap {
width: auto;
height: 160px;
background-color: #EBEBEB;
position: relative;
padding: 0px;
text-align: left;
margin: auto; 
width: 900px;
margin-bottom: 0px;
}


#sitemap2 {
position:relative;
padding: 0px;
text-align: left;
width: 120px;
margin-left: 60px;
z-index: 999;
}

#sitemap3 {

padding: 0px;
text-align: left;
width: 120px;
margin-left: 370px;
margin-top: -78px;
z-index: 999;
}

#sitemap4 {

padding: 0px;
text-align: left;
width: 100px;
margin-left: 640px;
margin-top: -55px;
z-index: 999;
}

#sitemap span a:hover {

color: #000000;
text-decoration: none;

}

#sitemap span a {

color: #666666;
text-decoration: none;

}

#line1 {
position:relative;
left: 280px;
margin-top: -50px;
z-index: 0;
width: 2px;
}

#line3 {
position:relative;
left: 280px;
margin-top: 0px;
z-index: 0;
width: 2px;
}

#line4{
position:relative;
left: 280px;
margin-top: 0px;
z-index: 0;
width: 2px;
}

#line5{
position:relative;
left: 280px;
margin-top: 0px;
z-index: 0;
width: 2px;
}

#line2-2 {
position:relative;
left: 580px;
margin-top: -55px;
z-index: 0;
width: 2px;
}

#line2-3 {
position:relative;
left: 580px;
margin-top: 0px;
z-index: 0;
width: 2px;
}

#line2-4 {

position:relative;
left: 580px;
margin-top: 0px;
z-index: 0;
width: 2px;

}

#line2-5 {

position:relative;
left: 580px;
margin-top: 0px;
z-index: 0;
width: 2px;

}
















#main {
width: 300px;

}



.rollover span {
position: absolute;
left: 20px;
top: 85px;
margin: 0px;
padding: 0px;
width: 250px;
text-align: left;
color: #000000;

}



.rollover a {
display:block;
width: 305px;
height: 230px;
background: url(/images/TabelSejurJos.jpg);
text-decoration: none;
}
.rollover a:hover { 
display:block;
width: 305px;
height: 230px;
background: url(/images/TabelSejurJos-over.jpg);
text-decoration: none;
}
.rollover a:active {
display:block;
width: 305px;
height: 230px;
background: url(/images/TabelSejurJos.jpg);
text-decoration: none;
}




.rollover2 span {
position: absolute;
left: 20px;
top: 85px;
margin: 0px;
padding: 0px;
width: 250px;
text-align: left;
color: #000000;

}



.rollover2 a {
display:block;
width: 305px;
height: 230px;
background: url(/images/TabelExcursiiJos.jpg);
text-decoration: none;
}
.rollover2 a:hover { 
display:block;
width: 305px;
height: 230px;
background: url(/images/TabelExcursiiJos-over.jpg);
text-decoration: none;
}
.rollover2 a:active {
display:block;
width: 305px;
height: 230px;
background: url(/images/TabelExcursiiJos.jpg);
text-decoration: none;
}


.rollover2 span {
position: absolute;
left: 20px;
top: 85px;
margin: 0px;
padding: 0px;
cursor: pointer;
width: 250px;
text-align: left;
color: #000000;

}



.rollover3 a {
display:block;
width: 305px;
height: 230px;
background: url(/images/TabelTabereJos.jpg);
text-decoration: none;
}
.rollover3 a:hover { 
display:block;
width: 305px;
height: 230px;
background: url(/images/TabelTabereJos-over.jpg);
text-decoration: none;
}
.rollover3 a:active {
display:block;
width: 305px;
height: 230px;
background: url(/images/TabelTabereJos.jpg);
text-decoration: none;
}

.rollover3 span {
position: absolute;
left: 20px;
top: 85px;
margin: 0px;
padding: 0px;
cursor: pointer;
width: 250px;
text-align: left;
color: #000000;

}

.ws8 a :active{

text-decoration: none;
color: #000000;
}

.ws8 a {

text-decoration: none;
color: #000000;
}

.ws8 a:hover {

text-decoration: none;
color: #999999;

}