@charset "utf-8";
/* CSS Document */



body {
	background-color:#F3F3F3;
	margin:0; padding:0;
	}
	


h2, #navigation li, .room-price-widget {
	font-family: 'Merriweather', serif;
}	

h1 {
	font-family: 'Merriweather', serif;
	
	}


.22 {
	color:#CCC;
	}



	

#header {
	width:1000px;
	height:318px;

	margin-bottom:30px;
	}

#lijevo {
	width:500px;
	height:400px;
	background:#0C6;
	}
	

#main {
	width:1000px;
	background-image:url(images/bg.png);
	}	
	
#sadrzaj {
	width:940px;
	height:1000px;
	font-size:14px;
	clear:both;
	color:#333;
	
	}
.vise a{	
	color:#000;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
		}	
	
#sadrzaj-lijevo {
	width:626px;
	float:left;
	}
	
#sadrzaj-sve {
	width:100%;
	float:left;
	}		
	
#sadrzaj-desno {
	width:290px;
	float:right;
	}
	

#lok-lijevo {
	width:720px;
	float:left;

	}
	
#lok-desno {
	width:200px;
	float:right;
	}			

#apartman {
	width:205px;
	height:290px;
	display:inline-block;
	}
	
#apartman img{
	margin-bottom:10px;
	}	
	
#footer1 {
	width:1000px;
	height:100px;
	background-color:#1C1C1C;
	}
	
#footer1-lijevo {
	width:450px;
	height:90px;
	padding-left:35px;
	float:left;
	padding-top:40px;
	color:#FFF;
	font-size:11px;
	}

#footer1-lijevo a{
	color:#FFF;
	text-decoration:none;
	}	

#footer1-desno {
	width:220px;
	height:65px;
	float:right;
	padding-top:25px;
	}		
	
#linkovi {
	width:100%;
	}

#linkovi li {
	padding-bottom:5px;
	}	
	

#links {
	width:100%;
	border-bottom:1px #E8E8E8 solid;
	padding-bottom:5px;
	margin-bottom:30px;
	}

#links a{
	color:#40A5C3;
	}		


	

#kont {
	border-bottom:1px #E8E8E8 solid;
	height:22px;
	padding-bottom:6px;
	}

/* DESNO WIDGET */
/* DESNO WIDGET */
/* DESNO WIDGET */

.widget-reservation-box {
	border-bottom: 5px solid;
	padding: 30px;
}

.home-reservation-box input[type="text"],
.widget-reservation-box input[type="text"] {
	width: 169px;
}
.widget-reservation-box input[type="text"] {
	width: 210px;
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #d3d3d3;
}
.home-reservation-box input[type="submit"],
.widget-reservation-box input[type="submit"],
.booking-side input[type="submit"] {
	color: #fff;
	border: none;
	font-size: 14px;
	cursor: pointer;
}
.widget-reservation-box input[type="submit"] {
	width: 150px;
	margin: 30px auto 0 auto;
	display: block;
}

/* 7.2.4 - Booking Widget */
.widget-reservation-box .select-wrapper {
	width: 228px;
	margin: 0 0 10px 0;
}
/* 7.3.1 - Accommodation Price Widget */
.room-price-widget {
	border: 1px solid;
	margin: 10px 0 40px 0;
}

.room-price-widget .from,
.room-price-widget .price-detail {
	font-size: 14px;
}
.room-price-widget .from,
.room-price-widget .price,
.room-price-widget .price-detail {
	text-align: center;
}
.room-price-widget .from {
	margin: -10px auto 0 auto;
	width: 100px;
}
.room-price-widget .price {
	color: #fff;
	font-size: 36px;
	width: 100%;
	margin: 15px 0 15px 0;
}
.room-price-widget .price-detail {
	margin: 0 auto -12px auto;
	width: 100px;
}

/* DESNO WIDGET */
/* DESNO WIDGET */
/* DESNO WIDGET */







/* NAVIGACIJA */
/* NAVIGACIJA */
/* NAVIGACIJA */
.main-navigation select {
	display: none;
	float: right;
	margin: 50px 0 0 0;
}

#navigation {

	float: right;
	
}

#navigation li {
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	display: block;
	
}

#navigation li strong {
	font-weight: 400;
	border-right: #e8e8e8 1px solid;
	display: block;
	padding: 10px 12px;
}

#navigation li a {
	padding: 34px 0;
	color: #1c1c1c;
	text-decoration: none;
	display: block;
	
}

#navigation li:last-child strong {
	border-right: none;
}

#navigation li span {
	display: block;
	color: #a09d9d;
	text-transform: lowercase;
	letter-spacing: 0.01em;
	margin: 0px 0 0 0;
}

#navigation li a:hover span,
#navigation li:hover span,
#navigation li.current-menu-item a span {
	color: #1c1c1c;
}

#navigation li li.current-menu-item,
#navigation li li.current_page_item,
#navigation li li:hover {
	border-bottom: none;
}

#navigation li li,
#navigation li li:hover {
	text-transform: none;
	letter-spacing: 0;
	border-bottom: #e8e8e8 1px solid;
}

#navigation li li a.sf-with-ul:after {
	background: url(../images/arrows2.png) no-repeat;
	width: 8px;
	height: 8px;
	content: '';
	position: absolute;
	top: 36%;
	right: 1em;
}

#navigation li li a {
	padding: 15px 20px;
	background: #fff;
	font-size: 13px;
}

#navigation li li a:hover {
	background: #fafafa;
}

#navigation .current-menu-item,
#navigation .current_page_item,
#navigation li:hover {
	border-bottom: 4px solid;
}

#navigation li ul {
	box-shadow: 0 0 4px rgba(136, 136, 136, 0.6);
}

/* NAVIGACIJA */
/* NAVIGACIJA */
/* NAVIGACIJA */
/* NAVIGACIJA */


html, body, div, span, 
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, 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;
}


/* HTML5 display-role reset for older browsers */
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-spacing: 0;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix,
.tagcloud {
	zoom: 1;
}

.clearfix:before, .clearfix:after,
.tagcloud:before, .tagcloud:after {
	content: "";
	display: table;
}

.clearfix:after,
.tagcloud:after {
	clear: both;
}

.clearboth {
	clear: both;
}

/* 1.0 - Global */
body {
	color: #1c1c1c;
}

body, .title-style2, #navigation li li, .blog-entry-inner h4 span, .event-entry-inner h4 span, .widget .latest-posts-list li .lpl-content h6 span, textarea, .datepicker-key {
	font-family: 'Arial', sans-serif;
}

h1, h2, h3, h4, h5, h6, #navigation li, .slider-caption p, .room-price-widget .from, .room-price-widget .price, .room-price-widget .price-detail, .step-icon, .step-title, .room-price .price span, .price-details .deposit, .price-details .total, .lightbox-title, table th, .mobile-menu-title {
	font-family: 'Merriweather', serif;
}

#background-wrapper {
	background-color:#C9E7F1;
}

#wrapper {
	width: 1000px;
	background: #fff;
	margin: 0 auto;
	-moz-box-shadow: 0 0 20px 15px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 20px 15px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 20px 15px rgba(0, 0, 0, 0.2);
	
}

#topbar {
	width:1000px;
	padding: 6px 0;
}

#nav {
	width:1000px;
	}


/* 2.0 - Header */
#logo {
	width:290px;
	float: left;
	margin-top:31px;
	padding-left:8px;
}

#logo h1 {
	font-size: 17px;
}

#logo h1 a {
	color: #1c1c1c;
	text-decoration: none;
}

#logo h1 span {
	font-size: 10px;
	color: #a09d9d;
	text-transform: uppercase;
	display: block;
	width: 180px;
	letter-spacing: 4px;
	margin: 7px 0 0 0;
	padding: 0px 0 0 0;
}

#main {
	width: 1020px;
	margin: 0 auto;
}

/* 2.1 - Top Bar */
#topbar {
	color: #fff;
	font-size: 12px;
}

#topbar a {
	color: #fff;
	text-decoration: none;
}

#topbar-wrapper {
	width: 1000px;
	margin: 0 auto;
}

#topbar li {
	float: left;
	margin: 0 15px 0 0;
	min-height: 14px;
}

.topbar-left {
	width: 180px;
	position: relative;
}

/* 2.1.1 - Contact */
.topbar-right .header-contact {
	float: right;
	margin: 0px 0 0 0;
}

.phone_icon {
	background: url(../images/phone_icon.png) left center no-repeat;
	padding: 0 0 0 17px;
}

.email_icon {
	background: url(../images/email_icon.png) left center no-repeat;
	padding: 0 0 0 20px;
}

.topbar-right {
	float: right;
	width: 50%;
}




/* GUMM BOOK NOW*/
.topbar-right .button0 {
	float: right;
}

a.button0 {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	padding: 3px 8px;
	line-height: 1.1;
}

a.button0:hover {
	background: #fff;
	color: #1c1c1c !important;
}

/* GUMM BOOK NOW*/




/* NASLOV*/
.title-style1 {
	border-bottom: #e8e8e8 1px solid;
	position: relative;
	padding: 0 0 12px 0;
	margin: 0 0 30px 0;
}

.title-style1 a {
	color: #1c1c1c;
	text-decoration: none;
}


.title-style14 {
	border-bottom: #e8e8e8 1px solid;
	position: relative;
	padding: 14px 0 14px 0;
	margin: 0 0 0px 0;
}



/* NASLOV*/
.button1 {
	width:164px;
	background-color:#40A5C3;
	color:#FFF;
	padding: 10px 15px;
	font-size: 12px;
	margin-top:10px;
	font-weight: 600;
	display: block;
	float: left;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
}

.bookbutton {
	background-color:#40A5C3;
	height:32px;
	color:#FFF;
	font-size: 12px;
	font-weight: 400;
     font-size: 12px;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
}



.page-content a.button1,
a.button1 {
	color: #fff;
}

.page-content a.button1:hover,

a.button1:hover,
 {
	border: 1px solid;
	color: #fff;
}


/* NASLOV*/









.title-style11 {
	border-bottom: #e8e8e8 1px solid;
	position: relative;
	padding: 0 0 12px 0;
	margin: 0 0 12px 0;
}

.title-style11 a {
	color: #1c1c1c;
	text-decoration: none;
}



/* DESNO U SIDEBARU*/


.dark-wrapper .title-style1 {
	border-bottom: 1px solid;
	color: #fff;
}

.title-block {
	width: 48px;
	height: 3px;
	display: block;
	position: absolute;
	left: 0;
	bottom: -3px;
}

/* NASLOV*/




/* ČLANAK*/



.dark-wrapper .blog-preview p, .dark-wrapper .event-preview p {
	color: #fff;
}

.blog-entry-inner {
	width: 500px;
	float: right;
}

.blog-entry-inner h4,
.event-entry-inner h4 {
	font-size: 14px;
	
}

.dark-wrapper .blog-entry-inner h4 a,
.dark-wrapper .event-entry-inner h4 a {
	color: #fff;
}

.blog-entry-inner h4 a,
.event-entry-inner h4 a {
	color: #1c1c1c;
	text-decoration: none;
}

.blog-entry-inner h4 span,
.event-entry-inner h4 span {
	color: #a09d9d;
	display: block;
	font-size: 13px;
	border-top: #F5F5F5 1px solid;
	border-bottom: #F5F5F5 1px solid;
	margin: 7px 0;
	padding: 3px 0;
	line-height: 130%;
	background-color:#FFF;
}

.dark-wrapper .blog-entry-inner h4 span,
.dark-wrapper .event-entry-inner h4 span {
	border-top: 1px solid;
	border-bottom: 1px solid;
}

.event-entry-inner h4 span i {
	color: #1c1c1c;
}

.blog-entry-inner h4 span a,
.event-entry-inner h4 span a {
	color: #1c1c1c;
}

.dark-wrapper .event-entry-inner h4 span i {
	color: #fff;
}

.dark-wrapper .blog-entry-inner h4 span a,
.dark-wrapper .event-entry-inner h4 span a {
	color: #fff;
}

.blog-entry-inner h4 span a:hover,
.event-entry-inner h4 span a:hover {
	text-decoration: underline;
}

/*čalanak  */


/* ŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠŠ */



/* 7.2.2 - Booking Calendar */
#ui-datepicker-div {
	padding: 20px;
	color: #fff;
	border-bottom: 5px solid;
	font-size: 13px;
	-moz-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2);
	box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2);
}

.ui-datepicker {
	display: none;
}

#ui-datepicker-div a {
	color: #fff;
	text-decoration: none;
}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td a {
	width: 30px;
}

.ui-datepicker-calendar tbody tr td a {
	height: 23px;
	padding: 7px 0 0 0;
	text-align: center;
	border-right: 1px solid;
	border-bottom: 1px solid;
	display: block;
}

.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable {
	background: transparent;
}

.datepicker, .datepicker2 {
	background: url(../images/date_icon.png) #fff no-repeat right center;
}

.ui-datepicker-title {
	text-align: center;
	padding: 0 0 5px 0;
}

.ui-datepicker-header {
	padding: 0 0 10px 0;
	position: relative;
}

.ui-datepicker-prev {
	position: absolute;
	top: 0;
	left: 0;
}

.ui-datepicker-next {
	position: absolute;
	top: 0;
	right: 0;
}

.ui-datepicker-calendar thead tr th {
	padding: 10px 0;
	margin: 0 0 10px 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	cursor: pointer;
}

.ui-datepicker-prev {
	background: url(../images/date_arrows.png) no-repeat -10px 2px #fff;
	display: block;
	-webkit-border-radius: 99%; 
	-moz-border-radius: 99%;
	-o-border-radius: 99%;
	border-radius: 99%;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}

.ui-datepicker-next {
	background: url(../images/date_arrows.png) no-repeat -88px 2px #fff;
	display: block;
	-webkit-border-radius: 99%; 
	-moz-border-radius: 99%;
	-o-border-radius: 99%;
	border-radius: 99%;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}

/* 7.2.3 - Open Booking Calendar */

.datepicker-key {
	color: #1c1c1c;
	font-size: 12px;
	font-weight: 600;
	display: block;
	margin: 0 0 10px 0;
}

.page-content label span {
	color: #c3512f;
}

input[type="text"] {
	padding: 10px 9px;
	width: 94%;
	border: none;
	margin: 0 0 15px 0;
	-webkit-appearance: none;
}


#ui-datepicker-div {
	padding: 20px;
	color: #fff;
	border-bottom: 5px solid;
	font-size: 13px;
	-moz-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2);
	box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2);
}

.booking-side .select-wrapper {
	width: 276px;
}


.booking-side .one-third-form .select-wrapper {
	width: 100%;
}

.booking-side .one-third-form .select-wrapper select {
	width: 135%;
	background-position: 62% center;
}


/* 7.2.4 - Booking Widget */
.widget-reservation-box .select-wrapper {
	width: 228px;
	margin: 0 0 10px 0;
}

.home-reservation-box .select-wrapper {
	float: left;
}

.select-wrapper {
	width: 170px;
	overflow: hidden;
	margin: 0 10px 0 0;
}

.select-wrapper select {
	width: 117%;
	background-image: url(../images/arrows3.png);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 80% center;
	color: #d3d3d3;
	border: none;
	-webkit-appearance:none;
	border-radius: 0;
	padding: 9px 10px;
	outline: none;
	font-size: 14px;
}