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

/* Author: ASB, 2019-2025 */

@font-face {
  font-family: 'BoingBold';
  src: url('boing-bold.woff') format('woff'); 
}
@font-face {
  font-family: 'MuseoSans-500';
  src: url('museosans-500.woff') format('woff');       
}
@font-face {
  font-family: 'MuseoSans-900';
  src: url('museosans-900.woff') format('woff'); 
}
/*Fonts made from www.onlinewebfonts.com, licensed by CC BY 3.0*/


body {
	font-family: 'MuseoSans-500', Fallback, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
}
a {
	color: #000000;
}
a:focus, a:hover {
    	color: #000000;
}


/*--------------------------------navigation*/
.navbar-collapse {
	box-shadow: none;
}
.navbar-style {
	margin-bottom: 2px;
}
.navbar-toggle {
	padding-top: 30px;
	padding-right: 0px;
}
.logo {
	height: 80px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	margin-left: 15px;
}
#micon {
	text-align: center;
}
.icon-bar {
	background: #129E48;
}
.nav li a {
	font-family: 'BoingBold', Fallback, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	padding: 5px 10px;
	letter-spacing: 1px;
}
.nav li a.active,
.nav li a:focus,
.nav li a:hover {
	color: #129E48;
	background-color: #000000;
}
.nav li a.noborder {
	border-right: 0px;
	padding-right: 0px;
}


/*--------------------------------container*/
.buttons {	
}
a.btn {
	margin-bottom: 10px;
	width: 49%;
	border: none;
	padding:10px;
	background-color: #129E48;
	color: #FFFFFF;
	font-family: 'BoingBold', Fallback, sans-serif;
	font-size: 18px;
	letter-spacing: 2px;
	display: inline-block;	
}
.btn.focus, .btn:focus, .btn:hover {
    	color: #000;
	}
.btn-first {
	margin-right: 1%;
}
.btn-second {
	margin-left: 1%;
	float: right;
}
.btn.active {
	background-color: #FFFFFF;
	color: #129E48;
	box-shadow: none; 
}
.homepage {
	padding: 10px 10px 20px 10px;
	}
.col-info {
	text-align: center;
}
h1.ime {
	font-family: 'MuseoSans-900', Fallback, sans-serif;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: 2px;
	margin-top: 0px;
}
.big-text {
	font-family: 'MuseoSans-900', Fallback, sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
	color: #129E48;
	text-decoration: none;
}
.big-text img {
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
p a {
	color: #FFFFFF;
	text-decoration-line: underline;
}
p a:focus, p a:hover {
    	color: #129E48;
}
.facebook img {
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.font-size12 {
	font-size: 10px;
}

/*--------------------------------pages*/

h1.naslov {
	font-family: 'BoingBold', Fallback, sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
	line-height: 1.5;
	color: #129E48;
	padding: 0 20px;
	margin-bottom: 20px;
	text-align: center;
}
h2 {
	font-family: 'BoingBold', Fallback, sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
	line-height: 1.5;
	color: #129E48;
	padding: 0 20px;
	margin-bottom: 20px;
	text-align: center;
}
.cjenik {
}
span {
	color: #129E48;
	font-family: 'MuseoSans-900', Fallback, sans-serif;
} 
h4 {
	color: #129E48;
	font-family: 'MuseoSans-900', Fallback, sans-serif;
}
.vel {
	font-size: 12px;
	color: #FFFFFF;
	font-family: 'MuseoSans-500', Fallback, sans-serif;
	margin-left: 5px;
}
/*hotel*/
.col-price {
	margin-bottom: 20px;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
/*grooming*/
.col-price-gr {
	margin-bottom: 20px;
	max-width: 460px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.h3 {
	font-family: 'MuseoSans-900', Fallback, sans-serif;
	font-size: 16px;
	color: #129E48;
	border-bottom: #FFFFFF;
	border-bottom-style: solid;
	border-width: thin;
	margin: 0 20px;
	padding: 3px 0;
}
td, th {
	padding: 0 20px;
	vertical-align: bottom;
}
td.right {
	text-align: right;
	padding-left: 0;
}
th {
	color: #129E48;
}
.float-right {
	float: right;
}
.velicina {
	margin-bottom: 30px;
}
.par-price {
	padding: 0 20px;
	margin: 0 0 20px;
}
.par-price-no {
	padding: 0 20px;
	margin: 0;
}
.cjenik2 {
	min-height: 80vh;
	position: relative;
	text-align: center;
}
.photo-price2 {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}


/*--------------------------------Dropdown Button */
.dropdown {
  	position: relative;
  	display: inline-block;
}
.dropbtn {
	font-family: 'BoingBold', Fallback, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	padding: 5px 10px;
	letter-spacing: 1px;
  	background-color: #000000;
  	border: none;
	line-height: 20px;
}
.dropbtn.active {
	color: #129E48;
}
.dropdown-content {
  	display: none;
  	position: absolute; 
  	min-width: 160px;
  	z-index: 1;
}
nav li .dropdown a {
	border: solid thin #000000;
  	text-decoration: none;
  	display: block;
	margin-bottom: -1px;
	color: #000000; 
	background-color: #FFFFFF; 
	line-height: 20px;
}
nav li .dropdown a.active, nav li .dropdown a:focus, nav li .dropdown a:hover {
	color: #129E48; 
	background-color: #FFFFFF;
}
.row .dropdown {
	width: 49%;
}
.dropdown-content.ht a {
	border: solid thin #000000;
  	text-decoration: none;
  	display: block;
	margin-bottom: -1px;
	color: #000000; 
	background-color: #FFFFFF; 
	line-height: 20px;
	font-family: 'BoingBold', Fallback, sans-serif;
	font-size: 16px;
	padding: 10px 20px;
	letter-spacing: 1px;
	text-align: center;
}
.dropdown-content.ht a.active,
.dropdown-content.ht a:focus,
.dropdown-content.ht a:hover {
	color: #129E48;
	background-color: #FFFFFF;
}
.row .dropdown a.btn.btn-first {
	width: 100%;
}
.dropdown:hover .dropdown-content {
	display: block; 
}
.footer {
}
.text {
}
.text p {
	padding: 0 15px 5px 15px;
	margin-bottom: 15px;
}
p.razmak {
}

/*--------------------------------------galerija*/
.galerija {
	margin-left: 10px;
	margin-right: 10px;
	max-width:  850px;
}
.photo-gal {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}
.photo-gal img {
	border: thin solid #FFFFFF;
}


/*-------------------------------contact form*/
.form {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	float: none;	
}
form p {
	margin-bottom: 0;
}
input, textarea {
	color: #000000;
	padding: 0 5px;
	margin-bottom: 10px;
	width: 230px;
}
textarea {
	padding: 5px;	
}
.posalji {
	max-width: 160px;
}
.lijn {
	border-bottom: white solid thin;
}
label.radio-inline input {
	width: inherit;
	
}
label.radio-inline {
	vertical-align: inherit;
}
.trajanje {
	width: 55px;
	margin: 10px 10px 15px;
}
.datum {
	width: 100px;
	margin-left: 10px;
}
.margin-l-5 {
	margin-left: 5px;
}



/*--------------------------------MOBILE, vertical*/
@media (max-width:400px){
	a.btn {
		padding: 5px;
		font-size: 16px;
	}
}

/*--------------------------------TABLET 768 px--*/
@media (min-width:768px){
	.navbar-style {
		margin-bottom: 30px;
	}
	.logo {
		margin-left: 0;	
	}
	.navbar {
		border-bottom-color: #FFFFFF;
		border-bottom-style: solid;
	}
	.nav li a {
		border-right: thin solid #FFFFFF;
	}
	
	.dropbtn {
		border-right: thin solid #FFFFFF;
		margin-bottom: 5px;
	}
	.homepage {
		padding-left: 100px;
		padding-right: 100px;
	}
	nav ul {
		padding-bottom: 2%;
	}
	h1, .col-info p {
		margin-bottom: 20px;
	}
	.col-info h1 {
		margin-top: 0px;
	}
	.col-md-9.cjenik {
		padding-left: 40px;
		padding-right: 5px;
	}
	.col-price, .col-price-gr {
		float: left;
	}
	.text {
		padding-left: 30px;
	}
	p.razmak {
		height: 50px;
	}
	.form {
		text-align: left;
		padding: 0 30px 0 30px;	
	}
	.lijn {
		margin-left: 15px;
	}
	.col-md-9.cjenik2 {
		text-align: center;
	}
}

/*--------------------------------TABLET 992 px--*/
@media (min-width:992px){
	
	nav ul {
		padding-top: 3%;
	}
	.homepage {
		padding: 0px 0px;
	}
	.buttons {
		margin-top: 20px;
	}
	a.btn {
		width: 100%;
	}
	.row .dropdown {
		width: 100%;
	}
	h1 {
		margin-top: 0px;
	}
	h1.naslov {
		font-family: 'BoingBold', Fallback, sans-serif;
		font-size: 20px;
		letter-spacing: 2px;
		line-height: 1.5;
		color: #129E48;
		padding: 0 15px;
		margin-bottom: 20px;
		margin-top: 7px;
		text-align: left;
	}
	h2 {
		text-align: left;
		margin-top: 7px;
		padding: 0 15px;
	}
	.col-price {
		width: 50%;
	}
	.facebook {
		padding-top: 120px;
	}
	td, th {
		padding: 0 20px;
	}
	.footer {
	 	position: absolute;
  		bottom: 0;
  		width: 100%;
	}
	.galerija {
		margin-left: 0px;
		margin-right: 0px;
		max-width:  850px;
	}
	.cjenik2 {
		min-height: 90vh;
		text-align: center;
}	
	.izrada {
		padding-left: 15px;
		text-align: left;
	}
}

/*--------------------------------DESKTOP 1200 px--*/
@media (min-width:1200px){
	.logo {
		height: 120px;
		margin-left: 0;	
	}
	.navbar-right {
		margin-right: 0px;
	}
	nav ul {
		padding-top: 5%;
	}
	.facebook {
		padding-top: 220px;
	}
	h1.naslov {
		padding: 0 30px;
	}
	.col-md-9.cjenik {
		font-size: 16px;
		padding-left: 30px;
		padding-right: 0px;
	}
	.h3 {
		margin-left: 30px;
		margin-right: 30px;
	}
	td, th, h2 {
		padding: 0 30px;
	}
	.par-price {
		padding: 0 30px;
	}
	.par-price-no {
		padding: 0 30px;
		margin: 0;
	}
	.col-md-9.text p {
		font-size: 16px;
		padding: 0 15px 5px 30px;
	}
	.col-sm-6.form p {
		font-size: 16px;
	}
	.font-size12 {
		font-size: 16px;
	}
	.lijn {
		margin-left: 30px;
		margin-right: 15px;
	}
	.col-md-9.cjenik2 {
		font-size: 16px;
		padding-left: 30px;
		padding-right: 0px;
	}
	.izrada {
		padding-left: 30px;
		text-align: left;
	}
}