* { margin: 0; padding: 0; }

p { margin: 15px 0 15px 0; padding: 0; }

a, a:link, a:active { color: #3f617f; }



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 { color: #999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

fieldset { border: 0; }



body { padding: 0 0 30px 0; background: #fff; }

#container { margin: 0px auto; width: 820px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }



/* header */

#logo { position: absolute; top: 10px; margin: 0; }

#lang { display: block; text-align: right; margin: 70px 2px 11px 0; }

#lang a { padding: 0 9px 0 8px; color: #41607f; border-right: 1px solid #3f617f; }

#lang .nopad { padding: 0 0 0 8px; border: none; }

#topnav { display: block; text-align: right; margin: 0 2px 10px 0; }

#topnav li { display: inline; }

#topnav li a { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333; font-weight: normal; text-decoration: none; padding: 0 15px 0 15px; border-right: 1px solid #333; }

#topnav li.nopad a { padding: 0 0 0 15px; border: none; }

#topnav li a:hover, #topnav li.on a { color: #adb6be; }



#header { border: 1px solid #adb6be; border-bottom: none; background: #fff; }

h1 { font-family: Times, serif; font-size: 24px; font-weight: normal; color: #666; padding: 26px 0 5px 41px; }

#header dl { margin: 0 0 0 30px; padding: 5px 0 0 13px; color: #666; font-size: 10px; border-top: 1px solid #666; width: 745px; } 

#header dd { display: inline;  }

#nav { background: #f4f1ee; width: 799px; margin: 26px 0 0 0; padding: 6px 0 5px 19px; font-family: Arial, Helvetica, sans-serif; }

#nav li { display: inline; padding: 0 38px 0 0; }

#nav li a { color: #222222; font-weight: bold; text-decoration: none; }

#nav li a:hover, #nav li.on a { color: #3f617f; }



#imghead { margin: 2px 0 0 0; padding: 0 0 0 164px; height: 230px; background: #d8e0e7; }

#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 #adb6be; border-top: none; background: url(../images/BKGfauxcol.gif) top right repeat-y; }

#wrapper2 { border: 1px solid #adb6be; border-top: none; background: url(../images/BKGfauxcol2.gif) top right repeat-y; }

.title { font-weight: bold; color: #222222; display: block;  border-bottom: 1px solid #d8e0e7; padding: 0 0 7px 1px; margin: 0 0 9px 0; }

#converterholder .title { border-color: #becad5; }



/* sidebar left */

#sidebar { width: 164px; float: left; padding: 2px 2px 2px 0; color: #666; background: #fff; }

#reservationholder { border: 1px solid #d8e0e7; border-left: none; background: #eef1f4; margin: 0 0 2px 0; margin: 0 0 2px 0; *height: 1%; padding: 8px 10px 37px 10px; *padding: 8px 10px 18px 10px; }

#converterholder { border: 1px solid #d8e0e7; border-left: none; background: #d8e0e7; padding: 8px 10px 21px 10px; }

/* 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; *padding-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: 1px solid #d8e0e7; border-bottom: none; width: 430px; color: #666; background: #fff; }

#text.reservation { position:relative; }
#text.reservation h2 { margin-bottom:10px; }
#text.reservation div { margin:6px 0; }
#text.reservation .notification { margin:30px 0 6px; }
#text.reservation .button { width:auto; overflow:visible; border: none; cursor: pointer; margin: 0; background:#3f617f; color:#fff; font-size:11px; font-weight:bold; padding:0 !important; }
#text.reservation .button img { margin: 0; padding:0; }


.introHdg { margin-left:21px; }
#link-print { position:absolute; right:15px; top:15px; }

h2 { color: #222222; font-weight: bold; font-size: 13px; 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 #d8e0e7; 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: #222222; display: block;  border-bottom: 1px solid #d8e0e7;  padding: 0 0 5px 1px; margin: 0 0 6px 0; }

#textholder .last { margin: 0; border-bottom: none; }  



.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; }



/* reservation form */

.reservform { margin: 20px 0 15px 0; }

.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 .checkbox { float: left; margin: 2px 5px 2px 0; *margin: 0px 3px 2px 0; }

.reservform .button { width:auto; overflow:visible; border: none; float: right; cursor: pointer; margin: 20px 0 0 0; background:#3f617f; color:#fff; font-size:11px; font-weight:bold; padding:0 !important; }
.reservform .button img { margin: 0; padding:0; }



#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 {  margin: 0 -4px 0 0px; *margin: 0 -11px 0 0px; float: right; cursor: pointer; background: none; border: none; }

.captchaMarg  { display: block; margin: 5px 0 5px 150px !important; float: none !important; cursor: auto !important; color: red; }
.captchaMarg2  { display: block; margin: 5px 0 5px 0 !important; float: none !important; cursor: auto !important; color: red;  }

/* 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 #d8e0e7; border-right: none; background: #eef1f4; }

#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 #d8e0e7; 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; background: none; }

#weather .box span { display: block; }

/* map popup*/
#map-popup-overlay  { position: absolute; top: 0; left: 0; z-index: 1000; background: #000; cursor: pointer; }
#map-popup  { position: absolute; top: 0; left: 0; z-index: 1001; background: #fff; padding: 10px; }
#map-popup .close { float: right; margin-bottom: 10px; cursor: pointer;  }
#map-popup iframe { width: 730px; height: 520px; border: none; overflow: hidden; }

/************************ LIGHTBOX ***/
#jquery-overlay               { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; }
#jquery-lightbox              { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001; text-align: center; line-height: 0; }
#jquery-lightbox a img        { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image     { padding: 10px; }
#lightbox-loading             { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#lightbox-container-image-data-box                      { font-family:Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data                          { padding: 0; line-height: 16px; color: #1e2d3b; font-size: 14px; }
#lightbox-container-image-data #lightbox-image-details  { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption                         { font-weight: bold; }
#lightbox-image-details-currentNumber                   { display: block; clear: left; padding-bottom: 1.0em; font-size: 10px; line-height: 12px; color: #656565; }			
#lightbox-secNav-btnClose                               { width: 66px; float: right; padding: 0 3px 0.7em 0; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; color: #656565; text-decoration: none; background: url(../images/lightbox-btn-close.gif) right 2px no-repeat; }
#lightbox-buttons                                       { float: right; clear: right; padding-bottom: 5px; }
#lightbox-buttons img                                   { margin-left: 5px; cursor: pointer; }

/* footer */



#footer { color: #83827e; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }

#footbox { display: block; margin: 2px 0 0 2px; height: 20px; width: 818px; background: #fff url(../images/BKGfoot.gif) left 2px repeat-y;  }

#hup { display: block; width: 165px; height: 66px; 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; }



#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; }



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

#sign {

  margin: 0px auto 0px auto;

  margin-top: 1px;

  width: 800px;

  padding: 0 0 4px 20px;

  background: url(../images/pattern.gif) top left repeat;

  clear: left;

}



#sign a {

  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

  font-size: 11px;

  text-decoration: none;

  color: black;

}



#sign a:hover {

  color: red;

}



#sign span {

  color: red;

}