@charset "utf-8";
body {font:62.5%/140% Arial,Helvetica,sans-serif; text-align:left; padding:150px 50px; background-color: #303030;}
a {outline:none;} a:active {outline:none;} a:focus {-moz-outline-style:none;}
p {color:#333; font-size:1.2em; line-height:1.4; padding:0; margin:0 0 0 0; text-align:justify;}
li {color:#dadada; font-size:1.2em; line-height:1.4; padding:0; margin:0; text-align:left;}
ul {margin-top:0;}
h1 { float:left;color:#dedede;font-size:0em;line-height:1.2; font-style:normal;text-transform: none; margin:20px 0 0 200px; font-family:Verdana, Arial, sans-serif;}
h1 span {color:#717b87; font-size:0; }
h2 {color:#666;font-size:1.8em; font-style:normal; text-transform:none; margin:0px 0 20px 0;}
.wrap p,.wrap li {color:#333;} .wrap h2, .wrap h3 {color:#666;}


h3  {color:#f2f2f2;font-size:1.2em; font-style:bold; margin:20px 0 3px 0;}
h3 a:link {color:#f2f2f2;font-size:1.2em; font-style:bold; }
h3 a:visited {color:#f2f2f2;font-size:1.2em; font-style:bold; }
h3 a:hover {color:#fff;font-size:1.2em; font-style:bold; }


iframe {float:right; margin:0; width:485px; height:370px; border:none;}

a.button {float:right; display:block; width:310px; background: #18518a; color:#fff;  font-size:1.2em; margin:0 0 10px 20px; padding:5px; text-decoration:none; font-style:bold; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;}
a.button:hover {background: none #18518a;}

#container {position: absolute;	width:940px; top:0px; left:50%; margin:20px 0 0 -510px; padding:0 40px 40px 40px; background: url(../files/bg-cont.jpg) repeat-x #dedede;  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#header {width:1020px;	height:200px;	margin:0 -40px 0 -40px; background:url(../files/head-small.jpg) no-repeat;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#nostress {display:none; position:absolute; top:-19px; right:-25px; width:348px; height:266px;	background:url(../files/nostress.png) no-repeat;}
#content {float:left; width:660px; height:auto; margin:0; padding:20px; background:#dedede;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}


#appartments {position:relative; z-index:1000; width:660px; height:392px; background:url(../files/3d-izrez.png) no-repeat; margin:0;}
#appartments .general li a {font-size:1.2em; display:block; margin:0 0 8px 0; width:126px;}
#appartments ul {width:182px; list-style: none; text-decoration: none; margin:0; padding:0;}
#appartments ul li {}
#appartments ul li a { display:block; padding:5px; margin:0 4px 4px 0; text-decoration: none; text-align:center; width:56px;  background:url(../files/sidebg.gif) repeat-x #18518a; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#appartments ul li a:hover {background-image:none;}

.lang {display:block; width:206px; background: #18518a; color:#fff; margin:0 0 15px 0; padding:4px 4px 4px 10px; text-transform:uppercase; text-decoration:none; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.lang img{border:none;margin:2px 10px -2px 0;}
#sidebar {float:left; width:220px; margin:0 0 0 20px; padding:0;}
#sidebar ul {margin:0; padding:0;}
#sidebar ul li {list-style:none; color:#fff; margin:0; padding:0;}
#sidebar ul li a {display:block; width:206px; background: url(../files/sidebg.gif) repeat-x #18518a; color:#fff; margin:0 0 4px 0; padding:4px 4px 4px 10px; text-decoration:none; font-style:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#sidebar ul li a:hover, #sidebar ul li a:active, #sidebar ul li a:focus{background-image:none;}
#sidebar h3 {margin:16px 0 0 0; padding:20px; background-color: #ff0000; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; text-align:center; font-size: 2.2em; line-height:1.4; text-transform:uppercase; font-weight: bold;}



#footer {float:left; width:900px;	margin:25px 0 0 0; padding: 20px; background: url(../files/bg-cont.gif) repeat-x #656d7a; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#footer h3{float: left; width:210px; font-size: 2em; margin:0 0 10px 0;}

#bottombar {float:left; width:210px; margin:0 0 -4px 20px; padding:0;}
#bottombar li {list-style:none;color:#fff;margin:0 0 5px 0; padding:0;}
#bottombar li a {color:#fff; text-decoration:underline; font-style:bold;}
#bottombar li a:hover, #bottombar li a:active, #bottombar li a:focus{background-image:none;}

.gallery {float:right; width:440px; margin:-4px -4px 0 0;}
.gallery img {width:46px; height:46px; background-color:#; padding: 0px; border: 1px solid #656d7a; margin: 4px 4px 0 0;}
/* the active thumbnail */
.gallery a.active img {outline:1px solid #000;	/* show on top of the expose mask */	z-index:9999;	position:relative;}

.gallery2{}
.gallery2 img {width:73px; height:50px; background-color:#; padding: 0px; border: 1px solid #656d7a; margin: 4px 4px 0 0;}
/* the active thumbnail */
.gallery2 a.active img {outline:1px solid #000;	/* show on top of the expose mask */	z-index:9999;	position:relative;}
.put {width:243px; margin:20px 0 0 0;}

.map {float:left; width:650px; background: url(../files/bg-cont.jpg) repeat-x; color:#fff; margin:0; padding:5px; font-style:bold; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

.map table {float: left; font-size:1.2em; width:155px; padding:0; border-spacing:0; border-collapse:collapse;margin:0;}
.map table td{padding:0; margin:0;}

.map table tr td a  {color:#fff;text-decoration:none; display:block; padding:3px 3px 3px 6px; background:url(../files/sidebg.gif) repeat-x#333; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; font-weight:bold;}
.map table tr td a:hover  {background:none #18518a; }

/******** TEASER ********/
.promo {float:left; width:700px; height:auto; margin:0; padding:0; background:#dedede;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

.images {position:relative; width:700px; height:420px; margin:0;	padding:0; cursor:pointer;background: url(../files/bg-cont.gif) repeat-x #18518a;-moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}
.images div {position:absolute; bottom:0; right:0; display:none; margin:0; padding:0; height:420px; width:700px;}
.images div img {	position:absolute; bottom:0; right:0; width:700px;}

.images div p {position:absolute; top:0; left:0; width:660px; height: auto; padding:15px 20px 15px 20px; margin:0; font-size:1.2em; line-height:1.3;color:#fff; background: url(../files/bg-cont.gif) repeat-x #18518a;  text-align:left; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}
.images div p span{font-size:1.6em; font-weight:bold; display:block; margin: 0 0 -12px 0; padding: 0;}

.tabs {	float:left;margin: 0 20px 0 0;}

.tabs a {float:left; display:block; width:90px; color:#dedede; font-size:1.2em; font-weight:bold; padding:5px; text-transform:uppercase; text-decoration: none; text-align:center; background:#666; -moz-border-radius:0  0 10px 10px; -webkit-border-radius:0  0 10px 10px; border-radius:0  0 10px 10px;}

.tabs a:hover {	background:none #18518a; }
.tabs a.current {background-position:0 -16px;	background: none #18518a;}

.ctrl {	float:left;}

.ctrl a {float:left; display:block; width:80px; color:#dedede; font-size:1.2em; font-weight:bold; padding:5px; margin:0; text-transform:uppercase; text-decoration: none; text-align:center; background:#333; -moz-border-radius:0  0 10px 10px; -webkit-border-radius:0  0 10px 10px; border-radius:0  0 10px 10px;}

.ctrl a:hover {	background:none #18518a; }
.ctrl a.current {background-position:0 -16px;	background: none #656d7a;}

/******** GALERIJA ********/

/* the overlayed element */
.simple_overlay {	/* must be initially hidden */	display:none;	/* place overlay on top of other elements */	z-index:10000;
	/* styling */
background-color:#333;	width:675px;		min-height:200px;	border:1px solid #666;	-moz-box-shadow:0 0 90px 5px #000;	-webkit-box-shadow: 0 0 90px #000;	}
/* close button positioned on upper right corner */
.simple_overlay .close {background-image:url(../img/overlay/close.png);	position:absolute;	right:-15px;	top:-15px;	cursor:pointer;	height:35px;	width:35px;}
/* the large image. we use a gray border around it */
#img {border:1px solid #666;}
/* "next image" and "prev image" links */
.next, .prev {
/* absolute positioning relative to the overlay */
position:absolute;	top:40%;	border:1px solid #666;	cursor:pointer;	display:block;	padding:10px 20px;	color:#fff;	font-size:11px;	-moz-border-radius:5px;	-webkit-border-radius:5px;}
.prev {	left:0;	border-left:0;	-moz-border-radius-topleft:0;	-moz-border-radius-bottomleft:0;	-webkit-border-bottom-left-radius:0;	-webkit-border-top-left-radius:0;}
.next {	right:0;	border-right:0;	-moz-border-radius-topright:0;	-moz-border-radius-bottomright:0;	-webkit-border-bottom-right-radius:0;	-webkit-border-top-right-radius:0;}
.next:hover, .prev:hover {	text-decoration:underline;	background-color:#000;}
/* when there is no next or previous link available this class is added */
.disabled {	visibility:hidden;	}
/* the "information box" */
.info {position:absolute;	bottom:0;	left:0;		padding:10px 15px;	color:#fff;	font-size:11px;	border-top:1px solid #666;}
.info strong {display:block;	}
/* progress indicator (animated gif). should be initially hidden */
.progress {position:absolute;	top:45%;	left:50%;	display:none;}
/* everybody should know about RGBA colors. */
.next, .prev, .info {	background:#333 !important;	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;	}
/* the thumbnails */
.lokacija {width:210px;}
.lokacija img {width:44px; height:46px; background-color:#fff;	padding:0;	border:1px solid #18518a;	margin:4px 4px 0 0;}