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

*{ 
	padding:0px;
	margin:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

a {
   outline: 0;
}

/* HTML5 display rule */
HEADER,FOOTER,NAV,ARTICLE,SECTION{ display:block; }

BODY {
	width:auto;
	margin:0px; 
	padding:0px;
	background:url(../../site_images/struktura/bgnd_stranice.jpg) repeat-x 0% 0%;
}
	
/* zaglavlje */
#headerPocetna {
	position:relative;
	border:0px solid green;
	margin:auto;
	background:url(../../site_images/struktura/bgnd_heder_pocetna.gif) repeat-x;
	height:166px;
	}
#headerStrane {
	position:relative;
	border:0px solid green;
	margin:auto;
	background:url(../../site_images/struktura/bgnd_heder_stranice.jpg) repeat-x;
	height:166px;
	}
#headerGal {
	position:relative;
	border:0px solid green;
	background:url(../../site_images/struktura/bgnd_heder_stranice.jpg) repeat-x;
	height:166px;
	}
#header {
	position:relative;
	width:960px;
	border:0px solid green;
	margin:auto;
	height:160px;
	}
	
#logo {
	border:0px solid green;
	position:absolute;
	left:0px;
	top:50px;
	width:237px;
	height:114px;
	background:url(../../site_images/struktura/logo.png) no-repeat;
	}
	
#nav {
	position:relative;
	}	
#nav UL{
	}	
#nav UL LI{
	float:left;
	list-style-type:none;
	margin-left:0px;
	margin-top:2px;
	margin-right:5px;
	}
#nav UL LI A{
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	color:#fcc44e;
	font-size:11px;
	font-weight:bold;
	width:111px;
	height:20px;
	border:0px solid red;
	display:block;
	padding-top:10px;
	margin-top:7px;
}
#nav UL LI A:Hover{
	-webkit-transition: background 0.3s ease-in;
	-moz-transition: background 0.3s ease-in;
	-ms-transition: background 0.3s ease-in;
	-o-transition: background 0.3s ease-in;
	transition: background 0.3s ease-in;
	background:#ffbe48;
	color:#8f5d1f;
	
	}
#nav UL LI A.dastMeniAktiv {
	background:#ffbe48;
	color:#8f5d1f;
	}
	
#jezici{
	position:absolute;
	border:0px solid red;
	top:19px;
	right:45px;
	z-index:20;
	}
#jezici LI{
	list-style-type:none;
	float:left;
	margin-right:10px;
	}
#jezici LI A{
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	}
#jezici LI A:Hover{
	color:#fcc44e;
	}
#aside {
	}	
/* sadrzaj */

#sectionPocetna {
	position:relative;
	margin:auto;
	border:0px solid red;
	background:url(../../site_images/struktura/bgnd_drvo_pocetna.jpg) repeat-x;

	}
#section {
	position:relative;
	margin:auto;
	border:0px solid red;
	width:960px;
	padding-bottom:15px;
	}
#sectionGalerija {
	position:relative;
	border:0px solid red;
	padding-bottom:15px;
	}
#sadrzaj_pocetna{
	position:relative;
	width:975px;
	margin:auto;
	border:0px solid red;
	}


#sadrzaj_pocetna .cert_traka{

}
.cert_traka ul{
	display: flex;
	list-style: none;
	gap: 10px;
	justify-content: center;
	margin:20px 0;
}
.cert_traka ul li{
	flex-grow: 0;
	flex-basis: 120px;
	color:#eee;
	background: #3a7d;
	border:1px solid #4786;
	box-shadow:2px 1px 12px #555a
}
.cert_traka ul li:hover{
	background: #3a73;
	color:#3a7;
}
	
.cert_traka ul li a{
	display: block;
	padding: 10px;
	line-height: 1.8em;
	height:120px;
	max-width: 100px;
	text-decoration: none;
color:inherit;
	font-weight:bold;
	
	
}
/* futer */
#footer {
	position:fixed;
	width:100%;
	bottom:0px;
	border:0px solid red;
	height:48px;
	background:url(../../site_images/struktura/futer_bgnd.png) repeat-x;
	}
#futer{
	position:relative;
	margin:auto;
	}
#futer P{
	color:#fcc44e;
	font-size:11px;
	padding-top:20px;
	margin-left:20px;
	}
#futermeni {
	position:absolute;
	border:0px solid green;
	bottom:0px;
	right:20px;
	}	
#futermeni UL{
	}	
#futermeni UL LI{
	float:left;
	list-style-type:none;
	border:0px solid red;
	margin-left:35px;
	
	}
#futermeni UL LI A{
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:11px;
	color:#fcc44e;
	}
#futermeni UL LI A:Hover{
	text-decoration:underline;
	}
/* futer */
#pecat {
	position:absolute;
	border:0px solid red;
	right:10px;
	top:-166px;
	z-index:10;
	}
#drvce {
	position:absolute;
	right:220px;
	top:50px;
	
	
	}
        

/* CSS Document */

#bocni_meni_proizvodi{
	position:relative;
	float:left;
	border:0px solid red;
	width:237px;
	margin-right:20px;
	height:637px;
	background:url(../../site_images/struktura/bocni_meni_bgnd.png) no-repeat;
	
	}
#bocni_meni_proizvodi UL{
	position:absolute;
	left:-10px;
	border:0px solid red;
	margin-top:10px;
	}
#bocni_meni_proizvodi UL LI{
	list-style-type:none;
	text-align:center;
	background:url(../../site_images/struktura/bocni_meni_linija.png) no-repeat 50% 0%;
	}
#bocni_meni_proizvodi UL LI A{
	display:block;
	text-decoration:none;
	color:#8f5d1f;
	font-size:14px;
	width:230px;
	padding:15px 0px 15px 10px;
	}
#bocni_meni_proizvodi UL LI A:Hover{
	background:url(../../site_images/struktura/bocni_meni_over.png) no-repeat 0% 50%;
	color:#f8c049;
	font-weight:bold;
	
	}
#bocni_meni_proizvodi UL LI A#active{
	background:url(../../site_images/struktura/bocni_meni_over.png) no-repeat 0% 50%;
	color:#f8c049;
	font-weight:bold;
	}
#sadrzajDesno{
	float:left;
	border:0px solid red;
	width:650px;
	margin-top:30px;
	margin-left:20px;
	margin-bottom: 50px;
	}
#sadrzajDesno H1{
	color:#8f5d1f;
	font-size:18px;
	margin-bottom:6px;
	}
#sadrzajDesno H2{
	color:#8f5d1f;
	font-size:14px;
	margin-bottom:15px;
	font-style:italic;
	}
#sadrzajDesno P{
	color:#8f5d1f;
	font-size:12px;
	margin-bottom:6px;
	text-align:justify;
	}
#voce {
	position:absolute;
	bottom:60px;
	left:-40px;
	
	}
#baner_stranice {
	position:absolute;
	top:-116px;
	border:0px solid red;
	right:13px;
	width:710px;
	height:114px;
	z-index:5;
	
	}
	
#pdf_lista LI{
	list-style-type:none;
	float:left;
	border:0px solid red;

	margin: 20px
	}
#pdf_lista LI A{
	text-decoration:none;
	color:#8f5d1f;
	display:block;	
	width:160px;
	height:70px;
	padding:30px 0px 0px 0px;
	text-align:center;
	background:#ffc86b;
	-webkit-box-shadow: 0px 0px 4px #8f5d1f;
	}
#pdf_lista LI A:Hover{
	text-decoration:none;
	color:#ffc86b;
	display:block;	
	text-align:center;
	background:#8f5d1f;
	-webkit-box-shadow: 0px 0px 4px #8f5d1f;
	-moz-box-shadow: 0px 0px 4px #8f5d1f;
	}			
.galerija_plum li{
	max-width: 700px;
	position: relative;
	list-style: none;
}
.galerija_plum li img{
	display: block;
	width: 100%;
}
.galerija_plum li span{
	position: absolute;
	bottom:30px;
	background: #fffa;
	font-size: 20px;
	padding: 14px
}