html, body{ 
margin:0; 
padding:0; 
text-align:center; 
background-color:#161616;
color:#000;
font-family:tahoma;
font-size:12px;
} 

#pagewidth{ 
width:921px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 

#header{
height:255px; 
background-color:#161616; 
width:900px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
} 
#kopcinja{
float:left;
margin-top:200px;
width:580px;
height:50px;
margin-left:180px;

} 
.kopce_bg{
background-image:url(images/btn.gif);
background-repeat:repeat-x;
	width:145px;
	height:40px;
		float:left;
	margin-top:5px;
	margin-left:10px;

}
.kopce{
	text-align:center;
	font-size:18px;
	color:#fff;
margin-top:8px;
}
.kopce a{
	text-decoration:none; color:#fff;
	}


.kopce a:hover
{
	color:#99FF00;
}
#ramka{
width:921px;
min-height:300px;
border:3px solid #FFFFFF;
}
#glaven{
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
width:901px;
min-height:400px;
background-color:#FFFFFF;
}
#maincol{
background-color: #fff; 
width:669px;
min-height:650px;
float:left;
border-left:1px solid #000000;
}
#brands{
width:670px;
float:left;
height:54px;
border-bottom:1px solid #000000;
}
#promo{
width:670px;
float:left;
height:253px;
border-bottom:1px solid #000000;
}
#leftcol{
margin-left:10px;
margin-top:10px;
background-color: #fff; 
float:left;
width:220px;
min-height:500px;
}


#search{
float:left;
width:219px;
min-height:150px;

}
#search_title{
float:left;
width:219px;
height:58px;
background-image:url(images/search_icon.jpg);
background-repeat:no-repeat;
}
#search_text{
float:left;
width:210px;
height:20px;
margin-left:10px;
margin-top:25px;
color:#000000;
font-size:16px;
}

#proizvodi_left{
float:left;
width:219px;
min-height:200px;

}
#proizvodi_left_title{
float:left;
width:219px;
height:58px;
background-image:url(images/proizvodi_icon.jpg);
background-repeat:no-repeat;
}
#proizvodi_left_text{
float:left;
width:210px;
height:20px;
margin-left:10px;
margin-top:25px;
color:#000000;
font-size:16px;
}

#kosnica{
float:left;
width:219px;
min-height:200px;
}
#kosnica_title{
float:left;
width:219px;
height:58px;
background-image:url(images/cart_icon.jpg);
background-repeat:no-repeat;
}
#kosnica_text{
float:left;
width:210px;
height:20px;
margin-left:10px;
margin-top:25px;
color:#000000;
font-size:16px;
}
#proizvodi{
width:670px;
min-height:370px;
float:left;
margin-top:20px;
}
.proizvod{
float:left;
width:220px;
}
img.proizvod_slika{
width:200px;
}
.proizvod_naslov{
width:220px;
height:30px;
font-size:15px;
text-align:center;
color:#000000;
}
.proizvod_opis{
width:220px;
height:50px;
font-size:12px;
text-align:center;
color:#000000;
}
.proizvod_cena{
width:220px;
height:30px;
font-size:16px;
text-align:center;
color:#000000;
}
.proizvod_cena2{
width:150px;
height:30px;
font-size:16px;
text-align:center;
color:#FF0000;
}
input.kopce_kupi{
width:62px;
height:21px;
background-color: #BEF925;
border:1px solid #000000;
color:#000000;
font-size:12px;
text-align:center;
float:left;
padding-bottom:15px;
margin-left:35px;
}
input.kopce_kupi:hover{
cursor: pointer;
cursor: hand;  	
}
#kopce_detali{
width:62px;
height:21px;
background-image:url(images/detali.gif);
background-repeat:no-repeat;
font-size:12px;
text-align:center;
color:#000000;
float:left;
margin-left:30px;
padding-top:2px;
}
.vert_line{
width:3px;
height:233px;
float:left;
background-image:url(images/vert_line.jpg);
background-repeat:no-repeat;
margin-top:70px;
}
.usluga{
padding: 10px;
float:left;
width:300px;
}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

#footer{
margin-top:5px;
height:30px; 
background-color:#161616; 
clear:both;
 font-size:12px;
 text-align:center;
} 
/**	style za menito **/
	.menu { 

		display: block;
	}

	.menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.menu ul li {
		/* width and height of the menu items */  
		float: left;
		overflow: hidden;
		position: relative;
		text-align: center;
		line-height: 45px;
	}

	.menu ul li a {
		/* must be postioned relative  */ 
		position: relative;
		display: block;
		width: 110px;
		height: 45px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 1px;
		text-transform: uppercase;
		text-decoration: none;
		cursor: pointer;
	}

	.menu ul li a span {
		/* all layers will be absolute positioned */
		position: absolute;
		left: 0;
		width: 110px;
	}

	.menu ul li a span.out {
		top: 0px;
	}

	.menu ul li a span.over,
	.menu ul li a span.bg {
		/* hide */  
		top: -45px;
	}

	/** 1st example **/

	#menu {
		background: #161616;
	}

	#menu ul li a {
		color: #fff;
	}

	#menu ul li a span.over {
		color: #bef925;
	}

	#menu ul li span.bg {
		/* height of the menu items */  
		height: 45px;
		background: url('images/bg_over.png') center center no-repeat;
	}
	.pagination {
		margin-top:15px; 
		margin-bottom:15px; 
		float: left; 
		width: 100%; 
		text-align: center;
	}
	.pagination a{
		color:#000;
		text-decoration:none;
		border: 1px #000 solid;
		padding: 5px;
		margin: 5px;
	}
	.pagination a:hover{
		text-decoration:none;
		border: 1px #000 solid;
		padding: 5px;
		margin: 5px;
		background-color: #39c9f5;
	}
	.pagination .cur{
		background-color: #BEF925;
		font-weight: 700;
	}
	.category {
		color:#000;
		text-decoration:none;
	}
	.category a{
		color:#000;
		text-decoration:none;
	}

	.category a:hover{
		color:#39CDF5;
		text-decoration:none;
	}
	.subcategory {
		color:#000;
		text-decoration:none;
	}
	.subcategory a{
		color:#000;
		text-decoration:none;
	}
	.subcategory a:hover{
		color:#9ECF19;
		text-decoration:none;
	}

	fieldset {
	border: 0px;
	}
	#sidebar {
	 width:219px;
	 float:left; 
	 }
/**	style za menito **/
	#jcart table {
		width:100%; 
		border:0;
		background:#fff;
		border-collapse:collapse; 
		}
	#jcart tr {  }
	#jcart th { background:#ccffcc }
	#jcart th, #jcart td {
	padding:5px;
	border:0;
	border:solid 1px #ccc;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	}
	#jcart td.empty { text-align:center; }
	#jcart input.jcart_checkout {
	margin-right:10px;
	background-color: #BEF925;
	border:1px solid #000;
	color:#000000;
	font-size:12px;
	text-align:center;
	float:left;
	}
	#jcart input.jcart_checkout:hover{
	cursor: pointer; 
	cursor: hand;  	
	}
	#jcart input.jcart-button {
	margin-top:5px;
	margin-left:5px;
	margin-right:10px;
	background-color: #2BB4D9;
	border:1px solid #000;
	color:#000000;
	font-size:12px;
	text-align:center;
	float:left;
	}
	#jcart input.jcart-button :hover{
	cursor: pointer; 
	cursor: hand;  	
	}
	.jcart-error{
		background-color: #fb7a7a;
	}
#map_canvas{
float:left;
margin-left: 60px;
width: 400px;
height: 400px;
}	