body
{
background: #d8c59d url(images/malo.jpg) repeat-x;
font-family: "Trebuchet MS";
font-size: 13px;
color:#4c4c4c;
line-height:  1.5em;
font-weight: normal;
margin:0px; 
}


* {margin: 0; padding: 0;}
img {border: 0;}


#container
{width:900px;}


#bottom
{
background: url(images/bottom.jpg) no-repeat;
width: 990px;
height:109px;
margin-left:7px;
float:left;}

#bottom a
{color:#d8c59d;
text-decoration:none;}

#bottom a:hover
{color:#f0dbaf;
text-decoration:none;}

#bottomcont
{
	padding-top:85px;
	margin-left:380px;
	color: #d8c59d;
}

#bottomcont a
{font-weight:bold;
margin-left:2px;}


#main
{
	width:897px;
	background: #f6ecd4;
	float: left;
}

#top
{
width:900px;
}



#maintext
{
	width:523px;
	float:left;
	height: auto;
	margin-left:6px;
}


#maintexttop
{background: url(images/maintexttop.gif) no-repeat;
width:523px;
height:9px;
}


#banner
{background:url(images/banner.jpg) no-repeat;
width:897px;
float:left;
height:319px;}

#logo
{background:url(images/logo.jpg) no-repeat;
width:450px;
height:48px;
float:left;
margin-top:10px;}


#linkovi
{
margin-left:10px;
}

#left
{
width:182px;
float:left;
}

#right
{
width:175px;
float:right;
}

#kontakti
{display:block;
clear:both;
float:left;
margin-left:10px;
margin-top:40px;}

#kontaktitop
{
	background: url(images/kontaktitop.gif) no-repeat;
	width:160px;
	height:22px;
	font-weight:bold;
	color:#FFFFFF;
	border-right: 1px solid #8c8064;
	border-left: 1px solid #8c8064;
}


#kontaktisadrzaj
{
	background: url(images/kontakti.jpg) no-repeat;
	width:160px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #8c8064;
	border-bottom-color: #8c8064;
	border-left-color: #8c8064;
	height:241px;
	font-size: 11px;
}

.span
{display:none;}


#home a
{background: url(images/home.gif) no-repeat;
width: 138px;
height: 29px;
display:block;
float:left;
margin-top:6px;
}

.jezik a
{text-decoration:none;
color:#6b6352;}

.jezik a:hover
{
color:#cab98e;}


.welcome h1
{
	background: url(images/sunce.jpg) no-repeat;
	background-position:left;
	text-align:left;
	padding-left:50px;
	padding-top:10px;
	font-size:22px;
	height:22px;
	padding-bottom: 10px;
}

#home a:hover
{background: url(images/home.gif) no-repeat;
width: 138px;
height: 29px;
background-position: right;
}

#aboutus a
{
	width: 138px;
	height: 29px;
	display:block;
	float:left;
	margin-top:6px;
	background-image: url(images/home.gif);
	background-repeat: no-repeat;
}

#galerijatop
{
	background: url(images/galerijatop.gif) no-repeat;
	width:158px;
	height:19px;
	color:#FFFFFF;
	text-align: right;
	padding-top: 3px;
	font-weight: bold;
	padding-right: 3px;
}

.cont
{text-align:right;
margin-right:10px;
margin-top:1px;
font-weight:bold;}

#maintextcontent p
{
	margin-bottom: 10px;
	text-align:justify;
}

.prvi
{margin-top:7px;}

#galerija
{
margin-top:28px;
width: 161px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #8c8064;
	border-bottom-color: #8c8064;
	border-left-color: #8c8064;;
}

#galerijalink {
width: 161px;
}

#galerija a {
background: #9a5e2d;
font-weight: bold;
color: #FFF;
display: block;
float: left;
width: 151px;
text-decoration: none;
padding: 3px 10px 3px 0;
text-align: right;
}

#galerija a:hover {
	background: #6b6047;
}


#galerijasadrzaj
{
	width: 161px;
	height: 217px;
}

#usefulltop
{
	background: url(images/usefulltop.gif) no-repeat;
	width: 158px;
	height: 19px;
	color:#FFFFFF;
	font-weight: bold;
	text-align: right;
	padding-top: 3px;
	padding-right: 3px;
}


#kucnitop
{
	background: url(images/kucni.gif) no-repeat;
	width: 158px;
	height: 19px;
	color:#FFFFFF;
	font-weight: bold;
	text-align: right;
	padding-top: 3px;
	padding-right: 3px;
}

#utiscitop
{
	background: url(images/utisci.gif) no-repeat;
	width: 158px;
	height: 19px;
	color:#FFFFFF;
	font-weight: bold;
	text-align: right;
	padding-top: 3px;
	padding-right: 3px;
}

#usefull
{
width: 161px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #8c8064;
	border-bottom-color: #8c8064;
	border-left-color: #8c8064;
margin-top:20px
}

#kucnisadrzaj a
{
background: url(images/kucnired.jpg) no-repeat;
	width: 161px;
	height:185px;
	display:block;
}

#utiscisadrzaj a
{
background: url(images/utisci.jpg) no-repeat;
	width: 161px;
	height:185px;
	display:block;
}

#karticesadrzaj
{
background: url(images/kartice.jpg) no-repeat;
	width: 161px;
	height:185px;
	display:block;
}


#usefull li
{
list-style:none;
border-bottom:#d8c59d 1px solid;
width:161px;
text-align:left;
height:20px;
}

#usefull li a
{
margin-left:10px;
text-decoration:none;
margin-left:10px;
color:#4c4c4c;
}

#usefull li a:hover
{
color:#cab98e;
}


#karticetop
{
	background: url(images/kartice.gif) no-repeat;
	width: 158px;
	height: 19px;
	color:#FFFFFF;
	font-weight: bold;
	text-align: right;
	padding-top: 3px;
	padding-right: 3px;
}


.prazno
{height:10px;}

#aboutus a:hover
{
	width: 138px;
	height: 29px;
	background-position: right;
	background-image: url(images/home.gif);
	background-repeat: no-repeat;
}



#apartments a
{background: url(images/apartments.gif) no-repeat;
width: 138px;
height: 30px;
display:block;
float:left;
margin-top:6px;

}

#apartments a:hover
{background: url(images/apartments.gif) no-repeat;
width: 138px;
height: 30px;
background-position: right;
}

#kontaktisadrzaj li
{margin-left:10px;
list-style:none;
text-decoration:none;
text-align:left;
margin-left:5px;
color:#4c4c4c;}

#kontaktisadrzaj li a
{text-decoration:underline;
color:#4c4c4c;}

#kontaktisadrzaj li a:hover
{
color:#cab98e;}


#kontaktisadrzaj ul
{padding-top:5px;}


#prices a
{background: url(images/prices.gif) no-repeat;
width: 138px;
height: 30px;
display:block;
float:left;
margin-top:6px;

}

#prices a:hover
{background: url(images/prices.gif) no-repeat;
width: 138px;
height: 30px;
background-position: right;
}


#location a
{background: url(images/location.gif) no-repeat;
width: 138px;
height: 30px;
display:block;
float:left;
margin-top:6px;

}

#location a:hover
{background: url(images/location.gif) no-repeat;
width: 138px;
height: 30px;
background-position: right;
}


#ex a
{background: url(images/ex.gif) no-repeat;
width: 138px;
height: 29px;
display:block;
float:left;
margin-top:6px;

}

#ex a:hover
{background: url(images/ex.gif) no-repeat;
width: 138px;
height: 29px;
background-position: right;
}

.mail
{margin-bottom:10px;}



#container2
{clear:both;
width:1007px;}

#maintextcontent {
	float: left;
	height: auto;
	min-height:950px;
	width: 493px;
	background: url(images/maintextcontant.gif) repeat-y;
	text-align: left;
	padding: 15px;
}

.dodatak
{font-weight:bold;
margin-bottom:10px;
text-align:right;}

#maintextcontent .space {
	margin-bottom: 20px;
	margin-left: 20px;
}
#maintextcontent ul {
	margin-left: 40px;
}

.fbCaption_white
{display:inline;}

#maintextcontent h2 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: center;
}
td {
	text-align: center;
	padding: 4px;
	font-size: 11px;
	width: 100px;
}
.td1 {
	border-bottom: 1px solid #4c4c4c;
	border-left: 1px solid #4c4c4c;
}
.td2 {
	border-bottom: 1px solid #4c4c4c;
	border-left: 1px solid #4c4c4c;
	border-right: 1px solid #4c4c4c;
}
.td3 {
	border-top: 1px solid #4c4c4c;
	border-bottom: 1px solid #4c4c4c;
	border-left: 1px solid #4c4c4c;
	font-weight: bold;
}
.td4 {
	border: 1px solid #4c4c4c;
	font-weight: bold;
}
#apart-det {
	float: left;
	height: auto;
	width: 480px;
}
#apart-det .link1 {
	float: left;
	border-top: 1px solid #EBDDBF;
	border-right: 1px solid #EBDDBF;
	border-left: 1px solid #EBDDBF;
	margin-left: 5px;
	text-align: center;
}
#apart-det .details {
	float: left;
	height: auto;
	width: 465px;
	padding: 5px;
	margin-left: 5px;
	border: 1px solid #4c4c4c;
}
#apart-det .line {
	float: left;
	height: auto;
	width: 285px;
	border-bottom: 1px solid #4c4c4c;
	padding: 3px;
}
#details1 {
	float: left;
	height: auto;
	width: 465px;
	margin-left: 5px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #000033;
}
#details2 {
	float: left;
	height: auto;
	width: 465px;
	padding: 5px;
	margin-left: 5px;
	border: 1px solid #EBDDBF;
	margin-bottom: 10px;
}
#details3 h3 {
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 4px;
}

.td1 a {
	color: #4c4c4c;
	text-decoration: underline;
}
.td1 a:hover {
	color: #cab98e;
}
.link1 a {
	text-decoration: none;
	background: #EFDEAF;
	padding: 3px;
	width: 50px;
	color: #4c4c4c;
	float: left;
}
.link1 a:hover {
	text-decoration: none;
	padding: 3px;
	float: left;
	width: 50px;
	color: #4c4c4c;
	background: #F8EFDA;
}
#details3 {
	float: left;
	height: auto;
	width: 465px;
	padding: 5px;
	margin-left: 5px;
	border: 1px solid #EBDDBF;
	margin-bottom: 10px;
}
.pic1 a {
	display: block;
	float: left;
	height: auto;
	width: auto;
	border: 2px solid #4c4c4c;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
}
#sub-det .ap21 {
	background: url(images/ap21.jpg) no-repeat;
	float: left;
	height: 165px;
	width: 256px;
	margin-right: 10px;
}
#sub-det .txt-det {
	float: right;
	height: auto;
	width: 200px;
}
.txt {
	color: #4c4c4c;
	width: 250px;
	border: 1px solid #4c4c4c;
	padding: 4px;
	background: #F6ECD4;
	font-family: "Trebuchet MS";
	font-size: 12px;
}
.txt:focus, .txt:hover{
	color: #4c4c4c;
	width: 250px;
	border: 1px solid #4c4c4c;
	padding: 4px;
	background: #EAD197;
	font-family: "Trebuchet MS";
	font-size: 12px;
}

.poruka {
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #4c4c4c;
	background: #F6ECD4;
	padding: 5px;
	width: 450px;
	border: 1px solid #4c4c4c;
	height: 150px;
}
.poruka:focus, .poruka:hover{
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #4c4c4c;
	background: #EAD197;
	padding: 5px;
	width: 450px;
	border: 1px solid #4c4c4c;
	height: 150px;
}
.salji {
	color: #4c4c4c;
	padding: 2px;
	width: 150px;
	border: 1px solid #696969;
	margin-top: 10px;
	margin-bottom: 20px;
	background: #EAD197;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
#maintextcontent .style {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}
#search {
	float: left;
	height: 339px;
	width: 480px;
	margin-bottom: 10px;
}
#maintextcontent .print {
	text-align: center;
}
.print a {
	font-weight: bold;
	text-decoration: none;
	background-color: #C79E49;
	padding: 3px;
	color: #FFFFFF;
}


#apartlink
{float:left;
margin-top:35px;
width:161px;
margin-left:10px;}

#linkovi2
{font-weight:bold;
margin-top:10px;}

#linkovi23 a
{background: #ebddbf;
width:161px;
height:20px;
font-size:13px;
text-decoration:none;
color: #6b6454;
display:block;
border-bottom: 1px solid #8c8064;}

#linkovi23 a:hover{
background: #f6ecd4;
color:#cab98e;}

#pop
{height:300px;}

#linkovi231 a
{background: #ebddbf;
width:161px;
height:20px;
font-size:13px;
text-decoration:none;
color: #6b6454;
display:block;
border-bottom: 1px solid #8c8064;
border-top: 1px solid #8c8064;}

#linkovi231 a:hover{
background: #f6ecd4;
color:#cab98e;}
#apart-det .ap-links {
	text-align: center;
}
.ap-links a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #4c4c4c;
	padding: 3px;
}
.ap-links a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #8D8D8D;
	padding: 3px;
}
#details1 .det1 {
	float: left;
	height: auto;
	width: 170px;
	color: #000033;
	background-color: #CCCCCC;
	padding: 3px;
	font-size: 11px;
	line-height: 20px;
}
#details1 .det2 {
	float: left;
	height: auto;
	width: 30px;
	background-color: #CCCCCC;
	padding: 3px;
	color: #000033;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#details1 .det2 { padding-top: 3px; }
}
#details1 .det3 {

	float: left;
	height: auto;
	width: 440px;
	background-color: #8D8D8D;
	padding: 3px;
	color: #FFFFFF;
	margin-top: 15px;
}
#all-res {
	float: left;
	height: auto;
	width: 460px;
}
.top {
	background-image: url(images/top.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 460px;
	float: left;
	background-position: bottom;
}
.top1 {
	background-image: url(images/top1.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 212px;
	float: left;
	background-position: bottom;
}
.title {
	background-color: #999999;
	padding: 5px;
	height: auto;
	width: 450px;
	float: left;
	font-weight: bold;
	color: #000033;
}
.title234 {
	background-color: #999999;
	padding: 5px;
	font-size:1px;
	line-height:1px;
	height: auto;
	width: 450px;
	float: left;
	font-weight: bold;
	color: #000033;
}
#all-res .no_links {
	background-color: #CCCCCC;
	padding: 5px;
	float: left;
	height: auto;
	width: 450px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-align: center;
	color: #FF0000;
}
.no_links a {
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

.upit_rezervacija
{text-align:center;
float:left;
width:430px;}

.upit_rezervacija a
{float:left;
margin-left:150px;
margin-top:5px;
font-size: 13px;
font-weight: bold;
color: #FF0000;
text-decoration: none;}

.upit_rezervacija a:hover {

	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}


.upit_rezervacija2
{text-align:center;
float:left;
width:430px;}

.upit_rezervacija2 a
{float:left;
margin-left:190px;
margin-top:5px;
font-size: 13px;
font-weight: bold;
border:none;
color: #FF0000;
text-decoration: none;}

.upit_rezervacija2 a:hover {

	font-size: 13px;
	font-weight: bold;
	border:none;
	color: #FF0000;
	text-decoration: underline;
}



.no_links a:hover {

	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}
#all-res .collumf {
	background-color: #CCCCCC;
	float: left;
	height: auto;
	width: 165px;
	padding-left: 5px;
	font-size: 11px;
}
#all-res .collumd {
	color: #FF0000;
	float: left;
	height: auto;
	width: 60px;
	background-color: #CCCCCC;
	font-weight: bold;
	font-size: 11px;
}
.btm {
	background-image: url(images/btm.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 460px;
	float: left;
}
.btm1 {
	background-image: url(images/btm1.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 212px;
	float: left;
}
#datas {
	float: left;
	height: auto;
	margin-bottom:40px;
	width: 460px;
}
#details1 .det11 {

	float: left;
	height: auto;
	width: 206px;
	color: #000033;
	background-color: #CCCCCC;
	padding: 3px;
	font-size: 11px;
}
#details1 .price {
	float: left;
	height: auto;
	width: 450px;
	background-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#sub-data {
	float: left;
	height: auto;
	width: 220px;
}
#sub-data1 {
	float: left;
	height: auto;
	margin-left:27px;
	width: 213px;
}
.style a {
	color: #4c4c4c;
	text-decoration: underline;
}
.style a:hover {
	color: #4c4c4c;
	text-decoration: none;
}
.links a {
	color: #4c4c4c;
	text-decoration: underline;
}
.links a:hover {

	color: #4c4c4c;
	text-decoration: none;
}
.space {
	padding-bottom: 5px;
}
.space {
	padding-bottom: 5px;
}
.space1 {

	padding-bottom: 700px;
}


.utisak {
background: #f2efe8;
clear: both;
margin-top: 10px;
float: left;
width: 493px;
}

#maintextcontent .utisak p {
margin: 0;
}

.utisak h3 {
background: #EAD197;
font-size: 13px;
padding: 5px 15px;
}

.utisak_in {
padding: 15px;
}

.impression_btn {
float: right;
width: auto;
padding: 0 0 15px 5px;
}

.impression_btn a {
background: url(images/impression_btn.gif) no-repeat right top;
display: block;
height: 33px;
float: left;
width: auto;
padding: 10px 55px 0 10px;
color: #FFF;
text-decoration: none;
font-weight: bold;
outline: none;
}

.impression_btn a:hover {
background: url(images/impression_btn.gif) no-repeat right bottom;
color: #4C4C4C;
}

.clear {
clear: both;
}

.error {
color: #FF0000;
}

.obrisi_utisak a {
background: #dd0f0a url(../eng/images/delete.gif) no-repeat 95px center;
color: #FFFFFF;
font-weight: bold;
padding: 5px 30px 5px 10px;
text-decoration: none;
float: right;
margin-top: -10px;
}

#wifi_banner {
	width: 162px;
	height: 172px;
	background: url(images/wifi_banner.gif) no-repeat;
	margin-bottom: 20px;
}

.right77
{float:right;
font-size:11px;
font-weight:bold;
margin-right:13px;}



/*APP HOVER*/
.relative{
	position: relative;
	width: 100%;
}
ul.img-hover{
  width: 120px;
  overflow: visible;
  height: 339px;
  text-align: left;
  float: right;
  margin-bottom: 15px;
  font-family: 'Times New Roman';
}
.img-hover div{
  display:none;
}
.img-hover div.ap-header{
  display: block;
  text-align: left;
  width: 100%;
  float: left;
  color: #4E4E4E;
  border-bottom: 1px solid #9A0202;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-bottom: 5px;
  font-weight: bold;

}
.img-hover div.main-img{
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 350px;
  height: 339px;
}
.img-hover li {
	box-sizing: border-box;
   float:left;
    display:inline;
    width:50%;
    padding: 3px 3px 3px 0;
}
.img-hover li a{
	display: block;
	font-size: 16px;
	text-decoration: none;
	text-align: left;
	color: #000;
}
.img-hover li a:hover{
	color: #9A0202;
}
.img-hover li:hover div{
  display:block;
  position: absolute;
  top: 0;
  left: 0;
  width: 350px;
  height: 339px;
}
.mTop-1{
	margin-top: 10px;
}