/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'c64_pro_monoregular';
    src: url('../font_c64/c64promono-style-mm-webfont.eot');
    src: url('../font_c64/c64promono-style-mm-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font_c64/c64promono-style-mm-webfont.woff') format('woff'),
         url('../font_c64/c64promono-style-mm-webfont.ttf') format('truetype'),
         url('../font_c64/c64promono-style-mm-webfont.svg#c64_pro_monoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'c64_proregular';
    src: url('../font_c64/c64pro-style-mm-webfont.eot');
    src: url('../font_c64/c64pro-style-mm-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font_c64/c64pro-style-mm-webfont.woff') format('woff'),
         url('../font_c64/c64pro-style-mm-webfont.ttf') format('truetype'),
         url('../font_c64/c64pro-style-mm-webfont.svg#c64_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	padding: 0 20px;
}

h1,h2,h3,h4,h5,h6 {
	margin: 15px 0 10px;
	font-weight: normal;
	text-transform: uppercase;
}

h2{
	font-size: 28px;
	line-height: 38px;
}
h3{
	font-size: 22px;
	line-height: 30px;
}

/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore,
.button2-left .article {
	background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* 
 * Default Tooltips
 * ------------------------------------------------------------- */
.tip-wrap {
	padding: 3px;
	width: 200px;
	overflow: hidden;
	background: #000000;
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.tip-title {
	padding: 5px 10px;
	line-height: 1;
	background-color: #f5f5f5;
	border-bottom: 1px solid #eee;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.tip-text {
	padding: 8px 10px;
	background-color: #ffffff;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}
/ * ------------------------------------------------------------- */

/* Caption fixes */
/* Caption fixes */
.img_caption .left {
        float: left;
        margin-right: 1em;
}

.img_caption .right {
        float: right;
        margin-left: 1em;
}

.img_caption .left p {
        clear: left;
        text-align: center;
}

.img_caption .right p {
        clear: right;
        text-align: center;
}

.img_caption  {
	text-align: center!important;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}


/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}



/* =========================================================================
	 MMi dodaci 
	========================================================================= */
h1,h2,h3,h4,h5,h6 {
	margin: 10px 0 5px;
}

.page-header{
	margin-bottom: 10px;
	padding-bottom: 0;
}

a{
	color: #00adee;
}
img.okvir{
	background: white url(../img/noimage_small.png) no-repeat scroll center;
	font-size: 90%;
	padding: 4px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	margin: 5px 10px 8px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	
/*	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;*/
}

img.left{
	float: left;
	margin-left: 0;
	margin-right: 15px;
}
img.right{
	float: right;
	margin-right: 0;
	margin-left: 15px;
}

blockquote{
	margin-left: 25px;
}

blockquote p {
	margin-bottom: 10px;
	font-size: inherit;
	line-height: inherit;
	font-style: italic;
}



/* --- Contact form, prikazuje se u iFrame-u */
.contact_details{
	margin: 0 -20px 0 -20px;
}

.contact-field{
	float: left;
	margin-right: 10px;	
}
dt{
	margin-left: 10px;
}
dl{
	margin: 0;
}
input, .uneditable-input {
    width: 150px;
}
input.calendar{
	width: 132px;
}
textarea{
	width: 100%;
}
input.checkbox{
	float: left;
	margin: 0;
}
label.checkbox{
	float: left;
	padding-left: 5px;
}

#loading{
	background: transparent url(../img/ajax-loader03.gif) no-repeat scroll center;
	height: 30px;
	width: 150px;
	display: inline-block;
	vertical-align: bottom;
}

#div-msg{
	font-size: 120%;
	margin: 0;
	padding: 0 10px;
	text-align: center;
}
div.contact-result{
	padding: 20px 0 20px;
}
#emailForm fieldset{
	margin-bottom: 10px;
}


/* ===== ReCAPTCHA ===== */
/* za Captcha stil 'clear': */
/*
dd.captcha{
	margin-left: 0px;
}
#recaptcha_area #recaptcha_table{
	border: none !important;	
}
#recaptcha_area #recaptcha_table .recaptcha_only_if_privacy a{
	color: red;
} */

/* za Captcha ostale stilove: */
/*
dt.captcha label{
	margin-bottom: -2px;
}
#recaptcha_table .recaptcha_input_area .recaptcha_only_if_privacy
{
	display: none;	
} */

/* === za CUSTOM ReCAPTCHU: === 
		 (org. recaptcha-slika ja 300x57)  */
dd.captcha{
	min-height: 65px;
}

#recaptcha_image,
#recaptcha_image img{
	width: 225px !important; 
	height: 43px !important; 
}
#recaptcha_image{
	float: left;
	padding: 5px;
	background-color: white;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 20px 5px 0;
	position: relative;
}
#recaptcha_image #recaptcha_audio_play_again{
	display: block;
	position: absolute;
	font-size: 90%;
	top: 5px;
	left: 7px;
}
#recaptcha_image #recaptcha_audio_download{
	display: block;
	position: absolute;
	font-size: 90%;
	top: 28px;
	left: 7px;	
}

.recaptcha_input{
	width: 165px;
	float: left;
	margin: 0 0 5px 0;
}
.recaptcha_input label{
	margin: 0 0 5px 0;
	width: 164px;
}
.recaptcha_input input{
	width: 150px;
	margin: 0;
}

div.recaptcha-opcije{
	float: left;
	margin: 0 0 5px 20px;
	width: 130px;
	height: 60px;
	background: transparent url(../img/recaptcha.png) no-repeat scroll 30px center;
}
ul.recaptcha-options{	
	float: left;
	margin: 0;
	list-style: none;
	width: 15px;
}
ul.recaptcha-options li{
	line-height: 20px;
}
ul.recaptcha-options li a{
	text-decoration: none;
}
span.captcha_hide{
	display: none;		
}

.captcha-emailform #recaptcha_image,
.captcha-emailform #recaptcha_image img{
	width: 180px !important; 
}
.captcha-emailform div.recaptcha-opcije{	
	background: none;
	width: 15px;
}
	
	
@media (max-width: 415px) {
	div.recaptcha-opcije{	
		background: none;
		width: 15px;
	}
}
@media (max-width: 325px) {
	#recaptcha_image,
	#recaptcha_image img{
		width: 200px !important; 
		height: 43px !important; 
		margin-right: 0px;
	}
}
/* ----- End: ReCAPTCHA ----- */




/* --- Bootstrap zezne Google maps pa je potrebno ovo ---------------------- */
#svmap img, 
#svmap_canvas img,
#map img,
#map-canvas img,
#pano img {
	width: auto;
	display: inline;
	max-width: none;
}

#map-canvas, #pano{
	border: 1px solid #E3E3E3;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;	
}
/*zaobljeni Google maps oblacic */
#map-canvas div div div div div div:nth-child(12){
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}




.details-units h4{
	font-size: 170%;
	margin: 25px 0 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid black;
}
.acc-title,
.acc-title-contact{
	font-size: 140%;
	margin: 10px 0;
}
.acc-title-contact,
.contact_details2 legend{
	margin-top:40px;
}

.acc-content{
	margin-left: 20px;
}
div.calendarwrap{
	text-align: left;
}
table.table_calendar{
	margin: 0;
}


li.check,
li.checkin,
li.checkout,
li.udaljenosti{	
	list-style-image: none;
	list-style-type: none;
	/*padding-left: 30px;*/
}
/*li.checkin{
	background: transparent url(../img/icon-16-checkin.png) no-repeat scroll 0 4px;
}
li.checkout{
	background: transparent url(../img/icon-16-checkout2.png) no-repeat scroll 0 4px;
}*/

li.checkin .icon{
	color: #00bb02;
}
li.checkout .icon{
	color: #cf4213;
}

.details_title h1{
	display: inline-block;
	margin-right: 20px;
}
.details-units h3{
	display: inline-block;
	margin: 10px 0 0;
}
div.stars{
	display: inline-block;
	height: 25px;
	margin-left: 10px;
}
div.stars-objekt{
	display: inline-block;
	height: 25px;
	margin: 0;
}
.stars0{
	display: none;	
	height: 0;
}
.stars1{
	width:24px;
	background: transparent url(../img/stars.png) no-repeat scroll left;
}
.stars2{
	width:48px;
	background: transparent url(../img/stars.png) no-repeat scroll left;
}
.stars3{
	width:72px;
	background: transparent url(../img/stars.png) no-repeat scroll left;	
}
.stars4{
	width:96px;
	background: transparent url(../img/stars.png) no-repeat scroll left;	
}
.stars5{
	width:120px;
	background: transparent url(../img/stars.png) no-repeat scroll left;	
}




span.email-sent{
	font-size: 200%;
	display: block;
	margin-bottom: 35px;
	margin-top: 35px;
}
div.details-title{
	font-size: 21px;
	font-weight: bold;
}


/* jQuery calendar control */
.ui-datepicker{
	font-size: 10px;
	line-height: 12px;
}
.ui-datepicker td a{
	text-align: center;
	font-weight: normal !important;
}
.ui-datepicker td.ui-datepicker-week-end a{
	color: #cf4213;
	font-weight: bold !important;
}
select.ui-datepicker-year{
	font-size: 9px;
	height: 16px;
	padding: 0;
}



/* --- Bootstrap zezne ispis pa je potrebno ovo --- */
@media print {
	body a[href]:after {
		content: none;
	}
	abbr[title]:after {
		content: none;
	}
	@page  {
		margin: 0.5cm 0;
	}
}

@media print {
  	.topbuttonslinks,
  	.contact_details2,
  	.returnbutton,
  	.footer p.pull-right,
  	.article-icons
  	{
  		display: none !important;
  	} 
  	
  	.table_month td.available_9{
  		text-decoration: line-through;
  		background-color: #dddddd !important;
  	}  	
	table.table_month td.available_0 {
    	background-color: white !important;
	}
	li.checkin .icon, 
	li.checkout .icon{
		color: black;
	}	
	
	
   body, p, li{
   	font-size: 10px;
   	line-height: 14px;
   }
   h1{
   	font-size: 25px;
   	line-height: 35px;
   }
 	h1, h2, h3, h4, h5, h6 {
    	margin: 10px 0 5px;
	}
	
	.table-striped tbody > tr:nth-child(2n+1) > td, 
	.table-striped tbody > tr:nth-child(2n+1) > th {
    	background-color: #dddddd;
    	line-height: 80%;
	}
	
	.row-separator, .item-separator {
    	clear: both;
    	display: block;
    	margin: 10px 0;
	}	
	
	.stars1{
		background: transparent url(../img/stars.png) no-repeat scroll left !important;
	}
	.stars2{
		background: transparent url(../img/stars.png) no-repeat scroll left !important;
	}
	.stars3{
		background: transparent url(../img/stars.png) no-repeat scroll left !important;	
	}
	.stars4{
		background: transparent url(../img/stars.png) no-repeat scroll left !important;	
	}
	.stars5{
		background: transparent url(../img/stars.png) no-repeat scroll left !important;	
	}
}