.preload2 {
	background: url(prodrop2/button4.gif);
}
.menu2 {
	margin:0;
	list-style:none;
	height:40px;
	width:100%;
	position:relative;
	font-family:arial, verdana, sans-serif;
	/*background-image: url(prodrop2/button1a.gif);*/
	background-repeat: repeat-x;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
.menu2 li.top {
	display:block;
	float:left;
	position:relative;
}
.menu2 li a.top_link {
	display:block;
	float:left;
	height:40px;
	line-height:33px;
	color:#D9AC47;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	padding:0 0 0 12px;
	cursor:pointer;
}
.menu2 li a.top_link span {
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:40px;
}
.menu2 li a.top_link span.down {
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:40px;
	background:url(prodrop2/down.gif) no-repeat right top;
}
.menu2 li a.top_link:hover {
	color:#fff;
	background: url(prodrop2/button4.gif) no-repeat;
}
.menu2 li a.top_link:hover span {
	background:url(prodrop2/button4.gif) no-repeat right top;
}
.menu2 li a.top_link:hover span.down {
	background:url(prodrop2/button4a.gif) no-repeat right top;
}
.menu2 li:hover > a.top_link {
	color:#fff;
	background: url(prodrop2/button4.gif) no-repeat;
}
.menu2 li:hover > a.top_link span {
	background:url(prodrop2/button4.gif) no-repeat right top;
}
.menu2 li:hover > a.top_link span.down {
	background:url(prodrop2/button4a.gif) no-repeat right top;
}
.menu2 table {
	border-collapse:collapse;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}
/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {
	visibility:visible;
}
.menu2 li:hover {
	position:relative;
	z-index:200;
}
/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, .menu2 :hover ul ul, .menu2 :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}
.menu2 :hover ul.sub {
	left:2px;
	top:40px;
	padding:3px 0;
	border:1px solid #D9AC47;
	white-space:nowrap;
	width:150px;
	height:auto;
	background-color: #F6ECD5;
}
.menu2 :hover ul.sub li {
	display:block;
	height:20px;
	position:relative;
	float:left;
	width:90px;
}
.menu2 :hover ul.sub li a {
	display:block;
	font-size:11px;
	height:20px;
	width:144px;
	line-height:20px;
	text-indent:5px;
	color:#002C62;
	text-decoration:none;
	border:3px solid #fff;
	border-width:0 0 0 3px;
}
.menu2 :hover ul.sub li a.fly {
	background:#fff url(prodrop2/arrow.gif) 80px 7px no-repeat;
}
.menu2 :hover ul.sub li a:hover {
	color:#fff;
	background-color: #002c62;
}
.menu2 :hover ul.sub li a.fly:hover {
	background:#002c62 url(prodrop2/arrow_over.gif) 80px 7px no-repeat;
	color:#fff;
}
.menu2 :hover ul li:hover > a.fly {
	background:#002c62 url(prodrop2/arrow_over.gif) 80px 7px no-repeat;
	color:#fff;
}
.menu2 :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul :hover ul :hover ul {
	left:90px;
	top:-4px;
	background: #fff;
	padding:3px 0;
	border:1px solid #002c62;
	white-space:nowrap;
	width:93px;
	z-index:200;
	height:auto;
}
body {
	margin:0 0 20px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#F6ECD5;
	background-color: #002c62;
	background-image: url(../images/new_site/bg_logo.gif);
	background-repeat: no-repeat;
	height:100%;
	width:100%;
	background-attachment:fixed;
	background-position:center;
}
a {
	color: #D9AC47;
	font-family: Arial;
	font-size: 10pt;
	text-transform: none;
	font-weight: bold;
}
a:hover {
	color: #F6ECD5;
	text-decoration: none;
}
h1 {
	font-size: 20px;
	color: #D9AC47;
}
h2 {
	font-size: 1.1em;
	color: #D9AC47;
}
h3 {
	font-size: 1.3em;
	color: #D9AC47;
}
#header {
	float: left;
}
#main {
	text-align:center;
	margin: 0px 0px 0px 280px;
}
#left {
	top: 0;
	left:0;
	width:264px;
	float: left;
	display: inline;
}
#content {
	padding-left:5px;
	text-align: left;
	float: left;
	width: 100%;
}
#footer {
	text-align:center;
	color:#FFFFFF;
	width: 100%;
	display: block;
	float: left;
	margin: 20px 0px 20px 0px;
}
#naziv {
	top:228px;
	width:263px;
	left: 352px;
	font-family:Georgia;
	color:#d5aa47;
	background-color: #F6ECD5;
	height: 220px;
}
#naziv div {
	text-align:center;
	font-size:11px;
}
#naziv .logo {
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	height:125px;
	background-image:url(../images/new_site/left_logo.gif)
}
#naziv .first {
	letter-spacing:7px;
	margin-left:10px;
}
#naziv .second {
	font-size:36px;
	letter-spacing:15px;
	color:#002c62;
	margin-left:13px;
}
#naziv .third {
	letter-spacing:5px;
	margin-left:10px;
}
.imgLeft {
	vertical-align: top;
	margin-top: 5px;
	margin-right: 10px;
	border: 5px solid #F6ECD5;
	float: left;
}
.imgLeft:hover {
	border-color:#D9AC47;
}
#naziv .fourth {
	letter-spacing:29px;
	margin-left:18px;
	margin-top:4px;
	color:#002c62;
}
#naziv h1 {
	text-align:center;
	color:#B9C2CE;
	padding-top: 22px;
}
#slika {
	width:243px;
	height:500px;
	border: 10px solid #f6ecd5;
	z-index:0;/*background-image: url(../images/new_site/hotel_side_images/02.jpg);*/
}
#right {
	position: absolute;
	top: 0;
	left: 265px;
	width: 740px;
	height: 994px;
}
#copyright {
	color: white;
}
#copyright p {
	margin: 0 1em 0.5em 1em;
}
/** Right **/
#nav {
	height: 108px;/*background-image: url(../images/new_site/page_bg.jpg);
	background-repeat: repeat-x;*/
}
#nav ul {
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#nav li {
	float: left;
	border-right: 1px solid #A26A6B;
	list-style: none;
	padding-top: 82px;
	padding-right: 5px;
	padding-bottom: 9px;
	padding-left: 5px;
}
#nav li.last {
	border-right: none;
}
/*#nav a {
	color: #D9AC47;
	font-family: Arial;
	font-size: 10pt;
	text-transform: none;
	font-weight: bold;
}

#nav a:hover {
	color: #F6ECD5;
	text-decoration: none;
}*/

#nav .selected a {
	font-weight: bold;
}
/** Body **/
#body {
	/*background: url(../images/new_site/body_bg.jpg) repeat-y;*/
 	color:#F6ECD5;
	line-height:20px;
}
#body hr {
	margin-top:30px;
	margin-bottom:30px;
}
.ulList {
	list-style-image: url(../images/pro_dropdown_6/arrow_over.gif);
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #F6ECD5;
}
#body p {
	color:#F6ECD5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}
.viewMore {
	background-image: url(../images/pro_dropdown_6/arrow_over.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	width: 200px;
}
#body-top {
/*background: url(../images/new_site/body_top.jpg) no-repeat;*/
}
#body-bot {
	padding-top: 36px;
	padding-right: 0px;
	padding-bottom: 19px;
	padding-left: 39px;
}
#body h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	text-transform: uppercase;
	color: #D9AC47;
}
#body h2 strong {
	color: #660505;
	font-weight: normal;
	font-size: 18px;
}
#body h3 {
	color: #D0A549;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
}
#body .naslovBox {
	padding-left:10px;
	padding-right:10px;
	background-color:#CCCCCC
}
#body h4 {
	color: #660505;
}
#body .left {
	margin: 0 26px 0 0;
}
/** footer **/
.body-hr {
	clear: both;
	height: 43px;
	/*background: bottom left url(../images/new_site/body_hr.jpg) no-repeat;*/
 margin: 10px -39px;
}
#langBar {
	text-align:center;
	width:263px;
}
#langBar a {
	display: block;
	width:32px;
	height:21px;
}
#langHR {
	background-image:url(../images/new_site/croatia.gif)
}
#langHR:hover {
	background-image:url(../images/new_site/croatia.gif)
}
#langEN {
	background-image:url(../images/new_site/england.gif)
}
#langEN:hover {
	background-image:url(../images/new_site/england.gif)
}
#langDE {
	background-image:url(../images/new_site/germany.gif)
}
#langDE:hover {
	background-image:url(../images/new_site/germany.gif)
}
#langIT {
	background-image:url(../images/new_site/italy.gif)
}
#langIT:hover {
	background-image:url(../images/new_site/italy.gif)
}
#langBar .zastavice {
	margin-top:5px;
	margin-bottom:3px;
}
.langLines {
	width:263px;
	background-color: #154F95;
	height: 8px;
}
#album {
	width:240px;
	height:175px;
	border:1px solid #aaa;
	margin:0 auto;
	background-color: #F6ECD5;
	background-image: url(../images/new_site/gallery/g02.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
	padding:0;
	margin:190px 0 0 0;
	list-style-type:none;
	position:relative;
	width:240px;
}
/* remove the default image border */
.gallery img {
	border:0;
}
/* make the list horizontal */
.gallery li {
	float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
	font-size:11px;
	float:left;
	text-decoration:none;
	color:#000;
	background:#fff;
	text-align:center;
	width:18px;
	height:28px;
	margin:2px;
	border:1px solid #444;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
	position:absolute;
	top:0px;
	left:0;
	visibility:hidden;
	border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
	top:-185px;
	left:5px;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
	background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
	background:#444;
	color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
	visibility:visible;
}
#adminForm fieldset {
 / * clear: both;
note that this clear causes inputs to break to left in ie5.x mac, commented out */ border-color: #000;
	border-width: 1px;
	border-style: solid;
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
	width:95%;
}
#adminForm fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
	color: #FFF;/* be careful with padding, it'll shift the nice offset on top of border  */
}
#adminForm label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 140px;
	padding: 0;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
}
#adminForm input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}
#adminForm input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
textarea {
	overflow: auto;
}
#adminForm small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}
#adminForm .required {
	font-weight:bold;
} /* uses class instead of div, more efficient */
#adminForm form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
#rooms {
	height: 120px;
	width: 620px;
	border: 5px solid #F6ECD5;
	float: none;
	padding: 5px;
	margin-bottom: 15px;
}
#rooms img {
	border: 1px solid #F6ECD5;
}
#rooms .title {
	float: right;
	width: 441px;
	color: #A98B4F;
	border: 1px solid #F6ECD5;
	height: 20px;
	padding-top: 3px;
}
#rooms .img {
	float: left;
	height: 120px;
	width: 170px;
}
#rooms .title span {
	padding-left:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #D0A549;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#rooms .content {
	float: right;
	height: 98px;
	width: 444px;
	margin-top: 2px;
}
#rooms .content .tableHeader {
	font-size: 12px;
	font-weight: bold;
	color: #002C62;
	background-color: #F6ECD5;
}
li {
	line-height:30px;
}
#scrollbox {
	height:115px;
	overflow:auto;
	border:1px solid #F6ECD5;
}
#thumbs {
}
a.thumb, a.thumb:visited {
	display:block;
	color:#000000;
	text-decoration:none;
	border:1px solid #000000;
	width:120px;
	height:90px;
	margin:3px;
	float:left;
	font-size:11px;
}
a.thumb:hover {
	border:1px solid #F6ECD5;
}
.clsCijene {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.footer-address, .footer-address a {
	font-size: 11px;
}
.box_left {
	float:left;
	width:20px;
	height:100px;
	background-image: url(../images/new_site/okvir_left.png);
	background-repeat: no-repeat;
}
.box_content {
	float:left;
	width:87%;
	height:100px;
	background-image: url(../images/new_site/okvir_content.png);
	background-repeat:repeat-x;
}
.box_content img {
	float:left;
	margin: 22px 10px 1em 0;
}
.box_content h2 {
	margin: 1px 0 0 0;
	padding-top: 12px;
}

.box_content h2 a{
	font-size:20px;
	color:#002C62
}

.box_content p {
	margin-top: 5px;
	font-size: 12px;
	line-height: 18px;
	}

.box_right {
	width:20px;
	height:100px;
	float:left;
	background-image: url(../images/new_site/okvir_right.png);
	background-repeat: no-repeat;
}
.reviews {
	width: 620px;
	border: 5px solid #F6ECD5;
	float: none;
	padding: 5px;
	margin-bottom: 15px;
}

.reviews .title{
	border: 1px solid #FFF;
	padding:5px;
	font-weight:bold;
}
.reviews .desc{
	margin-top:1px;
	border: 1px solid #FFF;
	padding:5px;
}