@import url("ardi.css");


#gard1, #gard2, #gard3, #gard4, #gard5, #gard6, #gard7, #gard8, #gard9
{
	position: absolute;
	width: 82px;
	height: 63px;
}

#gard1 a, #gard2 a, #gard3 a, #gard4 a, #gard5 a, #gard6 a, #gard7 a, #gard8 a, #gard9 a
{
	position: absolute;
	text-align: left;
	top: 11px;
	left: 20px;
}

/*#gard1 *, #gard2 *, #gard3 *, #gard4 *, #gard5 *, #gard6 *, #gard7 *, #gard8 *, #gard9 *
{
	vertical-align: middle;
	border: 1px solid green;
}*/

#gard1
{
	left:183px;
	top: 85px;
	z-index: 51;
}

#gard2
{
	left:328px;
	top: 85px;
	z-index: 52;
}


#gard3
{
	left: 399px;
	top: 85px;
	z-index: 53;
}

#gard4
{
	left: 113px;
	top: 219px;
	z-index: 51;
}

#gard5
{
	left:184px;
	top: 219px;
	z-index: 52;
}

#gard6
{
	left: 274px;
	top: 219px;
	z-index: 53;
}

#gard7
{
	left: 113px;
	top: 354px;
	z-index: 51;
}

#gard8
{
	left:257px;
	top: 354px;
	z-index: 53;
}

#gard9
{
	left: 328px;
	top: 354px;
	z-index: 52;
}

#gthumb
{
	position: absolute;
  	top: 6px;
	left: 8px;
	z-index: 69;
}

#dots
{
	position: absolute;
	top: 416px;
	left: 9px;
	z-index: 69;
}

#wallp_opis
{
	position: absolute;
	top: 423px;
	left: 10px;
	z-index: 69;
	font-size: 10px;
	color: #000;
	padding: 0 10px 0 0;
}

#order
{
	display: none;
	position: absolute;
	left: 44px;
	bottom: 26px !important;
	bottom: 26px;
	z-index: 77;
	width: 55px;
	height: 18px;
}

#order a
{
	display: block;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	z-index: 77;
	width: 55px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	background: transparent url(tab.png) no-repeat;
}

#order a:hover
{
	color: #B1A032;
}

#narociMajico
{
	position: absolute;
	left: 20px;
	top: 20px;
	font-size: 12px;
	color: #000;
	width: 420px;
	height: 447px;
}

#narociMajico a
{
	color: #00f;
}

#narociMajico a:hover
{

}


#narociMajico br
{
	clear: both;
}

#narociMajico form
{
	text-align: left;
}

#narocilnica label
{
	font-size: 10px;
	width: 98px;
	height: 12px;
	line-height: 12px;
	margin: 0 0 2px 0;
	text-align: right;
	font-weight: bold;
	display: block;
	float: left;
}

#narocilnica input,
#narocilnica textarea
{
	background-color: #d7d7d7;
	color: #000;
}

#narocilnica .txt
{
 	width: 260px;
 	height: 12px;
 	line-height: 12px;
 	padding: 1px 2px;
 	font-size: 10px;
 	display: block;
 	margin: 0 0 2px 108px;
 	border: 1px solid #000;
}


#narocilnica .focus
{
	background-color: #fff;
	color: #000;
}

#narocilnica textarea
{
	height: 70px;
}

#narocilnica div.mkCh
{
		position: relative;
		top: -2px;
	line-height: 12px;
	height: 12px;
 	margin: 0 0 2px 0;
}

#narocilnica div.mkCh input
{
	margin: 0px 0 0 10px;
}

#narocilnica div.mkCh span
{
	font-size: 10px;
	position: relative;
	margin: 0 0 0 4px;
	top: -6px;
}



/* muhe */

#fly1
{
	position: absolute;
	top: 100px;
	left: 90px;
	display: block;
	text-decoration: none;
	z-index: 9;
}

#fly2
{
	position: absolute;
	left: 110px;
	top: 120px;
}

#fly3
{
	position: absolute;
	left: 120px;
	top: 90px;
}
  
#fly1 div
{
	display: none;
	color: #000;
	position: relative;
	top: -90px;
	left: 0px;
	width: 127px;
	height: 4px;
	background: transparent url(oblak/ZG.gif) no-repeat;
}

#fly1 div div
{
	position: relative;
	display: block;
	top: 4px;
	width: 127px;
	height: auto;
	background: transparent url(oblak/SR.gif) repeat-y;
}

#fly1 div div p
{
	padding: 4px 8px 3px 8px;

}

#fly1 div div.callout
{
	position: relative;
	display: block;
	width: 127px;
	height: 23px;
	background: transparent url(oblak/SP-levo.gif) no-repeat;
}



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