/*
RESET CSS
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/*Pocetak Mog CSS-a*/

body {
width: 100%;
height: 146px;
background-image: url(../img/bck.jpg);
background-repeat: repeat-x;
background-color: #39769c;
}

body h1 {
overflow: hidden;
text-indent: -1000px;
font-size: 0;
}

	#kontejner {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	}
	
		#header_top {
		width: 960px;
		margin-top: 10px;
		}
		
			#top_header {
			float: right;
			width: 560px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 9px;
			color: #fff;
			}
			
				#pretraga {
				float: left;
				width: 197px;
				}
				
					.pretraga_sajta {
					float: left;
					width: 127px;
					height: 18px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #fff;
					border-left: 2px solid #000;
					border-right: 2px solid #000;
					border-top: 2px solid #000;
					border-bottom: 0;
					background-color: #39769c;
					padding-left: 5px;
					padding-top: 2px;
					}
					
					.dugme_trazi {
					float: left;
					width: 35px;
					height: 20px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 9px;
					color: #fff;
					border-left: 2px solid #000;
					border-right: 2px solid #000;
					border-top: 2px solid #000;
					border-bottom: 0;
					background-color: #39769c;
					margin-left: 5px;
					margin-top: 1px;
					}
					
				#navigacija_top {
				float: right;
				width: 350px;
				height: 17px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #fff;
				background-color: #b1161c;
				padding-left: 10px;
				padding-top: 3px;
				margin-top: 1px;
				}
				
					#navigacija_top li {
					display: inline;
					background-image: url(../img/kockice_gore_li.jpg);
					background-position: left;
					background-repeat: no-repeat;
					padding-left: 6px;
					margin-right: 5px;
					}
					
					#navigacija_top a {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #fff;
					text-decoration: none;
					}
					
					#navigacija_top a:hover {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #fff;
					text-decoration: underline;
					}
					
		#header {
		clear: both;
		width: 960px;
		height: 80px;
		background-image: url(../img/header_bck.jpg);
		background-repeat: no-repeat;
		}
		
			#header_lijevo {
			float: right;
			width: 285px;
			height: 64px;
			margin-top: 10px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #555;
			text-align: right;
			background-image: url(../img/strela_gore.gif);
			background-position: right;
			background-repeat: no-repeat;
			padding-right: 15px;
			margin-right: 5px;
			}
			
				#header_lijevo a {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #ed1024;
				text-decoration: none;
				}
				
				#header_lijevo a:hover {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #ed1024;
				text-decoration: underline;
				}
			
			#header_desno {
			float: right;
			width: 300px;
			height: 64px;
			margin-top: 10px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #555;
			}
			
				.username_pass_header {
				width: 88px;
				height: 16px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #555;
				border: 1px solid #ededed;
				margin-bottom: 2px;
				padding-left: 2px;
				padding-top: 2px;
				}
				
				.login_header {
				width: 35px;
				height: 16px;
				background-image: url(../img/dugme_bck.jpg);
				background-repeat: repeat-x;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #555;
				border: 0;
				}
				
				.lijeva_celija_header {
				width: 100px;
				border-right: 1px solid #fff;
				}
				
				.sadrzaj_korpe {
				float: left;
				width: 140px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #555;
				text-align: right;
				background-image: url(../img/korpa.jpg);
				background-repeat: no-repeat;
				margin-right: 5px;
				margin-bottom: 5px;
				}
				
				.vrijednost_korpe {
				float: left;
				width: 180px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #555;
				text-align: right;
				margin-right: 5px;
				}
				
				.izmjeni_korpu {
				float: left;
				height: 16px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #555;
				background-image: url(../img/dugme_bck.jpg);
				background-repeat: repeat-x;
				border: 0;
				margin-top: 5px;
				text-decoration: none;
				padding: 2px;
				margin-left: 2px;
				}
				
				.zakljuci_korpu {
				float: left;
				height: 16px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #ed1024;
				background-image: url(../img/dugme_bck.jpg);
				background-repeat: repeat-x;
				border: 0;
				margin-left: 2px;
				margin-top: 5px;
				text-decoration: none;
				padding: 2px;
				}
				
				.desna_celija_header {
				width: 200px;
				padding-left: 10px;
				}
				
		#sadrzaj {
		clear: both;
		width: 960px;
		background-color: #fff;
		background-image: url(../img/sadrzaj_bck.jpg);
		background-repeat: repeat-y;
		}
		
			#sadrzaj > #sadrzaj_lijevo {
			float: left;
			width: 250px;
			margin-left: 10px;
			}
			
			#sadrzaj_lijevo {
			float: left;
			width: 250px;
			margin-left: 5px;
			}
			
				#sadrzaj_lijevo h2 {
				width: 220px;
				height: 18px;
				background-image: url(../img/naslov_lijevo_bck.jpg);
				background-repeat: no-repeat;
				padding-top: 4px;
				padding-left: 30px;
				margin-bottom: 5px;
				margin-top: 5px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #555;
				}
			
				#kategorije {
				width: 248px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #FFF;
				border: 1px solid #ededed;
				}
					
					#kategorije li {
					width: 228px;
					background-image: url(../img/strelica_off.jpg);
					background-position: left;
					background-repeat: no-repeat;
					padding-left: 20px;
					border-bottom: 1px solid #ededed;
					padding-top: 2px;
					padding-bottom: 2px;
					background-color: #D4D4D4;
					}
					
					#kategorije li.aktivan_link {
					width: 228px;
					background-image: url(../img/strelica_on.jpg);
					background-position: left;
					background-repeat: no-repeat;
					padding-left: 10px;
					margin-left: 10px;
					border-bottom: 1px solid #ededed;
					padding-top: 2px;
					padding-bottom: 2px;
					}
					
					#kategorije li.podlink {
					width: 218px;
					background-image: url(../img/stablo.jpg);
					background-position: left;
					background-repeat: no-repeat;
					padding-left: 10px;
					margin-left: 20px;
					border-bottom: 1px solid #ededed;
					padding-top: 2px;
					padding-bottom: 2px;
					background-color: #FFFFFF;
					color: #000;
					}
					
					#kategorije li.poslednji_link {
					width: 228px;
					background-image: url(../img/strelica_off.jpg);
					background-position: left;
					background-repeat: no-repeat;
					padding-left: 10px;
					margin-left: 10px;
					padding-top: 2px;
					padding-bottom: 2px;
					border-bottom: 0;
					}
					
					#kategorije a {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #333333;
					text-decoration: none;
					}
					
					.podlink  a {
						color: #000000 !important;
					}
					
				#najnovije_vijesti {
				width: 238px;
				border: 1px solid #ededed;
				padding: 5px;
				}
				
					#najnovije_vijesti li {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #555;
					background-image: url(../img/kockice_li.jpg);
					background-position: left;
					background-repeat: no-repeat;
					padding-left: 6px;
					}
					
					#najnovije_vijesti a {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #ed1024;
					text-decoration: none;
					}
					
					#najnovije_vijesti a:hover {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #ed1024;
					text-decoration: underline;
					}
					
				#obavjestenje {
				width: 238px;
				border: 1px solid #ededed;
				padding: 5px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #555;
				}
				
					#obavjestenje img {
					margin-bottom: 5px;
					}
					
					#obavjestenje a {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #ed1024;
					text-decoration: none;
					}
					
					#obavjestenje a:hover {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #ed1024;
					text-decoration: underline;
					}
					
				#marketing {
				width: 250px;
				/*border: 1px solid #ededed;*/
				margin-top: 5px;
				}
				
					.border {
					border: 1px solid #ededed;
					margin-bottom: 5px;
					padding: 5px;
					}
					
			#sadrzaj > #sadrzaj_desno {
			float: right;
			width: 685px;
			margin-right: 10px;
			margin-top: 5px;
			}
			
			#sadrzaj_desno {
			float: right;
			width: 685px;
			margin-right: 5px;
			margin-top: 5px;
			}
			
				#akcija_top {
				width: 685px;
				}
				
				#sadrzaj_desno > #akcija_middle {
				width: 685px;
				margin-top: 5px;
				}
				
				#akcija_middle {
				width: 685px;
				}
				
					#akcija_middle img {
					border: 1px solid #ededed;
					}
					
				#akcija_proizvodi {
				clear: both;
				width: 685px;
				margin-top: 5px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #555;
				}
				
					#akcija_proizvodi h2 {
					width: 655px;
					height: 18px;
					background-image: url(../img/naslov_akcija.jpg);
					background-repeat: no-repeat;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #555;
					padding-left: 30px;
					padding-top: 4px;
					margin-bottom: 5px;
					}
					
					img.akcija {
					float: left;
					border: 1px solid #ededed;
					margin-right: 5px;
					}
					
					#akcija_proizvodi a {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #ed1024;
					text-decoration: none;
					}
					.sirina {
					width: 159px;
					}
					
					#akcija_proizvodi a:hover {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #ed1024;
					text-decoration: underline;
					}
					
					.dodaj_u_korpu {
					float: left;
					width: 80px;
					height: 15px;
					background-image: url(../img/dodaj_korpu.jpg);
					background-repeat: no-repeat;
					border: 0;
					margin-right: 4px;
					}
					
					.saznaj_vise {
					float: left;
					width: 71px;
					height: 15px;
					background-image: url(../img/saznaj_vise.jpg);
					background-repeat: no-repeat;
					border: 0;
					margin-right: 4px;
					}
					
					.saznaj_vise2 {
					width: 71px;
					height: 15px;
					background-image: url(../img/saznaj_vise.jpg);
					background-repeat: no-repeat;
					border: 0;
					text-align: left;
					}
					
					.saznaj_vise3 {
					float: left;
					width: 71px;
					height: 15px;
					background-image: url(../img/saznaj_vise.jpg);
					background-repeat: no-repeat;
					border: 0;
					margin-right: 4px;
					margin-top: 5px;
					}
					
					#listaj_proizvode {
					width: 680px;
					height: 21px;
					background-image: url(../img/lista_proiz_bck.jpg);
					background-repeat: repeat-x;
					margin-top: 5px;
					text-align: right;
					padding-right: 5px;
					}
					
					.right_align {
					text-align: right;
					padding-right: 5px;
					}
					
			#novosti { 
			clear: both;
			width: 685px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #555;
			margin-top: 5px;
			}
			
				
				#novosti h2 {
				width: 655px;
				height: 18px;
				background-image: url(../img/naslov_novosti.jpg);
				background-repeat: no-repeat;
				padding-left: 30px;
				padding-top: 4px;
				margin-bottom: 5px;
				}
				
				#novosti h3 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #555;
				background-image: url(../img/kockice_li.jpg);
				background-position: left;
				background-repeat: no-repeat;
				padding-left: 6px;
				border-bottom: 1px solid #ededed;
				margin-bottom: 5px;
				}
				
				#novosti a {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #ed1024;
				font-weight: bold;
				text-decoration: none;
				}
				
				#novosti_box {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #555;
				text-align: left;
				border: 1px solid #ededed;
				padding: 5px;
				}
				
			#clear {
			clear: both;
			}
			
		#footer {
		clear: both;
		width: 960px;
		background-color: #2e6a8f;
		}
		
			#footer_up {
			width: 960px;
			height: 25px;
			background-image: url(../img/footer_bck.jpg);
			background-repeat: no-repeat;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #000;
			text-align: center;
			padding-top: 23px;
			}
			
				#footer_up a {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #ed1024;
				text-decoration: none;
				}
				
				#footer_up a:hover {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #ed1024;
				text-decoration: underline;
				}
				
			#footer_down {
			width: 950px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #fff;
			background-image: url(../img/footer_logo.jpg);
			background-position: right;
			background-repeat: no-repeat;
			padding: 5px;
			}
			
				#footer_down a {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #bedbed;
				text-decoration: none;
				}
				
				#footer_down a:hover {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #bedbed;
				text-decoration: underline;
				}
				
/*Lista proizvoda*/

.pozadina_td {
height: 21px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
font-weight: bold;
background-image: url(../img/lista_proiz_bck.jpg);
background-repeat: repeat-x;
padding-left: 5px;
}

	.celija {
	height: 84px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding-left: 5px;
	}
	
	.celija_korpa {
	height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding-left: 5px;
	}
	
	.celija_korpa_siva {
	height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding-left: 5px;
	background-color: #f6f6f6;
	}
	
	.celija_siva {
	height: 84px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding-left: 5px;
	background-color: #f6f6f6;
	}
	
	.kolicina_box {
	width: 15px;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	border: 1px solid #ededed;
	padding-left: 5px;
	padding-top: 2px;
	}

	.border_slika {
	border: 1px solid #ededed;
	margin-top: 4px;
	}

			#lista { 
			clear: both;
			width: 685px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #555;
			margin-top: 5px;
			background-color: #fff;
			}
			
				
				#lista h2 {
				width: 655px;
				height: 18px;
				background-image: url(../img/naslov_novosti.jpg);
				background-repeat: no-repeat;
				padding-left: 30px;
				padding-top: 4px;
				margin-bottom: 5px;
				}
				
				#lista h3 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #555;
				background-image: url(../img/kockice_li.jpg);
				background-position: left;
				background-repeat: no-repeat;
				padding-left: 6px;
				border-bottom: 1px solid #ededed;
				margin-bottom: 5px;
				}
				
				#lista a {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #ed1024;
				font-weight: bold;
				text-decoration: none;
				}
				
				#lista_box {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #555;
				text-align: left;
				border: 1px solid #ededed;
				/*padding: 5px;*/
				}
				
	#navigacija_lista {
	clear: both;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	}
	
		#navigacija_lista a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #ed1024;
		text-decoration: none;
		}
		
		#navigacija_lista a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #ed1024;
		text-decoration: underline;
		}
		
/*Jedan proizvod*/

.veliki_naslov_proizvod {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #ed1024;
}

.opis_artikla {
font-family: Arial, Helvetica, sans-serifl;
font-size: 11px;
color: #333;
}

.cijena {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #333;
}

.artikl_lijevo {
padding-left: 5px;
padding-top: 5px;
}

.artikl_desno {
padding-left: 10px;
padding-top: 5px;
}

/*Korpa*/

#korpa { 
clear: both;
width: 590px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #555;
margin-top: 5px;
background-color: #fff;
}
			
			
	#korpa h2 {
	width: 590px;
	height: 18px;
	background-image: url(../img/naslov_novosti.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 4px;
	margin-bottom: 5px;
	}
				
	#korpa h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	background-image: url(../img/kockice_li.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 6px;
	border-bottom: 1px solid #ededed;
	margin-bottom: 5px;
	}
				
	#korpa a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ed1024;
	font-weight: bold;
	text-decoration: none;
	}
				
	#korpa_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	text-align: left;
	border: 1px solid #ededed;
	/*padding: 5px;*/
	}

#korpa_down {
width: 590px;
margin-top: 10px;
}

	#kontakt_info {
	float: left;
	width: 355px;
	border: 1px solid #ededed;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	}
	
	#cijena {
	float: right;
	width: 190px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	}
	
	.cijena_align {
	text-align: right;
	}
	
	.cijena_align2 {
	text-align: right;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	padding-top: 2px;
	padding-bottom: 2px;
	}
	
	.crvena {
	color: #ed1024;
	}
	
	.desno {
	float: right;
	}