body {
	font-family: Tahoma, Arial, sans-serif;
	margin:0;
	padding:0;
	color:#514339;
	font-size:16px; 
	width:100%;
	background:#b9cec2;
	line-height:1.5em;
	overflow-x:hidden;
}
@font-face {
    font-family: 'LobsterRegular';
    src: url('fonts/lobster-webfont.eot');
    src: url('fonts/lobster-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lobster-webfont.woff') format('woff'),
         url('fonts/lobster-webfont.ttf') format('truetype'),
         url('fonts/lobster-webfont.svg#LobsterRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{font-family:'LobsterRegular';
src:url('fonts/lobster-webfont.eot');
src:url('fonts/lobster-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/lobster-webfont.woff') format('woff'),
url('fonts/lobster-webfont.ttf') format('truetype'),
url('fonts/lobster-webfont.svg#LobsterRegular') format('svg');
font-weight:normal;
font-style:normal;}

@font-face {
  font-family: 'mensch';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/mensch-webfont.eot');
}
/* For real web browsers */
@font-face {
  font-family: 'mensch';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/mensch-webfont.ttf');
}
form {
	margin:0;
	padding:0;
}
img {
	 border: 2px solid #81AFA2;
	outline: 0;
    vertical-align: top;
}

#apartment img{
	border: none;
}
a {
	color:none;
	font-size:12px;
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:none;
}

.linkanje{
	color:#E05729;
	font-size:15px;
}
.linkanje:hover {
	text-decoration:underline;
}
a.links-home {
	
	color:#e05729;
	font-size: 20px;
	font-family: 'mensch';
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8), 0 1px 0 rgba(255, 255, 255, 0.5);
	 background:url("../images/button_bottom.png") no-repeat scroll 0 0 transparent;
	 padding: 10px 10px;
	 -webkit-border-radius:7px; 
	 -moz-border-radius:7px;
	 border-radius:7px;
   margin: 0 0 0 34px;

}
a.links-home:hover {
	text-decoration:none;
	color:#536f68;

}
a.home-button-rab{
	margin: 0 0 0 49px;
}

a.link-thankyou {
	
	color:#e05729;
	font-size: 20px;
	font-family: 'mensch';
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8), 0 1px 0 rgba(255, 255, 255, 0.5);
	 background:url("../images/button_bottom.png") no-repeat scroll 0 0 transparent;
	 padding: 10px 10px;
	 -webkit-border-radius:7px; 
	 -moz-border-radius:7px;
	 border-radius:7px;
   margin: 0;

}
a.link-thankyou:hover {
	text-decoration:none;
	color:#536f68;

}

ul {
	padding:0;
	margin:0;
}
li {
	padding:0;
	margin:0;
	list-style:none;
}
.sixteen p{ 
	 font-size: 16px;
	 margin: 30px 0 24px;
padding: 0;	 
text-align: center;
}
.sixteen li{ 

}
 .features li {
	background: url("../images/starr-blue.png") no-repeat scroll 0 10px transparent;
	 line-height: 2em;
    padding-left: 25px;
	font-size: 16px;
}
p {
	margin:0;
	padding:0 0 20px;
	color: #514339;
	 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.team p{
	text-align: center;
	font-family: Tahoma,Arial,sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #816A45;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	margin-bottom: 20px;
	
}
.p-programi p {
	background: url("../images/starr-orange.png") no-repeat scroll 0 8px transparent;
	padding: 0 0 0 25px;
	line-height: 2em;
	font-size: 16px;
}
.iconic-list li {
	background: url("../images/starr-orange.png") no-repeat scroll 0 8px transparent;
	padding: 0 0 0 25px;
	line-height: 2em;
	font-size: 16px;
}
.living-areas {
	padding-left: 10px;
}
.living-areas li{
		line-height: 2em;
	font-size: 16px;
}
.clear {
	font-size:0;
	clear:both;
	height:0;
}
.fright { float:right;
}
.fleft { float:left;
}

.wrapper {
	width:100%;
	 background: url("../images/bodybg.jpg") repeat scroll 0 0 transparent;

}
#header {
	background:url("../images/header_bg2-1.jpg") repeat-x scroll left top transparent;
	height:146px;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:100;
}
#logo {
	height:100px;
	width:127px;
	float:left;
	margin:12px 50px 0 0;
	background:url(../images/logo_bg-1.png) no-repeat left top;
	text-align:center;
	float:left;
	padding-top:28px;
}
#logo a {
	font-size:27px;
	color:#F4E9C6;
	font-family: 'LobsterRegular';
	line-height:22px;
	text-shadow:0 -1px 0 rgba(183, 62, 62, 0.8), 0 1px 0 rgba(242, 231, 84, 0.8);
	letter-spacing:-1px;
}
#logo a:hover { text-decoration:none;
}
#logo span {
	font-size:44px;
	line-height:42px;
	display:block;
}
#nav {padding:8px 0 0 0;
}
#nav li { float:left;
}
#nav li a {
	
	font-size:20px;
	color:#816A45;
	text-transform:uppercase;
	line-height:16px;
	display:block;
	float:left;
	font-family: 'mensch';
	font-weight:normal;
}
#nav a:hover { text-decoration:none;
}
#nav a span {
	line-height:16px;
	height:16px;
	display:block;
	padding:39px 14px 12px 14px;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8), 0 1px 0 rgba(255, 255, 255, 0.5);
}
#nav li.current a {
	color:#F4E9C6;
	background:url(../images/menu_a2-1.png) no-repeat scroll left top transparent;
}
#nav li.current a span {
	background:url(../images/menu_a_span1-1.png) no-repeat scroll right top;
}


.main {	padding:0 0 28px 0;
  background: url("../images/bg-conteiner2.jpg") repeat scroll 0 0 transparent;
  	 -moz-box-shadow:-5px 0 20px -7px #989982,
5px 0 20px -7px #989982;-webkit-box-shadow:-5px 0 20px -7px #989982,
5px 0 20px -7px #989982;box-shadow:-5px 0 20px -7px #989982,
5px 0 20px -7px #989982;
}
.section {
	padding: 146px 0 0px;
	
}
.section-1 {
	padding: 146px 0 0px 0;
	margin-bottom:50px;
}
.section-gallery{
	padding: 35px 0 0px 0;
	margin-bottom:50px;
}
.block_info {
	padding:18px 0 14px 0;
	line-height:18px;
	color:#777;
	font-size:12px;
	text-shadow:0 1px 1px #fff;
}

.info_t {
	text-align:center;
	color:#536f68;
	font-family: Tahoma,Arial,sans-serif;
	font-size:16px;
	line-height:24px;
	font-style:italic;
	border-top:#81afa3 4px double;
	border-bottom:#81afa3 4px double;
	padding:15px 0;
	margin:30px 0 24px 0;
}
.thank_you {
	text-align:center;
	padding:15px 0;

}

h2 {
	padding:0;
	margin:0 20px 15px 20px;
	line-height:50px;
	color: #81aea2;
	font-size:25px;
	font-weight:normal;

	font-family: 'LobsterRegular';
	position:relative;
    text-shadow: 0 -1px 0 rgba(79, 110, 94, 0.8), 0 1px 0 rgba(255, 255, 255, 0.8);
}

#recke,#recke2{background:url(../images/recke.png) repeat-x;height:15px;overflow:visible;}
.item {
	width:172px;
	height:172px;
	margin:5px 12px 5px 0;
	-moz-border-radius:88px;
	-webkit-border-radius:88px;
	border-radius:88px;
	overflow:hidden;
	display:inline-block;
	border:1px #000000 solid;
	position:relative;	
}

.item.last { margin-right:0;
}
.item img {
	width:100%;
	height:100%;
	-moz-border-radius:88px;
	-webkit-border-radius:88px;
	border-radius:88px;
}

.recent_title {
	width:100%;
	display:none;
	background:url(../images/zoom_recent.png) no-repeat center bottom;
	position:absolute;
	z-index:10;
	left:0;
	bottom:-1px;
	line-height:16px;
	padding:10px 0 17px 0;
}

.item:hover .recent_title {	display:block;
}
.recent_title a { color:#c5c5c5;
}

.products, .projects {
margin-right:-25px;
margin-top:50px;
}
h3 {
    font-family: 'LobsterRegular';
	padding-top:20px;
	margin:0 0 30px 0;
	line-height:21px;
	color:#537F79;
	font-size:22px;
	font-weight:normal;
	text-shadow:0 1px 1px #B0B0B0;
	padding-right:80px;
	padding-top: 50px;
	text-shadow: 0 -1px 0 rgba(79, 110, 94, 0.8), 0 1px 0 rgba(255, 255, 255, 0.8);
}
.backtop {
	width:32px;
	height:32px;
	background:url(../images/backtop1-1.png) no-repeat left top;
	text-indent:-9999px;
	display:block;
	position:absolute;
	right:0px;
	top:8px;
}

.backtop-footer {
	width:32px;
	height:32px;
	background:url(../images/backtop-footer1.png) no-repeat left top;
	text-indent:-9999px;
	display:block;
	position:absolute;
	right:0px;
	top:8px;
}

.col54_percent {
	width:50%;
	margin-bottom:10px;
	margin-top:20px;
	 margin-left: 35px;
} 

.barbat{
	margin-right: 35px; 
	margin-top: 0px;
}

.col-1{
	margin-top: 40px;
}
.col42_percent {
	width:40%;
	margin-bottom:10px;
	margin-right:10px;
    margin-left: 20px;
    margin-top: 20px;
} 
.author { color:#000000;
}

.team {
	float:left;
	width:250px;
	margin:0 32px 20px;	
	
}

.p-programi{
	margin-top: 20px;
}

.team img {
	width:100%;
	height:auto;
	margin-bottom:16px;	
	border:2px #81afa2 solid;
}
.team .author {
	color:#999999;
	font-size:13px;
	line-height:18px;
	padding-bottom:8px;
}
.team .author span {	
	color:#000000;
	font-size:14px;
	display:block;
}
.white { color:#FFF;
}


.team div.figure {
	margin-bottom:16px;	
	
	padding:2px;


}
.team div.figure img{
	-moz-border-radius:150px;
	-webkit-border-radius:150px;
	border-radius:150px;
	overflow:hidden;
}


.figure img {
    border-radius: 50% 50% 50% 50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
    overflow: hidden;
}
.col50_percent {
	width:45%;
	position:relative;
	margin-top: 20px;
} 

h4 {
	padding:0;
	margin:10px 0;
	line-height:1.8em;
	color:#E05729;
	font-size:22px;
	font-weight:normal;
	font-family: 'mensch';
	
}
.features-app {
	color: #816A45;
	font-size: 20px;
}
.features-free{
    font-family: 'LobsterRegular';
	color: #81AEA2;
	font-size: 22px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.8);
}
#apartments img {
	float:left;
	border: none;

}
#apartments h3 { margin-bottom:50px;
}
#slika-home{
    background: url("../images/pin_06.png") no-repeat scroll 0 0 transparent;
    height: 165px;
    overflow: visible;
	margin-bottom: 50px;
}
.col275 h4{
	color: #537F79;
    text-shadow: 0 -1px 0 rgba(79, 110, 94, 0.8), 0 1px 0 rgba(255, 255, 255, 0.8);
	font-size: 16px;
}
.col215 h4{
	color: #537F79;
    text-shadow: 0 -1px 0 rgba(79, 110, 94, 0.8), 0 1px 0 rgba(255, 255, 255, 0.8);
	font-size: 16px;
}
.col275 a{
	color: #E05729;
    text-decoration: underline;
	font-size: 16px;
	text-shadow: none;
}
.col275 a:hover{
	color: #81AEA2;  
}

p.adresa-telefon {
	font-size: 16px;  
}


/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}


/* sort block */
.sort_block {	
	padding-bottom:20px;
	line-height:10px;
	    padding-left: 20px;
    padding-top: 20px;
}
#filters {position: relative;
}
#filters li {
	margin-right:24px;
	float: left; 
}
#filters li a{
	color: #816A45;
	font-size: 16px;
	line-height:10px;
}
#filters li a:hover, #filters li a.selected {
	color:#E05729;
	text-decoration:underline;
}

.element {
	float:left;
	width:213px;
	height:213px;
	margin:0 20px 20px 2px;
	-moz-border-radius:108px;
	-webkit-border-radius:108px;
	border-radius:108px;
	border:2px solid #81AFA2;
	overflow:hidden;
	position:relative;
}
.element:hover {border:2px #E05729 solid;
}
.element a:hover .zoom { display:block;
}
.element img {
	width:100%;
	height:100%;
}

.element-1 {

	border:2px solid #81AFA2;
	position:relative;

}
.slides img:hover {border:2px #E05729 solid;
}
 a:hover .zoom-1{ display:block;
}
.element-1 img {
	width:100%;
	height:100%;
}
.zoom {
	width:100%;
	height:100%;
	display:none;
	background:url(../images/zoom_opacity.png) no-repeat center center;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
}
.zoom-1{
	width:100%;
	height:100%;
	display:none;
	background:url(../images/zoom_opacity-1.png) no-repeat center center;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	
}

.zoom, .element img {	
	-moz-border-radius:108px;
	-webkit-border-radius:108px;
	border-radius:108px;
}
.photo-2{
	margin: 0 20px 40px 20px;
}

.sjenka{
width: 380px;
height: 285px;
}
.proj_name {
	position:absolute;
	z-index:200;
	left:0;
	top:70%;
	width:100%;
	text-align:center;
	font-size:13px;
	  font-weight: bold;
	color:#fff;
	display:none;
}
.element a:hover .proj_name { display:block;
}

.post { padding-bottom:30px;
   padding-top: 30px;

}

.post .col50_percent.fleft img {	
	width:65%;
	height:auto;
}
.col50_percent.fright img{	
	width:65%;
	height:auto;
	margin: 0 0 0 118px;
}
.col24_percent{
	margin: 20px 35px 10px 20px;
}

.col-1{
	margin-left: 20px;
}
.col-2{
	margin-right: 20px;
	margin-top: 35px;
}

.col-3 {
    margin-right: 35px;
    margin-top: 0;
}
.naslov h4 {
	text-align: right;
}
.bord {border:2px #F2EC99 solid;
}
.col50_percent.fleft:hover:hover .bord {
	border:2px #c93246 solid;
}

.post_zoom, .post_link {
	width:50px;
	height:45px;
	display:none;
	background:url(../images/zoom_post.png) no-repeat center center;
	position:absolute;
	z-index:10;
	right:2px;
	top:2px;
	text-indent:-9999px;
}
.post_link {
	background:url(../images/link.png) no-repeat center center;
	right:auto;
	left:2px;
	top:auto;
	bottom:2px;
}
.col50_percent:hover .post_zoom, .col50_percent:hover .post_link { display:block;
}




.post_title {
	font-size:14px;
	color:#777;
	text-shadow:0 1px 1px #fff;
	padding:3px 0 8px 0;
	line-height:18px;
	text-transform:uppercase;
}
.post_info {padding-bottom:8px;
}
.post_info li {
	display:inline-block;
	margin-right:15px;
	font-size:10px;
	color:#c93246;
	font-style:italic;
	padding-left:24px;
}
.post_info a {
	font-size:10px;
	color:#c93246;
	font-style:italic;
}
.date { background:url(../images/date.png) no-repeat left center;
}
.cats { background:url(../images/cats.png) no-repeat left center;
}
.comment { background:url(../images/comments.png) no-repeat left center;
}

.read, .read:hover {
	background:url(../images/read.png) no-repeat left top;
	width:71px;
	height:33px;
	text-decoration:none;
	display:block;
	margin-top:13px;
	font-size:13px;
	color:#fff;
	text-shadow:0 1px 1px #000;
	line-height:33px;
	padding-left:14px;
	text-transform:uppercase;
}

iframe {width:100%;
}
.video {
	height:215px;
	overflow:hidden;
}
.video iframe {height:215px;
}
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #c93246; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }

/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #c93246; }
.tipsy-arrow-s { border-top-color: #c93246; }
.tipsy-arrow-e { border-left-color: #c93246; }
.tipsy-arrow-w { border-right-color: #c93246; }

.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }


.contact_form label {
	width:115px;
	padding:0;
	margin:0;
	float:left;
	line-height:28px;
	color:#514339;
}
.contact_form p { padding-bottom:27px;
}
.textfield, .textarea {
    background:  #D6C9B1;
    border-color: #5A4E39 #FFFFFF #FFFFFF;
    border-image: none;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   background:#d6c9b1;
   opacity:0.6;
   -khtml-opacity:.60;
   -moz-opacity:.60;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin-bottom: 35px;
    outline: medium none;
    padding: 20px 12px;
    width: 85%;
}
.textfield:hover, .textarea:hover {
	background:  #b0a796;
}


:required {
    border-color: #5A4E39 #FFFFFF #FFFFFF;
}
:invalid {
    border-color: #5A4E39 #FFFFFF #FFFFFF;
    box-shadow: 0 0 0 rgba(255, 0, 0, 0.8);
}

.send_mess {

	height:40px;
	 font-family: 'mensch';
	color:#E05729;
	font-size: 22px;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.8), 0 1px 0 rgba(255, 255, 255, 0.9);
	cursor: pointer;
   background:#d6c9b1; 
   border:1px solid;
   border-color:#5a4e39 #ffffff #ffffff;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   margin-bottom: 50px;
}
.send_mess:hover {
	color: #81AEA2;	
}
.map {
	height:390px;
	overflow:hidden;
	border:3px solid #F2EC99;
	margin-bottom:20px;
	    margin-right: 20px;
}
.map iframe {
	height:390px;
}

.col275 {
	float:left;
	width:65%;

}
.col215 {
	float:left;
	
}
.col215 a { color:#999999;
}

.col275 li {
	float:left;
	margin:0 11px 11px 0;
}
#footer {
	background:#E05729;
	line-height:16px;
	font-size:11px;
	color:#b5b4b4;
}
.container {position: relative;
}
#footer .backtop {top:14px;
}

#footer .backtop-footer {top:14px;
}

#footer .container {padding:22px 0;
}
.programi{
	border:2px solid #E4E4E4;
	
}
.slike-programi{
	margin-top: 20px;
}
.naslov-programi{
	margin:10px 0;
}