html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Arial', sans-serif;
	text-decoration:none;
	font-size:12px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background:#FFF;
	padding:0 20px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.half {width:50%;}
.third {width: 33.33%;}
.third-x2 {width:66.66%;}

.fifth {width:20%;}

.alignC {text-align: center;}
.alignR {text-align: right;}
.left {float:left; margin-left:0 !important; text-align:left;}
.right {float:right; margin-right:0 !important;}

.quarter {width: 25%;}
.quarter-x3 {width:75%;}

.clear:after {content:''; display:block; clear:both;}

h1 {font-size:22px; color:#21535c; line-height: 1.3em; padding-bottom:15px;}
h2 {font-size:18px; color:#21535c; line-height: 1.3em; padding-bottom:10px;}
h2.bordered {border-bottom:1px solid #21535c; padding-top: 15px; margin-bottom: 15px;}
h3 {font-size:16px; color:#21535c; line-height: 1.3em; padding-bottom:10px; }
h4 {font-size:30px; text-align: center; color:#449dad; margin-bottom:15px; font-weight: bold;}
h5 {font-size:20px; color:#009999; display:block; padding-bottom: 10px;}
h6 {font-size:14px; color:#009999; display:block; padding-bottom: 10px;}

input,textarea {width: 100%; margin-bottom: 10px; outline:none; border:none; border:1px solid #CCC;}

sup { font-size:0.6em; margin-bottom: 5px;}

.box {-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */   -moz-box-sizing: border-box;    /* Firefox, other Gecko */   box-sizing: border-box;}

p {font-size:14px; line-height:1.3em; color:#787878; }
img.textSlika {padding-right:10px;}

a {color:#000;}
a:hover {color:#CCC;}

a.more {background: none repeat scroll 0 0 #449dad;
border-radius: 10px;
color: #fff;
display: inline-block;
float: right;
font-size: 12px;
line-height: 30px;
margin-top: 15px;
padding: 0 10px;
text-align: center;}

a.more:hover {background:#21535c;}

.container {width:990px; margin:0 auto;}

canvas#mycanvas {background: url("/images/village_bokagardens.jpg") top left no-repeat; background-size: 100%;  width:990px; height:616px;}
canvas#mycanvas2 {background: url("/images/kuca-strp.jpg") top left no-repeat; background-size: 100%;  width:990px; height:742px;}

/* HEADER */

#topHeader {border-bottom: 1px solid #449dad; width: 100%; height: 30px;}
#topHeader ul li {display: inline-block;}
#topHeader ul li a {display:block; font-size:12px; color:#449dad; line-height: 30px; padding-right: 10px; font-size:11px; }
#topHeader .half a img {height:20px; padding-top: 5px; opacity: 0.4;}
#topHeader .half a:hover img {opacity: 1;}

#logo {padding:30px 0;}

#navigation {padding-bottom:15px; margin-bottom:15px; border-bottom: 1px solid #CCC;}
#navigation ul li {display:inline-block;}
#navigation ul li a {display: block; padding:0 5px; text-transform: uppercase; font-size:14px; color:#449dad; font-weight: bold;}
#navigation ul li a:hover, #navigation ul li a.active {color:#21535c;}

/* SLIDER */

.owl-stage-outer {width: 100%; height: 400px; display:block; margin:30px 0;}
.owl-controls {position: absolute; bottom: -40px; z-index: 10;  left:0; width: 100%; height: 20px;}
.owl-controls .owl-dots {width:900px; margin:0 auto; text-align: center;}
.owl-controls .owl-dots .owl-dot {display:inline-block;} 
.owl-controls .owl-dots .owl-dot span {margin:0 5px; background:#CCC; display: block; width:20px; height:20px; border-radius: 10px;} 
.owl-controls .owl-dots .active span {background:#21535c;}

/* INDEX CONTENT */

.filters {background:#f5f5f5; border:1px solid #CCC; padding:5px 10px; margin-bottom: 10px; } 
.filters p {margin-bottom: 0 !important;}
.filters a.next{display:inline-block; padding-left:20px; color:#787878;}
.filters a.prev{display:inline-block;  color:#787878;}
.filters a.prev:hover, .filters a.next:hover {color:#111;}

.shares {border-bottom:1px solid #CCC; padding-bottom: 10px; margin-bottom: 10px; width: 100%;}
.shares a {opacity: 0.4; }
.shares a span {width:20px; height:20px; border-radius:10px; border:2px solid #000; display:inline-block; text-align: center; line-height: 20px; margin-top: -10px;}
.shares a img {width: 36px;}
.shares a:hover {opacity: 1;}
.shares em {color:#787878; font-size:12px; display:block; padding:10px 0 0 0}

.blocks {padding:30px; border-top:1px solid #CCC;}
.blocks h2 {text-align: center;}
.blocks .third:nth-child(3n+1) .inner {margin:0 10px 0 0;}
.blocks .third:nth-child(3n+2) .inner {margin:0 5px 5px 0;}
.blocks .third:nth-child(3n+3) .inner {margin:0  0  0 10px;}
.blocks a {background:#449dad; float:right; color:#FFF; font-size:12px; line-height: 30px; border-radius: 10px; text-align: center; display:inline-block; margin-top:15px; padding:0 10px;}

.index-gallery h3 {text-align: center;}

#uvod { overflow: hidden; padding:10px 0; }
#uvod a {width:16px; display:inline-block; float:right; margin-top: 2px;}
#uvod a img {width:100%;}
#none {display: none;}

.galerija .fifth a {display: block;}
.galerija .fifth:nth-child(5n+1) a {margin: 0 12px 0 0;}
.galerija .fifth:nth-child(5n+2) a {margin: 0 9px 0 3px;}
.galerija .fifth:nth-child(5n+3) a {margin: 0 6px 0 6px;}
.galerija .fifth:nth-child(5n+4) a {margin: 0 3px 0 9px;}
.galerija .fifth:nth-child(5n+5) a {margin: 0 0 0 12px;}

.gray {margin:15px 0; border-top: 1px solid #CCC; padding:15px 0; border-bottom:1px solid #CCC;}
#map-canvas {width: 100%; height: 350px; border:5px solid #CCC;}
#map-canvas p, #map-canvas a {font-size:11px; margin-top: 10px;}
/* PAGE P */

.floating-anchors, .floating-image {position: relative;}
.floating-anchor-builded {display: inline-block; z-index: 1; border: 5px solid #FD1567; background: none !important; text-indent: -9999px; /*opacity: 0.1;*/}
.floating-anchor-builded:hover {opacity: 0.2; background: black !important;}

.ors a {display: block; font-size: 22px; text-align: center; background: #21535c; color: #FFF; padding: 20px; border-radius: 3px; line-height: 1.3em;}
.ors a img {padding-bottom: 20px;}
.ors a:hover { background: #009999;}

.page p {margin-bottom: 10px;}
.page p strong {font-weight: bold; font-size: 14px;}
.page img {width: 100%;}

.page table tbody tr td:nth-child(2n+1) {padding-right:7.5px; padding-bottom:15px; width:50%;}
.page table tbody tr td:nth-child(2n+2) {padding-left:7.5px; padding-bottom:15px;}

.kontaktforma { margin-bottom: 15px;}
.kontaktforma input[type="text"], .kontaktforma textarea {padding:10px;}
.kontaktforma input[type="submit"] {height: 40px; cursor:pointer;}
.kontaktforma input[type="submit"]:hover {background:#009999; color:#FFF;}

/* LIST ITEM */

.interactiveMap {position:relative;}
.interactiveMap img {width: 100%; margin-bottom: 15px; display: block;}
.interactiveMap a {position: absolute; z-index: 1; background: rgba(255,255,255,0.6); padding:10px; border-radius: 4px; border:1px solid #CCC; left:15px; width:100px;}
.interactiveMap a:hover {color:#000; background: #FFF; border:none; padding:10px 12px; }

.interactiveMap2 {position:relative;}
.interactiveMap2 img {width: 100%; margin-bottom: 15px; display: block;}
.interactiveMap2 a {position: absolute; z-index: 1; background: rgba(255,255,255,0.6); padding:10px; border-radius: 4px; border:1px solid #CCC; left:15px; width:190px;}
.interactiveMap2 a:hover {color:#000; background: #FFF; border:none; padding:10px 12px; }

.items .list_item a {border:1px solid #CCC; padding:10px; display:inline-block;}
.items .list_item:nth-child(3n+1) a {margin:0 6.66px 10px 0;}
.items .list_item:nth-child(3n+2) a {margin:0 3.33px 10px 3.33px; }
.items .list_item:nth-child(3n+3) a {margin:0 0px 10px 6.66px;}

.items .list_item a {position:relative; overflow: hidden;}
.items .list_item a:hover {border:1px solid #000;}
.items .list_item a strong {display:block; padding:10px 0; font-weight: bold; font-size:16px;}
.items .list_item a img {width:100%;}
.items .list_item a span.price {position: absolute; top:0px; right:10px; background:#449dad; font-size: 18px; color:#FFF; padding:5px 10px; font-weight: bold;}
.items .list_item a span.image_holder {display:block; overflow: hidden; width: 100%; height:200px; }
.items .list_item a em {color:#787878; display:block; height: 40px; margin-bottom:10px;}
.items .list_item a b {display:block; padding:8px 10px 8px 40px; color:#333; font-size:14px;  }
.items .list_item a b.square {background: #f4f4f4 url("/images/square_meters.jpg") center left 10px no-repeat;}
.items .list_item a b.features  {background: #f4f4f4 url("/images/features.jpg") center left 10px no-repeat; margin-top:2px;}

.padding20 {padding:20px;}
#popup {background: rgba(0,0,0,0.7); position: fixed; height:100%; z-index: 9999; top: 0; left: 0; width: 100%; display: none;}
#popup .inner_pop {width:600px; margin:100px auto; text-align: left; min-height: 20px; background: #FFF; position:relative;}
#popup .inner_pop h6 {display:block; color:#FFF; font-size: 20px; line-height: 2em; margin-bottom:10px; padding:10px; background: #009999;}
#popup .inner_pop p {font-size:14px; color:#787878;}
#popup .inner_pop ul {list-style-type: dot; display: block; padding: 10px;}
#popup .inner_pop a {position:absolute; right:0; bottom:0; padding:10px; color:#FFF; background:#009999; display:inline-block;}
#popup .inner_pop a:hover {background:#449dad;}

/* ITEM */

.img_holder .inner {margin:0 15px 0 0;}
.img_holder img {width:100%;}

.under .third-x2 .inner {padding-right: 15px;}

aside.third h3 {font-size:22px;}
.specs p {margin-bottom: 10px;}
.specs p strong {font-size:16px;}
.specs ul {display:block; border-bottom:1px solid #CCC; margin-bottom:5px;  }
.specs ul li {color:#787878; padding:2px 0;}

.content {padding:15px 0;}
.customPaddingTop {padding-top:24px;}
.custom_gallery .fifth {width:33.33% !important;}
.custom_gallery .fifth a {padding:0px; border:none;}
.custom_gallery .fifth:nth-child(3n+1) a {margin:0 6.66px 10px 0 !important;}
.custom_gallery .fifth:nth-child(3n+2) a {margin: 0 3.33px 10px 3.33px !important;}
.custom_gallery .fifth:nth-child(3n+3) a {margin: 0 0 10px 6.66px !important;}
.grayBack {background:#f3f4f4; border:1px solid #CCC; padding:10px; margin-top:15px;}
.grayBack input {height:30px; padding:0 10px;}
.grayBack textarea {height:100px; padding:5px 10px;}
.grayBack input[type="submit"] {background:#009999; color:#FFF; text-align: center; cursor: pointer; border:none;}
.grayBack input[type="submit"]:hover {background:#449dad;}

/* NEWS SINGLE */

.news_single {border-top: 1px solid #CCC; padding:15px 0; margin-bottom: 15px;}
.news_single .quarter img {width:100%;}
.news_single .quarter .inner {margin-right:7.5px;}
.news_single .quarter-x3 .inner {margin-left:7.5px;}

/* FOOTER */

#footer {background:#f5f5f5;}
.footer {  padding:15px; width: auto;  }
.footer h3 {padding-bottom: 3px;}
.footer ul li a {color:#787878; display: block; padding:4px 0;}
.footer ul li a:hover {color:#000}
.borderL {border-left:1px solid #CCC; padding-left:15px;}
#footer p, #footer a {font-size:11px; padding-top:5px;}
p.copy {line-height: 40px; padding-bottom:10px;}