* { margin: 0; padding: 0; }
p { margin: 15px 0 15px 0; padding: 0; }
a:link { color: #3d8a87; text-decoration:none; }
a:visited { color: #3d8a87; text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { text-decoration:none; }
fieldset { border: none; }

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:#a07469; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #d8d0c7; padding:2px; }
textarea { overflow:auto; }

.hidden-gallery .hide { display: none; }

/* body { padding: 0 0 30px 0; background: #efefe4 url(../images/bodyBKG_home.gif) top left repeat-x; } */
body { padding: 0 0 30px 0; background: #efefe4 url(../images/bodyBKG.gif) top left repeat-x; }
#container { margin: 0px auto; width: 975px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

/* header */
#logo { position: absolute; top: 8px; margin: 0 0 0 18px; }

#lang-sm { position:relative; float:right; margin: 11px 0 13px 0; z-index: 2; }
#lang-sm a { float:left; padding: 5px 10px 5px 10px; color: #77392a; font-size:10px; font-weight:bold; text-decoration:none; }
#lang-sm a:hover { color: #3d8a87; }

#lang-sm #lang { float:left; }
.js #lang-sm #lang-select { float:left; cursor:pointer; padding-right:28px; background:url(../images/BKGarrow2.gif) no-repeat 95% center; }
.js #lang-sm #lang-select.on { text-decoration:none; color:#fff; background:#77392a url(../images/BKGarrow3.gif) no-repeat 95% center; }
.js #lang { display:none; position:absolute; right:0; top:22px; z-index:99; background:#fff; padding:5px 0 10px; }
.js #lang a { float:none; display:block; padding:2px 15px 2px 20px; text-decoration:none; }
.js #lang a:hover { background:url(../images/BKGarrow4.gif) no-repeat 8px center; text-decoration:none;  }

#topnav { clear:right; display: block; text-align: right; margin: 0 0 10px 0; z-index: 1; }
#topnav li { display: inline; }
#topnav li a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #77392a; font-weight: bold; text-decoration: none; padding: 0 9px 0 8px; }
#topnav li a:hover, #topnav li.on a { color: #3d8a87; }

/* HOME */
#home { background-image:url(../images/bodyBKG_home.gif); }
#home #header { min-height:351px; _height:351px; background-image:url(../images/headerBKG_home.gif); }
#imghead { margin:0 18px; padding:0; position:absolute; left:0; bottom:14px; width:939px; min-height:229px; _height:229px; background:#a2c8c4; }
#imghead .swirl { width:142px; height:121px; overflow:hidden; position:absolute; left:-85px; bottom:-75px; background:url(../images/BKGswirl_01.png) no-repeat; text-indent:-9999px; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/BKGswirl_01.png',sizingMethod='crop'); }
#imghead .reserve_btn { display:none; position:absolute; right:10px; bottom:8px; }
.js #imghead .reserve_btn { display:block; }
#home #wrapper { position:relative; background:none; padding-bottom:90px; }
#home #content { width:975px; }
#home #sidebar       { border:1px solid #d8c9b5; border-width:1px 0; width:904px; margin-left:30px; display:inline; }
#home #sidebar:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
#home #sidebar       { *min-height:0; _height:1%; }
#home #sidebar .title       { white-space:nowrap; }
#home #location, #home #weather, #home #converterholder, #home #newsletter { min-height:140px; _height:140px; padding-right:13px; padding-left:15px; float:left; border-right:1px solid #d8c9b5; background:none; }
#home #location { width:217px; }
#home #weather { width:161px; }
#home #converterholder { width:220px; }
#home #newsletter      { width:185px; border-right:none; }
#home #reservationholder { width:217px; height:138px; position:absolute; right:120px; top:-195px; _top:-196px; background:#a2c8c4; }
.js #home #reservationholder { display:none; }
/* #home #photos { display:none; } */
#home #newsletter form fieldset input { width:174px; }
#home #newsletter form fieldset .button { width:auto; }
#home #text { border:none; background:none; padding-left:40px; }
#home #text h2 { font-size:19px; }
#keywordnav           { position:absolute; left:0; bottom:0; width:975px; padding:30px 0 30px 0; background:url(../images/BKGswirl1.gif) no-repeat right 80%; }
#keywordnav ul:after  { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
#keywordnav ul        { *min-height:0; _height:1%; width:880px; }
#keywordnav li        { float:left; background:url(../images/BKGseparator.gif) no-repeat right 3px; padding:0 7px 0 0; margin:0 0 0 7px; }
#keywordnav li.last   { background:none; }
#keywordnav li a      { padding:0; margin:0; font-size:11px; font-weight:bold; text-decoration:none; }

#header { position:relative; min-height:108px; _height:108px; margin-bottom:10px; background:#77392a url(../images/headerBKG.gif) top left no-repeat; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight: normal; color: #fff; padding: 15px 0 3px 18px; }
#header dl { margin: 0 0 0 18px; padding: 0 0 0 0; color: #ddcdca; font-size: 10px; width: 745px; } 
#header dd { display: inline; }
#nav { width:969px; position:absolute; left:0; top:83px; padding: 0 0 0 6px; }
#nav li { display: inline; margin:0 12px; }
#nav li a { color: #fff; text-decoration: none; text-transform:uppercase; font-size:10px; padding: 0; }
#nav li a:hover, #nav li.on a { color: #91c1bc; }

/* general content styles*/
#wrapper { zoom:1; background:url(../images/BKGfauxcol1.gif) 263px 0 repeat-y; border-bottom:1px solid #d8c9b5; }
.title { zoom:1; font-weight: bold; color: #77392A; display: block; padding: 0; margin: 0 0 10px; font-size:14px; }

/* sidebar left */
#sidebar { color:#9b6f61; width: 258px; float: left; padding:0 0 0 4px; font-size:11px; }
#sidebar a img  { display: block; }
#reservationholder { background:url(../images/BKGsidebarchild.gif) no-repeat left top; margin:0; padding:15px 20px 18px 17px; *height: 1%; }
#converterholder { background:url(../images/BKGsidebarchild.gif) no-repeat left top; margin:0; padding:15px 20px 18px 17px; }

/* reservation */
#reservationholder { overflow:hidden; }
#reservationholder div { zoom:1; position:relative; overflow:hidden; margin-bottom:2px; }
#reservationholder div label { float:left; width:100px; }
#reservationholder div input { float:left; width:110px; border-color:#e2dbc9; background:#e2dbc9; }
#reservationholder div img { cursor:pointer; position:absolute; right:6px; top:3px; }

/* submenu */
#submenu { margin-bottom:70px; }
#submenu li a { zoom:1; display:block; margin:20px 20px 20px 11px; padding-left:12px; font-size:15px; color:#653c33; text-decoration:none; }
#submenu li a:hover { color:#3d8a87; text-decoration:underline; }
#submenu li.active a { font-weight:bold; background:url(../images/BKGarrow1.gif) no-repeat left center; text-decoration:none; }
#submenu li.active a:hover { color:#653c33; text-decoration:none; }

/* 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 .button { float:right; margin:7px 4px 0 0; border:none; padding:0; }
#kn, #calc { width: 155px; margin: 0 0 4px 0; }
#calc { margin: 0 5px 0 0; float: left; }
#curr { width: 51px; height:20px !important; padding:1px 0 !important; border: 1px solid #d8d0c7; color:#a07469; font-size:11px !important; }

/* text */
#content { float: right; width:712px;  }
#topbox { display: block;  height: 22px; background: #fff url(../images/BKGcontent.gif) left 2px repeat-x; }

.textholder1 { overflow:hidden; }
.textholder2 { padding-top:10px; background:url(../images/BKGcontent1.gif) no-repeat left top; }
.textholder3 { background:url(../images/BKGcontent1.gif) no-repeat left top; }
.textholder3 .text2 { padding-top:20px; }
#text { border-left:1px solid #d8c9b5; background:url(../images/BKGcontent1.gif) no-repeat left top; padding: 15px 30px 30px 22px; color: #653c33; }
.home { padding-bottom: 10px !important; position: relative; }
#text.alt-text { padding: 5px 30px 5px 22px; color: #653c33; }
#text { *min-height:0; _height:1%; }
#text:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
#text.alt-text-01 { float:left; width:500px; }
#text p { line-height:18px; }

#photos { background:#efefe4; padding:0 4px 14px 0; }  
#photos div { background:#a2c8c4; min-height:230px; _height:230px; }  

h2 { color: #653c33; font-family: Arial, sans-serif; font-weight: normal; font-size: 36px; margin: 0; padding: 0;}
h3 { color:#77392a; font-size: 15px; margin: 10px 0 10px 0; clear: left; font-weight:normal;  }
#text ul li, .text2 ul li { background: url(../images/dot.gif) left 5px no-repeat; padding: 0 0 0 15px; margin: 5px 0 5px 15px; }
#textholder { float: left; width:483px; }
.text2 { overflow:hidden; padding: 10px 30px 30px 22px; color: #653c33; }
.text2-separated { border-top:1px solid #d8c9b5; padding-top:30px; }
.nobord { border-bottom: none; }
.textleft { float: left; width: 485px; }
.textleft h2 { font-size:20px; }
.textright { float: right; width: 140px; padding: 0; }
.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; }

.panorama { float:left; clear: left; padding: 10px 0 0 65px; background: url(../images/ICON360.gif) left 13px no-repeat; line-height:30px; font-weight:bold; border-top: 1px solid #d8c9b5; width: 255px; }
.home-video { float:left; padding: 12px 0 12px 65px; background: url(../images/ICON-homevideo.gif) left 3px no-repeat; line-height:30px; font-weight:bold; border-top: 1px solid #d8c9b5; width: 255px; }
.banner-home  { position: absolute; right: 37px; bottom: 7px; }
.banner-home img  { display: block; }



.titlesmall { font-weight: bold; color: #000; display: block;  border-bottom: 1px solid #dcd7d2;  padding: 0 0 5px 1px; margin: 0 0 6px 0; }
#textholder .last { margin: 0; border-bottom: none; }  

#text #sitemap-list       { margin: 15px 0; }
#text #sitemap-list li    { margin: 5px; }
#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; }

.hall { width: 100%; font-size: 11px; text-align: left; margin: 20px 0 15px 0; clear: both; }
.hall td, .hall th { vertical-align: top; padding: 3px 2px 2px 0px; }
.hall td { border-top: 1px solid #eee; }

#contact { width: 220px; margin-top: 15px; float: left; }
#contact dt { font-weight: bold; padding-bottom: 12px; }
#contact dd { padding: 1px 0; }
/* gallery */
#text #gallery { overflow: hidden; margin-bottom: 40px; zoom:1; }
#text #gallery li { float: left; background: none; padding: 0; margin: 0 17px 10px 0;}
#text #gallery li img { padding: 1px; border: 1px solid #e7e7df; }
/* sidebar right */
#location { background:url(../images/BKGsidebarchild.gif) no-repeat left top; float:none; overflow:hidden; padding:15px 20px 18px 17px; margin:0; }
#location a { display:block; }
#location img { display:block; margin: 0; }
#location em { background: url(../images/ICONlocation.gif) left 3px no-repeat; padding: 0 0 0 11px; }
#weather { background:url(../images/BKGsidebarchild.gif) no-repeat left top; margin:0; padding:15px 20px 18px 17px; }
#weather em { position: relative; display: block; margin: 0 0 5px 0; font-weight:bold; }
#weather .boxholder { float:left; border:1px solid #d8d0c7; }
#weather .box { font-size:11px; width: 45px; float: left; background: #faf9f5 url(../images/BKGline.gif) top right repeat-y; color: #a07469; margin:0; padding:4px; }
#weather .box img { display: block; margin: 0 auto; }
#weather .last { margin: 0; background-image:none; }
#weather .box span { display: block; text-align:center; }

/* forms */
.reservform { margin: 20px 0 15px 0; }
.reservform label { display: block; }
.reservform input.text { display: block; float: left; }
.reservform input.width { width: 160px !important; *width: 147px !important; }

.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: #653c33; 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; float: left; clear: left;  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; border:none; padding:0; }
.reservform .button { margin: 20px 0 0 0; cursor: pointer; float: right; background: none; border: none; }

#contactform { width: 165px; float: right; }
#contactform label { display: block; float: none;  }
#contactform input.text, #contactform textarea {  margin: 3px 0 10px 0; width: 160px; }
#contactform .button { margin: 15px 0 0 105px; cursor: pointer; background: none; border:none; padding:0; }

#newsletter      { background:url(../images/BKGsidebarchild.gif) no-repeat left top; padding:15px 20px 18px 17px; overflow: hidden; }
#newsletter form { overflow: hidden; padding:0; margin:0; }
#newsletter form fieldset { overflow:hidden; }
#newsletter form fieldset label { cursor:pointer; }
#newsletter form fieldset input { width:210px; margin-top:3px; }
#newsletter form fieldset .button { float:right; width:auto; border-width:0px; margin-top:7px; margin-right:4px; border:none; padding:0; }

/* footer */

/* footer pop up */
#brandNavBrandList { position: absolute; visibility: hidden; background: #DF6D27; border: 1px solid #C65603; margin: -150px 0 0 320px; *margin: -150px 0 0 160px; }
#brandNavBrandList a { display: block; margin: 3px 5px 3px 10px; text-decoration: none; color: #fff; }
#brandNavBrandList a.border { margin-bottom: 10px; }
#brandNavBrandList a:hover { text-decoration: underline; }
/* footer pop up gotov */

#footer { color: #b0938a; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
#footbox { display: block; height: 22px; width: 100%; background: url(../images/BKGfoot.gif) top left repeat-y; border-top: 2px solid #b0938a; }
#hup { display: block; width: 165px; height: 82px; text-align: center; float: right; clear: right; }
#hup img { display: block; margin: 19px auto 6px auto; }
#hup a { color: #b0938a !important; text-decoration: underline; }
#hup a:hover { text-decoration: none; }

#footer dl { margin: 20px 0 0 0; }
#footer dd { display: inline; }
#footer dd a { margin: 0 20px 0 30px; color: #b0938a; text-decoration:underline; }
#footer dd a:hover { text-decoration:none; }
#signin { float: right; margin: -14px 37px 0 0; }
#signin a { color: #b0938a; }

#footer ul { margin: 12px 0 0 -3px; }
#footer ul li { display: inline; padding: 0 2px 0 3px; }
#footer ul li a, #footer em a { color: #b0938a; text-decoration: none; }
#footer ul li a:hover, #footer em a:hover { text-decoration: underline; }
#footer em { margin: 0 0 0 0; }


#footer ul.widget-links { margin: -5px 0 0 0; float: right; *padding-top: 10px; }
#footer ul.widget-links li  { float: left; padding: 0 0 0 5px; }
#footer ul.widget-links li a  { display: block; height: 28px; text-indent: -9999px; cursor: pointer; overflow: hidden; zoom: 1; }
#footer ul.widget-links li a.dimedia-toolbar-button  { background: url(../images/toolbar/button.png); width: 71px; }
#footer ul.widget-links li a.facebook-link { background: url(../images/facebook_icon.gif); width: 28px; }
#footer ul.widget-links li a.picassa-link { background: url(../images/icon-picassa.gif);  width: 29px; }

#footimage { border-top: 1px solid #d8c9b5; padding: 2px 0 0 0; clear: both;}
#footimage a { margin:0 8px;}
#star { border-right: 1px solid #cfbfb7; margin-right: 5px; }
#starg { border-left: 1px solid #cfbfb7; margin-left: 5px; }

/* DIMEDIA SIGN ******************************************************/
#sign { margin: 0px auto; margin-top: 1px; width: 810px; padding: 34px 0 4px 10px; background: url(../images/pattern.gif) top left repeat; }
#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; }

/* PANORAMA FLASH */
#sheratonNewYearFlash { margin-top:1px; }

/* VIDEO POPUP */
.videoPopupButton { cursor: pointer; color: #3d8a87; }
.textVideo  { padding: 15px 0 10px 55px; background: url(../images/ICON-homevideo.gif) left 4px no-repeat; line-height:30px !important; font-weight:bold; border-top: 1px solid #d8c9b5; border-bottom: 1px solid #d8c9b5; display: block; }


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

/* calendar */
div.calendar { position:relative; }
.calendar,.calendar table { width:210px; border:1px solid #556; font-size:11px; color:#000; cursor:default; background:#fff; font-family:Arial,sans-serif; }
.calendar .button { text-align:center; padding:2px; }
.calendar .nav { background:silver url(menuarrow.gif) no-repeat 100% 100%; }
.calendar thead .title { font-weight:bold; text-align:center; background:#fff; color:#000; padding:2px; margin:0; display:table-cell; }
.calendar thead .headrow { background:silver; color:#fff; }
.calendar thead .daynames { background:#C9D8ED; }
.calendar thead .name { border-bottom:1px solid #556; padding:2px; text-align:center; color:#000; }
.calendar thead .weekend { color:#a66; }
.calendar thead .hilite { color:#000; border:1px solid #000; padding:1px; }
.calendar thead .active { background-color:#77c; padding:2px 0 0 2px; }
.calendar tbody .day { width:2em; color:#456; text-align:right; padding:2px 4px 2px 2px; }
.calendar tbody .day.othermonth { font-size:80%; color:#bbb; }
.calendar tbody .day.othermonth.oweekend { color:#fbb; }
.calendar table .wn { padding:2px 3px 2px 2px; border-right:1px solid #000; background:#C9D8ED; }
.calendar tbody .rowhilite td { background:#def; }
.calendar tbody .rowhilite td.wn { background:#eef; }
.calendar tbody td.hilite { background:#def; padding:1px 3px 1px 1px; border:1px solid #bbb; }
.calendar tbody td.active { background:#cde; padding:2px 2px 0; }
.calendar tbody td.selected { font-weight:bold; border:1px solid #000; padding:1px 3px 1px 1px; background:#fff; color:#000; }
.calendar tbody td.weekend { color:#a66; }
.calendar tbody td.today { font-weight:bold; color:#00f; }
.calendar tbody .disabled { color:#999; }
.calendar tbody .emptycell { visibility:hidden; }
.calendar tbody .emptyrow { display:none; }
.calendar tfoot .footrow { text-align:center; background:#556; color:#fff; }
.calendar tfoot .ttip { background:#fff; color:#445; border-top:1px solid #556; padding:1px; }
.calendar tfoot .hilite { background:#aaf; border:1px solid #04f; color:#000; padding:1px; }
.calendar tfoot .active { background:#77c; padding:2px 0 0 2px; }
.calendar .combo { position:absolute; display:none; top:0; left:0; width:4em; cursor:default; border:1px solid #655; background:#def; color:#000; font-size:90%; z-index:100; }
.calendar .combo .label,.calendar .combo .label-IEfix { text-align:center; padding:1px; }
.calendar .combo .label-IEfix { width:4em; }
.calendar .combo .hilite { background:#acf; }
.calendar .combo .active { border-top:1px solid #46a; border-bottom:1px solid #46a; background:#eef; font-weight:bold; }
.calendar td.time { border-top:1px solid #000; padding:1px 0; text-align:center; background-color:#f4f0e8; }
.calendar td.time .hour,.calendar td.time .minute,.calendar td.time .ampm { padding:0 3px 0 4px; border:1px solid #889; font-weight:bold; background-color:#fff; }
.calendar td.time .ampm { text-align:center; }
.calendar td.time .colon { padding:0 2px 0 3px; font-weight:bold; }
.calendar td.time span.hilite { border-color:#000; background-color:#667; color:#fff; }
.calendar td.time span.active { border-color:#f00; background-color:#000; color:#0f0; }

/* 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; }