*
{
padding: 0;
margin: 0;
}
a {color:#000; outline:none; text-decoration:none;}
a img {border:none;}
a {outline:none;}
.clear{clear:both;}
a:focus {
outline: none;
}
p{font:12px/24px arial, verdana, calibri, sans-serif;}
h1{font:18px/24px calibri, verdana, arial,  sans-serif;text-transform:uppercase;}
h2{font:18px/24px calibri, verdana, arial,  sans-serif;text-transform:uppercase;}

body {background:#c2e6fe url(../../img/bg.gif) repeat-x;}
#top{width:960px;margin:0 auto; }
#top a.odabran_jezik .zastava{background:url(../../img/strelica_jezik.gif) no-repeat bottom center;}
.zastava{float:right;margin:0px 15px 0 0;padding:10px 0px; position:relative;top:1px;}

#omotac{width:975px;margin:0 auto;background:url(../../img/bg2.gif) no-repeat 0 0;clear:both;}

.omotac_sadrzaj{width:975px;margin:0 auto 40px auto;clear:both;padding:0;background:url(../../img/footer.png) no-repeat bottom center;}


.sadrzaj{width:960px;margin:0 auto;}
.logo{margin:30px 0 0 30px;float:left;display:inline;}



.nav{width:583px; height:48px;background:url(../../img/navbg.png) no-repeat;float:right;margin:40px 2px 0 0;}
.nav li{display:inline; margin:0 9px;}
.nav li a{font:13px/40px calibri, verdana, arial, sans-serif;}
.nav li.current a{border-bottom:2px solid #b42608;}
.nav li a:hover{border-bottom:2px solid #fff;}


.kamenje_img{float:right;position:relative;top:-20px; left:30px;}

.pretraga{width:304px; height:262px; background:url(../../img/pretragabg.png) no-repeat;clear:both;float:left;margin:20px 0 0 20px;}
p.naslov1{font:18px/50px calibri, verdana, arial, sans-serif; padding:0 0 0 50px;}

#predajte{background:url(../../img/button1.png) no-repeat top left;text-decoration:none;border:0px;width:115px;cursor:pointer;position:relative;top:5px;left:36px;color:#fff; height:28px;}
#predajte:hover{background-position:0 -29px;}


.predajaform p{font-size:0.8em;width: 265px;clear: left;margin:0 0 0 0px;padding: 8px 0 8px 0;padding-left: 125px; }
.predajaform label{float: left;margin-left: -105px; width: 100px; }
.predajaform input[type="text"]{ width: 150px;}



.glavnaslika{width:610px; height:292px; background:url(../../img/slikabg.jpg) no-repeat;float:right;margin:10px 20px 0 0;}
.slika{margin:23px 0 0 18px;}



.box1{width:301px; background:url(../../img/boxbg.png) no-repeat;float:left;margin:0 0 0 20px; clear:both;}
.box2{width:301px; background:url(../../img/boxbg.png) no-repeat;float:left;margin:0 10px 0 10px; }
.box3{width:301px; background:url(../../img/boxbg.png) no-repeat;float:left;margin:0 0 0 0px; }

.box1 h1{margin:10px 0 0 10px;}
.box2 h2{margin:10px 0 0 10px;}
.box3 h2{margin:10px 0 0 10px;}


.box1 a img{margin:8px 0 0 9px;border:4px solid #cbe5f5;}
.box2 a img{margin:8px 0 0 9px;border:4px solid #cbe5f5;}

.box1 p{font:11px/24px arial, verdana, calibri, sans-serif;padding:0 10px 0 10px;text-align:justify;}
.box2 p{font:11px/24px arial, verdana, calibri, sans-serif;padding:0 10px 0 10px;text-align:justify;}



.box1 p a{float:right;margin:44px 0px 30px 0;line-height:20px;color:#fff;background:url(../../img/vise12.png) top left no-repeat; font-size:1em;width:98px;text-align:center;}
.box1 p a:hover{  background-position: 0 -21px;}



.box2 p a{float:right;margin:19px 0px 30px 0;line-height:20px;color:#fff;background:url(../../img/vise12.png) top left no-repeat; font-size:1em;width:98px;text-align:center;}
.box2 p a:hover{  background-position: 0 -21px;}





#wrapper {}
ul.tabs {width:300px;margin:0 0 0 5px;padding:0;overflow:hidden;}
ul.tabs li {font:12px arial, verdana, sans-serif;float:left;display:block;padding:0 5px;border-left:1px solid #ccc;margin:0 0 0 -2px;}
ul.tabs li a {display:block;float:left;padding:5px;color:#000;text-decoration:none;margin:0 8px;}
.selected {border-bottom:2px solid #a3402d;}

.tab-content {
    clear:both;
  
    padding:7px;
margin:5px 0 0 10px;
}

.tab-content p span{font-weight:bold;}



.tab-content p a{float:left;margin:10px 0px 30px 0;line-height:20px;color:#fff;background:url(../../img/vise22.png) top left no-repeat; font-size:1em;width:98px;text-align:center;}
.tab-content p a:hover{  background-position: 0 -21px;}


.apartman_img{padding:2px; background:#fff; border:1px solid #ccc; float:left;margin:0 10px 0 0;}


.opis_apartman{margin:0 0 0 20px;clear:both;}
.opis_apartman li {font:11px/18px  arial, calibri, verdana, sans-serif;color:#515050;}



p.ponuda a{float:right;margin:8px 0px 30px 0;line-height:20px;color:#fff;background:url(../../img/vise12.png) top left no-repeat; font-size:11px;width:98px;text-align:center;}
p.ponuda a:hover{  background-position: 0 -21px;}









.footer_sadrzaj{width:921px;margin:0 0 0 28px;background:url(../../img/footer_img.png) no-repeat 0 0px;height:80px;position:relative;top:10px;}
p.footertekst1{font:11px/14px  arial, calibri, verdana, sans-serif;color:#4f4b46;padding:6px 0 0 10px;float:left; display:inline;}
.face_ikona{position:relative;top:4px; }
p.footertekst2{font:11px/50px  arial, calibri, verdana, sans-serif;color:#4f4b46;padding:0 10px 0 10px;float:right; display:inline;}
p.footertekst3{font:11px/14px  arial, calibri, verdana, sans-serif;color:#4f4b46;padding:4px 0 0 250px;float:left; display:inline;text-align:center;}

p.footertekst1 span{color:#9c872d;}

.calendar{font:13px arial,verdana, sans-serif;}

td.calendar{background:#f2f2f2;font:13px arial,verdana, sans-serif;border:1px solid #ccc;}
td.calendarHeader{background:gree;}
td.calendarToday{border:1px solid #ccc;text-align:center;background:#d8dfe5;font-weight:bold;}
td.calendar_zauzeto{border:1px solid #ccc;text-align:center;background:#cd230c;font-weight:bold;color:#fff;}
td.calendar_utijeku{border:1px solid #ccc;text-align:center;background:#e6d381;font-weight:bold;}

tr.cal_head{background:#d1dce2;}




.pregled_termina{width:920px;margin:0 0 0 20px;}

p.naslov{font:bold 12px/30px arial,calibri, verdana, sans-serif; }
.podstranica_uvod{width:370px; height:262px; float:left;margin:20px 0 0 20px;} 
.podstranica_uvod p{line-height:22px;text-align:justify;}
.podstranica_uvod h1{margin:10px 0 0 0;color:#0669a7;}
.pretraga2{width:528px; height:239px; background:url(../../img/pretragabg2.png) no-repeat;float:left;margin:20px 0 0 20px;}
p.naslov2{font:18px/50px calibri, verdana, arial, sans-serif; padding:0 0 0 130px;}
.kamenje_img2{float:right;position:relative;top:-20px; left:-20px;}


.predajaform2 {float:left; }
.predajaform2 p{font-size:0.8em;padding: 8px 0 8px 0;padding-left: 125px;}
.predajaform2 label{float: left;margin-left: -105px; width: 100px; }
.predajaform2 input[type="text"]{ width: 150px;}




.kalkulator_cijene{width:225px;  height:100px;float:right;border-left:1px dotted #3a7ca0;margin:10px 0 0 0;}

.kalkulator_cijene p{font:11px arial, verdana, sans-serif; color:#3a7ca0;padding:10px 0 0 15px;}
.cijena_input[type="text"]{ width:150px;margin:5px 0 0 0;}


.objasnjenja{width:880px;background:#fcf6d8; height:30px;border:1px solid #eedd90;margin:20px 0 0 20px;}
.objasnjenja p{line-height:30px;padding:0 0 0 10px;float:left;}
.objasnjenja p img{margin:4px 5px 0 20px;float:left;}









.zauzeto_pop_up{width:300px;  background:#fef2f0; position:absolute; margin:0;border:2px solid #b42608; top:30%;left: 50%;margin-left:-150px;padding:5px;}
.zauzeto_pop_up p{padding:5px 0;}
.zatvori{float:right; margin:2px;}








.podstranica_sadrzaj{width:900px;clear:both;float:left;margin:10px 0 0 30px;}
.podstranica_sadrzaj p{line-height:22px;text-align:justify;}
.podstranica_sadrzaj h1{margin:10px 0 0 0;color:#0669a7;}


.malaslika{width:243px; height:182px; background:url(../../img/malaslikabg.png) no-repeat;float:right;margin:40px 20px 0 15px;}
.malaslika2{width:243px; height:182px; background:url(../../img/malaslikabg.png) no-repeat;float:left;margin:10px 20px 0 15px;}
.slikamala{margin:17px 0 0 16px;}


.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#e1e2de; margin:0 5px; }
.b2 {height:1px; background:#fff; border-right:2px solid #e1e2de; border-left:2px solid #e1e2de; margin:0 3px;}
.b3 {height:1px; background:#fff; border-right:1px solid #e1e2de; border-left:1px solid #e1e2de; margin:0 2px;}
.b4 {height:2px; background:#fff; border-right:1px solid #e1e2de; border-left:1px solid #e1e2de; margin:0 1px;}
.contentb {background: #fff; border-right:1px solid #e1e2de; border-left:1px solid #e1e2de;padding-bottom:10px;}

p.naslov4{font:16px/20px calibri, verdana, arial, sans-serif; padding:0 0 0 10px;}

.udaljenosti_traka{background:#edf6fb; width:900;margin:5px 10px 0 10px;}
.udaljenosti_traka p{margin:0 12px 0 5px;float:left;}








.okvir_apartman_ponuda{width:435px; height:205px;margin:10px 0 0 10px;float:left;display:inline;}
.okvir_apartman_ponuda2{width:435px; height:205px;margin:0 0 0 10px;float:left;display:inline;border-top: 1px dotted #ccc; padding:10px 0 0 0;}

.ponuda_img {padding:2px; background:#fff; border:1px solid #ccc;width:200px; height:120px;}

.okvir_apartman_ponuda p{line-height:18px;text-align:left;}
.okvir_apartman_ponuda2 p{line-height:18px;text-align:left;}


.slika_rezervacija_okvir{width:215px;float:left;}
.slika_rezervacija_okvir p a{display:block;margin:10px 0px 20px 0;line-height:20px;color:#fff;background:url(../../img/vise22.png) top left no-repeat; font-size:1em;width:98px;text-align:center;}
.slika_rezervacija_okvir p a:hover{  background-position: 0 -21px;}






.opis_apartman_ponuda{margin:5px 0 0 10px; position:relative; left:10px;float:left;width:200px;}
.opis_apartman_ponuda li {font:11px/18px  arial, calibri, verdana, sans-serif;color:#515050;}


p.cjenik a{float:right; width:179px; height:27px;background:url(../../img/cjenikbg.gif) no-repeat;text-align:center; color:#fff;position:relative; top:-4px; margin:0 10px 0 0;}
p.cjenik a:hover{text-decoration:underline;}


.podnav{width:900px; border-bottom:1px solid #ccc;margin:10px 0;padding:5px 0 5px 0;}
.podnav li{display:inline;padding:0 30px 0 0;}
.podnav li a{font:12px/24px arial, verdana, calibri, sans-serif;padding:5px 0;}
.podnav li.current a{font:12px/24px arial, verdana, calibri, sans-serif;border-bottom:2px solid #b42608;}




.okvir_cjenik_preh{margin:10px auto; width:605px;}

.topbar_prehrana{width:600px;  background:#0669a7;color:#fff;height:24px;}
.topbar_prehrana p{line-height:24px;}

p.polje1_preh{width:220px; border-right:1px solid #fff;padding:0 10px;float:left; display:inline;text-align:center;}

p.polje2{width:60px; border-right:1px solid #fff;padding:0 10px;float:left; display:inline;text-align:center;}
p.polje3{width:95px; border-right:1px solid #fff;padding:0 10px;float:left; display:inline;text-align:center;}
p.polje4{width:95px; padding:0 10px;float:left; display:inline;text-align:center;}


.bijelired{width:600px;  background:#fff;color:#474747;height:24px;}
.bijelired p{line-height:24px;}
.sivired{width:600px;  background:#eff0f3;color:#474747;height:24px;}
.sivired p{line-height:24px;}

.bottombar{width:600px;  background:#409fdb; color:#fff;height:24px;}
.bottombar p{line-height:24px;}
p.polje5{width:222px; padding:0 10px;float:left; display:inline;text-align:center;border-right:1px solid #fff;}
p.polje6{width:222px; padding:0 10px 0 25px;float:left; display:inline;text-align:left;}





.mapa{width:528px; height:239px;float:left;margin:20px 0 0 20px;}
.nacin_dolaska{width:920px;margin:0 0 0 20px;}

.opcija_dolaska{width:900px;  border-bottom:1px solid #ccc;margin:10px 0 0 10px;padding:0 0 10px 0;}
.opcija_dolaska p a{color:#4a5372;}
.opcija_dolaska p a:hover{text-decoration:underline;}

.opcija_dolaska2{width:900px; margin:10px 0 0 10px;padding:0 0 10px 0;}
.opcija_dolaska2 p a{color:#4a5372;}
.opcija_dolaska2 p a:hover{text-decoration:underline;}
.strelica{padding:0 5px 0 5px;}





.dojmovi{width:529px; height:416px; background:url(../../img/dojmovibg.png) no-repeat;float:left;margin:20px 0 0 20px;}


#predajte_dojam{background:url(../../img/button1.png) no-repeat top left;text-decoration:none;border:0px;width:115px;cursor:pointer;position:relative;top:5px;color:#fff; height:28px;}
#predajte_dojam:hover{background-position:0 -29px;}




/*
REZERVACIJA
*/

.podstranica_uvod_rezerv {width:800px;  clear:both;float:left;margin:20px 0 30px 20px;}
.podstranica_uvod_rezerv p{line-height:26px;text-align:justify;}
.podstranica_uvod_rezerv p a{color:#1c4789;}
.podstranica_uvod_rezerv p a:hover{text-decoration:underline;}
.podstranica_uvod_rezerv p a img{position:relative; top:3px;}

.pretraga3{width:703px; height:505px; background:url(../../img/pretragabg3.png) no-repeat;margin:20px auto;clear:both;}

p.naslov3{font:18px/50px calibri, verdana, arial, sans-serif; padding:0 0 0 255px;}


.kamenje_img3{float:right;position:relative;top:-50px; left:-60px;}


.predajaform3 {float:left; }
.predajaform3 p{font-size:0.8em;padding: 8px 0 8px 0;padding-left: 125px;}
.predajaform3 label{float: left;margin-left: -105px; width: 180px; }
.predajaform3 input[type="text"]{ width: 150px;}




#predajte3{background:url("../../img/button1.png") no-repeat top left;text-decoration:none;border:0px;width:115px;cursor:pointer;position:relative;top:5px;left:76px;color:#fff; height:28px;}
#predajte3:hover{background-position:0 -29px;}


.alert{border:2px solid #B81919;}


/* galerija */

.apartman_traka{background:#fff; width:670px;margin:0 10px 20px 0px;border-bottom:1px dotted #ccc;}
.apartman_traka p{margin:0 12px 0 5px;color:#474747;font-weight:bold;}


#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;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-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, 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 10px; color:#474747; }
#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;    }           
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;    }


#gallery {padding: 10px;width: 660px;float:left;}
#gallery ul { list-style: none; }
#gallery ul li { display: inline;margin:0 20px 0 0px; }
#gallery ul img {border: 5px solid #d9e6ee;border-width: 5px 5px 5px;margin:0 0 20px 0;}
#gallery ul a:hover img {border: 5px solid #edebea;border-width: 5px 5px 5px;color: #fff;}
#gallery ul a:hover { color: #fff; }

.img_okvir{width:100px;height:100px;float:left;}


#navlist{margin:20px 0 0 0;width:200px;float:left; display:inline;margin-left: 0;padding-left: 10px;list-style-type: none;font-family: arial, verdana, sans-serif; font-size:12px;}
#navlist li a{display: block;padding: 5px;width: 160px;background-color: #666b88;border-bottom: 1px solid #eee;}
#navlist li.active a{background:#abaec1;font-weight:bold;}
#navlist li a:link, #navlist a:visited{color: #eee;text-decoration: none;}
#navlist a:hover{background-color: #4e526d;color: #fff;}

p.procitajte a:hover{text-decoration:underline;}