body
{
	background-color: #FFF;
}

body.section5 #z8 a.five,
body.section6 #z a.six,
body.section7 #z5 a.seven,
body.section8 #z6 a.eight,
body.section9 #z1 a.nine,
body.section10 #l a.ten,
body.section11 #l a.elev,
body.section12 #l a.twel,
body.section13 #l a.thir,
body.section14 #l a.frt,
body.section15 #l a.fft,
body.section16 #l a.sxt,
body.section17 #l a.svt,
body.section18 #l a.egt,
body.section19 #l a.nit,
body.section20 #l a.tet,
body.section21 #l a.ton,
body.section22 #l a.ttw,
body.section23 #l a.tthr,
body.section24 #l a.tfou,
body.section25 #l a.tfvvv,
body.section26 #l a.tfss,
body.section27 #l a.tfsee,
body.section28 #l a.tfeeg,
body.section29 #l a.tfniiiinn,
body.section4 #menu a.four,
body.section3 #menu a.three,
body.section2 #menu a.two,
body.section1 #menu a.one {color: #FD6801;
font-weight: bold
}




#page
{color:#FD6801;
}


#link {
	position: relative;
	left: -17px;
	top: 10px;
	width: 147px;
	alignment-adjust:central;

}
#link_home {
	position: relative;
	left: -17px;
	top: -2px;
	width: 147px;
	alignment-adjust:central;
	float: left;
	font-family: verdana, arial, tahoma;
	font-size: 9px;
	line-height: 22px;
	height: 193px;
	font-weight: 600;

}


#slika {
	position: relative;
	left: 17px;
	top: -20px;
	width: 147px;
	alignment-adjust:central;

}


#cont{
	padding-right: 1px;
	width: 784px;
	height: 399px;
	overflow: auto;
	font-family: verdana, arial, tahoma;
	font-size: 11px;
	font-style: italic;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}

#cont_home{
	padding-right: 1px;
	width: 784px;
	height: 394px;
	overflow: auto;
	font-family: verdana, arial, tahoma;
	font-size: 11px;
	font-style: italic;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}

#cont1{
	padding-right: 1px;
	width: 750px;
	height: 370px;
	overflow: auto;
	font-family: verdana, arial, tahoma;
	font-size: 11px;
	font-style: italic;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 36px;
}

#link_cont{
	padding-right: 1px;
	width: 784px;
	overflow: auto;
	font-family: verdana, arial, tahoma;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}

#container1 {
	width: 951px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 21px;
}
#container {
	width: 951px;
	margin-left: auto;
	margin-right: auto;
	background-color: #F3F3F3;
}

#l{
	float: left;
	width: 137px;
	height:396px;
	padding: 9px 0 1px 10px;
	font-family: verdana, arial, tahoma;
	font-size: 10px;
	line-height: 12px;
	background-color:#F7F7F7;
	vertical-align:central;
}

#l1{
	float: left;
	width: 137px;
	height:394px;
	padding: 9px 0 1px 10px;
	font-family: verdana, arial, tahoma;
	font-size: 10px;
	line-height: 12px;
	vertical-align:central;
}
#l.a 
{
float: left;
width: 137px;
height:394px;
padding: 9px 0 1px 10px;
font-family: verdana,arial,tahoma;
font-size: 10px;
line-height: 12px;
background-color:#F7F7F7;
vertical-align:central;

}

l1.a{
	float: left;
width: 137px;
height:340px;
padding: 9px 0 1px 10px;
font-family: verdana,arial,tahoma;
font-size: 10px;
line-height: 12px;
vertical-align:central;

}

#r{
	float: left;
	width: 804px;
	height: 406px;
	background-color: #FFF;
}
#r1{
	float: left;
	width: 804px;
	height: 394px;
}

#z{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/Urbana_oprema1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

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


a:hover {
	color: #FD6801;
	font-weight: bold
	font-size:10px;
	text-decoration: none;
}
a:active {
	color:#D43716;
}

#content{
float: left;
width: 804px;
}



#menu {
background-color: #263D37;
clear: both;
}

#menu a {
	font-family: verdana,arial,tahoma;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}

#menu a:hover {
	color: #FD6801;
}

#foot {
background-color: #F3F3F3;
clear: both;
text-align: right;
padding: 0 9px 0 0;
}


#z1{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/Igraliste1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}


#z2{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/Igraliste.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}


#z3{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/playtop_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z4{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/playtop_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z5{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/Eksterijer_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z6{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/Eksterijer_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z7{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/egoe_bann1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z8{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/egoe_bann.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z9{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/interijer_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z10{
	float: left;
	width: 147px;
	font-family: verdana, arial, tahoma;
	font-size: 9px;
	background-image: url(Proludic/Home_Novosti_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z11{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/interijer_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z12{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/oprema_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z13{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/oprema_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z14{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/stil-casa_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z15{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/stil-casa_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z16{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/jofel_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z17{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/jofel_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z18{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/zardinjere_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z19{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/zardinjere_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z20{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/dekoracije_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z21{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/dekoracije_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z22{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/rasvjeta_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#cont a{
	color: #FD6801;	
	font-weight: bold
}

#cont a:hover {
	color: #FD6801;

}

img
{ border-style:none;
}


#z23{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/rasvjeta_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}


#z24{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/sanitarije_banner.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z25{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/Home_Novosti_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}
#z26{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/Urbana_oprema.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}
#z27{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/sanitarije_banner1.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z28{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/mm1_banner.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z29{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/mm1_banner1.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z30{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/escofet_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z31{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/escofet_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z32{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/eurofrom_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z33{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/eurofrom_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z34{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/rhino_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z35{
	width: 804px;
	height: 204px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/rhino_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z36{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/jofel2_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z37{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/jofel2_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z38{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/bemeta_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z39{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/bemeta_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z40{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/katrin_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z41{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/katrin_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z42{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/prodene_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z43{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/prodene_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z44{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/prodifa_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z45{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/prodifa_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z46{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/onama_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z47{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/onama_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z48{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/zlatno-zvono_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z49{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/zlatno-zvono_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z50{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/kontakt_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z51{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/kontakt_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z52{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/linkovi_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z53{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/linkovi_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z54{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/download_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z55{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/download_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z56{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/reference_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z57{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/reference_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}

#z58{
	float: left;
	width: 147px;
	font-family: verdana,arial,tahoma;
	font-size: 9px;
	background-image: url(Proludic/proludic_banner1.gif);
	line-height: 22px;
	background-repeat: no-repeat;
	height: 205px;
	font-weight: 600;
}

#z59{
	width: 804px;
	height: 205px;
	font-family: verdana,arial,tahoma;
	font-size: 10px;
	background-image: url(Proludic/proludic_banner.gif);
	line-height: 17px;
	background-repeat: no-repeat;
	float: right;
}
	
#obrub {
	width: 100%;
	border: 1px solid #000;
	border-left-color:#999;
	height: 618px;
	width: 951px;
	margin-left: auto;
	margin-right: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	background-image:url(Proludic/Home/cvjetniKlupa.png);
	background-repeat:no-repeat;
}

#tocka {
	position: relative;
	top:455px;
	left:805px;
	z-index:1;
}
#object1
{
 position: relative;
 background-color:FFFFDD;
 color:black;
 border-color:black;
 border-width:20; 
 visibility:show;
 top:471px;
	left:815px; z-index:+2
}


/*   LIGHTBOX  */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }