.wrapper{margin:0 auto; position:relative; width:987px;}
#header{ background:url(../images/header-bg.png) repeat-x; height:131px; /*margin-bottom:9px;*/}
#logo{float:left; width:251px; padding:0}
.nav-wrap{float:right; width:690px;}
.language-wrap{background:url(../images/language-bg.png) no-repeat;height:40px; float:right; margin:0 12px 0 0; padding:0 14px 0 15px}
.language-wrap a{float:left; display:inline-block; margin:6px 5px}
#main-navigation{background:url(../images/nav-bg.png) no-repeat 15px 9px; width:690px; height:83px; float:right;}
.nav-links{margin:0;padding:0px 0 0 82px;}
.nav-links li{float:left;display:block; margin-right:18px; position:relative;}
.nav-links li a{display:block;padding-right:19px; position:relative;}
.nav-links li a span{display:block; font-size:15px; line-height:21px; color:#3b8ab4; padding:30px 0px 14px 19px; position:relative;}
.nav-links li a em{position:absolute; background:url(../images/white-arrow.png) no-repeat; width:8px; height:9px; position:absolute; top:22px; left:55%;display:none;}
.nav-links li a:hover, .nav-links li a.active{background:url(../images/right-nav.png) right top no-repeat;}
.nav-links li a:hover span, .nav-links li a.active span{background:url(../images/nav-left.png) left top no-repeat; color:#fff;}
.nav-links li a:hover em, .nav-links li a.active em{display:block;}
#baner-teaser{background:url(../images/banner-shadow.png) no-repeat center bottom; padding-bottom:15px; margin:0 0 14px}
.banner-wrap{background:url(../images/banner-bg-1.png) no-repeat center bottom; height:342px;}
.banner-wrap .banner-slider{height:340px; margin:0 auto; overflow:hidden}
.banner-wrap .banner-slider li{overflow:hidden; float:left; display:block; position:relative; width:985px;}
.banner-wrap .banner-slider li .des-div{background:url(../images/text-bg1.png) no-repeat; font-size:25px; color:#3da9e1; text-transform:uppercase; line-height:46px; position:absolute; z-index:999; left:14%; top:121px; width:455px; padding:2px 0 16px 16px}
.banner-div{border-bottom:1px solid #ddd;position:relative;width:985px; margin:0 auto; padding:0 0 21px}
.pager{position:absolute; background:#fff; left:45%; bottom:-6px; padding:0 5px;}
.pager li{float:left; display:block; margin:0 5px;}
.pager li a{display:block; background:url(../images/pointer.png) no-repeat right top; width:11px; height:11px;}
.pager li a:hover{background-position:left top;}
.activeSlide a, .pager li.activeSlide a{background-position:left top;}
.container{padding:0 3px;}
.container h2{font-size:24px; line-height:28px; color:#2062ad; margin:0 0 10px; font-weight:normal;}
.container .normal-text{font-size:13px; line-height:24px; color:#686868; text-align:justify;}
.container .wide-column{float:left; width:575px;}
.container .narrow-column{float:right; width:365px; margin:0 19px 0 0}
.welcome-div{background:url(../images/border-div.png) no-repeat  bottom center; padding:0 0 17px; margin:0 0 3px}
.welcome-div h2{ padding:12px 0 0;}
.img-bg{background:#fff; padding:5px; box-shadow:0 0 3px #333; -moz-box-shadow:0 0 3px #333; -webkit-box-shadow:0 0 3px #333; behavior: url(pie.htc); position:relative}
.gallery-wrap{margin:0 0 14px;}
.gallery{width:585px; float:left;}
.contact_info p{color:#555;}
.contact_info p span {color: #2062ad;}
.gallery .gallery-list{ padding:17px 0 0}
.gallery .gallery-list li, .narrow-column2 .gallery-list li{float:left; display:block; width:181px; height:137px; padding:4px; background:#e3e3e3; box-shadow:0 0 3px #aaa; -moz-box-shadow:0 0 3px #aaa; -webkit-box-shadow:0 0 3px #aaa;  margin:0 9px 11px 0; behavior: url(pie.htc); position:relative }
.gallery .gallery-list li.last, .narrow-column2 .gallery-list li.last{margin-right:0;}
.view-more{float:right; font-size:12px; color:#5d5d5e; text-transform:uppercase; line-height:15px; float:right; display:inline-block; padding:10px 0 0}
.gallery-wrap .narrow-column{margin:0 0px 0 0; width:375px;}
.gallery-wrap .narrow-column .img-bg{width:328px; height:141px; padding:0; margin:0 0 0 5px}
.gallery-wrap .narrow-column h2{padding-left:10px;}
.narrow-column2{float:right;float: right;width: 620px;padding: 5px; margin: -42px 0 0 0;}
.narrow-column2 h2{text-align:center;}
.apartment-description {padding-left: 40px; margin: 10px 0 10px 0; color:#777;}
.apartment-description li:before {
    /* For a round bullet */
    content:'\2022';
    /* For a square bullet */
    /*content:'\25A0';*/
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -15px;
	top: -2px;
    color: #033b7d;
    font-size: 20px;
	margin: 2px 0 2px 0;
}
#contactform {width:350px; height:auto; float:left;}
#contactform span.reserve{width:320px; float: left; margin: 2px 0 5px 0;}
#contactform span.reserve2{width: 160px; float: left; margin: 2px 0 5px 0;}
#contactform label {color:#777; font-size:14px; font-weight:bold; margin: 4px 0 0 0; float: left;}
#contactform input, #contactform select{float:right;}
#contactform span.reserve2 input{float:none;}
#contactform textarea{float: right; height: 80px; width: 180px; resize: none;}
#contactform button#posalji{width: 100px;height: 40px;font-weight: bold;color: #777;outline: none;border: 1px solid #e8e8e8; border-radius: 5px;
background: rgb(246,248,249); /* Old browsers */
background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}
#contactform button#posalji:hover{
-moz-box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
box-shadow: 2px 2px 5px #888;
color:#fff;
border: 1px solid #4E5EF4;
	background: rgb(31,194,226); /* Old browsers */
background: -moz-linear-gradient(top, rgba(31,194,226,1) 0%, rgba(73,155,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,194,226,1)), color-stop(100%,rgba(73,155,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(31,194,226,1) 0%,rgba(73,155,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(31,194,226,1) 0%,rgba(73,155,234,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(31,194,226,1) 0%,rgba(73,155,234,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(31,194,226,1) 0%,rgba(73,155,234,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fc2e2', endColorstr='#499bea',GradientType=0 ); /* IE6-9 */
}
#contactform span.error{
	float: left;
	width: 317px;
	color: #3da9e1;
	font-weight: bold;
	font-size: 14px;
}
#contactform input.sum{width: 20px;}
#contactform input.captcha{width: 40px;}
#contactform label.error { font-size: 11px; color: red; }
#loading{display:none;}
.location{width:575px; height:525px; float:left;padding:5px;background: #e3e3e3;box-shadow: 0 0 3px #aaa;-moz-box-shadow: 0 0 3px #aaa;-webkit-box-shadow: 0 0 3px #aaa;}
.best-resdes{display:block; font-size:12px; color:#000; line-height:18px; padding:3px 5px 0 8px}
.booking-form{background:url(../images/booking.jpg) no-repeat; width:340px; height:350px; margin:4px 0 0}
.booking-form a{background:url(../images/booking_button.png) no-repeat; width: 230px; height:79px; display:block; position: relative;top: 257px; margin: 0 auto;}
.booking-form a:hover{background:url(../images/booking_button3.png) no-repeat;}
.booking-wrap{width:268px; margin:0 auto;}
.gallery-wrap .narrow-column .booking-wrap h2{text-align:center; padding:7px 0 0}
.booking-wrap p{margin:0 0 10px;}
.booking-wrap p label{display:block; font-size:12px; color:#000; line-height:16px; padding:2px 0 6px 10px}
.booking-wrap p .input-text{background:url(../images/txt-bg.jpg) repeat-x; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; font-size:12px; color:#726f6f; padding:5px; width:254px; border:0; margin:0 0 0 5px; padding:7px; behavior: url(pie.htc); position:relative;}
.booking-wrap p .cheked{width:118px; display:block; margin-right:13px; float:left;}
.booking-wrap p .cheked .input-text{width:104px; margin:0 3px 0 0}
.booking-wrap p .btn-booking{background:url(../images/btn-booknow.png) no-repeat; width:111px; height:32px; border:0; font-size:12px; color:#fff; cursor:pointer; margin-left:82px;}
#footer{background:url(../images/footer-bg.png) repeat-x; min-height:252px;}
#footer h3{font-size:20px; color:#000; line-height:23px; padding:4px 0 15px; font-weight:normal;}
#footer .footer-wrap{padding:10px 0 0; min-height:203px}
#footer .quicklinks h3{padding-left:19px;}
#footer a:hover{color:#fff;}
.quicklinks{float:left; width:190px}
.quicklinks .links{float:left; width:120px; margin:0; padding:0 0 0 10px;}
.quicklinks .links:last-child{width:105px;}
.quicklinks .links li{float:left; display:block; background:url(../images/list-symbol.png) no-repeat left center; width:100%; margin:0 0 10px;}
.quicklinks .links li a{display:block; font-size:12px; color:#1f1f1f; margin:0 0 0 20px;}
.contact-div{width:620px; float:left; position:relative;}
.contact-div address{float:left; width:180px; font-size:14px; color:#1b1b1b; line-height:18px; padding:5px 0 0 2px; font-style:normal;}
.contact-div address a{color:#1b1b1b;font-size:14px; line-height:18px; margin:0 0 0 6px}
.contact-div .googlemap{position:absolute; top:24px; right:62px}
.social-div{float:left; width:155px; position:relative; padding:0 0 0 8px}
.social-div .footer-logo{position:absolute; left:0; top:-11px;}
.social-div h4{font-size:20px; color:#fff; line-height:23px; padding:4px 0 15px; font-weight:normal; padding:79px 0 0}
.social-div h4 span{display:block; font-size:12px; color:#fff; line-height:15px;}
#footer .social-div h3{padding-bottom:10px;}
.social-div .social-link{margin:0; padding:0;}
.social-div .social-link li{float:left;display:block; margin:0 2px 0 0;}
.social-div .social-link li a{display:block; width:43px; height:43px;}
.copyright-txt{font-size:12px; color:#373729;line-height:15px; padding:8px 0 0; text-align:right; width:610px; float:left;}
.copyright-txt a{color:#373729; text-decoration:none;}
.x4{font-size:13px; color:#373729; float:right; padding:7px 24px 0}
#contactform {width: 350px;height: auto;float: left;}