* { margin: 0; padding: 0; }
p { margin: 15px 0 15px 0; padding: 0; }
a, a:link, a:active { color: #9b231c; }
a:hover { color: #cc4f49; }
fieldset { border: none; }
.error { color:#f00 !important; }

img { border: none; margin: 0; padding: 0; }
ul { list-style: none; }
.clear { clear: both; height: 0px; line-height: 0; }
em { font-style: normal; }
select, input, textarea { color: #999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
button { background: none; border: none; cursor: pointer; }

body { padding: 0 0 30px 0; background: #f5f5f5 url(../images/bodyBKG.gif) top left repeat-x; }
#container { margin: 0px auto; width: 828px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#border1 { border: 1px solid #bbbbbb; border-bottom: none; padding: 3px 3px 0 3px; }
#border2 { border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; padding: 0 3px 0 3px; }
#border3 { border: 1px solid #bbbbbb; border-top: none; padding: 0 3px 3px 3px; }

/* header */
#logo { position: absolute; top: 30px; margin: 0 0 0 6px; }
#lang { display: block; text-align: right; margin: 11px 5px 0 0; }
#lang a { padding: 0 9px 0 8px; color: #9b231c; border-right: 1px solid #9b231c; }
#topnav { display: block; text-align: right; margin: 33px 6px 6px 0; }
#topnav li { display: inline; }
#topnav li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: bold; text-decoration: none; padding: 0 9px 0 8px; }
#topnav .nopad, #lang .nopad { padding: 0 0 0 8px; border: none; }
#topnav li a:hover, #topnav li.on a { color: #666; }

#header { border: 1px solid #999999; border-bottom: none; background: #fff url(../images/BKGheader.jpg) top left repeat-x; }
h1 { font-family: Times, serif; font-size: 22px; font-weight: normal; color: #000; padding: 26px 0 5px 41px; }
#header dl { margin: 0 0 0 30px; padding: 5px 0 0 13px; color: #000; font-size: 10px; border-top: 1px solid #000; width: 745px; } 
#header dd { display: inline; }
#nav { background: #9b231c; width: 799px; margin: 26px 0 0 0; padding: 6px 0 5px 19px; }
#nav li { display: inline; padding: 0 30px 0 0; }
#nav li a { color: #fff; font-weight: bold; text-decoration: none; }
#nav li a:hover, #nav li.on a { color: #e0e0e0; }

#imghead { margin: 2px 0 0 0; padding: 0 0 0 164px; height: 230px; oxverflow: hidden; background: #d0d0d0 url(../images/BKGimghead.jpg) top right no-repeat; }
#imageholder { float: left; padding: 0 2px 0 2px; width: 343px; background: #fff; }
#imghead #imageholder span { display: block; width: 341px; height: 228px; overflow: hidden; padding: 0 !important; border: 1px solid #dcd7d2; }
#imghead em { display: block; padding: 12px 0 0 357px; }
#imghead span { display: block; padding: 4px 0 0 357px; }
#imghead ul { position: absolute; margin: 17px 0 0 -145px; width: 145px; }
#imghead ul li { padding-bottom: 5px; }
#imghead ul a { color: #616161; text-decoration: none; }
#imghead ul a:hover, #imghead ul .on a { font-weight: bold; }
/* general content styles*/
#wrapper { border: 1px solid #999999; border-top: none; border-bottom: none; background: url(../images/BKGfauxcol.gif) top right repeat-y; }
#wrapper2 { border: 1px solid #999999; border-top: none; border-bottom: none; background: url(../images/BKGfauxcol2.gif) top right repeat-y; }
.title { font-weight: bold; color: #000; display: block;  border-bottom: 1px solid #9b231c; padding: 0 0 7px 1px; margin: 0 0 9px 0; }
#converterholder .title { border-color: #9b231c; }
#print_icon { position: absolute; margin: -15px 0 0 400px; cursor: pointer; }

/* sidebar left */
#sidebar { width: 164px; float: left; padding: 2px 2px 2px 0; color: #666; background: #fff; }
#reservationholder { border: 1px solid #bfbfbf; border-left: none; background: #eeeeee; margin: 0 0 2px 0; margin: 0 0 2px 0; *height: 1%; }
#flashEventsHolder { border: 1px solid #bfbfbf; border-left: none; background: #eeeeee; margin: 0 0 2px 0; margin: 0 0 2px 0; *height: 1%; }
#converterholder { border: 1px solid #bfbfbf; border-left: none; background: #d0d0d0; padding: 8px 10px 21px 10px; }
#sidebar a img  { display: block; }
#sidebar a.banner  { display: block; margin-bottom: 4px; }
/* sidebar forms*/
#sidebar label { display: block; margin: 0 0 3px 0; padding: 0 0 0 1px; }
#sidebar select { padding: 0 0 0 0; margin: 0 0 4px 0; height: 17px; font-size: 10px; }
#type { width: 143px; }
#day, #depday, #month, #depmonth, #room, #pers { width: 40px; }
#year, #depyear { width: 55px; }
#reservation div { float: left; margin-right: 7px; *margin-right: 5px; }
#reservation .button { float:right; margin-top: 5px; }
#kn, #calc { width: 81px; height: 16px; border: 1px solid #bfb6aa; margin: 0 0 4px 0; padding: 2px 0 0 4px; }
#calc { margin: 0 5px 0 0; float: left; }
#curr { width: 51px; }

/* text */
#content { float: right; width: 652px; }
#topbox { display: block;  height: 22px; background: #fff url(../images/BKGcontent.gif) left 2px repeat-x; }
#text { float: left; padding: 20px 30px 30px 22px; border-bottom: none; width: 430px; color: #666; background: #fff; }
#text h3 { font-size:13px; margin-bottom:8px; }
h2, h2 a,  h2 a:hover { font-family: Times; color: #9B231C; font-weight: normal; font-size: 20px; margin: 0; padding: 0;}
#text ul li, .text2 ul li { background: url(../images/dot.gif) left 5px no-repeat; padding: 0 0 0 8px; margin: 0 0 0 15px; }
#textholder { float: left; width:483px; }
.text2 { float: left; padding: 20px 20px 30px 22px; margin: 0 0 2px 0; border: 1px solid #9d9d9d; width: 440px; color: #666; background: #fff; }
.textleft { float: left; width: 315px; }
.textright { float: right; width: 95px; padding: 0 0 0 20px; }
.textright div { margin: 0 0 23px 0; }
.textright img { display: block; margin: 0 0 6px 0; }
.textright a { display: block; }
.magnif { background: url(../images/ICONlocation.gif) left 3px no-repeat; padding: 0 0 6px 11px; }
.titlesmall { font-weight: bold; color: #000; display: block;  border-bottom: 1px solid #dcd7d2;  padding: 0 0 5px 1px; margin: 0 0 6px 0; }

#text #sitemap-list       { margin: 15px 0; }
#text #sitemap-list li    { margin-bottom: 3px; }
#text #sitemap-list li a  { color: #666; }
#text #sitemap-list ul    { margin-left: 15px; }

.pricelist { width: 100%; text-align: left; margin: 20px 0 15px 0; clear: both; }
.pricelist td, .pricelist th { vertical-align: top; padding: 3px 0; }
.pricelist td { border-top: 1px solid #eee; }
.GOreserv { margin-left: 353px; }
.roomreserv { margin-top: 30px; width: 75px; }

#contact { width: 220px; margin-top: 15px; float: left; }
#contact dt { font-weight: bold; padding-bottom: 12px; }
#contact dd { padding: 1px 0; }

h3 { font-weight: bold; font-size: 11px; }
.imgleft img { border: 1px solid #ccc; float: left; margin: 2px 9px 5px 0; padding: 1px; }

/* popup*/
.popup { background: #fff; border: 1px solid #ccc; position: absolute; display: none;  width: 450px; margin: -150px 0 0 -20px; *margin: -160px 0 0 -20px;  z-index: 5000; padding: 0 10px 20px 10px; }
.popup h2 { margin-top: 10px; }
.close {float: right; cursor: pointer; margin: 5px 5px 0 0; }
.popup table { width: 100%; }
.popup table,
.popup table td,
.popup table th  { margin: 30px 0 30px 0; vertical-align: top; text-align: left; padding: 2px 5px 2px 0px; }
.popup #tabletop { font-weight: bold; }
.popup table .firstcell { width: 170px; }
.popup table .border { width: 220px; border-left: 1px solid #ccc; padding-left: 15px; }
.popup table .last { vertical-align: bottom; } 

/* reservation form */
.reservtxt { border: 1px solid #9d9d9d; width: 430px; margin: 0 0 5px 0; overflow: hidden; padding: 5px 0; }
.reservtxt li { background: none !important; display: block; float: left; margin: 0 !important; padding: 0 !important;  }
.reservtxt li h3 { margin-bottom: 6px; }
.reservtxt img { float: left; width: 60px; margin: 20px 5px 0 2px; }
.reservtxt li.bed { width: 100px; margin-right: 5px !important; margin-left: 3px !important; }
.reservtxt li.room { width: 130px; margin-right: 5px !important; }
.reservtxt li.rate { width: 110px; margin-right: 10px !important; }
.reservtxt li.rate a { cursor: pointer; }
.reservtxt li.price { width: 420px; margin: 15px 5px 0 2px !important; }
.reservtxt li.price h3 { margin: 0px 0 2px 0; display: block; float: left; width: 66px; *width: 60px; }
.reservtxt li.price img { width: auto; margin: 2px 0 0 0; float: right; margin-top: -15px; }
.prevnext { display: block; text-align: right; margin-bottom: 5px;  }
.prevnext a { text-decoration: none; }
.margtop { height: 10px !important;}

.hotelinfo { overflow: hidden; margin: 20px 0 0 0; display: block; height: 1%; }
.hotelinfo a { cursor: pointer; text-decoration: underline; }
.hotelinfo h3 { margin-bottom: 5px; }
.hotelinfo dt { float: left; width: 170px; display: block;  }
.hotelinfo dd { float: right; width: 220px; display: block;  }
.hotelinfo em { display: block; float: left; width: 100px; }

#step { display: block; margin: 0 0 15px 0; overflow: hidden; zoom: 1; font-size: 10px;  }
#step a, #step a:active, #step a:visited, #step a:hover { color: #ccc; text-decoration: none; cursor: text; padding: 0 0 2px 15px; margin-right: 8px; display: block; float: left; }
#step a.one { background: url(../images/step_off.gif) top left no-repeat; }
#step a.oneon { background: url(../images/step_on.gif) top left no-repeat; color: #9B231C; }
#step a.two { background: url(../images/step_off2.gif) top left no-repeat; }
#step a.twoon { background: url(../images/step_on2.gif) top left no-repeat; color: #9B231C; }
#step a.three { background: url(../images/step_off3.gif) top left no-repeat; }
#step a.threeon { background: url(../images/step_on3.gif) top left no-repeat; color: #9B231C; }
#step a.four { background: url(../images/step_off4.gif) top left no-repeat; margin-right: 0px; }
#step a.fouron { background: url(../images/step_on4.gif) top left no-repeat; color: #9B231C; margin-right: 0px; }
/*
.reservform { margin: 20px 0 15px 0; overflow: hidden; height: 1%; }
.reservform h3 { margin-bottom: 5px; }
.reservform span { display: block; margin: 15px 0 6px 0;}
.reservform label { display: block; float: left;  width: 110px; clear: left; }
.reservform input.text { border: 1px solid #bfb6aa; padding: 3px 2px; margin: 0 5px 2px 0; }
.reservform select { width: auto; margin-bottom: 2px; }
.reservform select option { padding-right: 5px; }

textarea { border: 1px solid #bfb6aa; padding: 2px; width: 313px; *width: 310px; height: 60px; margin: 0 0 10px 0; }
select.country { width: 250px !important; }*/

/* reservation form */
.reservform { margin: 20px 0 15px 0; }
.reservform .alt01 { display:inline; }
.reservform .alt02 { clear:left; display:block; }
.reservform .nomargin { display:inline; }
.reservform label { display: block; }
.reservform input.text { border: 1px solid #bfb6aa; padding: 3px 2px; }
.reservform input.width { width: 160px !important; *width: 147px !important; }
textarea { border: 1px solid #bfb6aa; padding: 2px; }

.reservform label.top { float: left; clear: left; width: 150px; }
.reservform img { float: left; margin: 2px 0  0 3px; cursor: pointer; }
.reservform #dolazak,
.reservform #odlazak,
.reservform #broj_osoba { display: block; float: left; margin: 0 0 5px 0; }

.reservform legend { color: #666; margin-bottom: 15px; *margin-left: -6px; padding: 0; }
.reservform #rooms { margin: 15px 0 10px 0; clear: left; }
.reservform #rooms input { display: block; float: left; clear: left; margin: 0 10px 0 30px; *margin: 0 10px 0 15px; width: 25px; text-align: center; }
.reservform #rooms label { display: block; margin-top: 3px; padding-bottom: 9px; }
.reservform span { display: block; margin: 15px 0 10px 0; }

.reservform #personal { margin: 15px 0 25px 0; }
.reservform #personal input { margin: 0 0 5px 0; width: 150px; }
.reservform #personal label { display: block; float: left; clear: left;  width: 12em; margin-left: 30px; }
.reservform #personal span { display: inline;}

.reservform .checkbox { float: left; margin: 2px 5px 2px 0; *margin: 0px 3px 2px 0; }
.reservform .button { margin: 20px 0 0 0; cursor: pointer; float: right; background: none; border: none; }

#button_od,
#button_do { cursor: pointer; }

.reservform .checkbox { float: left; margin: 2px 5px 2px 0; *margin: 0px 3px 2px 0; }
.reservform .button { float: right; }
.reservform .button input { margin-left: 10px; }
.pointer { cursor: pointer; }

#contactform { width: 165px; float: right; }
#contactform label { display: block; float: none;  }
#contactform input.text, #contactform textarea {  border: 1px solid #bfb6aa; padding: 2px; margin: 3px 0 10px 0; width: 160px; }
#contactform .button { float: right; }

/* sidebar right */
#sidebarright { float: right; width: 166px; background: #fff; padding: 0 0 2px 0; }
#location { padding: 8px 10px 21px 10px; margin: 0 0 2px 0; height: 70px; border: 1px solid #bbbbbb; border-right: none; background: #eeeeee; }
#location img { border: 1px solid #d1c8bf; float: left; margin: 0 8px 0 0; }
#location em { background: url(../images/ICONlocation.gif) left 3px no-repeat; padding: 0 0 0 11px; }
#weather { padding: 8px 10px 0px 10px; border: 1px solid #bbbbbb; border-right: none; background: #fff; }
#weather em { position: relative; width: 130px; display: block; margin: 0 0 5px 0; }
#weather .box { width: 45px; float: left; background: #fff url(../images/BKGline.gif) top right repeat-y; color: #aaa196; margin: 0 4px 20px 0; }
#weather .box img { display: block; margin: 4px 0 4px 4px; }
#weather .last { margin: 0; }
#weather .box span { display: block; }

#newsletter       { width: 166px; overflow: hidden; }
#newsletter form { padding: 8px 10px 21px 10px; margin: 2px 0 2px 0; border: 1px solid #bbbbbb; border-right: none; background: #eeeeee;  }
#newsletter form fieldset { background: #eeeeee; overflow:hidden; }
#newsletter form fieldset legend { font-weight: bold; color: #000; display: block;  border-bottom: 1px solid #9b231c; padding: 0 0 7px 1px; margin: 0 0 9px 0; }
#newsletter form fieldset label { cursor:pointer; }
#newsletter form fieldset input { border: 1px solid #bfb6aa; margin-top:3px; padding:2px; }
#newsletter form fieldset .button { border-width:0px; margin:7px 8px 0 0; padding:0; float:right; }

/* footer */

#footer { color: #83827e; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
#footbox { display: block; border: 1px solid #999999; border-top: none; height: 22px; width: 818px; background: #fff url(../images/BKGfoot.gif) left 2px no-repeat;  }
#hup { display: block; width: 165px; height: 75px; text-align: center; float: left; }
#hup img { display: block; margin: 15px auto 6px auto; }
#hup a { color: #83827e; text-decoration: none; }
#hup :hover { text-decoration: underline; }

#footer dl { margin: 20px 0 0 183px; }
#footer dd { display: inline; }
#footer dd a { margin: 0 20px 0 30px; color: #cc4f49; }
#signin { float: right; margin: -14px 37px 0 0; }
#signin a { color: #cc4f49; }

#footer ul { margin: 22px 0 0 167px; text-align: center; }
#footer ul li { display: inline; padding: 0 2px 0 3px; }
#footer ul li a, #footer em a { color: #a5a5a4; text-decoration: none; }
#footer ul li a:hover, #footer em a:hover { text-decoration: underline; }
#footer em { margin: 0 0 0 18px; }

#sitemap-link { float: right; margin: 5px 15px 0 0; color: #666; text-decoration: none; }
#sitemap-link:hover { text-decoration: underline; }

#footbox ul { margin: 0; float: right; }
#footbox ul li  { float: left; padding: 5px 15px 0 0; }
#footbox ul li a  { text-indent: -9999px; display: block; height: 16px; overflow: hidden; zoom: 1; text-decoration: none; cursor: pointer; }
#footbox ul li a.dimedia-toolbar-button { background: url(../images/toolbar/button.png); width: 57px;  }
#footbox ul li a.picassa-link { background: url(../images/icon-picassa.gif); width: 16px;  }



#footimage { border-top: 1px solid #c5c5c5; padding: 2px 0 0 0; clear: both;}
#star { border-right: 1px solid #c5c5c5; margin-right: 5px; }
#wood { border-left: 1px solid #c5c5c5; }

/* VIDEO POPUP */
.videoPopupButton { text-decoration: underline; color: #9b231c; cursor: pointer; }

#video-popup-overlay  { position: absolute; top: 0; left: 0; z-index: 1000; background: #000; cursor: pointer; }
#video-popup          { position: absolute; top: 0; left: 0; z-index: 1001; background: #fff; padding: 0px 0px 25px 0px; width: 640px; height: 480px; display: none; }
#video-popup span     { font-family: ariel,sans-serif; font-size: 11px; color: #333; position: absolute; bottom: 6px; left: 10px; display: block; font-weight: bold; }
#video-popup .close   { position: absolute; bottom: 7px; right: 10px; cursor: pointer; display: block; }

/*** Keyword nav ***/
#text #keywordnav { overflow:hidden; margin-top:35px; }
#text #keywordnav li { background:none; padding:0; margin:0 0 10px 0; width:215px; min-height:26px; height:auto !important; height:26px; float:left; }
#text #keywordnav li a { display:block; background:url(../images/arrow.gif) no-repeat 0 5px; padding-left:8px; font-size:10px; text-decoration:none; }

/* DIMEDIA SIGN ******************************************************/

#sign {
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 11px;
  text-decoration: none;
  color: black;
  display: block;
  clear: left;
  margin: 10px 0 0 5px;
}

#sign:hover {
  color: red;
}

#sign span {
  color: red;
}


/*************************************************************************/
#flashSideBanner { margin-top: 2px; }

/* SHARE TOOLBAR */
#dimedia-toolbar { display: none; opacity: 0; width: 96px; padding-top:20px; background: url(../images/toolbar/dimedia-toolbar-top.png) top left no-repeat; *background-image:url(../images/toolbar/dimedia-toolbar-top-ie.png); position: absolute; z-index:100; }
#dimedia-toolbar .bottom-bkg { zoom:1; padding-bottom:31px; background: url(../images/toolbar/dimedia-toolbar-bottom.png) bottom left no-repeat; *background-image:url(../images/toolbar/dimedia-toolbar-bottom-ie.png); }
#dimedia-toolbar .middle-bkg { zoom:1; background: url(../images/toolbar/dimedia-toolbar-middle.png) top left repeat-y; padding: 1px 0; }
#dimedia-toolbar ul { margin: -11px 0 -13px 9px; position: relative; padding: 0; list-style: none; overflow: hidden; zoom: 1; }
#dimedia-toolbar ul li  { float: left; margin: 0 5px 4px 0; background: #fff; }
#dimedia-toolbar ul a,
#dimedia-toolbar ul a img { display: block; border: 0; height: 16px; width: 16px; cursor: pointer; }
#dimedia-toolbar ul a { opacity: 0.6; }
#dimedia-toolbar ul a:hover { opacity: 1; }