*{margin:0; padding: 0;font-family: segoe UI, arial; text-decoration: none;}
@-ms-viewport{
  width: device-width;
}




html{overflow-y: scroll;}
p{text-decoration: none!important;}
a{text-decoration: none!important;}

#Page{
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#Main{
	width: 100%;
	height: 100%;
	float: left;

	background: #eee;
}

.gray_theme{
	background: #e0e0e0;
}

#HeaderHolder{
	width: 100%;
	height: 60px;
	background: #555;
	position: relative;
	z-index: 9;
	box-shadow: 0px -2px 10px #000;

}

#Header{
	width: 1120px;
	height: 100%;
	margin: auto;
	padding: 0 70px 0 70px
}

#HeaderLogo{
	width: 210px;
	height: 100%;
	background: url(images/Logo2.png) no-repeat;
	float: left;
}

.UpperMenu{
	width: 590px;
	height: 100%;
	background: ;
	float: left;
}

.UpperMenuDownload{
	/*width: 150px;*/
	height: 40;
	background: #444 ;
	float: right;
	margin-top: 10px;
	border-radius: 10px;
}

.UpperMenu ul,.UpperMenuDownload ul{
	list-style-type: none;

}

.UpperMenu ul li{
	float: left;
	background: ;
	font-size: 14px;
	height: 70px;
	line-height: 60px;
	width: 100px;
	margin: 0px;
	text-align: center;

}

.UpperMenuDownload ul li{
	float: left;
	background: ;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	width: 150px;
	margin: 0px;
	text-align: center;

}

.UpperMenu ul li a, .UpperMenuDownload ul li a{
	color:white;
	text-decoration: none;
	display: block;
}

.UpperMenu ul li a:hover {
	background: #333;
}

.UpperMenuDownload ul li a:hover{
	border-radius: 10px;
	background: #252525;
}

.UpperMenu ul li ul li{
	display: none;
	text-align: left;
	height: 40px;
	line-height: 40px;
	background: #777;
	border-bottom: 1px solid #999;
	text-indent: 10px;
	width: 200px;
}

.desktop_displaynone{
	display: none;

}

ul li:hover ul li{
	display: block;
	
}

li#Katalog{
	float: left;
	width: 150px;
}

#DownloadIcon{
	background: url(images/download_icon.png) no-repeat;
	background-position: 10px 9px;
	height: 40px;
	width: 40px;
	float: left;
	/*margin: 5px*/
	background-color: #353535;
	border-radius: 10px 0 0 10px;
}

a#DownloadIcon:hover{
	background-color: #252525;

	/*margin: 5px*/
}

.jezik{
	
	width: 60px;
	
	float: right;
	color: white;
	padding: 15px 0px 0 20px;
}

.language{
	color: white;
	font-size: 11px;
	float: left;
	cursor: pointer;
}

a.language:hover{
	text-decoration: underline!important;
}

.Selected{
	color: #999;
	cursor: default;
}

/*#MainGallery{
	height: 500px;
	width: 100%;
	background: url(images/main1.jpg);
	
		
}*/

.Pic1{
	background: url(images/main3.jpg);
	display: block;
	width: 100%;
	background-size: 100%;
	background-position: center;
}

.Pic2{
	background: url(images/main1.jpg);
	display: block;
	width: 100%;
	background-size: 100%;
	background-position: center;
}

.Pic3{
	background: url(images/main5.jpg);
	display: block;
	width: 100%;
	background-size: 100%;
	background-position: center;
}

.GalleryLogo{
	height: 200px;
	width: 400px;
	background: url(images/LogoBig.png) no-repeat;
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -200px; 
	background-size: 100%
}

.GalleryLogoDark{
	height: 200px;
	width: 400px;
	background: url(images/LogoBigDark.png) no-repeat;
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -200px; 
	background-size: 100%
}

.GalleryButtonHolder{
	height: 70px;
	width:  400px;
	position: absolute;
	left: 50%;
	margin-left: -200px;
	top: 300px;  
}

.Button_1{
	height: 40px;
	width: 190px;
	background: white;
	position: absolute;
	left: 0;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	color:#333;
	opacity: 0.6;
	font-weight: bold;
	border-radius: 8px;
	transition: 0.3s;
}

.Button_1:hover{
	opacity: 1;
}

.Button_2:hover{
	background: #333
}


.Button_2{
	height: 32px;
	width: 182px;
	background: ;
	position: absolute;
	left: 210px;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	line-height: 32px;
	color: white;
	font-weight: bold;
	border-radius: 8px;
	border: 4px solid white;
	transition: 0.3s;
}

.Button_3{
	height: 40px;
	width: 190px;
	background: black;
	position: absolute;
	left: 0;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	color:#333;
	opacity: 0.6;
	font-weight: bold;
	border-radius: 8px;
	transition: 0.3s;
	color: white;
}

.Button_3:hover{
	opacity: 0.8;
}

.Button_4:hover{
	background: #fff;
	opacity: 0.8;
}


.Button_4{
	height: 32px;
	width: 182px;
	background: ;
	position: absolute;
	left: 210px;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	line-height: 32px;
	color: #000;
	font-weight: bold;
	border-radius: 8px;
	border: 4px solid #000;
	transition: 0.3s;
	opacity: 0.6;
}

.Kategorije{
	width: 1120px;
	background: red;
	margin: auto;
}

.CategoryName{
	bottom: 0;
	position: absolute;
	width: 100%;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	
}


.CategoryName_2_rows{
	bottom: -15px;
	position: absolute;
	width: 100%;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
}

.Kategorija1{
	width: 280px;
	height: 310px;
	background: url(images/kategorija_1.png) no-repeat;
	float: left;
	position: relative;
	/*margin-top: 20px;*/ 
	background-size: 80%;
	background-position: center;
	transition: 0.3s;
	color: #777;
	font-weight: bold;
	-webkit-background-size: 280px 280px;
	-webkit-transform: scale(0.8,0.8);

}


.Kategorija2{
	width: 280px;
	height: 310px;
	background: url(images/kategorija_2.png) no-repeat;
	float: left;
	position: relative;
	/*margin-top: 20px;*/ 
	background-size: 80%;
	background-position: center;
	transition: 0.3s;
	color: #777;
	font-weight: bold;
	-webkit-background-size: 280px 280px;
	-webkit-transform: scale(0.8,0.8);

}

.Kategorija3{
	width: 280px;
	height: 310px;
	background: url(images/kategorija_3.png) no-repeat;
	float: left;
	position: relative;
	/*margin-top: 20px;*/ 
	background-size: 80%;
	background-position: center;
	transition: 0.3s;
	color: #777;
	font-weight: bold;
	-webkit-background-size: 280px 280px;
	-webkit-transform: scale(0.8,0.8);

}


.Kategorija4{
	width: 280px;
	height: 310px;
	background: url(images/kategorija_4.png) no-repeat;
	float: left;
	position: relative;
	/*margin-top: 20px;*/ 
	background-size: 80%;
	background-position: center;
	transition: 0.3s;
	color: #777;
	font-weight: bold;
	-webkit-background-size: 280px 280px;
	-webkit-transform: scale(0.8,0.8);

}

.Kategorija5{
	width: 280px;
	height: 310px;
	background: url(images/kategorija_5.png) no-repeat;
	float: left;
	position: relative;
	/*margin-top: 20px;*/ 
	background-size: 80%;
	background-position: center;
	transition: 0.3s;
	color: #777;
	font-weight: bold;
	-webkit-background-size: 280px 280px;
	-webkit-transform: scale(0.8,0.8);

}

.Kategorija6{
	width: 280px;
	height: 310px;
	background: url(images/kategorija_6.png) no-repeat;
	float: left;
	position: relative;
	/*margin-top: 20px;*/ 
	background-size: 80%;
	background-position: center;
	transition: 0.3s;
	color: #777;
	font-weight: bold;
	-webkit-background-size: 280px 280px;
	-webkit-transform: scale(0.8,0.8);

}

.Kategorija7{
	width: 280px;
	height: 310px;
	background: url(images/kategorija_7.png) no-repeat;
	float: left;
	position: relative;
	/*margin-top: 20px;*/ 
	background-size: 80%;
	background-position: center;
	transition: 0.3s;
	color: #777;
	font-weight: bold;
	-webkit-background-size: 280px 280px;
	-webkit-transform: scale(0.8,0.8);

}

.Kategorija8{
	width: 280px;
	height: 310px;
	background: url(images/kategorija_8.png) no-repeat;
	float: left;
	position: relative;
	/*margin-top: 20px;*/ 
	background-size: 80%;
	background-position: center;
	transition: 0.3s;
	color: #777;
	font-weight: bold;
	-webkit-background-size: 280px 280px;
	-webkit-transform: scale(0.8,0.8);

}

.Kategorija9{
	width: 280px;
	height: 310px;
	background: url(images/kategorija_9.png) no-repeat;
	float: left;
	position: relative;
	/*margin-top: 20px;*/ 
	background-size: 80%;
	background-position: center;
	transition: 0.3s;
	color: #777;
	font-weight: bold;
	-webkit-background-size: 280px 280px;
	-webkit-transform: scale(0.8,0.8);

}

.Kategorija10{
	width: 280px;
	height: 310px;
	background: url(images/kategorija_10.png) no-repeat;
	float: left;
	position: relative;
	/*margin-top: 20px;*/ 
	background-size: 80%;
	background-position: center;
	transition: 0.3s;
	color: #777;
	font-weight: bold;
	-webkit-background-size: 280px 280px;
	-webkit-transform: scale(0.8,0.8);

}

.Kategorija11{
	width: 280px;
	height: 310px;
	background: url(images/kategorija_11.png) no-repeat;
	float: left;
	position: relative;
	/*margin-top: 20px;*/ 
	background-size: 80%;
	background-position: center;
	transition: 0.3s;
	color: #777;
	font-weight: bold;
	-webkit-background-size: 280px 280px;
	-webkit-transform: scale(0.8,0.8);

}

.Kategorija12{
	width: 280px;
	height: 310px;
	background: url(images/kategorija_12.png) no-repeat;
	float: left;
	position: relative;
	/*margin-top: 20px;*/ 
	background-size: 80%;
	
	background-position: center;
	transition: 0.3s;
	color: #777;
	font-weight: bold;
	-webkit-background-size: 280px 280px;
	-webkit-transform: scale(0.8,0.8);
}

.Kategorija1:hover,.Kategorija2:hover,.Kategorija3:hover,.Kategorija4:hover,.Kategorija5:hover,.Kategorija6:hover,.Kategorija7:hover,.Kategorija8:hover,.Kategorija9:hover,.Kategorija10:hover,.Kategorija11:hover,.Kategorija12:hover{
	background-size: 100%;
	color: #222;
	-webkit-transform: scale(1,1);
	transition: 0.3s;
}


footer{
	height: auto;
	width: 100%;
	background: #333;
	float: left;
	margin-top: 40px; 
	padding-bottom: 40px;
}

.info{
	width: 1120px;
	height: 300px;
	/*background: red;*/
	margin: auto;
}

.footer_logo{
	height: 120px;
	width: 100%;
	background: rgba(0, 0, 0, 0) url("images/LogoBig.png") no-repeat ;
	background-size: 28%;
	background-position: center;
	border-bottom: 1px solid #555;
}

.footer_text{
	color: white;
	text-align: center;
	float: left;
	width: 100%;

}

.footer_text span{
	color: #999;
	

}


#foo1_prev{
	height: 100px;
	width: 100px;
	background: url(images/left.png);
	left:30px;
	top: 250px;
	position: absolute;
	opacity: 0.5;
	transition-duration:0.3s;
}

#foo1_prev:hover,#foo1_next:hover{
	opacity: 1;
}

#foo1_next{
	height: 100px;
	width: 100px;
	background: url(images/right.png);
	position: absolute;
	right: 30px;
	top: 250px;
	opacity: 0.5;
	transition-duration:0.3s;
}

.Map{
	height: 400px;
	width: 1400px;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

.contact_form{
	height: 450px;
	width: 1120px;
	margin: auto;

}

.left_contact_form{
	height: 350px;
	width: 400px;
	
	float: left;
}

.right_contact_form{
	height: 350px;
	width: 670px;
	margin-left: 50px;
	float: left;
}

.contact{
	height: 40px;
	width: 400px;
	margin-bottom: 15px; 
	text-indent: 10px;
}

.description{
	height: 300px;
	width: 670px; 
	text-align: left;
}

.contact_info{
	display: block;
	height: 30px;
	color: #555;
}

.contact{
	border: 1px solid #ddd;
}

.posalji{
	display: block;
	width: 100%;
	height: 50px;
	margin: auto;
	background: #333;
	float: left;
	border: none;
	color: white;
	font-size: 18px;
	margin-top: 20px;
	opacity: 0.7;
	cursor: pointer;
	transition-duration: 0.3s;
}

.posalji:hover{
	opacity: 1
}

.o_nama{
	height: 550px;
	width: 1120px;
	
	margin: auto;

}

.kontakt{
	
	width: 1120px;
	
	margin: auto;
text-align: center;
	font-size: 34px;
	padding-top: 40px;
	padding-bottom: 30px;
	border-bottom: 1px solid #999;
	color: #777
}

.o_nama_naslov{
	
	width: 100%;
	text-align: center;
	font-size: 34px;
	padding-top: 40px;
	padding-bottom: 30px;
	border-bottom: 1px solid #999;
	color: #777
}

.o_nama_podnaslov{
	padding-top: 40px;
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	color: #555;
	padding-bottom: 40px;
	float: left;
	width: 100%;
}

.o_nama_img{
	height: 345px;
	margin-right: 30px;
	background: url(images/o_nama.png);
	background-size: 100%;
	width: 345px; 
	float: left;
	background-position: center;
	box-shadow: 3px 3px 5px #777;
}

.o_nama_text{
	float: left;
	width: 730px;
}

.naziv_serije{
	height: 50px;
	width: 1110px;
	border-bottom: 1px solid #bbb;
	font-size: 30px;
	margin-bottom: 20px;
	color: #777;
	margin: 30px 0 20px 5px; 
	float: left;
}

.grupa{
	float: left;
	width: 400px;
}

.grupa_big{
	float: left;
	width: 900px;
}

.serija{
	float: right;
	width: 400px;
	text-align: right;
}

.Proizvodi{
	height: 800px;
	width: 1120px;
	margin: auto;
	display: block;
	
}

.o50{opacity: 0.3;}


/*Papirnate kutije*/
.p1{background: url(proizvodi/papirnate_kutije/1.png);}
.p2{background: url(proizvodi/papirnate_kutije/2.png);}
.p3{background: url(proizvodi/papirnate_kutije/3.png);}
.p4{background: url(proizvodi/papirnate_kutije/4.png);}
.p5{background: url(proizvodi/papirnate_kutije/5.png);}
.p6{background: url(proizvodi/papirnate_kutije/6.png);}
.p7{background: url(proizvodi/papirnate_kutije/7.png);}
.p8{background: url(proizvodi/papirnate_kutije/8.png);}
.p9{background: url(proizvodi/papirnate_kutije/9.png);}
.p10{background: url(proizvodi/papirnate_kutije/10.png);}
.p11{background: url(proizvodi/papirnate_kutije/11.png);}
.p12{background: url(proizvodi/papirnate_kutije/12.png);}
.p13{background: url(proizvodi/papirnate_kutije/13.png);}
.p14{background: url(proizvodi/papirnate_kutije/14.png);}
.p15{background: url(proizvodi/papirnate_kutije/15.png);}
.p16{background: url(proizvodi/papirnate_kutije/16.png);}
.p17{background: url(proizvodi/papirnate_kutije/17.png);}
.p18{background: url(proizvodi/papirnate_kutije/18.png);}
.p19{background: url(proizvodi/papirnate_kutije/19.png);}
.p20{background: url(proizvodi/papirnate_kutije/20.png);}
.p21{background: url(proizvodi/papirnate_kutije/21.png);}
.p22{background: url(proizvodi/papirnate_kutije/22.png);}
.p23{background: url(proizvodi/papirnate_kutije/23.png);}
.p24{background: url(proizvodi/papirnate_kutije/24.png);}
.p25{background: url(proizvodi/papirnate_kutije/25.png);}
.p26{background: url(proizvodi/papirnate_kutije/26.png);}
.p27{background: url(proizvodi/papirnate_kutije/27.png);}
.p28{background: url(proizvodi/papirnate_kutije/28.png);}
.p29{background: url(proizvodi/papirnate_kutije/29.png);}
.p30{background: url(proizvodi/papirnate_kutije/30.png);}
.p31{background: url(proizvodi/papirnate_kutije/31.png);}
.p32{background: url(proizvodi/papirnate_kutije/32.png);}
.p33{background: url(proizvodi/papirnate_kutije/33.png);}
.p34{background: url(proizvodi/papirnate_kutije/34.png);}
.p35{background: url(proizvodi/papirnate_kutije/35.png);}
.p36{background: url(proizvodi/papirnate_kutije/36.png);}
.p37{background: url(proizvodi/papirnate_kutije/37.png);}
.p38{background: url(proizvodi/papirnate_kutije/38.png);}
.p39{background: url(proizvodi/papirnate_kutije/39.png);}
.p40{background: url(proizvodi/papirnate_kutije/40.png);}
/*Plišane kutije*/
.p41{background: url(proizvodi/plisane_kutije/41.png);}
.p42{background: url(proizvodi/plisane_kutije/42.png);}
.p43{background: url(proizvodi/plisane_kutije/43.png);}
.p44{background: url(proizvodi/plisane_kutije/44.png);}
.p45{background: url(proizvodi/plisane_kutije/45.png);}
.p46{background: url(proizvodi/plisane_kutije/46.png);}
.p47{background: url(proizvodi/plisane_kutije/47.png);}
.p48{background: url(proizvodi/plisane_kutije/48.png);}
.p49{background: url(proizvodi/plisane_kutije/49.png);}
.p50{background: url(proizvodi/plisane_kutije/50.png);}
.p51{background: url(proizvodi/plisane_kutije/51.png);}
.p52{background: url(proizvodi/plisane_kutije/52.png);}
.p53{background: url(proizvodi/plisane_kutije/53.png);}
.p54{background: url(proizvodi/plisane_kutije/54.png);}
.p55{background: url(proizvodi/plisane_kutije/55.png);}
.p56{background: url(proizvodi/plisane_kutije/56.png);}
.p57{background: url(proizvodi/plisane_kutije/57.png);}
.p58{background: url(proizvodi/plisane_kutije/58.png);}
.p59{background: url(proizvodi/plisane_kutije/59.png);}
.p60{background: url(proizvodi/plisane_kutije/60.png);}
.p61{background: url(proizvodi/plisane_kutije/61.png);}
.p62{background: url(proizvodi/plisane_kutije/62.png);}
.p63{background: url(proizvodi/plisane_kutije/63.png);}
.p64{background: url(proizvodi/plisane_kutije/64.png);}
.p65{background: url(proizvodi/plisane_kutije/65.png);}
.p66{background: url(proizvodi/plisane_kutije/66.png);}
.p67{background: url(proizvodi/plisane_kutije/67.png);}
/*Drvene kutije*/
.p68{background: url(proizvodi/drvene_kutije/68.png);}
.p69{background: url(proizvodi/drvene_kutije/69.png);}
.p70{background: url(proizvodi/drvene_kutije/70.png);}
.p71{background: url(proizvodi/drvene_kutije/71.png);}
.p72{background: url(proizvodi/drvene_kutije/72.png);}
.p73{background: url(proizvodi/drvene_kutije/73.png);}
.p74{background: url(proizvodi/drvene_kutije/74.png);}
.p75{background: url(proizvodi/drvene_kutije/75.png);}
.p76{background: url(proizvodi/drvene_kutije/76.png);}
.p77{background: url(proizvodi/drvene_kutije/77.png);}
.p78{background: url(proizvodi/drvene_kutije/78.png);}
/*Umjetna koza*/
.p79{background: url(proizvodi/umjetna_koza/79.png);}
.p80{background: url(proizvodi/umjetna_koza/80.png);}
.p81{background: url(proizvodi/umjetna_koza/81.png);}
.p82{background: url(proizvodi/umjetna_koza/82.png);}
.p83{background: url(proizvodi/umjetna_koza/83.png);}
.p84{background: url(proizvodi/umjetna_koza/84.png);}
.p85{background: url(proizvodi/umjetna_koza/85.png);}
/*Plastične kutije*/
.p86{background: url(proizvodi/plasticne_kutije/86.png);}
.p87{background: url(proizvodi/plasticne_kutije/87.png);}
.p88{background: url(proizvodi/plasticne_kutije/88.png);}
.p89{background: url(proizvodi/plasticne_kutije/89.png);}
.p90{background: url(proizvodi/plasticne_kutije/90.png);}
.p91{background: url(proizvodi/plasticne_kutije/91.png);}
.p92{background: url(proizvodi/plasticne_kutije/92.png);}
.p93{background: url(proizvodi/plasticne_kutije/93.png);}
.p94{background: url(proizvodi/plasticne_kutije/94.png);}
.p95{background: url(proizvodi/plasticne_kutije/95.png);}
.p96{background: url(proizvodi/plasticne_kutije/96.png);}
.p97{background: url(proizvodi/plasticne_kutije/97.png);}
.p98{background: url(proizvodi/plasticne_kutije/98.png);}
.p99{background: url(proizvodi/plasticne_kutije/99.png);}
.p100{background: url(proizvodi/plasticne_kutije/100.png);}
.p101{background: url(proizvodi/plasticne_kutije/101.png);}
.p102{background: url(proizvodi/plasticne_kutije/102.png);}
.p103{background: url(proizvodi/plasticne_kutije/103.png);}
.p104{background: url(proizvodi/plasticne_kutije/104.png);}
.p105{background: url(proizvodi/plasticne_kutije/105.png);}
.p106{background: url(proizvodi/plasticne_kutije/106.png);}
.p107{background: url(proizvodi/plasticne_kutije/107.png);}
.p108{background: url(proizvodi/plasticne_kutije/108.png);}
.p109{background: url(proizvodi/plasticne_kutije/109.png);}
.p110{background: url(proizvodi/plasticne_kutije/110.png);}
.p111{background: url(proizvodi/plasticne_kutije/111.png);}
.p112{background: url(proizvodi/plasticne_kutije/112.png);}
.p113{background: url(proizvodi/plasticne_kutije/113.png);}
.p114{background: url(proizvodi/plasticne_kutije/114.png);}
.p115{background: url(proizvodi/plasticne_kutije/115.png);}
.p116{background: url(proizvodi/plasticne_kutije/116.png);}
.p117{background: url(proizvodi/plasticne_kutije/117.png);}
.p118{background: url(proizvodi/plasticne_kutije/118.png);}
.p119{background: url(proizvodi/plasticne_kutije/119.png);}
.p120{background: url(proizvodi/plasticne_kutije/120.png);}
.p121{background: url(proizvodi/plasticne_kutije/121.png);}
.p122{background: url(proizvodi/plasticne_kutije/122.png);}
.p123{background: url(proizvodi/plasticne_kutije/123.png);}
.p124{background: url(proizvodi/plasticne_kutije/124.png);}
.p125{background: url(proizvodi/plasticne_kutije/125.png);}
.p126{background: url(proizvodi/plasticne_kutije/126.png);}
/*Papirnate vrecice*/
.p127{background: url(proizvodi/papirnate_vrecice/127.png);}
.p127a{background: url(proizvodi/papirnate_vrecice/127a.png);}
.p128{background: url(proizvodi/papirnate_vrecice/128.png);}
.p128a{background: url(proizvodi/papirnate_vrecice/128a.png);}
.p129a{background: url(proizvodi/papirnate_vrecice/129a.png);}
.p130{background: url(proizvodi/papirnate_vrecice/130.png);}
.p131{background: url(proizvodi/papirnate_vrecice/131.png);}
.p132{background: url(proizvodi/papirnate_vrecice/132.png);}
.p133{background: url(proizvodi/papirnate_vrecice/133.png);}
.p134{background: url(proizvodi/papirnate_vrecice/134.png);}
.p135{background: url(proizvodi/papirnate_vrecice/135.png);}
.p136{background: url(proizvodi/papirnate_vrecice/136.png);}
.p137{background: url(proizvodi/papirnate_vrecice/137.png);}
.p138{background: url(proizvodi/papirnate_vrecice/138.png);}
.p139{background: url(proizvodi/papirnate_vrecice/139.png);}
.p140{background: url(proizvodi/papirnate_vrecice/140.png);}
.p141{background: url(proizvodi/papirnate_vrecice/141.png);}
.p142{background: url(proizvodi/papirnate_vrecice/142.png);}
/*stalci*/
.p143{background: url(proizvodi/stalci/143.png);}
.p144{background: url(proizvodi/stalci/144.png);}
.p145{background: url(proizvodi/stalci/145.png);}
.p146{background: url(proizvodi/stalci/146.png);}
.p147{background: url(proizvodi/stalci/147.png);}
.p148{background: url(proizvodi/stalci/148.png);}
.p149{background: url(proizvodi/stalci/149.png);}
.p150{background: url(proizvodi/stalci/150.png);}
.p151{background: url(proizvodi/stalci/151.png);}
.p152{background: url(proizvodi/stalci/152.png);}
.p153{background: url(proizvodi/stalci/153.png);}
.p154{background: url(proizvodi/stalci/154.png);}
.p155{background: url(proizvodi/stalci/155.png);}
.p156{background: url(proizvodi/stalci/156.png);}
.p157{background: url(proizvodi/stalci/157.png);}
.p158{background: url(proizvodi/stalci/158.png);}
.p159{background: url(proizvodi/stalci/159.png);}
.p160{background: url(proizvodi/stalci/160.png);}

.p161{background: url(proizvodi/stalci/161.png);}
.p162{background: url(proizvodi/stalci/162.png);}
.p163{background: url(proizvodi/stalci/163.png);}
.p164{background: url(proizvodi/stalci/164.png);}
.p165{background: url(proizvodi/stalci/165.png);}
.p166{background: url(proizvodi/stalci/166.png);}
.p167{background: url(proizvodi/stalci/167.png);}
.p168{background: url(proizvodi/stalci/168.png);}
.p169{background: url(proizvodi/stalci/169.png);}
.p170{background: url(proizvodi/stalci/170.png);}
.p171{background: url(proizvodi/stalci/171.png);}
.p172{background: url(proizvodi/stalci/172.png);}
.p173{background: url(proizvodi/stalci/173.png);}
.p174{background: url(proizvodi/stalci/174.png);}
.p175{background: url(proizvodi/stalci/175.png);}
.p176{background: url(proizvodi/stalci/176.png);}
.p177{background: url(proizvodi/stalci/177.png);}
.p178{background: url(proizvodi/stalci/178.png);}
.p179{background: url(proizvodi/stalci/179.png);}
.p180{background: url(proizvodi/stalci/180.png);}
.p181{background: url(proizvodi/stalci/181.png);}
.p182{background: url(proizvodi/stalci/182.png);}
.p183{background: url(proizvodi/stalci/183.png);}
.p184{background: url(proizvodi/stalci/184.png);}


.p100n{background: url(proizvodi/umjetna_koza/p100n.png);}

.p101n{background: url(proizvodi/drvene_kutije/p101n.png);}

.product_box{
	height: 270px;
	width: 270px;
	float: left;
	margin: 5px;
	box-shadow: 1px 1px 3px #999;
	display: block;
	background-size: 100% 100%;
	transition: 2s;
	-webkit-transition: linear 1s;
	background-position: center;
}

.proizvod{
	height: 270px;
	width: 270px;
	float: left;
	margin: 5px;
	box-shadow: 1px 1px 3px #999;
	display: block;
	background-size: 100% 100%;
	transition: 2s;
	-webkit-transition: linear 1s;
	background-position: center;
}



.proizvod_5_in_a_row{
	height: 214px;
	width: 214px;
	float: left;
	margin: 5px;
	box-shadow: 1px 1px 3px #999;
	background-size: 100% 100%;
	transition: 2s;
	-webkit-transition: linear 1s;
	background-position: center;

}



.proizvod_5_in_a_row_double{
	height: 214px;
	width: 438px;
	float: left;
	margin: 5px;
	box-shadow: 1px 1px 3px #999;
	background-size: 100% 100%;
	transition: 2s;
	-webkit-transition: linear 1s;
	background-position: center;

}

.proizvod_5_in_a_row_double_right{
	height: 438px;
	width: 438px;
	float: right;
	margin: 5px;
	box-shadow: 1px 1px 3px #999;
	background-size: 100% 100%;
	transition: 2s;
	-webkit-transition: linear 1s;
	background-position: center;

}



.proizvod_3_in_a_row{
	box-shadow: 1px 1px 3px #999;
    float: left;
    height: 269px;
    margin: 5px;
    width: 362px;
   background-size: 100% 100%;
	transition: 2s;
	-webkit-transition: linear 1s;
	background-position: center;
}



.proizvod_4x4{
	height: 550px;
	width: 550px;
	float: right;
	margin: 5px;
	box-shadow: 1px 1px 3px #999;
	background-size: 100% 100%;
	transition: 2s;
	-webkit-transition: linear 1s;
	background-position: center;
}

.proizvod_4x4_left{
	height: 550px;
	width: 550px;
	float: left;
	margin: 5px;
	box-shadow: 1px 1px 3px #999;
	background-size: 100% 100%;
	transition: 2s;
	-webkit-transition: linear 1s;
	background-position: center;
}

.proizvod_2x1{
	height: 270px;
	width: 550px;
	float: left;
	margin: 5px;
	box-shadow: 1px 1px 3px #999;
	background-size: 100% 100%;
	transition: 2s;
	-webkit-transition: linear 1s;
	background-position: center;
}

.proizvod_full{
	height: 550px;
	width: 1110px;
	float: left;
	margin: 5px;
	box-shadow: 1px 1px 3px #999;
	background-size: 100% 100%;
	transition: 2s;
	-webkit-transition: linear 1s;
	background-position: center;
}

.proizvod:hover{background-size: 130% 130%; }
.proizvod_4x4:hover{background-size: 130%  130%;}
.proizvod_4x4_left:hover{background-size: 130%  130%;}
.proizvod_3_in_a_row:hover{background-size: 130% 130%; }
.proizvod_2x1:hover{background-size: 130%  130%;}
.proizvod_5_in_a_row_double:hover{background-size: 130% 130%;}
.proizvod_5_in_a_row:hover{background-size: 130% 130%;}



.naziv_proizvoda{
	padding: 10px 0 0 15px;
	text-transform: uppercase;
	font-size: 20px;
	color: #555;
	display: block;
}

.naziv_proizvoda_white{
	padding: 10px 0 0 15px;
	text-transform: uppercase;
	font-size: 20px;
	color: #FFF;
	display: block;
}

.dimenzija_proizvoda{
	padding: 0px 0 0 15px;
	font-size: 14px;
	color: #555
}

.red{
	float:left;
  margin:1px;
  width:450px;
  height:450px;
  overflow:hidden;
  background-size:100% 450px;
  background-image:url(http://www.placehold.it/450x450);
  background-position:0px 0px;
  transition:all 0.5s ;
  -webkit-transition:all 0.5s ;
  -o-transition:all 0.5s ;
  -moz-transition:all 0.5s ;

}

.red:hover{
	 background-size:550px 550px;
  background-position:-50px -50px;

}

.Map_Small{display: none;}

.selected_category{
	height: 56px;
	border-bottom:4px solid #B40404; 
	
}

.saznaj_vise_holder{

	width: 100%;
	float: left;
	margin-top: 15px;
}

.saznaj_vise{
	
	width: 400px;
	background: #efefef;
	margin: auto;
	display: block;
	color: #777;
	text-align: center;
	padding: 5px 0;
	
	font-weight: bold;
	transition: 0.5s;
	border-radius: 15px;
}

.saznaj_vise:hover{
	background: #fff;
	color: #444;
	box-shadow: 0px 1px 3px #999;
	
}

.Gallery{
	box-shadow: 2px 0px 3px #333;
}

.ostalo_second_row{
	display: bottom;
	line-height: 15px;
	padding: 4px 0 10px 10px;
	text-indent: 0;
	height: 26px;
	display: block;
}

#dropdown_menu_products{
	display: none;
}

.Contact_icons{
	width: 1100px;
	height: 500px;
	/*background: red;*/
	margin: auto;
}

.IconBox{
	height: 300px;
	width: 275px;
	float: left;
}

.contact_icon{
	background: url(images/location_icon.png);
	height: 220px;
	width: 220px;
	background-size: 100%;
	margin: auto;
}

.contact_icon2{
	background: url(images/phone_icon.png);
	height: 220px;
	width: 220px;
	background-size: 100%;
	margin: auto;
}

.contact_icon3{
	background: url(images/web_icon.png);
	height: 220px;
	width: 220px;
	background-size: 100%;
	margin: auto;
}

.contact_icon4{
	background: url(images/email_icon.png);
	height: 220px;
	width: 220px;
	background-size: 100%;
	margin: auto;
}

.contact_icon_text{
	width: 275px;
	height: 70px;
	text-align: center;
	font-weight: bold;
	color: #555;
	font-size: 17px;
}

.upit{
	width: 100%;
	height: px;
	background: #fff;
	float: left;
	margin-top: 80px; 
	text-align: center;
	font-size: 20px;
	padding: 10px 0 10px 0;
	font-weight: bold;
	border-radius: 30px;
	box-shadow: 0px 1px 3px #999;
	color: #555;
}


@media only screen and (max-width: 1100px) {


body {width: 100%;}
.Page{width: 100%}
.Main{width: 100%}
.Kategorije{width: 100%}

.Kategorija1,
.Kategorija2,
.Kategorija3,
.Kategorija4,
.Kategorija5,
.Kategorija6,
.Kategorija7,
.Kategorija8,
.Kategorija9,
.Kategorija10,
.Kategorija11,
.Kategorija12{
	width: 250px;
	-webkit-transform: scale(1,1);
	background-size: 100%;
	padding-bottom: 2%;
	position: relative;
	left: -125px;
    margin-left: 50%;
	
}




.CategoryName{
	width:100%; 
	height: 30px;
	font-size: 18pt;
	text-transform: uppercase;;
	
}


.CategoryName_2_rows {
   
    font-size: 12pt;
    text-transform: uppercase;
  
}


.info {
    height: 300px;
    margin: auto;
    width: 100%;
}

.footer_logo {
    background: rgba(0, 0, 0, 0) url("images/LogoBig.png") no-repeat scroll center center / 68% auto;
    border-bottom: 1px solid #555;
    height: 120px;
    width: 100%;
}

#foo1_prev{
	display: none!important;
}

#foo1_next{
	display: none!important;
}

.GalleryLogo{
	display: none!important;
}

#HeaderHolder{
	position: fixed;

}

#Header {
	padding: 0;
	width: 100%;
	overflow:hidden;  
	
	height: 60px;
	position: relative;
}

.expend{
	height:160px!important;
}

#HeaderLogo {
    background: rgba(0, 0, 0, 0) url("images/LogoBig.png") no-repeat scroll 0 0;
    float: left;
    height: 60px;
    width: 160px;
	background-position: center;
    background-size: 100%;
}

.UpperMenu{width: 100%}

.UpperMenu ul li {
  	width: 25%; 
  	float: left; 
  	font-size:  auto; 
  	background-color:rgba(0, 0, 0, 0.8);
  	height: 60px;
  	overflow: hidden;

}

.UpperMenu ul li a:hover {
    background-color:rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

.Proizvodi {
    display: block;
    width: 100%;
    margin-top: 80px;
}

.Gallery {
	margin-top: 60px; 
}

.naziv_serije {
    
	margin: 2%;
    width: 96%;
	height: 28px;
	padding-top: 15px;
}

.Naziv_big {
    
	
	height: 60px;
	font-size: 16px;
}

.proizvod{
    margin-left: 10%;
    width: 80%;
    padding-bottom: 80%;
    height: 0;
}

.Selected {
    display: none;
}

li#Katalog{
	width: 100%;
	margin:0;
	border-radius: 0; 
	font-size: 12px;
}

.jezik{
	background-color:rgba(0, 0, 0, 0.5);
    padding: 0px;
    position: absolute;
    right: 0;
    top: 120px;
    width: 50%;
    height: 40px;
    
  }

.language{
	font-size: 12px;
	width: 100%;
	line-height: 40px;
	text-align: center;
}

a.language:hover{
	text-decoration: none!important;
}

.language:hover{
	background-color:rgba(0, 0, 0, 0.5);
}

.UpperMenuDownload{
	background-color:rgba(0, 0, 0, 0.5);
    padding: 0px;
    position: absolute;
    left: 0;
    top: 120px;
    width: 50%;
    height: 40px;
    margin: 0;
    border-radius: 0;

}


.UpperMenuDownload ul li a:hover {
    background-color:rgba(0, 0, 0, 0.5);
    border-radius: 0px;
}

#DownloadIcon {
    display: none;
}

.selected_category{
	border-bottom:4px solid #B40404; 
}

.proizvod_5_in_a_row{
	margin-left: 10%;
    width: 80%;
    padding-bottom: 80%;
    height: 0;

}


.proizvod_5_in_a_row_double{
	margin-left: 10%;
    width: 80%;
    padding-bottom: 40%;
    height: 0;

}

.proizvod_5_in_a_row_double_right{
	margin-left: 10%;
    width: 80%;
    padding-bottom: 40%;
    height: 0;
    float: left;
}



.proizvod_3_in_a_row{
	margin-left: 10%;
    width: 80%;
    padding-bottom: 60%;
    height: 0;
}



.proizvod_4x4{
	margin-left: 10%;
    width: 80%;
    padding-bottom: 80%;
    height: 0;
    float: left;
}

.proizvod_4x4_left{
	margin-left: 10%;
    width: 80%;
    padding-bottom: 80%;
    height: 0;
    float: left;
}

.proizvod_2x1{
	margin-left: 10%;
    width: 80%;
    padding-bottom: 40%;
    height: 0;
}

.proizvod_full{
	margin-left: 10%;
    width: 80%;
    padding-bottom: 50%;
    height: 0;
}

.grupa {
    float: left;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    width: auto;
}

.serija {
    float: right;
    text-align: right;
    width: auto;
    font-size: 18px;
}

.grupa_big {
    float: left;
    font-size: 18px;
    width: auto;
    height: 40px;
}

.saznaj_vise{
	margin-left: 5%;
    width: 90%;
    height: 20px;
    background: #fff;
	box-shadow: 0 1px 3px #999;
}

.Naziv_fix .grupa {
    float: left;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

#MobileMenu{
	height: 60px;
	width: 60px;
	background: url(images/menu_icon.png) no-repeat;
	float: right;
	background-size: 75%;
	background-position: center;
}

.GalleryButtonHolder{display: none;}

.o_nama{
	width: 90%;
	margin-top: 60px; 
}

.o_nama_naslov{
	width: 100%;
	
	display: block;
	text-align: center;
}

.o_nama_podnaslov{
	width: 100%;
	
	display: block;
	text-align: center;
}

.o_nama_text{
	width: 100%;
	display: block;
	text-align: justify
}

.o_nama_img {display: none;}

.kontakt_holder{
	width: 90%;
	margin-top: 60px;
	margin-left: 5% 
}

.kontakt{
	width: 100%;
	
	display: block;
	text-align: center;
}

.Map_Small{
	height: 200px;
	max-width: 500px;
	margin: auto;
	display: block;
	overflow: hidden;
}

.Map{display: none;}

.left_contact_form{
	width: 100%;
	margin-top: 20px;
}

.right_contact_form{
	width: 100%;
	margin: 0;
}

.description{
	width: 100%;
}

.contact{
	width: 100%
}

.contact_form {
    height: 450px;
    margin: auto;
    width: 100%
}

.redClass{
	background: red!important;
}

.list_only{
	pointer-events: none;
}


.mobile_displaynone{
	display: none!important;
	overflow: hidden;
}

.UpperMenu ul li ul li{
   display: none!important;
}

.desktop_displaynone{
	display: block;
}

#dropdown_menu_products{
	background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    display: none;
    left: 2%;
    overflow-y: scroll;
    position: fixed;
    top: 168px;
    width: 96%;
    z-index: 9;
}

.Show_products{
	display: block!important;
}

.Product_dropdown{
	height: 80px;
	width: 90%;
	margin: 0px 5% 0px 5%;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dropdown_image{
	height: 70px;
	width: 70px;
	margin: 5px 0 5px 0;
	float: left;

}

.dropdown_text{
	
    display: block;
    font-size: 16px;
    line-height: 80px;
    text-transform: uppercase;
    width: 200px;
    color: white;
	
	float: left;
	padding-left: 20px
}

.dropdown_text_double{
	
   display: block;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    width: 200px;
    color: white;
	
	float: left;
	padding-left: 20px;
	padding-top: 20px;

}

.dropdown_text_tripple{
	
   display: block;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    width: 200px;
    color: white;
	
	float: left;
	padding-left: 20px;
	padding-top: 10px;

}

.small1{background:url("images/small1.png"); background-size: 100%;}
.small2{background:url("images/small2.png"); background-size: 100%;}
.small3{background:url("images/small3.png"); background-size: 100%;}
.small4{background:url("images/small4.png"); background-size: 100%;}
.small5{background:url("images/small5.png"); background-size: 100%;}
.small6{background:url("images/small6.png"); background-size: 100%;}
.small7{background:url("images/small7.png"); background-size: 100%;}
.small8{background:url("images/small8.png"); background-size: 100%;}
.small9{background:url("images/small9.png"); background-size: 100%;}
.small10{background:url("images/small10.png"); background-size: 100%;}
.small11{background:url("images/small11.png"); background-size: 100%;}
.small12{background:url("images/small12.png"); background-size: 100%;}

.first_border_fix{
	border-top: 0px!important 
}

.selected_category{height: 56px!important;}

}

.Contact_icons {
    
    width: 100%;
    padding-top: 30px;
}

.IconBox {
    width:100%;
}

.contact_icon_text{
	width: 100%;
}

.upit{width: 90%; margin-left: 5%}

@media screen and (min-width: 1100px) {

#HeaderHolder{
	background: rgba(80, 80, 80, 0.9);
	position: fixed;
	z-index: 9;
}

.UpperMenu ul li a:hover {
    background: rgba(0, 0, 0, 0.5);
}

.UpperMenu ul li ul li{
	background: rgba(80, 80, 80, 0.8);
}

.Proizvodi{
	padding-top: 60px;
}

.Naziv_big .grupa{
	font-size: 30px!important;
	width: 980px;

}


.Proizvodi, .o_nama, .kontakt_holder{
    padding-top: 60px;
}

}