*
{
padding: 0;
margin: 0;
}
a {color:#000; outline:none; text-decoration:none;}
a img {border:none;}
a {outline:none;}

body{background:#edeff4 url("img/bg.gif") repeat-x;}
#omotac{
	margin:0px auto;
	width:960px;
 	background: url("img/sadrzaj_bg3.png") repeat-y;
     
}

.clear{clear:both;}
p {text-align:justify;font:0.8em arial, verdana, tahoma, sans-serif; color:#000; line-height:24px;}
h1 {font:1.2em arial, verdana, tahoma, sans-serif; color:#000;border-bottom:2px solid #e3e2e1;padding:0 0 8px 0;margin:0 0 6px 0;}

.logo{margin:20px 0 0 0;float:left; display:inline;}




.alert{border:1px solid #B81919;}


.kosarica_okvir{position:relative; padding:7px; background-color:#f0f0f0; margin:25px 10px 0 0;float:right;}
.topl
{top:0px; left:0px; background:url(img/corners2.gif) top left no-repeat;}

.topr
{top:0px; right:0px; background:url(img/corners2.gif) top right no-repeat;}

.bottoml
{bottom:0px; left:0px; background:url(img/corners2.gif) bottom left no-repeat;}

.bottomr
{bottom:0px; right:0px; background:url(img/corners2.gif) bottom right no-repeat;}

.corner2
{width:10px; height:10px; position:absolute; z-index:1;}

.ikona_kosara{margin:0 10px 0 5px;float:left;dispaly:inline;}
.kosarica_okvir p a:hover{text-decoration:underline;}




#nav {float: left; width: 94%; position: relative; text-align: center; margin:25px auto 15px auto;}
#nav ul {display: block; max-width: 960px; text-align: left; margin: 0 auto; list-style: none;}
#nav li {float: left; display: inline;padding-bottom: 4px;}
#nav a {float: left; margin: 3px 4px 0 0; padding: 4px 21px 4px 21px; color: #fff; text-decoration: none;font:0.8em arial, verdana, tahoma, sans-serif;text-transform:uppercase;}
#nav a:hover {position: relative; background: url(images/nav_tl.gif) top left no-repeat #aa2b02; color: #fff;}
#nav #current a {position: relative; background: url(images/nav_tl.gif) top left no-repeat #aa2b02; color: #fff;}
.nav_tr {position: absolute; top: 0; right: 0; display: block; width: 4px; height: 4px; background: url(images/nav_tr.gif) top right;}
.nav_bl {position: absolute; bottom: 0; left: 0; display: block; width: 4px; height: 4px; background: url(images/nav_bl.gif) bottom left;}
.nav_br {position: absolute; bottom: 0; right: 0; display: block; width: 4px; height: 4px; background: url(images/nav_br.gif) bottom right;}
#nav a span {display: none;}
#nav a:hover span, #nav #current a span {display: block;}



.naslov_logo{}


#sadrzaj{
background:#fff;
width:960px; 
clear:both;
margin-bottom:20px;
}

.roundtop { background: url(img/tr.gif) no-repeat top right; }
.roundbottom {background: url(img/br.gif) no-repeat bottom right;}
img.corner { width: 18px;height: 20px;border: none;display: block !important;}
















div#slider_top {
			width: 950px;
			height: 251px;
			overflow: hidden;
			position: relative;
		}

		div#slider_top ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 320px;
		}

		ul#tabs li {
			font:0.8em arial, verdana, tahoma, sans-serif;
		}

.naslov{font-weight:bold; display:block;}
		
		ul#tabs li img {
			width:70px;
			height:55px;
			border: none;
			float: left;
			margin: 5px 10px 0 0;
		}

		ul#tabs li a {

			color: #000;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;


		}

		ul#tabs li a.current {
			background:  url('feature-tab-current.png');
			color: #000;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
color:#000;

		}

		ul#output {
			right: 0;
			width: 663px;
			height: 251px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 659px;
			height: 251px;
		}

		ul#output li a {
			position: relative;
			bottom: 50px;
			right: 20px;
			
			text-decoration: none;
			font:0.8em/32px arial, verdana, tahoma, sans-serif;
			color: #fff;
			background:url('img/slider_link_bg12.png') top left no-repeat;
			width:142px;
			text-align:center;
			float:right;
			
		}

ul#output li a:hover{background-position: 0 -33px;}
		
		



#lijevi_stupac{width:600px; float:left;padding:20px;display:inline;}

a.vise{float:right;margin:20px 20px 30px 0;background: url(img/vise1.gif) no-repeat;line-height:20px;color:#fff; font-size:0.7em;width:69px;text-align:center;}
a.vise:hover{background: url(img/vise2.gif) no-repeat;}


.slika_clanak_lijevo{float:left; padding:4px; border:1px solid #ccc; margin:5px 10px 20px 0;}
.slika_clanak_desno{float:right; padding:4px; border:1px solid #ccc; margin:5px 10px 10px 10px;}


.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#e1e2de; margin:0 5px; }
.b2 {height:1px; background:#fff; border-right:2px solid #e1e2de; border-left:2px solid #e1e2de; margin:0 3px;}
.b3 {height:1px; background:#fff; border-right:1px solid #e1e2de; border-left:1px solid #e1e2de; margin:0 2px;}
.b4 {height:2px; background:#fff; border-right:1px solid #e1e2de; border-left:1px solid #e1e2de; margin:0 1px;}
.contentb {background: #fff; border-right:1px solid #e1e2de; border-left:1px solid #e1e2de;}

.izdvojeni{position:relative; top:-4px; left:10px;}
.proizvod_okvir{width:585px; height:117px; border-bottom:1px dotted #7c7c7c; margin:0 5px;}
.proizvod_slika{border:1px solid #cbcbcb;margin:0 20px 5px 5px;padding:2px;float:left;}
.proizvod_okvir p{line-height:24px; margin:8px 0 0 0;}

p.ime_proizvoda{font-weight:bold;}
p.opis_proizvoda{font-size:0.7em;}

p.opis_proizvoda a{float:right;margin:20px 10px 30px 0;line-height:20px;color:#fff;background:url('img/vise12.gif') top left no-repeat; font-size:1em;width:69px;text-align:center;}
p.opis_proizvoda a:hover{  background-position: 0 -21px;}



.servis_okvir{position:relative; padding:7px; background-color:#f0f0f0; margin:25px 10px 0 0;float:right;}




#desni_stupac{width:280px; float:left;padding:20px;}

p.kat_naslov{font-weight:bold; font-size:0.9em;border-bottom:2px solid #fe3b00;padding:0 0 8px 0;margin:0px 0 0 0;}
p.naslov_novosti a{font-weight:bold;margin:6px 0 5px 0;display:block;font-size:0.9em;}
p.naslov_novosti a:hover{color:#f04611;}
p.tekst1{font-size:0.7em;border-bottom:1px dotted #dedede;padding:0 0 6px 0;}

.okvir_novosti{margin:0 0 16px 0;}



p.kat_naslov2{font-weight:bold; font-size:0.9em;border-bottom:2px solid #616161;padding:0 0 8px 0;margin:6px 0 6px 0;}


p.tekst2{font-size:0.8em;padding:0 0 6px 0;line-height:28px;}
p.tekst2 a:hover{text-decoration:underline;}


p.kat_naslov3{font-weight:bold; font-size:0.9em;border-bottom:2px solid #013d80;padding:0 0 8px 0;margin:36px 0 0 0;}
p.kat_naslov4{font-weight:bold; font-size:0.9em;border-bottom:2px solid #e3e2e1;padding:0 0 8px 0;margin:6px 0 0 0;}

a.canon{background: url(img/canon2.gif) no-repeat; width:117px; height:25px; margin:30px auto;display:block;}
a.canon:hover{background: url(img/canon1.gif) no-repeat;}


a.konika{background: url(img/konika2.gif) no-repeat; width:119px; height:69px; margin:40px auto;display:block;}
a.konika:hover{background: url(img/konika1.gif) no-repeat;}



p.footer_tekst{font-size:0.7em;padding:0 0 20px 0;float:left;}
p.footer_tekst2{font-size:0.7em;padding:0 0 20px 0;float:right;}
p.footer_tekst2 a{color:#7c8e4a;}
p.footer_tekst2 a:hover{text-decoration:underline;}




#breadcrumb
{
    font: 11px Arial, Helvetica, sans-serif;
    background:#e9e9e9; 
  
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border:solid 1px #d7d7d7;
    width:940;
    overflow:hidden;
    margin:0 10px;
    padding:0px;
}
#breadcrumb li 
{
    list-style-type:none;
    float:left;
    padding-left:10px;
}
#breadcrumb a
{
    height:30px;
    display:block;
    background-image:url('bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}
.home
{
    border:none;
    margin: 8px 0px;
}

#breadcrumb a:hover
{
	color:#e23c06;
}


.google_karta_okvir{margin:0 0 0 0;}

p.kontakt_naslov{font-weight:bold; font-size:0.9em;border-bottom:2px solid #fe3b00;padding:0 0 8px 0;margin:6px 0 0 0;width:290px;}
p.kontakt_naslov2{font-weight:bold; font-size:0.9em;border-bottom:2px solid #616161;padding:0 0 8px 0;margin:6px 0 0 0;width:290px;}

.kontakt_okvir1{float:left;width:300px; margin:0px 0 0 0;}


#predajte{background:url("img/posaljite_button.png") no-repeat top left;text-decoration:none;border:0px;width:142px;height:32px;cursor:pointer;position:relative;top:5px;left:0px;}

#predajte:hover{background-position: 0 -33px;}



.predajaform p{font-size:0.8em;width: 365px;clear: left;margin:0 0 0 0px;padding: 8px 0 8px 0;padding-left: 215px; border-top: 1px dotted #d4e2e4;height: 1%;}
.predajaform label{float: left;margin-left: -155px; width: 150px; }
.predajaform input[type="text"]{ width: 300px;}
.predajaform textarea{width: 300px;height: 150px;}















#lijevi_stupac_proizvodi{width:210px; float:left;padding:20px;}
#desni_stupac_proizvodi{width:670px;  float:left;padding:20px;}
#desni_stupac_proizvodi p{padding:10px 0 0 0;}


.logo_proizvod{float:left; display:inline;margin:10px 10px 10px 0;}




	
	
#menu14 {width: 200px;}

#menu14 ul{
	list-style: none;
}

#menu14 li{margin:0 0 2px 0;}
	
#menu14 li a {
font:0.8em arial, verdana, tahoma, sans-serif; color:#fff;
	height: 24px;
  	
	text-decoration: none;
	}	
	
#menu14 li a:link, #menu14 li a:visited {
	color: #333;
	display: block;
	background:  url(img/menu14.png);
	padding: 7px 0 0 10px;
	}
	
#menu14 li a:hover {
	color: #FFF;
	background:  url(img/menu14.png) 0 -32px;
	padding: 7px 0 0 10px;
	}
	
#menu14 li a.aktivno_lijevo {
	color: #FFF;
	background:  url(img/menu14.png) 0 -32px;
	padding: 7px 0 0 10px;
	}










.menu_proizvodi {width:910px; clear:both; margin:0 0 0 20px;border-top:1px solid #e6e6e7;padding:5px;}
.menu_proizvodi li { float:left; display:inline; padding:0 8px; margin:0 10px 0 0; }
.menu_proizvodi li a{ padding:0 0 0 8px; height:36px; float:left; color:#000; font:0.8em arial, verdana, tahoma, sans-serif; font-weight:lighter; }
.menu_proizvodi a:hover { background:url(img/menu_l.gif) left top no-repeat; }
.menu_proizvodi a span{ padding:0 8px 0 0; height:36px; float:left; }
.menu_proizvodi a:hover span { background:url(img/menu_r.gif) right top no-repeat; cursor:pointer;color:#fff; }
.menu_proizvodi a b{ height:36px; float:left; cursor:pointer; line-height:24px; font-size:1em; padding:0 3px; }
.menu_proizvodi a:hover b { background:url(img/menu_m.gif) center top no-repeat; }
.menu_proizvodi .active a { background:url(img/menu_l.gif) left top no-repeat; cursor:pointer; color:#fff;}
.menu_proizvodi .active span { background:url(img/menu_r.gif) right top no-repeat; cursor:pointer; }
.menu_proizvodi .active b { background:url(img/menu_m.gif) center top no-repeat;  }





.opis_proizvodjaca{width:920px; clear:both;float:left;margin:10px 25px 0 20px;}
.opis_proizvodjaca p{line-height:20px;font-size:0.7em;}


.proizvodi_thumbs_okvir{width:920px;  float:left;margin:10px 0px 0 20px;display:inline;}

.thumb_okvir{width:160px; text-align:center;float:left;margin:0 0 30px 0;background:#e9e9e9;}
.thumb_okvir p a{font-weight:bold; display:block;padding:0 0 5px 0;}
.thumb_okvir p a:hover{font-weight:bold; background:#e9e9e9; }


.thumb_okvir2{width:160px; text-align:center;float:left;margin:0 0 30px 50px}
.thumb_okvir2 p a{font-weight:bold; display:block;padding:0 0 5px 0;}
.thumb_okvir2 p a:hover{font-weight:bold; background:#e9e9e9; }



.thumb{}



.lista_proizvoda1{width:920px; margin:0;overlay:hidden;height:160px;margin:0 0 10px 0;border-bottom:1px dotted #7e7d7d;}
.lista_proizvoda1 li{display:inline;list-style:none;float:left;border-right:1px dotted #7e7d7d;}
.lista_proizvoda1 li.zadnji{display:inline;list-style:none;float:left;border-right:none;}


.lista_proizvoda1 li a{display:block;text-decoration:none;color: #204978;padding:0px;width:219px; height:140px;text-align:center;border:5px solid #fff;font: 12px arial, helvetica, verdana, sans-serif;}
.lista_proizvoda1 li a:hover{border:5px solid #ddd;text-decoration:none;}
.lista_proizvoda1 li a span{background:#e7f1f7;width:100%;display:block;padding:0;margin:0;line-height:24px;}











.okvir_slika_velika{width:500px;  margin:10px 0 0 0; }
.velika_slika{padding:2px; border:1px solid #ccc;}
.okvir_slika_velika p{font-size:0.8em; line-height:24px;color:#363636;}


p.karakteristika_bg{line-height:24px; background:#e9e9e9; padding:0 0 0 5px;color:#363636;}
p.karakteristika{line-height:24px; padding:0 0 0 5px;color:#363636;}






p.trazi_ponudu  a {
			
		margin:10px 0 10px 0;
			text-decoration: none;
			font:1em/32px arial, verdana, tahoma, sans-serif;
			color: #fff;
			background:url('img/slider_link_bg12.png') top left no-repeat;
			width:142px;
			text-align:center;
			float:right;
			
		}

p.trazi_ponudu a:hover{background-position: 0 -33px;}
		






.uspjesno {display:; width:388px; padding:5px; background:#d9fdb0; border:1px solid #84c23d;margin:20px auto;clear:both;}
.uspjesno p{font:0.8em/20px  arial, verdana, tahoma, sans-serif; color:#474747; padding:5px 5px 5px 0px; text-align:center;}
.uspjesno p a{text-decoration:underline;}

.ikona_obavijest{float:left;padding:5px 20px 0 10px;}



p.kosara_tekst1 a{text-decoration:underline;}

.tab{background:#474747; width:100%; height:30px; margin:10px 0 0 0;}

p.tab_polje1 {line-height:30px;width:370px;float:left;padding:0 0 0 22px; color:#fff; }
p.tab_polje2 {line-height:30px;width:100px;float:left; color:#fff; text-align:center;}
p.tab_polje3 {line-height:30px;width:90px;float:left; color:#fff;text-align:center; }


.proizvod_okvir1{ width:100%; height:80px; margin:1px 0 0 0;border-bottom:1px dotted #ccc;}



p.proizvod_polje1 {width:370px;float:left;padding:0 0 0 10px; color:#000; }
p.proizvod_polje2 {width:100px;float:left;padding:0 0 0 10px; color:#000;text-align:center; }
p.proizvod_polje3 {width:90px;float:left;padding:0 0 0 10px; color:#000; text-align:center;}

.proizvod_u_kosari{width:90px; height:60px; padding:4px; border:1px solid #ccc; margin:5px 10px 0px 10px;float:left; background:#fff;}

#kolicina_box{width:20px;margin:25px 0 0 0;}

#obrisi_proizvod{background:url("img/obrisi_ikona.png") no-repeat;text-decoration:none;border:0px;width:16px;height:16px;cursor:pointer;margin:27px 0 0 0;}



p.obavijest{font-size:0.7em;}











#spremi_promjene{background:url("img/slider_link_bg22.png") no-repeat top left;text-decoration:none;border:0px;width:142px;height:32px;cursor:pointer;position:relative;left:0px;float:right;color:#fff;}
#spremi_promjene:hover{background-position: 0 -33px;}












p.trazi_konacnu_ponudu  a {
			
		margin:0px 0 0px 10px;
			text-decoration: none;
			font:1em/32px arial, verdana, tahoma, sans-serif;
			color: #fff;
			background:url('img/slider_link_bg12.png') top left no-repeat;
			width:142px;
			text-align:center;
			float:right;
			
		}

p.trazi_konacnu_ponudu a:hover{background-position: 0 -33px;}

p.obavijest_forma{font-weight:bold; line-height:30px;padding:0 0 5px 5px;}
.forma_ponuda_okvir{position:relative; padding:8px; background-color:#f0f0f0; margin:25px 0px 0 0;float:right;}

.opis_proizvoda_okvir{width:520px; clear:both;float:left;margin:10px 10px 0 20px;}
.opis_proizvodjaca p{line-height:20px;font-size:0.7em;}
.proizvodi_thumbs_okvir2{width:380px;  float:left;margin:10px 0px 0 20px;display:inline;}

.podkategorije_navigacija{width:910px; clear:both; margin:0 0 0 20px;}
#navlist4{margin:0px 0 5px 0;padding: 20px 0 20px 0; border-bottom: 1px solid #d7d7d7; font:0.8em arial, verdana, tahoma, sans-serif; font-weight:lighter;}
#navlist4 ul, #navlist4 li{display: inline;list-style-type: none;}
#navlist4 a{float: left;line-height: 14px; margin: 0 12px 4px 12px;text-decoration:none;color: #000;}
#navlist4 a.current, #navlist4 a:hover{border-bottom: 3px solid #e23c06;padding-bottom: 3px;background: transparent;color:#000;}
#navlist4 a:hover { color: #000; }