@import url("ardi.css");

#stikala
{
	position: absolute;
	left: 58px;
	top: 35px;
	width: 120px;
	w\idth: 100px;
	padding: 18px 0 0 20px;
	height: 435px;
	heigh\t: 417px;
}


a.switch-hv
{
	display: block;
	width: 120px;
	height: 61px;
	heigh\t: 21px;
	padding: 40px 0 0 0;
	text-align: center;
	background: transparent url('stikalo-hv.jpg') no-repeat top left;
	text-decoration: none;
}

a.switch-hv:hover
{
		background-position: 0px -61px;
}

a.switch-hv:active,
a.hv_on,
a.hv_on:hover,
a.hv_on:active
{
	background-position: 0px -122px;
}

#besedilo
{
	position: absolute;
	top: 53px;
	left: 230px;
	width: 245px;
	height: 410px;
	color: #000;
}

#besedilo h1
{
	font-size: 1.4em;
	margin: 0 0 16px 0;
}

#besedilo p,
#besedilo ul
{
	margin: 0 0 12px 0;
}

#besedilo li
{
	margin: 2px 0 2px 12px;
	list-style-type: square;
}


#scrollbar
{
	position: absolute;
	left:248px;
	top: 15px;
	height: 388px;
	width: 12px;
	overflow	: hidden;
	background: transparent url('scrollbar.jpg') no-repeat 5px 0px;
	z-index: 888;
}

#scroller
{
	position: absolute;
	left: 0;
	top: 32px;
	height: 25px;
	width: 12px;
	/*	background: transparent url('scroller.gif') no-repeat 50% 50%;
	background: red;*/
 	z-index: 888;

}

#sTop
{
	position: relative;
	width: 12px;
	height: 13px;
	background: transparent url('Rocka-ZG.gif') no-repeat;
}

#sMid
{
	position: relative;
	width: 12px;
	height: inherit;
	background: transparent url('Rocka-SR.gif') repeat-y;
}

#sBottom
{
	position: relative;
	width: 12px;
	height: 13px;
	background: transparent url('Rocka-SP.gif') no-repeat;
}

#scroll_up
{
	position: absolute;
	left: 247px;
	top: 0px;
	height: 15px;
	width: 15px;
		background: transparent url('scroll_up.gif') no-repeat 50% 50%;
			z-index: 999;
}

#scroll_down
{
	position: absolute;
	left:247px;
	top: 402px;
	height: 15px;
	width: 15px;
		background: transparent url('scroll_down.gif') no-repeat 50% 50%;
}


#myScrollContainer {
	position	: absolute;
	top			: 0px;
	left		: 0px;
	width		: 245px;
	height		: 406px;
	overflow	: hidden;
	color: #000;
}

#myScrollContent {
	position	: relative;
	width		: 240px;
	left		: 5px;
}



#resne,
#seriousroom
{
	background-image: url(rooms_on/resno.jpg);
	cursor: auto;	
	cursor: auto !important;
}