/* CSS EastCode Computers & Software */

* {
	margin: 0;
	padding: 0;
}

img {
	border:0px;

}

html {
	font-family: Verdana;
}

body {
	margin:0;
	padding:0;
	color:#464646;
	background-color:#fafafa;
}

h2 {
	font-size:16px;
	font-family:Arial;
	padding-bottom:5px;
	background:url(img/nandzarasta-crtica.gif) no-repeat left bottom;
	}

.style1 {
	color: #858585;
	font-family:Arial;
	}

.style2 {
	font-family:Verdana;
	font-size:12px;
	}

.style2 a {
	color:#464646;
}

.style2 a:hover{
	color:#858585;
}

.style6{
	font-size: 12px;
	color:#999;
}

.greska {
	font-size:16px;
	padding:4px 10px 4px 10px;
	font-family:Arial;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:20px;
	color:#fff;
	background: #ee9200;
	border-bottom: solid 4px #f5cb89;
	border-top: solid 4px #f5cb89;
}

.greska a {
	line-height:20px;
	color:#ee9200;
	padding:0 2px 0 2px;
	background: #fff ;
	text-decoration:none;
}

.greska a:hover {
	color:#fff;
	background: #69B5F2 ;
}

.notification {
	font-size:16px;
	padding:2px 10px 2px 10px;
	font-family:Arial;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:20px;
	color:#fff;
	background: #ef0e00;
	border-bottom: solid 4px #ff837b;
	border-top: solid 4px #ff837b;
}

#kontaktinfo {
	border-top: 1px dashed #ccc; 
	border-bottom: 1px dashed #ccc; 
	width:520px; 
	margin:0 0 20px 0;
}

#kontaktinfo a{ 
	text-decoration:underline;
 	color:#999;
}

#kontaktinfo a:hover{
	text-decoration:none;
	background:#c1c1c1;
	color:#fff;
}
.kontaktibl{
	float:left;
	font-size: 12px;
	color:#999;
}

.kontaktip{
	margin-left:280px;
	font-size: 12px;
	color:#999;
}

.copyright {
	padding:40px 0 30px 0;
	font-size:10px;
	background:url(img/crta.gif) no-repeat bottom left;
	}

#kontejner {
	margin: 0 auto 0 auto;
	padding:0;
	width: 990px;
	background:url(img/crta02.gif) left bottom;
	background-repeat:no-repeat;
}

#zaglavlje {
	font-size:10px;
	margin-left:25px;
	height:78px;
	width:965px;
}

	#logo {
		width:172px;
		height:74px;
		float:left;
		margin-right:20px;
		background: url(img/logo.png) no-repeat;
		text-align:left;
	}
		
		#logo h1 {
			display: block;
			width:160px;
			height:74px;
			text-indent:172px;
			overflow:hidden;
			text-align:left;
		}
			
		#logo h1 a { 
			display: block;
			width:160px;
			height:74px;
			overflow:hidden;
		}
	
		#logo h1 a:hover { 
			display: block;
			width:160px;
			height:74px;
			overflow:hidden;
		}
	
	#navigacija {
		margin-top:5px;	
		width:770px;
		height:40px;
		float: left;
		background: url(img/BG-dugmeta001.gif) no-repeat top right;
	}
	
		.bluenav a{
			color:#464646;
			text-decoration:none;
		}
	
		.bluenav a:hover {
			color:#fff;
			text-decoration:none;
			background:#0069a0;
		}
	
		#navigacija li {
			height:40px;
			display:inline;
			background:url(img/BG-dugmeta.gif) no-repeat;
			text-transform: uppercase;
			padding-bottom:35px;
			padding-left: 10px;
			padding-right:24px;
		}

		.dugme {
			margin-top:4px;
		}
		
		.inputbox {
			margin-top:4px;
			padding-left:4px;
			padding-top:0;
			font-size:12px;
			height:16px;
			color: #999999;
			float:left;
			border:#908E8C 1px solid;
			background:#ffffff;
		}
	
	#languages {
		float:left;
		margin:8px auto auto 0;
		color:#CCCCCC;	
	}


#side-bar {
	padding-left:25px;
	font-size:10px;
	float: left;
	width: 172px;
	background:url(img/crta03.gif) no-repeat;	
}

	#kategorije {
		margin-top:5px;
		border-top: dashed 1px #8B8B8B;
		float: left;
	}
	
/* drop down menu */
		dl, dt, dd, ul, li {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

		#menu {
			width: 172px;
		}
			#menu dt {
			cursor: pointer;
			margin:0;
			height: 21px;
			line-height: 21px;
			text-align: left;
			border-bottom: dashed 1px #8B8B8B;
			background: url(img/+.gif) no-repeat right #fafafa;
		}

		#menu dd {
		}
			
		#menu li {
			text-align: left;
			padding-left:10px;
			background: #fff;
		}

		#menu li a, #menu dt a {
			color: #000;
			text-decoration: none;
			display: block;
			border: 0 none;
			height: 100%;
		}

		#menu li a:hover, #menu dt a:hover {
			background: #eee;
		}

/* drop down menu -KRAJ- */
	
	.leftbox {
		width:172px;
		height:100%;
		float:left;
		padding:10px 0 10px 0;
		background:url(img/ispod-crtica-mala.gif) no-repeat bottom;
	}

#holder {
	float:right;
	width:775px;
	height:100%;
	background:url(img/crta04.gif) right top no-repeat;
}

#sadrzaj {
	float: left;
}

.SadrzajOnIndex {
	width: 590px;
}

.SadrzajOnRest {
	width: 580px;
}

	.box {
	font-size:10px;
	width:558px;
	padding:0 0 10px 0;
	margin-left:20px;
	}
	
	#intro {
		height:205px;
		width:585px;
		background:url(img/slika04.jpg) no-repeat;
	}

	.naslovtabele{
		width:570px;
		color:#FFFFFF;
		padding-left:10px;
		padding-top:3px;
		padding-bottom:3px;
		font-size:12px;
		background:#0069A0;
	}
	
	#tabela{
		width:580px;
		font-family: Verdana;
		font-size:10px;
	}

	#tabela a{
		padding-top:5px;
		text-decoration:none;
		color:#464646;
	}
	
	#tabela a:hover{
		padding-top:5px;
		text-decoration:none;
		color: #999;
	}
	
		.neparna {
			border:none;
			height:16px;
			background:#ededed;
		}
	
		.parna {
			border:none;
			height:16px;
			background:#FFF;
		}
	
	#dobrodosli {
		background:url(img/slika03.03.jpg) no-repeat right top;
	}
	
	#ponuda {
		margin-top:10px;
		height:160px;
	}
	
	#vijesti {
		text-align:justify;
		border-bottom:1px dashed #ccc;
	}
	
	#teh-podrska {
		margin-top:20px;
		width:580px;
	}

#customer {
	float:right;
	font-size:10px;
	
}

.CustomerOnIndex {
	width:165px;
	padding-right:20px;
}

.CustomerOnRest {
	width:165px;
	padding-right:20px;
}

	#sepet{
	}
	
	#pretraga {
		height:58px;
	}

	#login {
		padding:10px 0 10px 0;
	}

	#anketa {
	}

	.naindexu {
		width:165px;
		float:right;
		padding:0 0 10px 0;
		background:url(img/ispod-crtica-mala.gif) no-repeat bottom;
	}
	
	.ostale {
		width:165px;
		float:left;
		padding:0 0 10px 0;
		background:url(img/ispod-crtica-mala.gif) no-repeat bottom;
	}

	.discription {
		float:right;
	}

/* definicija formi */
#username {
	width:96px;
}

#password {
	width:96px;
}

#vasmail{
	width:122px;
	}
	
#searchword{
	width:132px;
}

#korpaKol{
	width:96px;
}

#iznos{
	width:96px;
}

#regUsername{
	width:150px;
}

#regPassword {
	width:150px;
}

#passworddrugi {
	width:150px;
}

#Ime {
	width:150px;
}

#Prezime {
	width:150px;
}

#Telefon {
	width:150px;
}

#Mobilni {
	width:150px;
}

#email {
	width:150px;
}
/* definicija formi */

.style3 {
	float:right;
	margin-right:194px;
	color:#FF0000;
	font-size:12px;
}

.style4 {
	font-size:12px;
}

.style5 {
	clear:both;
	font-family:Arial;
	font-size:10px;
	}

.style5 a {
	color:#464646;
}

.style5 a:hover{
	color:#858585;
}

.textforms {
	margin-top:4px;
	padding-left:4px;
	padding-top:0;
	font-size:14px;
	height:18px;
	color: #999999;
	border:#908E8C 1px solid;
	background:#ffffff;
}

.cssform p{
	width: 390px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 130px;
	border-top: 1px dashed #ccc;
	height: 1%;
}

.cssform label{
	font-size:12px;
	float: left;
	margin-left: -130px; 
	width: 150px; 
}

.cssform input[type="text"]{ 
	width: 148px;
}

.cssform textarea{
	width: 320px;
	height: 130px;
}

.narudzba_note {
	width:580px;
}

.narudzba_note p{
	width: 450px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 130px;
	border-top: 1px dashed #ccc;
	height: 1%;
}

.narudzba_note label{
	font-size:11px;
	line-height:15px;
	font-family:verdana;
	color:#858585;
	float: left;
	margin-left: -130px; 
	width: 220px; 
}

.narudzba_note input[type="text"]{ 
	width: 148px;
}

.narudzba_note textarea{
	width: 350px;
	height: 120px;
}

.narudzba_note span {
	font-size:16px;
	font-weight:normal;
}

* html .threepxfix{
	margin-left: 3px;
}

#footer {
	clear: both;
	margin-left:215px;
}

#legende {
	border-bottom:#ccc 1px dashed;
	width:580px;
}