*{margin:0;padding:0}
body, html, p, a, span, h1, h2, h3, h4, h5, img, table, tr, td, div, nav, aside, ul, li {margin: 0; padding: 0; color:#555; font-size: 16px;text-decoration:none;} 
HTML {width: 100%;}
BODY {font-family: ralewayEL,Arial,Helvetica,sans-serif; font-size: 14px; width: 100%; } 
span{color: inherit}
@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
@font-face {font-family: cinzel; src: url(fonts/cinzel-regular.otf);}
@font-face {font-family: cinzelB; src: url(fonts/cinzel-bold.otf);}
@font-face {font-family: cinzelD; src: url(fonts/cinzeldecorative-regular.otf);}

h1,h2,h3,h4{
  font-weight: 200;
  font-size:20px;
  color:#888;
}

h2{font-size:16px;}
h3,h4{font-size:14px;}

.catTitle{font-size:26px}
.pageTitle {box-sizing: border-box;}
.img, img, a img, a {border:none;}
.icons{font-family: icons}
.editToCMS{display:none}

.oblast_strane{width:100%;}

.oblast_zaglavlja{
  /*! height:160px; */
  width:100%;
  padding:0;
  position:relative;
  background:#4d2800;
  z-index: 100!important;
  
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#441b0d+0,563806+50,260c0c+100 */
background: #441b0d; /* Old browsers */
background: -moz-linear-gradient(top, #441b0d 0%, #563806 50%, #260c0c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #441b0d 0%,#563806 50%,#260c0c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #441b0d 0%,#563806 50%,#260c0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#441b0d', endColorstr='#260c0c',GradientType=0 ); /* IE6-9 */
  
}
.oblast_zaglavlja:after{content:"";position:absolute;bottom:0;left:0;right:0;border-top: 5px solid #431c16;z-index:100;}
.zaglavlje_container {width:1000px;position:relative;margin:0 auto;}
.oblast_sadrzaja{margin:20px auto;width:100%;}

#coll_middle, #coll_right, #coll_left {display:inline-block;vertical-align: top;}
#coll_middle {width:100%}
#coll_right {width:240px}

/* DISPLAY NONE */
.mob_main_menu {display:none;}

/* ZAGLAVLJE */
.logo {width:140px;margin:0 auto;}
.logo a{display:block;width:100%;height:100%}
.logo a img{display:block;width:100%;height:auto;}

.meni_jezici {position:absolute;top:0;right:0;}
.meni_jezici li{
  list-style:none;
  display:inline-block;
  border-left:1px solid #432;
  
}
.meni_jezici .markLng{
  border-left:6px solid #732;
}
.meni_jezici li a {
  display:block;padding: 0px 3px;
  padding:30px 10px 16px 10px;
  background:rgba(100,100,100,.4);
  text-decoration: none;
}
.meni_jezici li a span {font-size:14px;text-transform: uppercase;color:#888}


.glavni_meni {}
.glavni_meni ul{text-align:center;font-size:0;}
.glavni_meni ul li{
  display:inline-block;
  vertical-align: top;
  margin:4px 4px 14px 4px;
  border: 1px solid #999;
}
.glavni_meni ul li:hover{
  border: 1px solid #eee;
  background:rgba(0,0,0,.1)
}

 .glavnimeni_active{
  background: #FFDEAD;
  
}

.glavni_meni ul .glavnimeni_active a{
  color:#444;
}
.glavni_meni ul li a{font-size:15px;color:#aaa;font-family: cinzel;
text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  display:block;
  padding:5px 16px;
}
.glavni_meni ul li:hover a {color:#eee;}

.network_links {position:fixed;top:250px;right:0;
background:rgba(0,0,0,.3);
  padding:15px 0 15px 10px;

}
.network_links li {padding:0 10px 4px 0px;list-style:none;text-align:center;}
.network_links li a{font-size:30px;padding:4px 6px;color:#fff;}
.nvluxury .network_links li a{color:#fff;}

/* INDEX - POCETNA */
.index .top_baner {width:100%;margin:0 0 5px 0;}
.index .baner_slide_title {
  position:absolute;
  top:calc(50% - 30px);
  left:0px;
  display:block;
  background: rgba(255, 255, 255, 0.7);
  font-size:35px;
  height:60px;
  box-sizing:border-box;
  padding:8px 0px;
  width:800px;
  text-align:center;
}
.index .baner_slide_description{
  position:absolute;
  top:calc(50% + 30px);
  left:0px;
  display:block;
  background: rgba(255, 255, 255, 0.7);
  font-size:25px;
  height:60px;
  box-sizing:border-box;
  padding:8px 0px;
  width:800px;
  text-align:center;
}

.index .oblast_sadrzaja {margin:0px;}
.index .horizontal-wrapper {
  width:100%;
  height:440px;
  margin-bottom:5px;
  position:relative;
  overflow:hidden;
}

.index .horizontal-wrapper .boxImg{
  height:440px;
  overflow:hidden;
  text-align:center;
  width:100%;
}
.index .horizontal-wrapper .boxImg img{
  width:100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.index .horizontal-wrapper .boxText {
  width:600px;
  position:absolute;
  top:140px;
  left:calc(50% - 300px);
}
.index .horizontal-wrapper .boxText h2 {
  font-size: 82px;
  color:#fff;
  margin-bottom:20px;
  text-align:center;
}
.index .horizontal-wrapper .boxView {
  margin:0 auto;
  background:#fff;
  width:80px;
  height:45px;
  text-align: center;
  position:relative;
  box-sizing:border-box;
  z-index: 100;
  
}
.index .horizontal-wrapper .boxView a {
  display:block;
  font-size: 18px;
  color: #fff;
  padding:7px 0 7px 0;
  z-index: 200;
  position: relative;
  width:70px;
  height:35px;
  background:#431c16;
  box-sizing:border-box;
  margin:0 auto;
}
.index .horizontal-wrapper .boxView:before{content:"";height:5px;width:70px;display:block;margin:0 auto;}
.index .horizontal-wrapper .boxView:after{content:"";display:block;margin:0 auto;
  width:80px;
  height:45px;
  position:absolute;top:0;left:0;
  background:#fff;
  z-index: 10;
}
.index .horizontal-wrapper .boxView:hover a{
  cursor:pointer;
  background:#f7d19a;
  color:#431c16;
}

.index .horizontal-wrapper .boxView:hover:after {
  display:block;
  width:80px;
  height:0px;
  background:#fff;
  -webkit-transition: height 2s; /* For Safari */
  transition: height 2s;
}
.index .horizontal-wrapper .boxView:hover{background:#431c16}

/* row 0 */
.index .horizontal-wrapper.row-0 {height:120px;


}
.index .horizontal-wrapper.row-0 form {
  height:100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.index .holder {font-size:0;margin:0 auto;width:90%;
text-align:center}
.index .holder > div {
  display:inline-block;
  vertical-align:middle;width:180px;padding:px 10px;
  box-sizing:border-box;
  border:1px solid #ccc;
  margin:4px;
  

}
.index .holder a {display:inline-block;text-align:center;vertical-align:middle;
  width:180px;
  border:none;


}


.index .inputCheckIn, .index .inputCheckOut{position:relative;}
.index .inputCheckIn:after, .index .inputCheckOut:after {position:absolute;
  font-family: icons;top:9px;right:25px;font-size:22px;pointer-events: none;}
.index .inputCheckIn:after {content:"\f274";}
.index .inputCheckOut:after {content:"\f272";}
.index .calendar {height:44px;width:100%;padding:10px;box-sizing:border-box;_z-index:100;
border:none;
}

.index .holder #trigerOdrasli, .index .holder #trigerDeca{font-size:0;
padding:5px 2px 4px 0;

}
.index .holder #trigerOdrasli div, .index .holder #trigerDeca div{display:inline-block;vertical-align:middle;position:relative;}
.index .holder .inputOdrasli, .index .holder .inputDeca {width:60%;}

.index .holder .inputOdrasli input, .index .holder .inputDeca input{
  border:1px solid #eee
}
.index .holder #adults, .index .holder #children {width:100%;height:auto;padding:8px 0;text-align:center;}
.index .holder .boxIcon {width:20%;text-align:center;}
.index .textDesc {text-align:center;display:block;
  position:absolute;top:100%;width:100%;padding:8px;box-sizing:border-box;
  font-size:13px;color:#999
}

.index .boxIcon .icons p{color:#999;
font-size:12px

}

.index .cancel-reservation {
  
  font-size:17px;
  padding:13px 12px 12px 12px;
  color:#ccc;
  background:#7C341B;
  
}

/* row 1 */
.index .horizontal-wrapper.row-1 {}
.index .horizontal-wrapper video {
  position:absolute;
  top:0;left:0;right:0;
  width:100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.index .horizontal-wrapper.row-1 .boxText p{
  text-align:center;
  font-size: 32px;
  color:#fff;
  padding-bottom:12px;
  text-transform: uppercase;
}

/* row 5 */
.index .horizontal-wrapper.row-5 {
  height:220px;
  font-size:0;
  text-align:center;
  box-sizing:border-box;
  background:#f7d19a;
}
.index .horizontal-wrapper.row-5 .miniBox{
  display:inline-block;
  vertical-align: top;
  width:14%;
  height:220px;
  padding:30px 10px 0 10px;
  box-sizing:border-box;
}
.index .horizontal-wrapper.row-5 .miniBox a {
  display:block;width:100%;


}
.index .horizontal-wrapper.row-5 .miniBox a span {display:block;margin:0 auto;width:65%;}
.index .horizontal-wrapper.row-5 .miniBox a .spanMiniBDesc {font-size:14px;}
.index .horizontal-wrapper.row-5 .miniBox a img {display:block;width:100%;height:auto;}

/* row 6 - MAPA */
.index #mapContainer {display:block;width:100%;height:100%}

/* PAGES */
.nvluxury .oblast_strane, .strana .oblast_strane{position:relative;}
.nvluxury .oblast_strane:after, .strana .oblast_strane:after {
  content:"";
  width:100%;height:100%;
  position:absolute;top:0;left:0;bottom:0;z-index: -10;
background-image: url(../../cms_upload/pages/files/46_home-width-1.jpg);
background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.nvluxury .oblast_sadrzaja, .strana .oblast_sadrzaja {font-size:0;width:1000px;background: rgba(255, 255, 255, 0.7);position:relative;}
.nvluxury #coll_left{width:250px;padding:10px;box-sizing:border-box;}
.nvluxury #coll_middle{width:750px;}
.nvluxury .catTitle {font-size:28px;padding:10px 0px 10px 0px}
.nvluxury .pageTitle{font-size:28px;padding:10px 0px 10px 0px}
.nvluxury .formTrue {background: rgba(120,20,20,.8);padding:15px 0px}
.nvluxury .formTrue p {color: #eee;text-align:center;}

.nvluxury #coll_left h3 {padding:0px 0px 5px 0px}
.nvluxury #coll_left h3:hover a{color:#431c16;border-bottom:2px solid #431c16}
.nvluxury .bocniMeniStrane {padding:0 0 0 12px;}
.nvluxury .bocniMeniStrane li{list-style:none;padding-bottom:4px;display:block;
width:160px;

}
.nvluxury .bocniMeniStrane li a {border-bottom:2px solid #fff;box-sizing:border-box;font-size:14px;
display: block;
  padding:20px 5px 10px 5px;

}
.nvluxury .bocniMeniStrane li:hover > a{color:#431c16;border-bottom:2px solid #431c16;box-sizing: border-box;

}
.nvluxury .bocniMeniStrane li ul li {padding-left:12px;}

.nvluxury .pages {font-size:0;}
.nvluxury .pages .page-pID {list-style:none;width:33.33%;display:inline-block;vertical-align:top;margin-bottom:5px;}
.nvluxury .page-pID .img {width:100%;}
.nvluxury .page-pID .img a {display:block;width:100%;height:100%;padding:15px 15px 5px 15px;box-sizing:border-box;}
.nvluxury .page-pID .img a img {display:block;width:100%;height:100%;border:1px solid #eee;}
.nvluxury .page-pID .info {text-align:center;}
.nvluxury .page-pID .info h2 a{display:block;font-size:14px;}

.nvluxury #pageBody {padding-bottom:20px}
.nvluxury .headPicture img{display:block;width:100%;height:auto;padding-bottom:20px;}
.nvluxury #pageBody p {
  padding:0px 20px 8px 0px;
  font-size:14px;
}

/*Smestaj*/
.catid_10 .info {
  position: relative;
}
.catid_10 .info h2{
  font-family: cinzel;
  position: absolute;
  bottom:20px;left:0px;
  background: rgba(255,255,255,.7);
  padding: 10px 16px;
  
}

.catid_10 h1{
  font-family: cinzel;
}

.stranaLevo{
  display: inline-block;
  vertical-align: top;
  width: 70%;
}

.stranaDesno{
  display: inline-block;
  width:28%;
  position: relative;
}

.stranaDesno .boxBookNov{
  background:rgba(120,20,20,.8);
  width: 80%;
  margin: -20px auto 0 auto;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
}
.stranaDesno .boxBookNov h1{
  color:#eee;
  font-size: 20px;
}
.stranaDesno .boxBookNov span{
  color:#eee;
  font-size:12px;
}
.bookNowForm {
  display: none;
}
.stranaDesno .bookNowForm {
  width:400px;
  position: absolute;
  top:-20px; right:100%;
  z-index: 600;
  padding:10px;
  background:#fff;
}

.stranaDesno .boxBookNov h1 span{
  font-family: cinzelB;
  color:#eee;
  font-size: 47px;
}
.stranaDesno .boxBookNov .bookButton{
  text-align:center;
  display: block;
  color:#eee;
  padding:14px 10px!important;
  border:1px solid #eee;
  cursor: pointer;
  margin: 20px 0 6px 0;
   font-size:18px!important;

}

.holder {font-size:0;margin:0 auto;width:90%;
text-align:center}
.holder > div {
  width:180px;padding:px 10px;
  box-sizing:border-box;
  border:1px solid #ccc;
  margin:10px auto;
  

}
.holder a {display:inline-block;text-align:center;vertical-align:middle;
  width:180px;
  border:none;
}
.inputCheckIn, .inputCheckOut{position:relative;}
.inputCheckIn:after, .inputCheckOut:after {position:absolute;
  font-family: icons;top:9px;right:25px;font-size:22px;pointer-events: none;}
.inputCheckIn:after {content:"\f274";}
.inputCheckOut:after {content:"\f272";}
.calendar, .email {height:44px;width:100%;padding:10px;box-sizing:border-box;_z-index:100;
border:none;
}
.ui-datepicker-div {z-index: 1000;}
.holder .inputOdrasliContainer, .holder .inputDecaContainer {margin:10px auto 24px auto;}

.holder #trigerOdrasli, .holder #trigerDeca{font-size:0;
padding:5px 2px 4px 0;

}
.holder #trigerOdrasli div, .holder #trigerDeca div{display:inline-block;vertical-align:middle;position:relative;}
.holder .inputOdrasli, .holder .inputDeca {width:60%;}

.holder .inputOdrasli input, .holder .inputDeca input{
  border:1px solid #eee
}
.holder #adults, .holder #children {width:100%;height:auto;padding:8px 0;text-align:center;}
.holder .boxIcon {width:20%;text-align:center;}
#pageBody .holder .boxIcon .icons p{padding:0;}

.textDesc {text-align:center;display:block;
  position:absolute;top:100%;width:100%;padding:8px;box-sizing:border-box;
  font-size:13px;color:#999
}

.boxIcon .icons p{color:#999;
font-size:12px

}

.cancel-reservation {
  
  font-size:17px;
  padding:12px 0px 12px 0px;
  color:#ccc;
  background:#7C341B;
  text-align:center;
  
}

.nvluxury .uslugeContainer {
  font-size:0;
  padding:20px 0;
  width:600px;
  margin:0 auto;
}
.nvluxury .uslugeBox {
  display:inline-block;
  vertical-align:top;
  width:290px;
  min-height:380px;
  box-sizing:border-box;
  border:1px solid #431c16;
  padding-bottom:10px;
}
.nvluxury .uslugeBox:first-child {margin-right:5px;}
.nvluxury .uslugeBox:last-child {margin-left:5px;}

.nvluxury .uslugeBox {margin-bottom:10px;}
.nvluxury .uslugeBox h2 {text-align: center;background-color: rgb(67, 28, 22);padding:5px;color:#eee;}
.nvluxury .uslugeBox .uslugeImg {display:block;}
.nvluxury .uslugeBox .uslugeImg img{display:block;width:100%;height:auto;}
.nvluxury .uslugeContainer ul {
  padding:20px 10px;
}
.nvluxury .uslugeContainer ul li {
  list-style: inside;
  padding:4px 0 2px 10px;
  font-size:14px;
}
.strana #pageBody p, .strana #pageBody a {
  font-size:14px;
}

.strana #pageBody p{
  padding:0px 20px 8px 20px;
  
}
.strana .pageTitle, .strana h3{font-size:28px;padding:10px 20px}
.strana #pageBody {padding-bottom:20px}
.strana .kontaktContent {padding:5px 0 20px 25px;}
.strana .asideColumnRight, .strana .asideColumnLeft {display: inline-block;width:46%; vertical-align: top}
#idSoba{display:none}
input, label{display: inline-block; padding:5px; margin:auto;  }
input{width:66%; text-align: left;}
label{width:26%; text-align: right;}
#submitButton{
  width:180px;
margin:auto;
display: block;
  margin-top:20px;
  background:rgba(100,100,60,.5);
  border:1px solid #fff;
  text-align: center;
  cursor:pointer;
  color:#eee;
  
}

#submitButton:hover{
   background:rgba(100,100,60,.8);
}

.catid_13 .asideColumnLeft{
  margin:0 0 0 40px;
}
.imageTop{
  padding: 20px
}
.imageTop img{
display: block; width:100%;
}


/* cenovnik */
.nvluxury.catid_16 #pageBody {font-size:0;}
.nvluxury.catid_16 .cenovnikBox {width:33.33%;display:inline-block;vertical-align: top;margin-bottom:20px;}
.nvluxury.catid_16 #pageBody li {list-style: inside;font-size:12px;padding:3px 0}

.nvluxury .blockPrice{
  position:relative;
  height:74px;
  width:140px;
  display:inline-block;
  z-index: 100;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align:center;
  margin:15px 0 20px 0;

}
.nvluxury #pageBody .blockPrice p {
  padding:0;
  color:#fff;
}
.nvluxury #pageBody .blockPrice p span {font-size:20px;}
.nvluxury .blockPrice:after, .nvluxury .blockPrice:before{
  display:block;
  position:absolute;
  left:0;
  content:"";
  width:140px;
  height:47px;
background: rgb(68, 27, 13);
background: -moz-linear-gradient(top, rgb(68, 27, 13) 0%, rgb(86, 56, 6) 50%, rgb(38, 12, 12) 100%);
background: -webkit-linear-gradient(top, #441b0d 0%,#563806 50%,#260c0c 100%);
background: linear-gradient(to right, rgb(68, 27, 13) 0%,rgb(86, 56, 6) 50%,rgb(38, 12, 12) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#441b0d', endColorstr='#260c0c',GradientType=0 );

}
.nvluxury .blockPrice:before{
  top:0;
  transform: skew(0,-8deg);
  z-index:-1;
}
.nvluxury .blockPrice:after{
  bottom:0;
  transform: skew(0,8deg);
  z-index:-1;
}

/* specijalne ponude */
.strana .pages {padding:10px 0}
.strana .pages .page-pID {padding:10px 10px;list-style:none;font-size:0;}
.strana .pages .page-pID div {display:inline-block;vertical-align: top;}
.strana .pages .page-pID .img {width:30%;}
.strana .pages .page-pID .img img{display:block;width:100%;height:auto;}
.strana .pages .page-pID .info {width:70%;padding:20px;box-sizing:border-box;position:relative;}
.strana .pages .page-pID .info h2 a {display:block;font-size:36px;padding:0px 0px 15px 0px; color:#431c16;font-family: cinzelD;}
.strana .pages .page-pID .info .antrafile {font-size:15px;border-bottom:1px dashed #431c16;display:block;padding-bottom:30px;}
.strana .pages .page-pID .moreinfo {position:absolute;top:100%;right:20px;background:#431c16;border-radius:10px;}
.strana .pages .page-pID .moreinfo a {display:block;width:100%;height:100%;padding:4px 10px;}
.strana .pages .page-pID .moreinfo a span{color:#fff;}


.specPonude {padding:10px 10px 30px 10px;box-sizing:border-box}
.specPonude img{display:block;width:100%;height:auto;}
.strana .antrafileSlike{
  position: absolute;
  top:40px; right:40px;
  background:rgba(255,255,255,.6);
  padding:30px;
}
.strana #pageBody .antrafileSlike p{
  font-size:30px;
  font-family:cinzelB;
  color:#a6a;
}
.antrafileSlike span{
  display: block;
  text-align: center;
}
.strana #pageBody .antrafileSlike span a{
  font-size:30px;
  font-family:cinzel;
  color:#a6a;
}

.strana #pageBody ul {padding:10px 20px;}
.strana #pageBody ul li {list-style:inside;padding:5px 10px; font-size:14px;}


/*galerija */

.embdgallery li {list-style:none;float:left;display:block;padding:5px;box-sizing:border-box;width:250px;height:250px;overflow:hidden;}
.embdgallery_image {overflow:hidden;display:block;width:240px;height:240px;display:none;}
.embdgallery li:first-child{width:500px;height:500px;}
.embdgallery li:first-child .embdgallery_image{width:490px;height:490px;}
.embdgallery_image a{display:block;width:100%;height:100%; position:relative;overflow: hidden}
.embdgallery_image a img {display:block;position:absolute;}

.embdgallery_desc, .embdgallery_title {display:none;}

.nvluxury .uslugeIcons {
  position:absolute;top:300px;left:0;width:240px;
}
.nvluxury .uslugeIcons ul{font-size:0;}
.nvluxury .uslugeIcons li{list-style:none;display:inline-block;vertical-align: top;width:50%;padding:5px;box-sizing:border-box}
.nvluxury .uslugeIcons .imgIcon {width:35px;}
.nvluxury .uslugeIcons span {display:inline-block;vertical-align: middle;}
.nvluxury .uslugeIcons .imgIcon img {width:100%;height:auto;display:block;}
.nvluxury .uslugeIcons .textIcon {padding-left:5px;font-size:12px;}



/*FOOTER*/

.oblast_futera{background: #414042;}
.footer-wrapper {
  font-size:0;
  width:1000px;
  margin:0 auto;
  padding:20px 0 16px 0;
}
.oblast_futera .footer-links {display:inline-block;vertical-align: top;margin-right:120px;}
.oblast_futera .footer-links li{list-style:none;padding:0 0 5px 0;}
.oblast_futera .footer-links li a {font-size:13px;letter-spacing: 0.06em}
.oblast_futera .footer-links li {font-size:15px;letter-spacing: 0.04em;color:#eee;}

.oblast_futera a{color:#eee;}