html, body, form, p, 
ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5   { margin:0; padding:0; }

body        { font:normal 62.8%/1.5 Arial,Helvetica,sans-serif; color:#000; background:#fff url('images/bg-body.gif') 0 0 repeat-x; }
#page       { width:827px; margin: 0 auto; font-size:1.1em; }
#footer .in { width:766px; margin: 0 auto; font-size:1.1em; padding: 5px 25px; }
#header     { position:relative; height:99px;  background: url('images/bg-header.gif') 100% 0 no-repeat; overflow: hidden;}
#main       { min-height: 550px; _height: 550px; background: #fff url('images/bg-main-shadow.gif') 0 0 no-repeat;}
#sidebar    { width:250px; float:left; margin-left: 10px; padding-top: 34px;  _display:inline;}
#content    { width:547px; float:right; _display:inline; padding-top: 5px; font-size: 1.05em; }
#footer     { min-height: 125px; _height: 75px;color: #333333; background:#F3F3F3 url('images/bg-footer.gif') 0 0 repeat-x;}

body#sub       { background-image: url('images/bg-body-sub.gif'); }
body#sub #main { background-image: url('images/bg-main-shadow-sub.gif');}

#page:after, #header:after, #footer:after, #main:after, #content:after, #menu:after,
.box:after, .cols:after, .cols2:after, .cols3:after, .item:after, paging:after,
.clearfix:after   { content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }

.fl      { float:left; }
.fr      { float:right; }
.clear   { clear: both; }
.hidden  { display:none !important; }
sup, sub,
.small   { font-size:.85em; }
.big     { font-size:1.2em; }
.center  { text-align:center !important; }
.right   { text-align:right !important; }
.left    { text-align:left !important; }
.strong  { font-weight:bold; }
.alt     { color:#F1490A; }
.light   { color:#666; }

dl dd,
ol li          { margin: 0 0 1em 2em; }
ul li          { list-style:none; }
input, select  { vertical-align:middle; }

h1       { font-size:1.8em; background: #424A55 url('images/bg-sub-head.png') 0 0 no-repeat; height: 94px; line-height: 94px; color: #fff; padding: 0 0 0 27px; position: relative; overflow: hidden;}
h1 span  { position: absolute; top:0; left:0; width: 100%; height: 100%; background-position: 27px 50%; background-repeat: no-repeat; }
h2       { font-size:1.25em; }
h3       { font-size:1.10em; }
h4       { font-size:1em; }

a        { color:#414954; }
a:hover  { color:#F1490A !important; text-decoration: underline !important; }

a img { border:0; }

hr    { height:1px; overflow:hidden; border:0; border-bottom:1px solid #000; margin:.75em 0 0; clear:both; }

#header     { }
#header a   {  }
#header .logo        { position: relative; left: 48px; top: 20px; background:url('kalipso.gif') 0 0 no-repeat; }
#header .logo a      { display:block; width:200px; height:69px; }
#header .logo img    { display:block; width:200px; height:69px; }

#menu                { float: right; text-align: right; width: 580px; margin-top: 12px; }
#menu ul li          { float: right; line-height: 22px; height: 22px; padding: 0 14px 0 0; background: url('images/bg-menu-div.gif') 100% 50% no-repeat;  }
#menu ul li a        { color: #818181; display: block; padding: 0 7px; }
#menu ul li a:hover  { color: #333333; text-decoration: underline; }
#menu ul li.first    { padding-right:1px; background:none; }
#menu ul li.active   {  }
#menu ul li.active a { color: #F1490A; text-decoration: none; }

#sidemenu                {  }
#sidemenu h3             { color: #7D8896; padding: 0 0 11px 0; margin-left:26px; }
#sidemenu ul             { margin: 0 0 0 22px; width: 222px; border-top: 1px solid #DCE0E5;}
#sidemenu ul li          { border-bottom: 1px solid #DCE0E5; background-position: left center; background-repeat: no-repeat; }
#sidemenu ul li a        { color: #000; font-weight: bold; font-size: 1.2em; padding: 10px 10px 8px 40px; display: block; _height: 1%; }
#sidemenu ul li a:hover  {  }
#sidemenu ul li.active   {  }
#sidemenu ul li.active a {  }

#sidemenu .about_us        { background-image: url('images/icons/about_us.gif'); }
#sidemenu .dubrovnik_info        { background-image: url('images/icons/dubrovnik_info.gif'); }
#sidemenu .private_lodging   { background-image: url('images/icons/private_lodging.gif'); }
#sidemenu .excursions    { background-image: url('images/icons/excursions.gif'); }
#sidemenu .booking { background-image: url('images/icons/booking.gif'); }
#sidemenu .contact             { background-image: url('images/icons/contact.gif'); }

#contact         { margin: 75px 0 22px 26px; }
.index #contact         { margin-top: 60px ; }
#contact h3      { color: #7D8896; padding: 0 0 5px 0; }
#contact h2      { font-size: 1em; }
#contact address { font-style: normal; margin-bottom: 1em;  }
#contact .offset {  margin-top: 2em; }

#footer .copy     { float:left; }
#footer .made     { float:right; }

#index h1      { background: #424A55 url('images/bg-head.png') 0 0 no-repeat; height: 84px; line-height:84px; }
#index h1 span { background-position: 25px 17px; }
#promo         { height: 217px; width: 100%; background: #9BABBE url('slike/krov_1.jpg') 0 0 no-repeat;}

#posebno      { color: #fff; font-size: 1.3em; width: 547px; height: 100px; background: #9BABBE url('images/bg-sub-head-posebno.gif') 0 0 repeat; display: table-cell; vertical-align: middle; }
#posebno a    { color: #fff; }
#posebno a:hover    { color: #4F5761 !important; }
#posebno span { display: block; padding: 0 27px; }
#posebno span strong { display: block; width: 100%; font-weight: normal;}

#index #posebno      { height: 99px; background: #9BABBE url('images/bg-plava.gif') 0 0 no-repeat; display: block; vertical-align: top;}
#index #posebno span { padding-left:125px; padding-top:10px; }

.box          { margin: 35px 27px 2em;}
.box2         { margin-bottom: .75em !important;}
.newsbox      { margin: 24px 30px 2em 13px !important;}
.box h2       { font-size:1.6em; color: #F1490A; font-weight: normal; margin-bottom: .33em; }
.box h3       { font-size:1.25em; color: #646A73; margin-bottom: .33em; }
.box ul       { margin-bottom: 1em;  }
.box ul li    { background: url('images/icons/ico-li.gif') 0 .55em no-repeat; padding-left: 15px; _height: 1%; }
.box p        { margin: 0 0 1em 0; }
.box address  { font-style: normal; }

.col1 { float: left;  width: 243px; height:150px; margin: 0;  _display: inline; position: relative; }
.col2 { float: right; width: 243px; height:150px; margin: 0; _display: inline; position: relative;   }

.newsbox {}
.newsbox h4    { border-bottom: 1px dashed #ACB4C0; padding-bottom: 9px; margin-bottom: 10px; }
.newsbox a     { color: #000; }
.newsbox .col1 { width: 227px; }
.newsbox .col2 { width: 227px; }

#sitetop { position: absolute; top: 0; right: 0; background:url('images/bg-recenica.gif') 0 0 no-repeat; width: 495px; }
#sitetop .recenica { padding: 0 0 0 10px;}

.boxform {
BORDER-RIGHT: #4a596b 1px solid; 
BORDER-LEFT: #4a596b 1px solid; 
BORDER-TOP: #4a596b 1px solid;
BORDER-BOTTOM: #4a596b 1px solid;
FONT-SIZE: 11px; 
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica,sans-serif; 
BACKGROUND-COLOR: #ffffff
}
.naglaseno {color : #000000;font-family : Arial, Helvetica, sans-serif;font-size :10pt;}
.bmala {color : #666666;text-decoration : bold;font-family : Arial, Helvetica, sans-serif;font-size :10pt;text-align: justify}
.smala {color : #999999;font-family : Arial, Helvetica, sans-serif;font-size :8pt;}
.crveno {color : #FF0000;font-family : Arial, Helvetica, sans-serif;font-size :8pt;}

.imagem {
	border: 3px solid #a3b4c6;
}

.imagemu {
	border: 1px solid #4a596b;
}