@import url(http://fonts.googleapis.com/css?family=Sniglet&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext);


* {
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-family: 'Open Sans', sans-serif;
}

body {
	padding: 0 15px;
	margin: 0;
	background-color: #D8C9C7; /* #EDEDED */
	background-image: url('../slike/mreza.jpg');
	

	color: #221918;
}

a {
	color: #221918;
	text-decoration: none;
}

h1, h2 {
	padding: 0px;
	margin: 0px;
	display: block;
	text-transform:uppercase;
}
h3 {
	padding: 0px;
	margin: 0px;
	display: block;
}
img {
	width: 100%;
}
.flexslider img  {
	border: 0;
}
.objava h2 {
	color: #221918;
/*	font-family: 'Source Sans Pro', sans-serif; */
	margin: 5px 0px 20px 0px;
	border-bottom: 2px solid #7dc354; /* #FF9311; */
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
}
.kontakt h2 {
	color: #221918;
/*	font-family: 'Source Sans Pro', sans-serif; */
	margin: 5px 0px 20px 0px;
	border-bottom: 2px solid #7dc354; /* #FF9311; */
	font-weight: bold;
	font-size: 1.2em;
}

.kontakt {
	text-align: center;
}
.vnos input {
	border: 2px solid #ededed;
	padding: 8px;
	margin: 6px 0;
/*	font-family: 'Source Sans Pro', sans-serif; */
	font-size: 0.95em;
	outline: none;
	box-shadow: 1px 1px 1px #aaa;
	border-radius: 10px;
	color: #241B1A;
	
	width: 100%;
}

.vnos textarea {
	border: 2px solid #ededed;
	padding: 8px;
	margin: 6px 0;
	font-size: 0.95em;
	outline: none;
	box-shadow: 1px 1px 1px #aaa;
	border-radius: 10px;
	color: #241B1A;
	
	width: 100%;
	height: 150px;
}
.button, .button-big {
	background-color: #7dc354;
	color: #241B1A;
	border: 0;
	padding: 7px 30px;
	font-weight: bold;
	font-size: 1em;
	border-radius: 10px;
	box-shadow: 1px 1px 1px #aaa;
}
.button-big {
	font-size: 1.2em;
}
.button:hover, .button-big:hover {
	background-color: #241B1A;
	color: #fff;
}


.hide {
	display: none;
}


#breadcrumb {
	background-color: #fff;
	min-height: 35px;
	position:  static;
	box-shadow: 1px 1px 1px #aaa;
}
#breadcrumb-text {
	font-size: 0.80em;
	padding: 8px 13px;
	color: #a9a9a9;
}
#breadcrumb-text a {
	padding: 0 15px;
	color: #a9a9a9;
}
#breadcrumb-text a:hover {
	color: #626262;
}
#breadcrumb-text #home {
	width: 12px;
	height: 14px;
	float: left;
	margin-top: 3px;
	margin-right: -5px;
	background-image: url('../slike/home.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#breadcrumb-text #home:hover {
	background-image: url('../slike/home-hover.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#content {
	display: table;
	margin: 0px auto 14px auto;
	clear: both;
	width: 100%;
}

#storitve-bar {
	background: #DDDDDD;
	box-shadow: 1px 1px 1px #aaa;
}

.storitve-box, .objava {
	width: 100%;
	float: left;
	
	background-color: #FFF;
	padding: 15px;
	margin: 15px 15px 0px 0px;
	text-align: justify; 

	border-radius: 10px;
	/* border: 2px solid #D1D1D1; */
	/* box-shadow: 0px 0px 15px #A7A7A7; */
}

.storitve-box h2 {
	text-align: center;
	font-weight: bold;
		
	font-size: 1em;
}
.item h3 {
	text-align: center;
	font-weight: bold;
	
	font-size: 1em;
}

.storitve-box div {
	font-weight: bold;
	font-size: 250%;
	text-align: center;
}

.storitve-box p {
	font-size: 0.8em;
	line-height: 170%;
	margin-bottom: 0px;
}
.objava {
	font-size: 0.9em;
	line-height: 170%;
	margin-bottom: 0px;
}
.storitve-box p {
	display: none;
}

.storitve-box:hover {
	background-color: #7dc354;
	color: #FFF;
}
.storitve-box .href {
	font-size: 0.85em;
	background-color: #FFF;
	border: 0px;
	color: #7DC354;
	font-weight: bold;
	display: none;
	cursor: pointer;
	padding:0;
	margin: 0;
}
.storitve-box:hover .href{
	color: #FFF;
	background-color: #7dc354;
}




#header-menubg {
	background-color:  #7dc354; 
	min-height: 50px;
	padding-bottom: 6px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
#header-text {
	float: left;
	padding: 14px;
	min-height: 50px;
}
#header-text h1 {
	font-weight: normal;
	color: #221918;
	font-size: 1.2em;
	font-family: 'Sniglet', cursive;
}
#header-menu-button {
	background-color: #211918;
	width: 100%; 
	height: 50px;
	clear: both;
	padding: 15px;
	text-align: right;
	cursor: pointer;
	
	font-weight: normal;
	color: #fff;
	font-size: 1.2em;
	font-family: 'Sniglet', cursive;
	
	border-radius: 10px;
}
#header-menu-button div {
	background-image: url('../slike/menu.png');
	background-image: url('../slike/menu_ie.png')\9;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	float: right;
	margin-left: 15px;
	margin-top: -4px;
}
#header-menu {
	margin: 0;
}
#headermenu {
	width: 100%;
	clear: both;
	display: table;
}
#headermenu ul {
	padding: 0;
	margin: 0;

	padding-top: 6px;
  	clear: both; 
	width: 100%;
}

#headermenu li {
	float: left;
	list-style: none;
	height: 50px;
	padding: 15px 20px;
	
	background-color: #221918;
	font-family: 'Sniglet', cursive;
	
	color: #fff;
	text-transform:uppercase;
	text-align: center;
	cursor: pointer;
	
	width: 100%;
	clear: both;
}

#header-menu li:first-child {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#header-menu li:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#headermenu li:hover {
	background-color: #473432;
}

#footer {
	margin-top: 0px;
	border-top: 2px solid #b6b6b6;
	background-color: #211918;
	color: #b6b6b6;
	font-size: 0.9em;
}
#footer-title {
	width: 200px;
	text-align: center;
	margin: 60px auto 0 auto;
	color: #3f302e;
	
	padding: 7px 0px;
	
	border-radius: 10px;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #7dc354; /* #FF9311; */
}
#footer-title a {
	color: #3f302e;
}





#cookie {
	text-align: center; 
	margin-left: -15px;
	position: fixed; 
	bottom: 0px; 
	width: 100%;

	font-size: 0.7em;
	
	background-color: #555;
	opacity: 0.95;
	z-index: 2000;
	
	color: #FFF; 	
}
#cookie div {
	padding: 2px 10px 0px 10px; 
}

#cookie input {
	display: block;
	margin: 8px auto;
	box-shadow: none;
}
#cookie input:hover {
	background-color: #FFF;
	color: #7DBA00;
}
#cookie a {
	color: #7dc354;
	text-decoration: none;
}
#cookie a:hover {
	color: #FFF;
}


@media screen and (min-width: 768px) {
	img {
		width: auto;
		max-width: 100%;
	}
	body {
		padding: 0px;
	}
	#header,
	#breadcrumb-text,
	#owl-storitve,
	#header-menu {
		width: 686px; /* 700 -2*14 */
		margin: 0 auto;
	}
	#header-text {
		height: 50px;
	}
	#header-text h1 {
		width: 288px;
	}
	#header-menu-button {
		display: none;
	}
	
	#header-menubg {
		padding-bottom: 0px;
		border-radius: 0px;
	}
	#headermenu ul {
		margin: 0 auto;
		width: auto;
		height: 50px;
		display: table;
	}

	#header-menu li {
		clear: none;
		width: auto;
	}
	#header-menu li:first-child {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	#header-menu li:last-child {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	#header {
		height: 210px;
	}
	#header img {
		height: 144px;
	}
	
	#content {
		width: 700px;
	}
	.kontakt {
		margin: 0 auto;
		width: 632px;
	}
	.vnos input {
		width: 298px;
		margin: 6px 7px;
	}
	.vnos textarea {
		width: 614px;
	}
	
	.storitve-box {
		width: 335px;
		height: 160px;
		margin: 15px 7px 0px 7px;
	}
	.storitve-box:hover {
		-moz-transition-property: background-color;
		-webkit-transition-property: background-color;
		-o-transition-property: background-color;
		transition-property: background-color;

		-moz-transition-duration:1000ms;
		-webkit-transition-duration:1000ms;
		-o-transition-duration:1000ms;
		transition-duration:1000ms;
	}
	.storitve-box h2 {
		border-bottom: 2px solid #7DC354;
	}
	.storitve-box p, .storitve-box .href {
		display: block;
	}
	.objava {
		width: 684px;
		margin: 15px 7px 0px 7px;
	}
	#cookie {
		font-size: 0.8em;
		margin-left: 0px;
	}
	#cookie input {
		display: inline-block;
	}
	
	.storitve-box:hover h2 {
		border-bottom: 2px solid #fff;
	}
	
}

@media screen and (min-width: 992px) {
	#header,
	#breadcrumb-text,
	#owl-storitve,
	#header-menu {
		width: 956px; /* 970 -2*7 */
		margin: 0 auto;
	}
	#header {
		height: 265px;
	}
	#header-menu-button {
		display: none;
	}
	#header-menu ul {
		margin: 0;
		padding-top: 0;
		clear: none;
		width: auto;
		height: 50px;
	}
	#header-menu li {
		width: auto;
	}
	#header img {
		height: 200px;
	}
	
	#breadcrumb {
		margin-top: -28px \9;
	}
	
	#content {
		width: 970px;
	}

	.storitve-box {
		width: 309px;
		height: 170px;
		margin: 15px 7px 0px 7px;
	}
	.objava {
		width: 955px;
	}
}




.iedisplay {
	display: none;
}


/* FANCY PREHOD */
.transition-color, .transition-color a {	
	-moz-transition-property: background-color;
	-webkit-transition-property: background-color;
	-o-transition-property: background-color;
	transition-property: background-color;

	-moz-transition-duration:300ms;
	-webkit-transition-duration:300ms;
	-o-transition-duration:300ms;
	transition-duration:300ms;
}