#katalog_ponude {font-family:MyriadProCondRegular,Helvetica,sans-serif;width:920px;height:189px;background:url(../images/ponuda_header_bg.jpg) no-repeat left top;margin-bottom:10px;}
#katalog_ponude .title {position:absolute;top:0;left:0;width:915px;height:64px;padding-left:25px;color:#fff;font-weight:bold;font-size:30px;line-height:64px;text-transform:uppercase;}
#katalog_ponude .title em {position:absolute;right:45px;font-style:normal;}
#katalog_ponude .nota {position:absolute;top:84px;left:20px;text-transform:uppercase;color:#A998B8;font-size:14px;line-height:17px;}
#katalog_ponude .nota strong {font-weight:bold;}
#katalog_ponude .nota_big {position:absolute;top:82px;right:75px;color:#fff;font-size:15px;line-height:20px;background:url(../images/opci_uvjeti-bg.gif) no-repeat left top #003475;padding-left:14px;height:22px;padding-right:4px;}

#ponuda_lista {float:left;width:920px;font-family:MyriadProCondRegular,Helvetica,sans-serif;background: #e9e5ed url(../images/ponuda_logo.png) no-repeat bottom right;height:auto;min-height:260px;margin-top:210px;margin-left:-25px;border-bottom:5px solid #fff;
}
ul#filter { 
	list-style: none;font-size: 16px;float: left; position:absolute;top:121px;left:30px;height:54px;width:780px;
}
ul#filter li { 
height:54px;float:left;border-left:2px solid #d0c7d8; width:130px;
	
}
ul#filter li.first  { border-left:0;}

ul#filter li.last-child { border-right: none; margin-right: 0; padding-right: 0; }

ul#filter a { -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;display:block;width:136px;text-align:center;color:#ae9eb2;text-decoration:none;text-transform:uppercase;font-size:23px;line-height:28px;font-weight:bold;padding:13px 0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out; }
ul#filter a:hover { background:#90C13E;position:relative;top:-3px;padding:16px 0;color:#fff;font-size:28px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .84s ease-in-out;transition:all .4s ease-in-out; }
ul#filter li.current a, ul#filter a:hover { text-decoration: none; }
ul#filter li.current a { background:#90C13E;position:relative;top:-3px;padding:16px 0;color:#fff;font-size:25px; }

ul#ponuda_elementi { 
position:relative;left:25px;top:0px;float:left;width:920px;font-family:MyriadProCondRegular,Helvetica,sans-serif;font-size:15px;list-style: none;
}
ul#ponuda_elementi li { 
position:relative;float:left;width:280px;height:192px;margin-right:15px;margin-bottom:15px;
	-webkit-transition: all .3s linear;
}
ul#ponuda_elementi a { display: block; width: 100%; }
ul#ponuda_elementi a:hover { text-decoration: none; }
ul#ponuda_elementi img { display: block;  }

ul#ponuda_elementi li.last {margin-right:0;}
ul#ponuda_elementi li .image {cursor:pointer;position:absolute;top:0;left:0;z-index:1;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
ul#ponuda_elementi li.open .image {height:266px;width:391px;top:-37px;left:-56px;z-index:999;}
ul#ponuda_elementi li.opacize .image {opacity:.8;filter: alpha(opacity = 80);z-index:3;}
ul#ponuda_elementi li .hover {position:absolute;bottom:0;right:0;display:block;width:40px;height:40px;cursor:pointer;z-index:2;}
ul#ponuda_elementi li .text {
		opacity:.90;filter: alpha(opacity = 90);display:none;position:absolute;
		background: -webkit-gradient(linear, 0% 50%, 0% 0%, color-stop(100%, #c1c1c1), color-stop(0%, white)); 
		background: -webkit-linear-gradient(top, #c1c1c1,white); 
		background: -moz-linear-gradient(top, #c1c1c1,white);
		background: -o-linear-gradient(top, #c1c1c1,white);
		background: -ms-linear-gradient(top, #c1c1c1,white); 
		background: linear-gradient(top, #c1c1c1,white);
		-pie-background: linear-gradient(#C1C1C1, #FFFFFF);
		-pie-png-fix: true;
		border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px;
		behavior: url(PIE.htc);
		height:226px;width:331px;z-index:1000;overflow:hidden;padding:20px 30px;color:#fff;z-index:9999999;}
		
ul#ponuda_elementi li.open .text {display:block;top:-37px;left:-56px;}
ul#ponuda_elementi li .text .title {color:#003475;font-size:28px;line-height:30px;text-transform:uppercase;margin-bottom:15px;margin-right:20px;margin-top:24px;}
ul#ponuda_elementi li .cijena {font-size:16px;line-height:18px;margin-bottom:10px;margin-top:50px;}
ul#ponuda_elementi li .cijena strong {-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;background:#ff9b0d;display:inline-block;font-size:32px;line-height:48px;font-weight:bold;padding:2px 10px;margin-right:6px;}
ul#ponuda_elementi li ul.karakteristike {float:left;width:100%;margin-bottom:0;}
ul#ponuda_elementi li ul.karakteristike li {-webkit-border-radius: 4px;-moz-border-radius: 4px;
border-radius: 4px;background:#ff9b0d;display:inline-block;font-size:13px;line-height:13px !important;margin-right:6px;text-transform:uppercase;text-align:center;padding:1px 6px 4px;width:auto;height:auto;}
ul#ponuda_elementi li ul.karakteristike li strong {font-size:20px;line-height:20px;display:block;text-transform:uppercase;font-weight:bold;}
ul#ponuda_elementi li ul.karakteristike li.osnovno3 strong {text-transform:none;
}
ul#ponuda_elementi li.open .text .button {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-family:MyriadProCondRegular,Helvetica,sans-serif;font-size:12px;line-height:18px;display:inline-block;background:#003475;color:#fff;text-decoration:none;padding:0 5px;text-transform:uppercase;font-weight:normal;border:0;cursor:pointer;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
ul#ponuda_elementi li.open .text .button:hover {background:#3B1A4D;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
ul#ponuda_elementi li.open .text .button.big {height:30px;line-height:30px;padding:0 8px;font-family:MyriadProCondRegular,Helvetica,sans-serif;font-size:16px;width:204px;}
ul#ponuda_elementi li.open .text .button.green {background:#0;}
ul#ponuda_elementi li.open .text .button.green:hover {background:#80b12E;}
ul#ponuda_elementi li.open .text .button.orange {background:#B76501;}
ul#ponuda_elementi li.open .text .button.orange:hover {background:#a75501;}
ul#ponuda_elementi li.open .text .button.blue {background:#3A777E;}
ul#ponuda_elementi li.open .text .button.blue:hover {background:#2A676E;}
ul#ponuda_elementi li.open .text .button.big.go span {display:block;background:url(../images/icon-go.png) no-repeat right center;padding-right:20px;}
ul#ponuda_elementi li.open .text .button.big.back span {display:block;background:url(../images/icon-back.png) no-repeat left center;padding-left:20px;}
ul#ponuda_elementi li.open .text .button.big.plus span {display:block;background:url(../images/icon-plus.png) no-repeat right center;padding-right:20px;}