/*---------------------Building Blocks---------------------*/
html, body {margin:0; padding:0;}
body {font: 62.5%/1em Arial, Helvetica, Verdana, sans-serif;text-align: left; /*IE<=6*/ background:#fff;}
h1, h2, h3, h4, h5, h6 {font-family:  Arial, Helvetica, Verdana, sans-serif; font-weight: normal; margin:0; padding:0; color:#0000c6;}
h1 {font-size: 1.6em; line-height:1.2em; margin-bottom:10px;}
h2 {font-size: 1.3em; line-height:1.2em;  font-weight: bold; color:#926505; padding:5px 0 0 0;}
h3 {font-size: 1.1em; line-height:1.2em;  font-weight: bold; color:#048bbe; padding:5px 0 0 0;}
h4 {font-size: 1.3em; line-height:1.5em; font-weight:bold;}
p {font-size:1.1em; line-height:1.8em; margin:0; padding:0px 0 10px 0; margin:0; color:#5e5e5e;} 
pre {font-size:1.2em; line-height:1.2em; margin:0; padding:0 0 1em 0;} 
a {text-decoration:none; outline:none;}
#B a {background:none; padding:0; margin:0px;}
#B p a {text-decoration:none;}
#B h2 a {font-size:inherit; color:#926505; padding:0; margin:0;}
#B h2 a:hover {font-size:inherit; color:#926505;}
#B h3 a {font-size:inherit; color:#048bbe;}
#B h3 a:hover {font-size:inherit; color:#048bbe;}
table,tr {font-size:0.95em; line-height:1.5em;}
td {font-size:1.2em; line-height:1.5em; color:#727272;} 
td p {font-size:1em;} 
img {padding:0; margin:0; outline:none; border:none;}
a img {}
img.border {padding:4px; background:#fff; border:1px solid #d3d3d3; margin:0;}
ul {margin:0; padding:0; font-size:1.1em;}
ol {margin:0; padding:0; font-size:1.1em; font-size:1.1em;}
li {margin:0; color:#5e5e5e;}
input {border:1px solid #c6c5c5; background:#fff; color:#727272; padding:2px; font-size:11px;}
textarea {border:1px solid #c6c5c5; background:#fff;  color:#727272; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.clear {clear:both; height:1px;}
#B .fRight {float:right; margin:0 0 10px 10px;}
.fLeft {float:left; margin:0 10px 10px 0;}
/*----------------------------------------------------------*/

/*------------------Containers and Columns------------------*/
#H {background:#3f271a url(img/header_bg.gif) repeat-x 0px 2.3em;}
#B {width:780px; margin:0 auto; position:relative; padding-top:15px;}
#F {width:780px; margin:0 auto; padding:0px 0 15px 0; clear:both;}
.inner {width:780px; margin:0 auto; position:relative;}
.leftCol {width:635px; float:left; background:url(img/leftCol_bg.gif) repeat-y top right; margin:0 0 15px 0; padding:0 15px 15px 0; position:relative;}
.rightCol {width:120px; float:left; padding:0 0 15px 10px;}
.rightCol p {line-height:1.5em; padding-bottom:8px;}
/*----------------------------------------------------------*/

/*--------------------------Header--------------------------*/
#H .topBarC1 {background:#2f2219; border-bottom:1px solid #1d1510; overflow:hidden; padding:.4em 0;}
#H .topBarC1 ul li {float:left;padding:.2em 10px .2em 0px; color:#e2bd83; list-style:none;}
#H .topBarC1 ul li.tel {border-right:1px solid #95773c; margin-right:10px;}
#H .minHeight {height:82px; width:1px;}
/*----------------------------------------------------------*/

/*-----------------------Navigation-------------------------*/
#H #nav {background:#3e271a url(img/nav_bg.gif) repeat-x bottom left; overflow:hidden;}
#H #nav ul li {float:left; list-style:none; width:130px; padding: 0; text-align:center;}
#H #nav ul li a {color:#fff; display:block;padding:1.1em 0 1.2em 0; background:url(img/nav_div.gif) no-repeat right center}
#H #nav ul li a:hover {color:#e2bd83;}
#H #nav ul li a.active {color:#000; background:#fff url(img/active_shaddow.gif) no-repeat right bottom;}
#H #nav ul li a.active:hover {color:#000;}

#H #logo {width:220px; height:40px; position:absolute; top:26px;}

#H #quickLinks {text-align:right; margin:40px 0 24px 0; position:absolute; top:4px; right:0;}
#H #quickLinks li {list-style:none; float:left; padding:5px 0 5px 0px; margin-left:8px;}
#H #quickLinks li a {color:#e2bd83;}
#H #quickLinks li a:hover {color:#fff;}
#H #quickLinks li a.active {color:#fff;}
#H #quickLinks li a.active:hover {color:#fff;}
/*----------------------------------------------------------*/

/*--------------------Body Links Styles---------------------*/
#B a.bodyLink, #F a.bodytLink {color:#926505; background:none;}
#B a.textLink, #F a.textLink {color:#926505; font-size:1.1em; line-height:1.6em; background:url(img/icon_link.gif) no-repeat right center; padding:0 15px 1px 0; margin-right:10px;}
#B a.textLink2, #F a.textLink2 {color:#926505; font-size:1.1em; line-height:1.6em; background:url(img/icon_link.gif) no-repeat right center; padding:0 15px 1px 0; margin-right:10px; float:right;}
#B a:hover {color:#000;}
/*----------------------------------------------------------*/

/*----------------3 Column Sections Homepage----------------*/
#B .sections {background:url(img/sections_bg.gif) no-repeat center top; clear:both; padding:10px 0 15px 0; width:100%; overflow:auto;}
#B .sections .col {width:249px; float:left;}
#B .sections .one {padding-right:10px;}
#B .sections .two {width:240px; border:1px solid #dbdbdb; border-width:0px 1px; padding:0 10px;}
#B .sections .three {padding-left:10px;}
/*----------------------------------------------------------*/

/*------------Right Reservations link on homepage-----------*/
#B .rightSection {background:url(img/dotted_div.gif) repeat-x bottom left; padding-bottom:10px; margin-bottom:15px;}
#B .rightSection p {padding:0;}
#B .rightSection2 {padding-bottom:10px; margin-bottom:15px;}
#B .rightSection2 p {padding:0;}

/*----------------------------------------------------------*/

/*-----------Content Container, 1px border bottom-----------*/
#B .contentSection {border-bottom:1px solid #e2e1e1; padding-bottom:15px; margin-bottom:10px; width:100%; overflow:auto;}
#B .contentSection ul li { background:url(img/ul_bullet.gif) no-repeat 0 10px; padding-left:12px;}
#B .contentSection li {margin:0; color:#5e5e5e; padding:4px 0; line-height:1.5em;}
#B .contentSection2 {width:100%; overflow:auto;}
#B .contentSection2 ul li { background:url(img/ul_bullet.gif) no-repeat 0 10px; padding-left:12px;}
#B .contentSection2 li {margin:0; color:#5e5e5e; padding:4px 0; line-height:1.5em;}
/*----------------------------------------------------------*/

/*------------H1 Page naslovi, image replacement-------------*/
#B .title span {display:none;}
#B .titleDobrodosli {background:url(img/titles/dobrodosli_hr.gif); width:184px; height:27px;}
#B .titleLopar {background:url(img/titles/lopar_hr.gif); width:160px; height:27px;}
#B .titleKako {background:url(img/titles/kako_hr.gif); width:125px; height:27px;}
#B .titleApartmani {background:url(img/titles/apartmani_hr.gif); width:267px; height:27px;}
#B .titleContact {background:url(img/titles/kontakt_hr.gif); width:213px; height:27px;}
#B .titleCjenik {background:url(img/titles/cjenik_hr.gif); width:106px; height:27px;}
#B .titleGuestbook {background:url(img/titles/guestbook_hr.gif); width:131px; height:27px;}
#B .titleLinkovi {background:url(img/titles/linkovi.gif); width:118px; height:27px;}

#B .titleDobrodosliSI {background:url(img/titles/dobrodosli_si.gif); width:176px; height:27px;}
#B .titleApartmaniSI {background:url(img/titles/apartmani_si.gif); width:264px; height:27px;}
#B .titleCjenikSI {background:url(img/titles/cjenik_si.gif); width:112px; height:27px;}
#B .titleGuestbookSI {background:url(img/titles/guestbook_si.gif); width:124px; height:27px;}

#B .titleDobrodosliHU {background:url(img/titles/dobrodosli_hu.gif); width:206px; height:27px;}
#B .titleLoparHU {background:url(img/titles/lopar_hu.gif); width:172px; height:27px;}
#B .titleKakoHU {background:url(img/titles/kako_hu.gif); width:108px; height:27px;}
#B .titleApartmaniHU {background:url(img/titles/apartmani_hu.gif); width:294px; height:27px;}
#B .titleContactHU {background:url(img/titles/kontakt_hu.gif); width:211px; height:27px;}
#B .titleCjenikHU {background:url(img/titles/cjenik_hu.gif); width:106px; height:27px;}
#B .titleGuestbookHU {background:url(img/titles/guestbook_hu.gif); width:131px; height:27px;}

#B .titleDobrodosliEN {background:url(img/titles/dobrodosli_en.gif); width:195px; height:27px;}
#B .titleLoparEN {background:url(img/titles/lopar_en.gif); width:199px; height:27px;}
#B .titleKakoEN {background:url(img/titles/kako_en.gif); width:164px; height:27px;}
#B .titleApartmaniEN {background:url(img/titles/apartmani_en.gif); width:284px; height:27px;}
#B .titleContactEN {background:url(img/titles/kontakt_en.gif); width:237px; height:27px;}
#B .titleCjenikEN {background:url(img/titles/cjenik_en.gif); width:106px; height:27px;}
#B .titleGuestbookEN {background:url(img/titles/guestbook_en.gif); width:112px; height:27px;}

#B .titleDobrodosliDE {background:url(img/titles/dobrodosli_de.gif); width:223px; height:27px;}
#B .titleLoparDE {background:url(img/titles/lopar_de.gif); width:159px; height:27px;}
#B .titleKakoDE {background:url(img/titles/kako_de.gif); width:180px; height:27px;}
#B .titleApartmaniDE {background:url(img/titles/apartmani_de.gif); width:312px; height:27px;}
#B .titleContactDE {background:url(img/titles/kontakt_de.gif); width:260px; height:27px;}
#B .titleCjenikDE {background:url(img/titles/cjenik_de.gif); width:109px; height:27px;}
#B .titleGuestbookDE {background:url(img/titles/guestbook_de.gif); width:114px; height:27px;}

#B .titleDobrodosliIT {background:url(img/titles/dobrodosli_it.gif); width:218px; height:27px;}
#B .titleLoparIT {background:url(img/titles/lopar_it.gif); width:184px; height:27px;}
#B .titleKakoIT {background:url(img/titles/kako_it.gif); width:198px; height:27px;}
#B .titleApartmaniIT {background:url(img/titles/apartmani_it.gif); width:309px; height:27px;}
#B .titleContactIT {background:url(img/titles/kontakt_it.gif); width:230px; height:27px;}
#B .titleCjenikIT{background:url(img/titles/cjenik_it.gif); width:107px; height:27px;}
#B .titleGuestbookIT {background:url(img/titles/guestbook_it.gif); width:160px; height:27px;}

#B .titleDobrodosliCZ {background:url(img/titles/dobrodosli_cz.gif); width:190px; height:27px;}
#B .titleLoparCZ {background:url(img/titles/lopar_cz.gif); width:175px; height:27px;}
#B .titleKakoCZ {background:url(img/titles/kako_cz.gif); width:108px; height:27px;}
#B .titleApartmaniCZ {background:url(img/titles/apartmani_cz.gif); width:280px; height:27px;}
#B .titleContactCZ {background:url(img/titles/kontakt_cz.gif); width:211px; height:27px;}
#B .titleCjenikCZ{background:url(img/titles/cjenik_cz.gif); width:107px; height:27px;}
#B .titleGuestbookCZ {background:url(img/titles/guestbook_cz.gif); width:141px; height:27px;}

#B .title {background-position:top left; background-repeat:no-repeat; padding:0 0 3px 0; margin:0;}
/*----------------------------------------------------------*/

/*----------------------Slideshow----------------------*/
#B .miniGallery {padding-bottom:15px;}
#SlideShow {border: 1px solid #d3d3d3; padding: 4px; width: 770px; margin-bottom:15px; overflow:hidden;}
#SlideShow ul {list-style: none; padding: 0px; margin: 0px;}
#SlideShow li {list-style: none; padding: 0px; margin: 0px; line-height:1em;}
#SlideShow ul#SlidesCanvas {background: #fff; padding: 0px; margin: 0px; line-height:1em; height:254px;}
#SlideShow ul#SlidesCanvas li img {display: none; padding: 0px; margin: 0px; line-height:1em;}
#SlideShow ul#SlidesNavigator {background:#dcdcdc; float:left; padding:1px; line-height:1em; margin:0;}
#SlideShow ul#SlidesNavigator li {float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding:5px 4px; margin:0px 1px 0px 0px; cursor: pointer; line-height:1em; background:#e7e7e7;}
#SlideShow ul#SlidesNavigator li:hover {color:#000;}
#SlideShow ul#SlidesNavigator li.actionstart {background:#e7e7e7 url(img/slideshow_play.gif) no-repeat 5px center; padding-left: 22px; margin:0px;}
#SlideShow ul#SlidesNavigator li.actionstop {background:#fff url(img/slideshow_stop.gif) no-repeat 5px center; padding-left: 20px; margin:0px;}
#SlideShow ul#SlidesNavigator li.selectedIndex {color: #4c87af; background:#fff;}
/*----------------------------------------------------------*/

/*---------------Contact and Reservation forms--------------*/
#B #contactC1 {background:#e5edf8; border:1px solid #d1dff2; padding:9px; width:615px; overflow:auto;}
#B #contactC1 h2 {color:#048bbe; font-size:1.2em; padding:0 0 15px 0; margin:0; line-height:1em;}
#B #contactC1 label {color:#5e5e5e; font-size:1.1em; width:110px; display:block; float:left; padding:6px 2px 0 0; margin:0; line-height:1em; text-align: right;}
#B #contactC1 input {border:none; background:#fff; border-top:1px solid #cedbec; margin:0 0 10px 0; line-height:1.3em; padding:3px 3px 4px 3px; color:#5e5e5e;}
#B #contactC1 .formLeft {width:350px; float:left;}
#B #contactC1 .formLeft input {width:232px; float:left;}
#B #contactC1 .formLeft input.dateFrom, #B #contactC1 .formLeft input.dateTo {width:160px; background:#fff url(img/input_calendar.gif) no-repeat center right;}
#B #contactC1 .formLeft input.code {width:160px; background:#fff;}
#B #contactC1 .formLeft img {float: right; padding-top:2px;}
#B #contactC1 .formLeft .bijeliBG {background: #fff !important;}
#B #contactC1 .formLeft .message {border:none; background:#fff; border-top:1px solid #cedbec; margin:0 0 10px 0; padding:3px 3px; height:104px; width:232px; float:left; color:#5e5e5e; overflow:auto;}
#B #contactC1 input.button {float:right; width:auto;border:none; border-bottom:1px solid #c5d4ea; background:#fff; color:#048bbe; padding:2px 0px 2px 0; line-height:1.1em; margin:0 0 0 0; width:80px; font-size:1.1em;}
#B #contactC1 input.button:hover {background:#fff; color:#000; cursor:pointer;}
#B #contactC1 input.button2 {float:right; width:auto;border:none; border-bottom:1px solid #c5d4ea; background:#fff; color:#048bbe; padding:2px 0px 2px 0; line-height:1.1em; margin:0 0 0 5px; width:80px; font-size:1.1em;}
#B #contactC1 input.button2:hover {background:#fff; color:#000; cursor:pointer;}
#B #contactC1 form:focus {border-bottom:none;}
#B .addressC1 {width:260px; float:left; overflow:hidden;}
#B .addressC1 p {padding-bottom:5px; margin:0;}
#B .address {border-bottom:1px solid #e2e1e1; width:260px; padding:5px 0 0 0;}
#B .addressInfo {border-bottom:1px solid #e2e1e1;width:260px; padding:5px 0 0 0; margin-bottom:5px;}
#B .footNote {font-size:1em; line-height:2em; font-style:italic; color:#5e5e5e;}
#B .googleMaps {background:url(img/icon_google.gif) no-repeat 0px 6px; padding:5px 0 4px 13px;}
#B .googleMaps a {font-size:11px;}
#B .locationC1 {width:365px; padding-left:9px; float:left; overflow:hidden; padding-top:15px;}
/*----------------------------------------------------------*/


/*--------------------Content page Images-------------------*/
#B .imageTab {float:right; width:130px; margin:0; padding:0;}
#B .imageTab2 {float:right; width:260px; margin-top:15px; padding:0;}
#B .imageC1 {float:right; width:auto; margin:0 0 10px 10px; padding:0;}
#B .imageC1 img {display:block; margin-bottom:5px; float:none;}
#B .imageC1 a {}
/*----------------------------------------------------------*/


/*--------------------Result page styles--------------------*/
.results {}
.results .result { overflow:hidden; padding-bottom:5px; border-bottom:1px solid #e2e1e1; margin:10px 0 10px 0;}
.results .result .contactInfo {background:#e4eef4; border-bottom:1px solid #d8e2e8; width:100%; overflow:auto; padding:6px 0 5px 0; margin-bottom:10px;}
.results .result .contactInfo h3.name {float:left; border-right:1px solid #ccc; padding:0 5px; line-height:1em;}
.results .result .contactInfo span.date {padding:0 5px; float:right; font-size:1.1em; line-height:1em; color:#048bbe;}
#B .results .result .contactInfo a.email {padding:0 5px; float:left; display:block; font-size:1.1em; line-height:1em; color:#5e5e5e;}
#B .results .clear {border-top:1px solid #d8e2e8; padding-bottom:5px;}
#B .results .dateFromResult {float:left; padding:0 10px 0 0; border-right:1px solid #ccc; line-height:1em;}
#B .results .dateToResult {float:left; padding:0 10px 0 10px; border-right:1px solid #ccc; line-height:1em;}
#B .results .telephoneResult {float:left; padding-left:10px;line-height:1em;}
#B .results .result strong {padding-right:3px;}
.hiddenFields {display:none;}
/*----------------------------------------------------------*/

/*--------------------------Footer--------------------------*/
#F {padding-top:10px;}
#F a.textLink {background:none; padding:0; margin:0; font-size:11px;}
#F a.textLink:hover {color:#000;}
#F p {padding:0;}
#F .footerInner {background:url(img/div_footer.gif) repeat-x bottom left; overflow:hidden; padding-bottom:6px;}
#F .siteInfo {float:right; width:200px; text-align:right;}
#F .info {padding:5px 0 0 0;}
#F .info img {margin-right:5px; border:none; padding:0; background:none;}
.companyInfo {font-size:1em; color:#a9aaad;}
/*----------------------------------------------------------*/



/*--------------------Fotke----------------*/

.highslide {cursor: url(highslide/graphics/zoomin.cur), pointer; outline: none;}
.highslide-active-anchor img {visibility: hidden;}
.highslide img {border: 1px solid #d3d3d3;}
.highslide:hover img {}
.highslide-wrapper {background: white;}
.highslide-image {border: 2px solid white;}
.highslide-image-blur {}
.highslide-caption {display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white;}
.highslide-loading {display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; padding-left: 22px; background-image: url(../highslide/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px;}
a.highslide-credits,
a.highslide-credits i {padding: 2px; color: silver; text-decoration: none; font-size: 10px;}
a.highslide-credits:hover,
a.highslide-credits:hover i {color: white; background-color: gray;}
a.highslide-full-expand {background: url(highslide/graphics/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px;}
/* These must always be last */
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}
/*----------------------------------------------------------*/


/*--------------------Tablica udaljenosti-----------------*/
#hor-zebra {font-family: Arial, Helvetica, Verdana, sans-serif; width: 360px; text-align: left; border-collapse: collapse;}
#hor-zebra td {font-family: Arial, Helvetica, Verdana, sans-serif; padding: 8px 8px 8px 8px; color: #5e5e5e; width: 90px;}
#hor-zebra .odd {background: #e5edf8; }
/*----------------------------------------------------------*/

/*--------------------Tablica Cjenik-----------------*/
#hor-zebra2 {font-family: Arial, Helvetica, Verdana, sans-serif; width: 520px; text-align: center; border-collapse: collapse;}
#hor-zebra2 td {font-family: Arial, Helvetica, Verdana, sans-serif; padding: 8px 8px 8px 8px; color: #5e5e5e; width: 130px;}
#hor-zebra2 .odd {background: #e5edf8; }
/*----------------------------------------------------------*/



/*--------------------Popup Input Calendar-----------------*/
table.jCalendar {background: #fff; border-spacing:0px; padding:0; margin:0; width:140px; text-align:center;}
table.jCalendar th {background: #048bbe; color: #fff; font-weight: bold;	padding: 3px 5px;}
table.jCalendar td {background: #e5edf8; color: #048bbe; padding: 3px 3px; margin:0; text-align: center; border-spacing:0px}
table.jCalendar td.other-month {background: #fff; color: #048bbe;}
table.jCalendar td.today {background: #048bbe; color: #fff;}
table.jCalendar td.selected {background: #81bcd5; color: #fff;}
table.jCalendar td.selected:hover {background: #81bcd5;	color: #fff;}
table.jCalendar td:hover, table.jCalendar td.dp-hover {background: #81bcd5;	color: #fff;}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {background: #d9e3f1;color: #90c7dc;}
/* For the popup */
div.dp-popup {position: relative; background:#fff; font-size: 9px; font-family: arial, sans-serif; padding: 2px 6px 6px 6px; width: 154px; line-height: 1.1em; margin:20px 0 0 0px; border:1px solid #a7c0e0;	text-align:center; width:141px;}
div#dp-popup {position: absolute; z-index: 199;}
div.dp-popup h2 {font-size: 11px; text-align: center; margin:0;	padding: 3px 0;	color:#048bbe;	width:154px; line-height:1.3em;}
a#dp-close {font-size: 11px; padding: 4px 0; text-align: center; display:block;}
a#dp-close:hover {text-decoration: underline;}
div.dp-popup a {color: #048bbe; text-decoration: none;	padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev {position: absolute; top:2px; left:4px; width:100px;}
div.dp-popup div.dp-nav-prev a {float: left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor:default; color:#048bbe;}
div.dp-popup div.dp-nav-next {position: absolute; top:2px; right:4px; width:100px;}
div.dp-popup div.dp-nav-next a {float:right;}
div.dp-popup a.disabled {cursor:default; color:#fff;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {cursor:default;}
/*----------------------------------------------------------*/