/* Meyer RESET - START*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix {
	clear: both;
}

/* CUSTOM STYLES - START */
body {
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}



/* test */

#c1 {
	margin: 0 auto;
	border: 1px solid #000000;
	overflow: hidden;
	width: 900px;



}

#d1{
	width: 200px;
	float: left;
	background:#0000FF;



}

#d2{
	width: 500px;
	float: left;
	background:#009933;



}

#d3{
	width: 200px;
	float: left;
	background:#FF9933;

}

/*--------*/

#site_container {
	width: 888px;
	margin: 0 auto;
	border:1px solid;
	overflow: hidden;
	background-color:#f7f7f7;

}

#menu{
width:887px;
height:98px;
}

#pretraga{
width:887px;
height:50px;
}

#left{
width:148px;
float:left;

}

#left p{
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#707070;

}

#center{
width:614px;
float:left;
}

#center #flash{
	z-index:1;
}




#center #artikli{
width:578px;
height:150px;
border:1px solid #cccccc;
margin:5px 0 5px 0;
}


#center #kategorije{
float:left;
width:426px;
}

#center #kategorije a{
padding:5px 0 5px 0;
font:Arial, Helvetica, sans-serif;
font-size:9px;
color:#898989;
text-decoration:none;
}

#center #kategorije a:hover{
margin:5px 0 5px 0;
font:Arial, Helvetica, sans-serif;
font-size:9px;
color:#333333;
text-decoration:none;
}

#center #kategorije p{
margin:5px 0 5px 0;
font:Arial, Helvetica, sans-serif;
font-size:9px;
color:#898989;
}

#center #ostalo{
margin:0 0 0 11px;
float:left;
width:144px;
}
#center #ostalo #box1{
width:142px;
border:1px solid #cccccc;
margin:0 0 5px 0;
padding:0 0 10px 0;
}

#center #ostalo #box1 p{

font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#707070;
margin:2px 0 0 0;
padding:0 0 0 4px;
}

#center #ostalo #box1 p a{

font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#707070;
margin:2px 0 0 0;
padding:0 0 0 4px;
text-decoration:none;
}

#center #ostalo #box1 p a:hover{

font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
margin:2px 0 0 0;
padding:0 0 0 4px;
text-decoration:none;
}



#right{
width:125px;
float:left;
}

.cena{

font:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#be0404;
margin:2px 0 0 0;
padding:0 0 0 4px;

}

.okvir{
border:1px solid #cccccc;
}

.pretraga{

font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.topartikal {
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#707070;
padding:5px 0 0 0;
}

.topartikal a{
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#707070;
padding:5px 0 0 0;
text-decoration:none;
}

.topartikal a:hover{
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding:5px 0 0 0;
text-decoration:none;
}

/*--kategorije--*/


#center_kateg{
width:735px;
float:left;
}

#center_kateg #svi_top_artikli_kateg{
width:735px;
height:330px;
float:left;
margin: 0 0 10px 0;
border:1px solid #CCCCCC;
}

#center_kateg #svi_top_artikli_kateg #top_artikal_kateg{
width:140px;
height:135px;
float:left;
margin: 5px 4px 0 3px;
}

#center_kateg  #artikli_kateg #kategorije_preview{
width:140px;
height:140px;
float:left;
margin: 0 2px 0 0;
}

#center_kateg  #artikli_kateg #proizvod{
width:140px;
height:200px;
float:left;
margin: 0 2px 0 0;
}

#center_kateg #artikli_kateg{
float:left;
width:570px;
}

#center_kateg #ostalo_kateg{
margin:0 0 0 11px;
float:left;
width:150px;
}
#center_kateg #ostalo_kateg #box1{
width:142px;
border:1px solid #cccccc;
margin:0 0 5px 0;
}

#center_kateg #ostalo_kateg #box1 p{

font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#707070;
margin:2px 0 0 0;
padding:0 0 0 4px;
}

#center_kateg #ostalo_kateg #box1 p a{

font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#707070;
margin:2px 0 0 0;
padding:0 0 0 4px;
text-decoration:none;
}

#center_kateg #ostalo_kateg #box1 p a:hover{

font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
margin:2px 0 0 0;
padding:0 0 0 4px;
}

.ArtikalCena{
font:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:bold;
color:#be0404;
}

.ArtikalCenatxt{
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
}

.ArtikalNaslov{
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#7d7d7d;
}

.ArtikalSifra{
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7d7d7d;
}

.ArtikalBrend{
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}

.ArtikalOpis{
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.FajlNaslov{
font:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#7d7d7d;
}

.unutar {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #CCC;
	margin-left: 70px;
}

.kontakt-1
{
	font-family: Verdana;
	font-size: 12px;
	color:#000000;
	font-weight:bold;
}

.kontakt-2
{
	font-family: Verdana;
	font-size: 10px;
	color:#000000;
}

/*---------------------------*/

#clear-text-kontakt
{
	color:#000000;
text-decoration: none;
}

#clear-text-kontakt a:link
{
	color:#000000;
text-decoration: none;
}
#clear-text-kontakt a:visited
{
	color:#000000;
text-decoration: none;
}
#clear-text-kontakt a:hover
{
	color:#000000;
text-decoration: none;
}



/*-------------------------*/