/* Reset */
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, sub, sup, 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;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
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;}
a, input:focus, textarea:focus, select:focus {outline: 0 none;}
a {text-decoration: none;}
textarea {overflow: auto;}

/* Tiny blueprint */
.clear {clear: both;}
.hide {display: none;}
.al {text-align: left;}
.ac {text-align: center;}
.ar {text-align: right;}
.float-left {float: left;}
.float-right {float: right;}
.grid, .overflow {overflow: hidden;}
.grid .float-left, .grid .float-right {width: 48%;}
.span12 {width: 960px;margin: 0 auto;}

/* CSS3 tranisitions */
#footer .features .feature, #footer .features .feature em, #nav-main a, #nav-main a i, #nav-lang a, .rotator ul.nav li a, #tab-nav a {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

/* Layout */
body {font: 400 16px 'Open Sans', arial, helvetica, sans-serif;background: #fff;max-width: 1920px;margin: 0 auto;}
body.home-header {background: #f5f5f5;}
#header {height: 387px;background: #fff;position: relative;}
.home-header #header, #header .span12 {height: 611px;}
#body {padding: 45px 0 60px 0;width: 960px;margin: 0 auto;min-height: 250px;}
.home-header #body {padding-top: 65px;}
#article {width: 620px;float: right;}
#sidebar {width: 280px;float: left;padding: 180px 0 0 0;}
#footer {border-top: 1px solid #fff;background: #fff;}

/* Header */
#rotator, #rotator ul.content > li, .head-image {width: 100%;max-width: 1920px;height: 497px;margin: 0 auto;}
#rotator, .head-image {position: absolute;min-width: 960px;border-top: 8px solid #f3f3f3;border-bottom: 8px solid #bf3a2b;left: 0;top: 98px;}
#rotator ul.content > li img, .head-image img {display: block;position: absolute;left: 50%;margin-left: -960px;}
.head-image {height: 272px;overflow: hidden;}
#header .span12 {height: 387px;overflow: visible;position: relative;z-index: 10;}
.home-header #header .span12 {height: 611px;}
#header h1 {color: #c0392b;text-transform: uppercase;font-size: 34px;padding: 14px 0 0 25px;margin-bottom: 2px;}
#header h1 a {color: #c0392b;}
#header h1 em, #header h1 a em {color: #737373;font-style: normal;}
#header h2 {color: #b9b9b9;text-transform: uppercase;font-size: 17px;padding: 0 0 25px 225px;}
#header blockquote {position: absolute;right: 0;bottom: 77px;padding: 28px 15px;background: #c0392b;background: rgba(192, 57, 43, .85);line-height: 1.9;color: #fff;text-shadow: 1px 1px 0 #7d352f;font-size: 16px;width: 590px;}
.home-header #header blockquote {bottom: 170px;}
#header .offer, #footer .open-map em, #form input[type=submit], #form button.sub {display: block;position: absolute;right: 0;bottom: 71px;height: 69px;line-height: 69px;padding: 0 30px 0 25px;border-radius: 5px;border: 3px solid #1faf93;background: #16a085;color: #fff;text-shadow: 1px 1px 0 #0b5042;text-transform: uppercase;font-size: 22px;}
#header .offer i {color: #126c5a;text-shadow: 0 1px 0 #5abca8;font-size: 60px;display: inline-block;vertical-align: middle;margin-left: 34px;position: relative;top: -4px;}
#nav-main {width: 280px;position: absolute;left: 0;top: 194px;}
.home-header #nav-main {top: 159px;}
#nav-main a {display: block;height: 63px;line-height: 63px;border-top: 1px solid #dedede;text-transform: uppercase;color: #424242;font-size: 18px;padding-left: 80px;position: relative;background: #fafdff;border: 1px solid #dedede;margin-bottom: -1px;}
#nav-main a:first-child {border-radius: 5px 5px 0 0;}
#nav-main a:last-child {border-radius: 0 0 5px 5px;}
#nav-main a:hover, #nav-main a.on {background: #c0392b;color: #fff;text-shadow: 1px 1px 0 #6c2018;border-left: 1px solid #c0392b;border-right: 1px solid #c0392b;}
#nav-main a:first-child:hover, #nav-main a.on:first-child {border-left: 1px solid #c0392b;border-right: 1px solid #c0392b;border-top: 1px solid #c0392b;}
#nav-main a:last-child:hover, #nav-main a.on:last-child {border-left: 1px solid #c0392b;border-right: 1px solid #c0392b;border-bottom: 1px solid #c0392b;}
#nav-main a i {position: absolute;left: 25px;top: 16px;display: block;width: 30px;height: 30px;background: url('/img/layout/sprite-menu-icons.png') no-repeat;}
#nav-main a i.home {background-position: left 3px;}
#nav-main a:hover i.home, #nav-main a.on i.home {background-position: right 3px;}
#nav-main a i.accommodation {background-position: left -61px;}
#nav-main a:hover i.accommodation, #nav-main a.on i.accommodation {background-position: right -61px;}
#nav-main a i.prices {background-position: left -122px;}
#nav-main a:hover i.prices, #nav-main a.on i.prices {background-position: right -122px;}
#nav-main a i.reservation {background-position: left -185px;}
#nav-main a:hover i.reservation, #nav-main a.on i.reservation {background-position: right -185px;}
#nav-main a i.location {background-position: left -247px;}
#nav-main a:hover i.location, #nav-main a.on i.location {background-position: right -247px;}
#nav-main a i.contact {background-position: left -308px;}
#nav-main a:hover i.contact, #nav-main a.on i.contact {background-position: right -308px;}
#nav-lang {position: absolute;right: 0;top: 34px;overflow: hidden;}
#nav-lang a {display: block;float: left;width: 29px;height: 28px;opacity: .3;background: url('/img/layout/sprite-lang.png') no-repeat;margin: 0 19px;}
#nav-lang a:hover, #nav-lang a.on {opacity: 1;}
#nav-lang .hr {background-position: left top;}
#nav-lang .de {background-position: left bottom;}
#nav-lang .en {background-position: right top;}
#nav-lang .it {background-position: right bottom;}

/* Home */
.home-apartments {overflow: hidden;}
.home-apartments a {display: block;width: 280px;float: left;margin-left: 60px;}
.home-apartments a:first-child {margin-left: 0;}
.home-apartments a img {display: block;}
.home-apartments a em {display: block;padding: 40px 0 10px 0;text-align: center;color: #3c3c3c;font-size: 20px;font-style: normal;}
.home-apartments a em i {display: inline-block;width: 25px;height: 2px;background: #c0392b;margin: 0 12px;vertical-align: middle;}

/* Content */
p strong, p b {font-weight: 600;}
#body h2 {margin-bottom: 40px;text-transform: uppercase;font-size: 27px;color: #454545;}
#body h3 {color: #454545;font-size: 26px;margin-bottom: 32px;}
#body h3 i {margin: 0 12px;}
#body h4 {color: #505050;font-size: 20px;margin-bottom: 25px;}
#article figure {margin-bottom: 17px;}
#article figure img {display: block;}
#article figure .photo {margin-bottom: 23px;}
#article figure a img {float: left;margin: 0 30px 30px 0;}
#article figure .last img {margin-right: 0;}
.list {margin-bottom: 25px;}
.list li {color: #505050;font-size: 14px;line-height: 1.8;margin: 10px 0;padding-left: 28px;position: relative;}
.list li i {position: absolute;left: 3px;top: 9px;font-size: 8px;color: #c0392b;}
.btn {display: block;width: 280px;height: 54px;line-height: 54px;text-align: center;border-radius: 5px;color: #fff;text-shadow: 1px 1px 0 rgba(0, 0, 0, .6);text-transform: uppercase;font-size: 17px;}
.btn-gray {background: #4b4b4b;border: 3px solid #666;}
.btn-red {background: #c0392b;border: 3px solid #d74637;}
p .btn {margin-top: 40px;}
h3 .btn {display: inline-block;width: auto;padding: 0 30px;margin-left: 25px;position: relative;top: -3px;}
.decoration-underline {border-bottom: 7px solid #16a085;display: inline-block;padding-bottom: 12px;font-style: normal;}
.price-table {margin-bottom: 70px;}
.price-table li {float: left;width: 25%;background: #f4f4f4;text-align: center;padding: 35px 0;}
.price-table li:nth-child(2n) {background: #fafafa;}
.price-table li em, .price-table li strong {display: block;color: #555;font-style: normal;}
.price-table li em {margin-bottom: 55px;}
.price-table li strong {font-size: 26px;}
#article p {color: #8a8a8a;font-size: 14px;line-height: 1.9;margin-bottom: 27px;}
#map {width: 100%;height: 710px;}
#tab-nav {margin: 40px 0;}
#tab-nav a {display: block;height: 70px;line-height: 70px;text-align: center;width: 33.33333333333333%;float: left;background: #178a74;text-transform: uppercase;color: #fff;text-shadow: 1px 1px 0 #0a3a31;}
.ie7 #tab-nav a {width: 33%;}
#tab-nav a:first-child {background: #1e9a82;border-radius: 5px 0 0 5px;}
#tab-nav a:last-child {background: #1e9a82;border-radius: 0 5px 5px 0}
#tab-nav a:hover, #tab-nav a.on {background: #444;}
#tab-content > div {display: none;}
#tab-content > div.on {display: block;}

/* Form */
#form .float-left, #form .float-right {width: 280px;}
#form p {margin-bottom: 33px;color: #454545;}
#form p label {display: block;margin-bottom: 13px;cursor: pointer;}
#form input[type=text], #form input[type=email], #form textarea {display: block;background: #f7f7f7;border: 1px solid #e8e8e8;padding-left: 15px;padding-right: 15px;font: 400 16px 'Open Sans', sans-serif;}
#form input[type=text], #form input[type=email] {height: 51px;width: 248px;}
.ie #form input[type=text], .ie #form input[type=email] {line-height: 51px;}
#form textarea {padding-top: 12px;padding-bottom: 12px;width: 588px;height: 168px;resize: vertical;}
#form input[type=radio] {position: relative;top: -2px;margin-right: 10px;}
#form input[type=submit], #form button.sub {position: static;height: 53px;line-height: 50px;cursor: pointer;font-size: 18px;float: right;}

input::-webkit-input-placeholder {color: #454545;}
input:-moz-placeholder {color: #454545;}
input::-moz-placeholder {color: #454545;}
input:-ms-input-placeholder {color: #454545;}
textarea::-webkit-input-placeholder {color: #454545;}
textarea:-moz-placeholder {color: #454545;}
textarea::-moz-placeholder {color: #454545;}
textarea:-ms-input-placeholder {color: #454545;}

/* Sidebar */
#sidebar h2, #sidebar img, #sidebar ul {margin: 0 27px 22px 27px;}
#sidebar h2 {color: #c0392b;text-transform: uppercase;font-size: 22px;margin-bottom: 18px;}
#sidebar h2 a {color: #c0392b;}
#sidebar img {display: block;}
#sidebar ul li a {display: block;margin: 10px 0;color: #8a8a8a;font-size: 15px;}
#sidebar ul li a:hover {text-decoration: underline;}

/* Footer */
#footer .features {background: #ecf0f1;padding-top: 1px;border-top: 1px solid #dfdfdf;box-shadow: inset 0 1px 0 #fff;}
#footer .features .span12 {overflow: hidden;}
#footer .features .feature {width: 160px;height: 192px;float: left;background-position: center 65px;background-repeat: no-repeat;}
#footer .features .feature.wifi {background-image: url('/img/layout/icon-wifi.png');background-position: center 75px;}
#footer .features .feature.wifi:hover {background-position: center 60px;}
#footer .features .feature.sat {background-image: url('/img/layout/icon-sat.png');}
#footer .features .feature.tv {background-image: url('/img/layout/icon-tv.png');background-position: center 55px;}
#footer .features .feature.tv:hover {background-position: center 40px;}
#footer .features .feature.aircon {background-image: url('/img/layout/icon-aircon.png');}
#footer .features .feature.grill {background-image: url('/img/layout/icon-grill.png');background-position: center 60px;}
#footer .features .feature.grill:hover {background-position: center 45px;}
#footer .features .feature.shower {background-image: url('/img/layout/icon-shower.png');background-position: center 73px;}
#footer .features .feature.shower:hover {background-position: center 58px;}
#footer .features .feature:hover {background-position: center 50px;background-color: #e2e8ea;}
#footer .features .feature em {display: block;text-align: center;color: #596a7b;text-shadow: 1px 1px 0 #f2f5f6;font-size: 16px;opacity: 0;padding-top: 130px;font-style: normal;}
#footer .features .feature:hover em {opacity: 1;}
#footer .extended-contact {background: #f5f5f5;padding: 60px 0;border-bottom: 1px solid #dfdfdf;box-shadow: inset 0px -1px 0 #fff;}
#footer .extended-contact p {width: 260px;float: left;color: #454545;font-size: 17px;line-height: 2.2;margin-left: 60px;}
#footer .extended-contact p:first-child {margin-left: 60px;width: 310px;}
#footer .extended-contact p:last-child {line-height: 1.6;width: 200px;}
#footer .extended-contact p i {color: #dcdcdc;font-size: 75px;display: block;float: left;margin-right: 20px;}
#footer .extended-contact p:first-child i {position: relative;top: 5px;}
#footer .extended-contact p.full {float: none;width: auto;padding: 0 30px;font-size: 15px;color: #555;line-height: 2;}
#footer .open-map {display: block;position: relative;height: 263px;min-width: 960px;background: url('/img/layout/footer-mapa.jpg') no-repeat center;box-shadow: 0px 1px 6px #e1edff;}
#footer .open-map img {display: block;}
#footer .open-map em {width: 268px;height: 57px;line-height: 57px;padding: 0;top: 38%;left: 50%;margin-left: -134px;text-align: center;font-style: normal;}
#footer .info {padding: 80px 0 35px 0;position: relative;}
#footer .info div {text-align: center;}
#footer .info div p {display: inline-block;margin-left: 60px;font-size: 16px;color: #596a7b;margin-bottom: 50px;}
#footer .info div p:first-child { margin-left: 0;}
#footer .info div p.big {font-size: 26px;}
#footer .info div p i {font-size: 22px;color: #c0392b;margin-right: 15px;position: relative;top: 2px;}
#footer .info div p.big i {font-size: 25px;}
#footer .info div p a {color: #596a7b;}
#footer .info div p a:hover {text-decoration: underline;}
#footer .info ul {text-align: center;}
#footer .info ul li {display: inline-block;}
#footer .info ul li a {display: inline-block;width: 120px;height: 55px;background: url('/img/layout/sprite-footer-logos.png') no-repeat;margin: 0 15px;}
#footer .info ul li .pag {background-position: 0 0;}
#footer .info ul li .pag:hover {background-position: 0 -105px;}
#footer .info ul li .zadar-region {background-position: -154px 0;}
#footer .info ul li .zadar-region:hover {background-position: -154px -105px;}
#footer .info ul li .croatia {background-position: -303px 0;}
#footer .info ul li .croatia:hover {background-position: -303px -105px;}
#futuro-logo {position: absolute;right: 150px;bottom: 53px;}

/* Rotator */
.rotator {overflow: hidden;position: relative;}
.rotator ul {overflow: hidden;}
.rotator ul.content > li {position: absolute;display: none;opacity: 0;}
.rotator ul.nav {position: absolute;left: 50%;bottom: 16px;z-index: 20;margin-left: -480px;width: 280px;text-align: center;}
.rotator ul.nav li {display: inline-block;}
.rotator ul.nav li a {display: inline-block;margin: 0 8px;text-indent: -9999px;background: #fff;width: 16px;height: 16px;border-radius: 50%;background: #fff;background: rgba(255, 255, 255, .4);}
.rotator ul.nav li a.active, .rotator ul.nav li a:hover {background: #c0392b;}


/* Datepicker */
.datepicker {
    background: #f1f1f1;
    /*border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;*/
    border-radius:8px;
}
.rezervacije .datepicker {
    margin-bottom:30px;
    border-bottom: 1px solid #dedede;
    border-radius:0px;
}
.datepicker h4 {
    text-align: center;
    text-transform: uppercase;
    background: #fff;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 600;
    height: 75px;
    line-height: 75px;
}
.rezervacije .datepicker h4 {
    margin-bottom: 5px!important;
    font-size: 16px!important;
    height: 60px;
    line-height: 60px;
}
.lang-hr .rezervacije .datepicker h4 {
    font-size: 13px!important;
}
.datepicker h4 a {
    display: block;
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 300;
    text-decoration: none;
}
.rezervacije .datepicker h4 a small {
    display:none;
}
.datepicker h4 a:hover {
	background: #dedede;
	/*color: #fff;*/
}
.datepicker h4 a:first-of-type {
    float: left;
    border-right: 1px solid #dedede;
    padding: 0 26px 0 22px;
}
.rezervacije .datepicker h4 a:first-of-type {
    padding: 0 10px 0 10px;
}
.datepicker h4 a:last-of-type {
    float: right;
    border-left: 1px solid #dedede;
    padding: 0 22px 0 26px;
}
.rezervacije .datepicker h4 a:last-of-type {
    padding: 0 10px 0 10px;
}
.datepicker h4 a i {
	display:inline-block;
	width:15px;
	height:15px;
    color: #d42f2f;
    font-size: 22px;
}
.datepicker h4 a:first-of-type i {
	margin-right: 10px;
	background: url('/img/layout/calendar-left.png') center center no-repeat;
}
.datepicker h4 a:last-of-type i {
	margin-left: 10px;
	background: url('/img/layout/calendar-right.png') center center no-repeat;
}
.datepicker div {
    overflow: visible;
}
.datepicker .days {
	padding: 13px 70px;
}
.rezervacije .datepicker .days {
	padding: 10px 10px;
}
.datepicker .overflowVisible {
	overflow: visible;
}
.datepicker .days table {
    width: 100%;
    text-align: center;
}
.datepicker .days table td {
	padding: 7px 0;
}
.datepicker br {
	display: block;
	clear: both;
}
.datepicker span {
	display: block;
    width: 46px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 19px;
    font-weight: 300;
    color: #4b4b4b;
    margin: 0 auto;
}
.rezervacije .datepicker span {
    width: 32px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.datepicker .days span {
    border:1px solid #bfbfbf;
    border-radius:6px;
    background-color:rgba(255,255,255,0.5);
}
.datepicker .days .empty {
    color: #bbb;
}
.datepicker .days .reserved {
    background: url('/img/layout/reserved.png') no-repeat;
    color: #fff;
    border:none;
}
.datepicker .days .reserved.first-day {
    background: url('/img/layout/reserved-first-day.png') no-repeat;
}
.rezervacije .datepicker .days .reserved.first-day {
    background-position:-10px 0px;
}
.datepicker .days .reserved.last-day {
    background: url('/img/layout/reserved-last-day.png') no-repeat;
}
.rezervacije .datepicker .days .reserved.last-day {
    background-position:0px -15px;
}
.datepicker .days .today {
    color: #bbb;
}
.datepicker .reserved-note {
    margin:0px!important;
    padding-top:25px;
    padding-left:10px;
}
.datepicker .reserved-note span, .datepicker .reserved-note em {
    display:inline-block;
    width:15px;
    height:15px;
    margin-right:5px;
    position:relative;
    bottom:-3px;
    background: url('/img/layout/reserved.png') no-repeat;
    border-radius:4px;
}
.datepicker .reserved-note span {
    margin-left:40px;
    border:none;
}
.datepicker .reserved-note em {
    background: none;
    background-color:rgba(255,255,255,0.5);
    border:1px solid #bfbfbf;
}