@font-face {
 font-family: 'CalibriRegular';
 src: url('/duba_stonska/font/calibri.eot');
 src: url('/duba_stonska/font/calibri.eot') format('embedded-opentype'), url('/duba_stonska/font/calibri.woff') format('woff'), url('/duba_stonska/font/calibri.ttf') format('truetype'), url('/duba_stonska/font/calibri.svg#CalibriRegular') format('svg');
}
@font-face {
 font-family: 'CalibriBold';
 src: url('/duba_stonska/font/calibrib.eot');
 src: url('/duba_stonska/font/calibrib.eot') format('embedded-opentype'), url('/duba_stonska/font/calibrib.woff') format('woff'), url('/duba_stonska/font/calibrib.ttf') format('truetype'), url('/duba_stonska/font/calibrib.svg#CalibriBold') format('svg');
}
@font-face {
 font-family: 'CalibriItalic';
 src: url('/duba_stonska/font/calibrii.eot');
 src: url('/duba_stonska/font/calibrii.eot') format('embedded-opentype'), url('/duba_stonska/font/calibrii.woff') format('woff'), url('/duba_stonska/font/calibrii.ttf') format('truetype'), url('/duba_stonska/font/calibrii.svg#CalibriItalic') format('svg');
}
body {
	background: #d7d7d7;
	margin: 0px;
	padding: 0px;
	font: 86% Calibri, Arial, Helvetica, sans-serif;
}
#container {
	position: relative;
	width: 1000px;
	margin: 0px auto;
}
#top-header {
	float: left;
	height: 80px;
	width: 100%;
}
#top {
	background-color: #FFFFFF;
	height: 80px;
	width: 1000px;
}
#logo {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 25%;
	max-width: 136px
}

#logo img {
	width: 100%;
	height: auto;
}
#flags {
	float: right;
	margin-right: 30px;
	text-align: right;
	width: 46%;
	margin-top: 10px;
}
#flags ul {
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#flags ul li {
	float: left;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	list-style: none;
}
#menu {
	float:right;
	width: 75%;
}
#menu ul.meni li a {
	color: #58585A;
	font-family: "CalibriRegular", Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-decoration: none;
}
#menu ul.meni li a:hover {
	color:#00b0e6;
}

.section-about #menu ul.meni li a.About-A, .section-realEstate #menu ul.meni li a.RealEstate-A, .section-member #menu ul.meni li a.Member-A, .section-news #menu ul.meni li a.News-A, .section-contact #menu ul.meni li a.Contact-A {
	color:#00b0e6;
}




#menu ul.meni li.activ a {
	text-decoration: none;
	color:#00b0e6;
}
#menu ul.meni li {
	float: left;
	list-style: none;
	margin-left: 20px;
}
ul.meni {
	float: right;
	margin: 15px 30px 0 0;
	padding: 0;
}

#footer {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 0.9em
}

#content {
	background: #fff;
	padding: 2em;
	margin-top: 1em;
}

.clear {
	clear: both;
}

#header {
	background: url(../images/header-img/home-page.jpg) no-repeat top center;
	height: 250px;
}

.section-realEstate #header {
	background: url(../images/header-img/real-estate.jpg) no-repeat top center;
}


.section-news #header {
	background: url(../images/header-img/news-header.jpg) no-repeat top center;
}

.section-about #header {
	background: url(../images/header-img/about-us.jpg) no-repeat top center;
}

#header {
	background: url(../images/header-img/home-page.jpg) no-repeat top center;
}

.row {
	display: block;
	clear: both;
}

.row label {
	float: left;
	width: 15%;
}

span.formw {
	float: left;
	width: 50%;
	margin-bottom: 5px;
}

span.formw input {
	width: 250px;
	padding: 5px;
	background: #fff;
	font-family: "CalibriRegular", Arial, Helvetica, sans-serif;
	font-size: small;
	border: 1px solid #999;
}

input.buttons {
	background: #00b0e6;
	border: 1px solid #00b0e6;
	-webkit-border-radius: 4px;
	/* Firefox 1-3.6 */
	-moz-border-radius: 4px;
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 4px;
	padding: 5px 7px;
	color: #fff;
	margin-right: 5px;
}

.OddRow {
	background: #ddd;
	border-bottom: 1px solid #ccc;
}

.EvenRow {
	background: #fff;
	border-bottom: 1px solid #ccc;
}

#leftColumnContent {
	float: left;
	width: 75%;
}

#rightColumnPeople {
	float: right;
}

/* styles */

a:link, a:visited {
	color: #000;
}

a:hover, a:active {
	color: #00b0e6;
}

p.HomeText {
	font-size: 1.2em;
	font-family: "CalibriBold", Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "CalibriBold", Arial, Helvetica, sans-serif;
}

h1 {
	color: #00b0e6;
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.2em;
}

h2, h3, h4, h5, h6 {
	color: #444;
}


/* New Map */

/* Image map styles */
.imageMap {
	width:100%;
	height: auto;
	position:relative;
	margin-bottom:200px;
}
.imageMap img {
	display:block;
	width:100%;
	height: auto;
	border-radius: 0;
}
.imageMap .hotspots {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	visibility:hidden;
}
.imageMap a.Map-Link {
	display:block;
	position:absolute;
	background: url(../images/map/map-point.png) no-repeat top center;
	z-index: 1;
	opacity:1;
	filter: alpha(opacity=100);
	border:1px solid transparent;
	border-radius: 30px;
	width: 34px;
	height: 34px;
}
/* Africa */
.imageMap a.p1 {
	top: 62.5%;
	left: 53.5%;
}
/* America */
.imageMap a.p2 {
	top: 37.5%;
	left: 30.4%;
} 
/* Australasia */
.imageMap a.p3 {
	top: 75%;
	left: 87%;
} 
/* Europe */
.imageMap a.p4 {
	top: 43%;
	left: 26%;
} 
/* MiddleEast */
.imageMap a.p5 {
	top: 65.5%;
	left: 59.5%;
} 
/* Russia */
.imageMap a.p6 {
	top: 14%;
	left: 55%;
} 
/* SouthEastAsia */
.imageMap a.p7 {
	top: 58%;
	left: 76%;
}

/* Slovenia */
.imageMap a.p8 {
	top: 61%;
	left: 50.5%;
}

.imageMap div.Content-Map-Outer {
	position: absolute;
}

.imageMap div.Croatia-Map {
	top: 62.5%;
	left: 53.5%;
}


.imageMap div.UK-Map {
	top: 37.5%;
	left: 30.4%;
}

.imageMap div.Australasia-Map {
	top: 75%;
	left: 87%;
}

.imageMap div.Channel-Map {
	top: 43%;
	left: 26%;
}

.imageMap div.Serbia-Map {
	top: 65.5%;
	left: 59.5%;
}

.imageMap div.Russia-Map {
	top: 14%;
	left: 55%;
}

.imageMap div.SE-Asia-Map {
	top: 58%;
	left: 76%;
}

.imageMap div.Slovenia-Map {
	top: 61%;
	left: 50.5%;
}

.imageMap a.Map-Link + div.Content-Map {
	position:absolute;
	left: 0;
	top: 0;
	margin-top: 1em;
	width: 300px;
	color:#444;
	display:none;
	background: #fff;
	z-index: 9
}

.imageMap div.Croatia-Map div.Content-Map {
	margin-left: -20em
}


.imageMap div.UK-Map div.Content-Map {
	
}

.imageMap div.Australasia-Map div.Content-Map {
	margin-left: -20em
}

.imageMap div.Channel-Map div.Content-Map {
	margin-left: -20em
}

.imageMap div.Serbia-Map div.Content-Map {
	margin-left: -20em
}

.imageMap div.Russia-Map div.Content-Map {
	margin-left: -20em
}

.imageMap div.SE-Asia-Map div.Content-Map {
	margin-left: -20em
}

.imageMap .hotspots {
	visibility:visible;
}
.imageMap p strong {
	display:block;
	padding:0;
	margin:0;
	color:#000;
}
.imageMap p {
	color:#444;
}
.imageMap b {
	display:block;
	position:absolute;
	background: url(../images/map/map-point.png) no-repeat top center;
	z-index: 2;
	opacity:0;
	filter: alpha(opacity=0);
	padding:1px;
	width: 34px;
	height: 34px;
}
/* Africa */
.imageMap b.b1 {
	top: 67%;
	left: 53.5%;
} 
/* America */
.imageMap b.b2 {
	top: 26%;
	left: 21%;
} 
/* Australasia */
.imageMap b.b3 {
	top: 75%;
	left: 87%;
} 
/* Europe */
.imageMap b.b4 {
	top: 14%;
	left: 44.5%;
} 
/* MiddleEast */
.imageMap b.b5 {
	top: 35%;
	left: 60%;
} 
/* Russia */
.imageMap b.b6 {
	top: 14%;
	left: 55%;
} 
/* SouthEastAsia */
.imageMap b.b7 {
	top: 58%;
	left: 76%;
} 
.imageMap .hotspots div:hover b {
	width: 34px;
	padding:0;
}
.imageMap .hotspots div:hover div.Content-Map {
	display:block;
}
.imageMap .hotspots div:hover a.Map-Link {
	background: url(../images/map/map-point.png) no-repeat top center;
	z-index: 3;
	opacity:0.5;
	filter: alpha(opacity=50);
	border: 3px solid #212121;
}


/* New Map */

.ContactIntro {
		padding: 5px;
		margin:10px 8px 10px 10px;
		border:1px solid #ccc;		
		width: 35%;
		float: right
}


@media (max-width: 1024px) {
#container, #top {
		width: 100%;
}

#header {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	height: 200px;
}

#flags {
		margin-right: 1em;
}


}

@media (max-width: 800px) {
.imageMap div.Channel-Map {
	top: 41%;
	left: 26%;
}

.imageMap div.Slovenia-Map {
	top: 60.5%;
	left: 49%;
}

.row label {
	float: left;
	width: 100%;
}

span.formw {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

span.formw input {
	width: 250px;
	padding: 5px;
	background: #fff;
	font-family: "CalibriRegular", Arial, Helvetica, sans-serif;
	font-size: small;
	border: 1px solid #999;
}

input.buttons {
	background: #00b0e6;
	border: 1px solid #00b0e6;
	-webkit-border-radius: 4px;
	/* Firefox 1-3.6 */
	-moz-border-radius: 4px;
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 4px;
	padding: 5px 7px;
	color: #fff;
}

}

@media (max-width: 680px) {
#header {
	height: 150px;
}

#leftColumnContent {
		width: 100%;
}

#rightColumnPeople {
		float: left;
}
.ContactIntro {
		width: 90%;
}

.imageMap div.UK-Map {
	top: 35.5%;
	left: 30.4%;
}
}

@media (max-width: 500px) {
#header {
	height: 100px;
}

.imageMap div.UK-Map {
	top: 26.5%;
	left: 26.4%;
}

.imageMap div.Channel-Map {
	top: 40%;
	left: 25%;
}

.imageMap div.Slovenia-Map {
	top: 59.5%;
	left: 48%;
}

span.formw input {
	width: 90%;
	padding: 1em;
	background: #fff;
	font-family: "CalibriRegular", Arial, Helvetica, sans-serif;
	font-size: small;
	border: 1px solid #999;
}

}

@media (max-width: 400px) {
#header {
	height: 75px;
}

.imageMap div.Slovenia-Map {
	top: 57.5%;
	left: 46%;
}

.imageMap div.Serbia-Map {
	top: 63.5%;
	left: 59.5%;
}
}