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*/
}
/* 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-collapse: collapse;
	border-spacing: 0;
}
/*pocetna*/
.container{
	max-width:960px;
	margin:0 auto;
}
body{
	background-image:url('https://09cf6e.claudeassets.com/20250712230821im_/http://mig-komerc.com/slike/drvo.jpg');
	background-position:top;
	background-repeat:repeat;
	font-family: 'Oswald', sans-serif;
	font-style:italic;
}
p{
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	color:#000;
}p.error {    background: #eee none repeat scroll 0 0;    border: 1px solid red;    color: red;    float: left;    font-weight: bold;    margin-top: 10px;    padding: 5px;    text-align: center;    width: 99%;}p.valid {    background: #eee none repeat scroll 0 0;    border: 1px solid green;    color: green;    float: left;    font-weight: bold;    margin-top: 10px;    padding: 5px;    text-align: center;    width: 99%;}
/*zaglavlje*/
header{
	width:100%;
}
.zaglavlje{
	width:100%;
	max-width:960px;
	margin:0px auto;
	float:left;
	background:#4F2D1E;
}
header nav ul{
	float:right;
	list-style-type:none;
}
header nav ul li{
	display:inline;
	float:left;
	margin-left:15px;
	margin-right:20px;
	margin-top:28px;
}
header nav ul li a{
	border:1px solid #B7864E;
	float:left;
	background:#B7864E;
	text-decoration:none;
	padding:6px 20px;
	color:#000;
	font-style:italic;
	font-weight:bold;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
header nav ul li a:hover, .active{
	background:#EEE3D7;
	color:#B7864E;
	text-decoration:none;
}
.zaglavlje img{
	float:left;
	margin-left:40px;
	max-width:90px;
}
.js .slicknav_menu {
	display:none;
}
/*footer*/
.info ul li{
    margin-left: 7%;
	margin-bottom: 6px;
}
footer{
	width:100%;
	background:#4F2D1E;
	float:left;
	max-width:960px;
	padding:10px 0;
}
.info nav{
	float:left;
	list-style-type:none;
	width: 100%;
}
.info nav ul{
	width: 50%;
	float:left;
}
.info nav ul li a{
	color:#BB8A52;
	border:none;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
}
footer .info {
    width: 87%;
}
footer img{
	float:right;
	margin-right:10px;
	max-width:10%;
}
.info nav ul li a:hover{
	color:#EEE3D7;
}
.info nav ul li a i{
	font-size:22px;
}
/*slajder*/
/*kopirali smo ovaj kod sa sajta owl css*/
#owl-demo .item{
  background: #3fbf79;
  padding: 30px 0px;
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
.customNavigation{
  text-align: center;
  background:rgba(0,0,0,0.5);
  position:absolute;
  bottom:2px;
  width:100%;
}
.owl-theme .owl-controls .owl-page span{
	background:#4F2D1E !important;
}
/*use styles below to disable ugly selection*/
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor:pointer;
}
/*slajder pisem kod*/
.content_slajdera{
	float:left;
	width:100%;
	position:relative;
}
.content_slajdera i{
	color:#4F2D1E;
	padding:5px;
}
.content_slajdera i:hover{
	background:#4F2D1E;
	color:#BB8A52;
}
.item img{
	width:100%;
}
.item a h1 {
    position: absolute;
    bottom: 15%;
    width: auto;
    background-color:rgba(79,45,30,0.7);
    left: 0;
    margin-left: 0;
    padding: 1%;
    color:#fff;
    border:none;
	font-size: 26px;
}
.item a:hover h1{
	color:#EEE3D7;
}
/*section*/
section{
	max-width:960px;
	width:100%;
	float:left;
	background:#fff;
}
/*proizvodi*/
h1.title_home {
    border-bottom: 3px solid #4f2d1e;
    color: #4f2d1e;
    float: left;
    font-size: 26px;
    font-style: italic;
    font-weight: bold;
    margin: 0 1%;
    padding: 1%;
    width: 96%;
}
.proizvodi {
    background: #eee3d7 none repeat scroll 0 0;
    border: 1px solid #eee3d7;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 10px;
    max-width: 960px;
    padding-bottom: 10px;
    width: 22.7%;
}
header img{
	float:left;
	width:100%;
}
.proizvodi h2 {
    float: left;
    width: 95%;
    color: #4F2D1E;
    line-height: 120%;
    padding-top: 5px;
    border-bottom: 1px solid #BB8A52;
    font-weight: bold;
    padding-left: 3%;
    padding-right: 2%;
    padding-bottom: 2%;
    font-style: normal;
}
.proizvodi p{
    float: left;
    font-size: 14px;
    padding: 5px 0;
    line-height: 140%;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: 400;
    text-align: justify;
    font-style: normal;
}
.proizvodi a span{
	float:right;
	text-decoration:none;
	color:#4F2D1E;
	font-size:16px;
	/*padding-top:15px;
	padding-bottom:5px;*/
	margin-right:5px;
}
.proizvodi a:hover span{
	color:#B7864E;
}
.gallery img {
    float: left;
    margin: 1%;
    width: 31%;
}
h1{
    border-bottom: 3px solid #4f2d1e;
    color: #4f2d1e;
    float: left;
    font-size: 26px;
    font-style: italic;
    font-weight: bold;
    margin: 0 1%;
    padding: 1%;
    width: 96%;
}
h3{
	float:left;
	font-style: italic;
    margin: 0 1%;
    padding: 2%;
    width: 96%;
	color:#000;
}
/*kontakt*/

/*
Ukoliko želiš sliku pomjeriti samo na određenoj stranici, toj stranici daj klasu. Pomijeranjem ove slike si pokvarila i početnu stranicu i stranicu usluge i stranicu proizvodi
img{
	width:45%;
	float:left;
	margin:10px;
}*/
.section_kontakt img {
    width: 62%;
    float: left;
    padding: 1%;
}
.kontakt{
	width:30%;
	float:left;
	margin:15px;
}
.kontakt li a{
	text-decoration:none;
	line-height:200%;
	color:#4f2d1e;
}
.forma{
	float:left;
	margin:20px 15px;
}
label{
	float:left;
	width:70%;
	color:#4f2d1e;
	line-height:200%;
}
.info input{
	width:69%;
	float:left;
	padding:1.5%;
	border:1px solid #4f2d1e;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.poruka input{
	background:#EEE3D7;
	border:1px solid #4f2d1e;
	color:#4f2d1e;
	padding:1% 2%;
	float:left;
	margin-right:5px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-family:'Oswald', sans-serif;
	font-size:18px;
	font-style:italic;
	cursor:pointer;
}
.poruka input:hover{
	background:#4f2d1e;
	color:#EEE3D7;
}
textarea{
	width:98%;
	max-width:98%;
	min-width:98%;
	float:left;
	max-height:140px;
	min-height:140px;
	margin-bottom:10px;
	border:1px solid #4f2d1e;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:1%;

}
iframe{
	width:100%;
	float:left;
	height:auto;
	min-height:350px;
}
/*stranica proizvod*/
aside{
	float:right;
	width:25%;
	background:#EEE3D7;
	margin:5px;
}
aside h2{
	background:#B7864E;
	text-align:center;
	padding:12px 0;
	float:left;
	width:100%;
}
aside h2 a{
	text-decoration:none;
	color:#4f2d1e;
	font-weight:bold;
	font-style:italic;
	padding:1%;
	float:left;
	width:98%;
}
/*Padding podešavamo na sidebar iz razloga što nam je potrebno da nam H2 tag bude zalijepljen za početak sidebara, vizuelno dosta ljepše izgleda*/
.sidebar {
    padding: 4%;
    width: 92%;
    float: left;
}
.sidebar ul li::before{
	content:"\f101";
	font-family:FontAwesome;
	padding-right: 5px;
}
.sidebar ul li{
	text-decoration:none;
	font-style:italic;
	line-height:150%;
	color:#4f2d1e;
	margin-left:5px;
	font-size:14px;
}
.pilana{
	float:left;
	width:73%;
}
.pilana img {
    float: left;
    max-width: 98%;
    margin-left: 1%;
}
.pilana p{
	float:left;
	margin-left:1%;
	margin-top:5px;
	margin-bottom:5px;
	line-height:150%;
	text-align:justify;
	width: 98%;
}
.pilana h2 {
    background: #eee3d7 none repeat scroll 0 0;
    float: left;
    font-size: 21px;
    margin: 0 1%;
    padding: 17px 0 17px 7px;
    width: 97%;
}
p sup{
	font-size:8px;
}
/*Div class clear ti sluzi da nakon svakog cetvrtog artikla proizvoda ili usluga, počne sa slaganjem od prvog slobodnog lijevog prostora. Ovo ti pomaže da se podesi kao nekakava nevidljiva linija koja radi presek*/
.clear {
    width: 100%;
    float: left;
    clear: both;
}
/*podesavanje velicina icon-fonta kako bi icon-font bio prilagođen veličini fonta teksta*/
i.fa.fa-mobile {
    font-size: 26px;
}
i.fa.fa-map-marker {
    font-size: 23px;
}
i.fa.fa-phone {
    font-size: 19px;
	margin-top:5px;
}
/*responsivni dizajn*/
@media only screen and (max-width:765px){
	.js #menu {
		display:none;
	}
	.js .slicknav_menu {
		display:block;
		position:fixed;
		width:100%;
		z-index:9999;
	}
	.zaglavlje img {
		margin-top:-50px;
	}
}
@media only screen and (max-width:700px){
	.proizvodi{
		width:47%;
	}
	.clear_dva{
		width:100%;
		clear:both;
		float:left;
	}
	.info ul li{
		display:block;
		clear:both;
	}
	h1 {
		padding-top:7%;
	}
	.pilana {
		width:98%;
	}
	aside{
		width:97%;
		float:left;
	}
	.sidebar ul{
	    -webkit-column-count: 3; 
		-moz-column-count: 3; 
		column-count: 3;
	}
}
@media only screen and (max-width:500px){
	.section_kontakt img {
		width:97%;
	}
	.kontakt{
		margin:0px;
		padding:0 2%;
		width:96%;
	}
	.sidebar ul{
	    -webkit-column-count: 2; 
		-moz-column-count: 2; 
		column-count: 2;
	}
	.info nav{
		width: 80%;
	}
	.info nav ul{
		width: 100%;
	}
	footer img{
		max-width:24%;
	}
}
@media only screen and (max-width:400px){
	.proizvodi{
		width:98%;
	}
	.sidebar ul{
	    -webkit-column-count: 1; 
		-moz-column-count: 1; 
		column-count: 1;
	}
	.pilana h2{
	width:96%;
	}
}
@media only screen and (max-width:350px){
	nav{
		width:100%;
	}
	.proizvodi{
		width:100%;
	}
}
/*
     FILE ARCHIVED ON 01:16:34 Jul 13, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:01:59 Oct 02, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.332
  exclusion.robots: 0.03
  exclusion.robots.policy: 0.024
  esindex: 0.006
  cdx.remote: 7.232
  LoadShardBlock: 155.048 (3)
  PetaboxLoader3.resolve: 143.137 (3)
  PetaboxLoader3.datanode: 81.287 (5)
  load_resource: 158.951
  loaddict: 49.501
*/