* { margin: 0; padding: 0; }

img,

fieldset { border: none; }

ul { list-style: none; }

a { text-decoration: none; font-weight: bold; color: #750303; }

em { font-style: normal; }

button { background: none; border: none; width: auto; overflow: visible; cursor: pointer; font-weight: bold; }

.nomarg { margin: 0 !important; }



body { background: #E0E0DF url(../images/BKGbody.gif) top left repeat-x; }

#container { width: 730px; margin: 0px auto; font-family: Arial, Verdana, curier; font-size: 12px; color: #666; position:relative; }



/************************************ HEADER *********************************************/

#header { background: url(../images/header.jpg) top left no-repeat; overflow: hidden; *height: 1%; min-height: 294px; height: auto !important; height: 294px; margin: 107px 0 10px 0; }

h1 img { position: absolute; margin: -61px 0 0 5px; }



#header ul { width: 182px; padding-top: 17px; float: left; }

#header ul li { background: url(../images/BKGnav.jpg) bottom left no-repeat; padding: 4px 0 7px 22px; margin-left: 3px; }

#header ul li.last { background: none; }

#header ul li a { font-weight: bold; color: #fff; font-size: 14px; }

#header ul li a:hover,

#header ul li a.on { color: #fece0b; }



#header form { float: right; width: 155px; padding: 25px 8px 0 0; }

#header form span { font-size: 16px; margin-bottom: 8px; }

#header form label { margin: 5px 0 2px 0; font-size: 11px; }

#header form span,

#header form label { display: block; color: #5d5630; font-weight: bold;  }

#header form select { font-size: 10px; color: #999; }

#header #selectroom { width: 138px; }

#header form select option { padding-right: 5px;  }

#header form fieldset input { border: 1px solid #82ab07; width: 25px; float: left; clear: left; margin: 0 7px 3px 0; font-size: 11px; color: #999; padding: 1px; text-align: center; }

#header form fieldset label { display: block; float: left; width: 80px; margin: 1px 0 4px 0; *margin: 2px 0 4px 0; font-weight: normal; }

#header button { float: right; margin: 5px 15px 0 0; }



/************************************ SIDEBAR *********************************************/

.homeBanner 	{ background: #d3e1a8 url(../images/BKGbanner.gif) top left no-repeat !important; padding: 0 !important; width: 154px !important; border-bottom: 10px solid #fff; }
.homeBanner div { background: url(../images/BKGbanner_bottom.gif) bottom left no-repeat !important; padding: 0 !important; width: 154px !important; }
.homeBanner a   { display: block; text-decoration: none !important; background: url(../images/BKGmore2.gif) 110px bottom no-repeat; font-size: 11px; color: #666; padding: 10px 40px 10px 10px; }

.pohvale-primjedbe-banner 	{ padding: 0 !important; width: 154px !important; height:68px; margin-bottom: 10px; position:relative; }
.pohvale-primjedbe-banner div { padding: 0 !important; width: 140px !important; height:54px; position:relative; top:7px; left:7px; }
.pohvale-primjedbe-banner a   { display: block; text-decoration: none !important; font-size: 11px; color: #666; }



#weather { background: url(../images/BKGweather.jpg) top left no-repeat; padding: 0 0 14px 16px; width: 163px; float: right; }

#weather a { text-decoration: underline; }

#weather dl { overflow: hidden; border: 7px solid #dddede; background: #fff; width: 130px; margin-bottom: 9px; padding: 0 5px 3px 5px; font-size: 11px; }
#weather dl#today { border: 7px solid #ededed; }



#today dt { font-size: 14px; font-weight: bold; color: #605832; margin: 6px 0 4px 0; }

#today dd { overflow: hidden; *height: 1%; color: #666; background: url(../images/BORDERnav.jpg) left bottom no-repeat; padding: 3px 0 3px 0; }

#today dd.last { background: none; }

#today dd img { float: left; margin-right: 10px; }

#today dd span { display: block; float: left; font-size: 15px; font-weight: bold; color: #000; margin: 6px 6px 0 6px; }

#today dd span em { display: block; font-weight: normal; font-size: 10px; color: #7f7f7f; margin: -5px 0 0 0px; }



#weather dl#forcast { padding: 0; width: 140px; border-bottom: none; }

#forcast dt { font-weight: bold; color: #605832; margin: 6px 0 6px 5px; }

#forcast dd { color: #363636; width: 34px; text-align: center; float: left; display: block; background: url(../images/BORDERforcast.jpg) top right no-repeat; }

#forcast dd.last { margin-right: 0; background: 0; }

#forcast dd span { display: block; font-size: 10px; }

#forcast dd span em { display: block; }

#forcast dd.link { background: none; width: auto; background: #dddede;  margin-top: 6px; width: 100%; text-align: left; padding: 2px 0 2px 0; }



#weather div { background: #efefef; width: 147px; font-size: 11px; color: #605832; font-weight: bold; padding: 2px 0 3px 7px; }

#weather div a { display: block; font-weight: normal; }



#sidebar { width: 212px; float: left; height: 300px; background: url(../images/BKGsidebar.jpg) top right no-repeat; }

#sidebar ul { padding-top: 0px; background: url(../images/BKGnav2.jpg) top left no-repeat; }

#sidebar ul li { background: url(../images/BKGnav2.jpg) bottom left no-repeat; padding: 9px 0 7px 22px; }

#sidebar ul li a { font-weight: bold; color: #fece0b; font-size: 14px; }

#sidebar ul li a:hover,

#sidebar ul li a.on { color: #605832; }



/************************************ CONTENT *********************************************/

#content { overflow: hidden; *height: 1%; line-height: 18px; margin-bottom: 17px; }



h2 { font-size: 24px; line-height: 30px; font-weight: bold; color: #605832; }

a.more { background: url(../images/BKGmore.gif) left 2px no-repeat; padding: 0 13px 1px 17px; font-weight: bold; display: block; float: right; }

.clear { clear: left; padding-left: 19px; display: block; overflow: hidden; }

.text .clear { padding: 0; }

.text ul { list-style: disc inside; }



.smallbox { float: left; margin-right: 11px; width: 172px; background: url(../images/BKGsmallboxbottom.gif) bottom left no-repeat; padding: 0 0 5px 0; }

.smallbox h2 { background: url(../images/BKGsmallboxtop.gif) top left no-repeat; font-size: 16px; padding: 13px 0 0px 8px;  }

.smallbox div { background: #fff url(../images/BKGsmallbox.gif) top left repeat-y; padding-top: 9px; min-height: 215px; height: auto !important; height: 215px; }

.smallbox img { display: block; margin: 0px auto 10px auto; }

.smallbox p { margin: 0 5px 0 8px; }



#bigbox { width: 512px; background: url(../images/BKGboxbottom.gif) bottom left no-repeat; padding-bottom: 12px; position:relative; }

#bigbox h2 { background: url(../images/BKGboxtop.gif) top left no-repeat; padding: 17px 0 0px 19px;  }

#bigbox div { background: #fff url(../images/BKGbox.gif) top left repeat-y; padding: 23px 0 15px 0; overflow: hidden; *height: 1%; }

#bigbox div.text { padding: 23px 10px 15px 19px; }

#bigbox div img { float: left; margin: 0 25px 10px 0; clear: left; }

#bigbox div .more { float:left; margin-top: 28px; }



#bigbox.reservation { background: url(../images/BKGgreenboxbottom.gif) bottom left no-repeat; }

#bigbox.reservation h2 { background: url(../images/BKGgreenboxtop.gif) top left no-repeat; }

#bigbox.reservation div { background: url(../images/BKGgreenbox.gif) top left repeat-y; }



#listitems { padding: 0 19px 0 18px; }

#listitems li { border-bottom: 1px solid #e0e0df; overflow: hidden; *height: 1%; margin-bottom: 26px; padding-bottom: 4px; }

#listitems li.last { border: none; margin-bottom: 0; padding-bottom: 0; }

#listitems li h3 { color: #605832; margin-bottom: 8px; font-weight: bold; font-size: 16px; }

#listitems li a.more { float: right; margin-top: 15px; }

#listitems li p img { float: none; clear: none; display: inline; }



#gallery { padding: 20px 0 0 0; margin: 0 13px 0 14px; border-top: 1px solid #e0e0df; overflow: hidden; *height: 1%; }

#gallery li { float: left; margin: 0 7px 10px 0; background: red; }

#gallery li.last { margin: 0 0 10px 0; }

#gallery li img { margin: 0; }



.contents { overflow: hidden; *height: 1%; margin-bottom: 25px; }

.back { position: absolute; margin: -20px 0 0 445px; font-weight: bold; background: url(../images/BUTTONback.gif) left 3px no-repeat; padding-left: 18px;  }

.notice { font-size: 10px; display: block;  margin-left: 10px; }

.notice em { color: #cc0000; }

.map { display: block; clear: left; width: 480px; overflow: hidden; padding: 40px 0 0 0; }

.map img { border: 1px solid #ccc; }



#contact { display: block; float: left; width: 190px; }

#contact span { display: block; margin-top: 30px; }

#contact span a.more { margin: 0; float: none;}

#banner01 { overflow:hidden; display:block; margin:10px 0 15px; }
.banner02 { position:absolute; top:205px; left:50%; margin-left:-401px; }

/************************************ TABELS *********************************************/

.price { width: 511px; margin-left: 1px; *width: 512px; *margin-left: 0px; text-align: center; border-collapse: collapse; }

.price th,

.price td { padding: 10px 9px 10px 9px; font-weight: normal; font-size: 11px; line-height: 12px; vertical-align: top; }

.price td { border: 1px solid #e0e0df; }

.price td.nopad { padding: 0; }

.price th { background: #cddd9c; border: 1px solid #fff;  }

.price .head th { padding: 6px 0 4px 0; background: #82ab07; color: #fff; font-weight: bold; font-size: 14px; line-height: 16px; }

.price .head2 th { background-color: #d9e3ba; font-weight:bold; }

.price .darkgreen  { background: #82ab07 !important; color: #fff; }

.price th.dark { background: #afc960; }

.price .green { background: #d9e6b4; }

.price .gray td { background: #f9f9f9; }

.price .gray td.green { background: #d1dea9; }

.price .leftside { border-left: 1px solid #c0c0c0 !important; }

.type2 td.leftside { width: 140px; }

.price .rightside { border-right: 1px solid #c0c0c0 !important; }

.price table { border-collapse: collapse; width: 100%; }

.price table td { border: none; border-bottom: 1px solid #c0c0c0; padding: 3px 2px 3px 2px; }

.price table td b { display: block; padding: 7px 9px 7px 9px; }

.price table .last td { border: none; }

.price table em { color: #cc0000; }



.table { width: 511px; margin-left: 1px; *width: 512px; *margin-left: 0px; text-align: center; border-collapse: collapse; font-size: 11px; color: #333; }

.table th,

.table td { border: 1px solid #e0e0df; border-top: none; vertical-align: top; width: 64px; line-height: 13px; padding: 8px 3px; }

.table th { background: #f9f9f9; }

.table .leftside { text-align: left; width: auto; padding: 8px 0 8px 16px; border-left: 1px solid #c0c0c0 !important; }

.table .rightside { border-right: 1px solid #c0c0c0 !important; }

.table-type-01 { border-collapse:collapse; }
.table-type-01 td { border:1px solid #c0c0c0; padding:6px; }


/************************************ FORMS *********************************************/

#reservform { padding: 0 0 0 19px; }

#reservform span { display: block; margin: 0 0 20px 0; line-height: 14px; color: #363636; font-weight: bold; clear: left; }

#reservform em { color: #cc0000; }

#reservform label { display: block; float: left; }

#reservform .text { display: block; margin: 0 0 3px 130px; *margin: 0 0 2px 130px; border: 1px solid #82ab07; width: 142px; padding: 2px; font-size: 10px; color: #363636; font-family: verdana, arial, helvetica, serif; }

#reservform textarea { display: block; margin: 0 0 20px 130px; padding: 2px; border: 1px solid #82ab07; font-size: 10px; color: #363636; font-family: verdana, arial, helvetica, serif; }

#reservform fieldset { margin: 0 0 0 62px; }

#reservform fieldset label { float: none; margin-bottom: 4px; }

#reservform fieldset .text { display: block; margin: 0 5px 3px 0; float: left; width: 96px; clear: left;}

#reservform a { display: block; float: right; margin: -21px 193px 0 0; *margin: -21px 95px 0 0; overflow: hidden; background: red; width: 19px; height: 15px; }

#reservform fieldset.check { margin: 15px 0 20px 0; }

#reservform fieldset.check .checkbox { float: left; display: block; margin: 0 4px 0 0; }

#reservform fieldset.check label { display: block; float: left; margin: 0 40px 0 0; }

#reservform button { float: right; }



#contactform { width: 280px; padding-bottom: 7px; overflow: hidden; *height: 1%; background: url(../images/BKGcontactboxbottom.gif) bottom left no-repeat; }

#contactform fieldset { background: url(../images/BKGcontactbox.gif) bottom left repeat-y; padding: 15px 10px 0 9px; }

#contactform h3 { color: #605832; font-size: 14px; font-weight: bold; padding: 10px 0 0px 9px; background: url(../images/BKGcontactboxtop.gif) top left no-repeat; }

#contactform span { display: block; margin: 0 0 20px 0; line-height: 14px; color: #363636; font-weight: bold; clear: left; }

#contactform em { color: #cc0000; }

#contactform label { display: block; float: left; width: 100px; }

#contactform .text { margin-bottom: 3px; border: 1px solid #82ab07; width: 150px; padding: 2px; font-size: 10px; color: #363636; font-family: verdana, arial, helvetica, serif; }

#contactform textarea { margin: 0 0 20px 0;  padding: 2px; width: 150px; border: 1px solid #82ab07; font-size: 10px; color: #363636; font-family: verdana, arial, helvetica, serif; }

#contactform button { float: right; margin-right: -22px; }



#reservform input.text:focus,

#reservform input.text.sffocus,

#reservform textarea:focus,

#reservform textarea.sffocus,

#contactform input.text:focus,

#contactform input.text.sffocus,

#contactform textarea:focus,

#contactform textarea.sffocus { border: 1px solid #658408; background: #e8fab6; }



/************************************ FOOTER *********************************************/

#footer { float: left; width: 723px; font-size: 9px; padding-bottom: 20px; *padding-bottom: 0px; }

#footer ul { background: #667937; padding: 5px 0 4px 0; }

#footer ul li { display: inline; font-size: 11px; padding: 0 10px 0 10px; background: url(../images/BKGfooternav.gif) right 3px no-repeat; }

#footer ul li.last { background: none; }

#footer ul li a { color: #fff; }



#footer span { display: block; background: #efefef; padding: 3px 0 3px 16px; margin-bottom: 2px; }

#footer span a { color: #616a73; text-decoration: underline; margin-right: 97px; }

#footer a { font-weight: normal; }

#sign { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 11px; padding: 2px 0 0 2px; text-decoration: none; color: black; }

#sign:hover { color: red; }

#sign span { color: red; padding: 0; float: none; background: none; display: inline; }

/************************************ KOMENTARI *********************************************/

#bigbox h2.komentari-naslov { padding-bottom:16px; }
a.more-komentari { position:absolute; top:26px; right:2px; background: url(../images/BKGmore.gif) left 2px no-repeat; padding: 0 13px 1px 17px; font-weight: bold; display: block; }
#bigbox div.komentar { border-top: 1px solid #e0e0df; padding: 11px 12px 12px 19px;}
#bigbox div.komentar-even { background-color:#f9f9f9; }
#bigbox div.komentar-odd { background-color:#ffffff; }
#bigbox div.komentar strong { color:#333333; }
#bigbox div.komentar p { padding: 10px 0 0 0; }
#bigbox div.komentar span.komentar-datum {float:right; padding:0 5px 0 0; font-size:11px; }

#bigbox div.paginacija { border-top: 1px solid #e0e0df; padding: 14px 10px 11px 19px; text-align:center; text-decoration: none; font-weight: bold; color: #750303; }
#bigbox div.paginacija a { position:relative; }
#bigbox div.paginacija a.paginacija-active { color:#df9696; }
#bigbox div.paginacija a img.first { position:absolute; top:7px; left:-9px; }
#bigbox div.paginacija a img.last { position:absolute; top:7px; right:-36px; }

#komentari-pop-up { position:absolute; top:208px; left:106px; width:460px; height:450px;  z-index:99; }
#komentari-pop-up div.top { position:relative; background:url(../images/BKGpopup_pohvale_primjedbe_top.png); width:460px; height:22px; }
#komentari-pop-up div.center { position:relative; background:url(../images/BKGpopup_pohvale_primjedbe.png) repeat-y; padding:0 42px 0 22px; }
#komentari-pop-up div.bottom { position:relative; background:url(../images/BKGpopup_pohvale_primjedbe_bottom.png); width:460px; height:26px; }
#komentari-pop-up span.red { color:red; }
#komentari-pop-up span.small-text { font-size: 10px; }

#komentari-pop-up table { padding:20px 0 0 0; }
#komentari-pop-up textarea, #komentari-pop-up input { border:1px solid #82ab07; font-family: Arial, Verdana, curier; font-size: 13px;}#komentari-pop-up textarea.error, #komentari-pop-up input.error { border:1px solid red; background:#f5bcbc; }
#komentari-pop-up td { padding-bottom:5px; }
#komentari-pop-up td.label-column { width: 100px; }
#komentari-pop-up div#posalji-button { position:absolute; z-index:100; bottom:0px; right:38px; width:63px; height:20px; background:url(../images/BUTTONpopup_posalji.png) no-repeat; }
#komentari-pop-up div#posalji-button input { background:none; border:none; font-weight:bold; color:#ffffff; font-size:11px; padding:1px 0 0 8px; }
#komentari-pop-up img.captcha-image { padding: 0 0 0 100px; }
#komentari-pop-up div#popup-close { position:absolute; width:14px; height:14px; top:9px; right:22px; z-index:101; }

.yesShow { display:visible; }
.noShow { display:none; }