/* CSS Document */

#container {
	width:750px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:11px;
	padding-top:10px;
	padding-bottom:10px;
	}
	
#container_zaglavlja {
	background:url(../images/TopCom_za-_rezanje_05.gif);
	}
	
.meni_box {
	width:98px;
	height:104px;
	background:url(../images/pozadina_meni.gif);
	}
	
.lijeva_kolona {
	width:200px;
	float:left;
	margin-top:10px;
	}
	
.desna_kolona {
	width:540px;
	float:right;
	margin-top:10px;
	}
	
	
/*------------TOP TEN--------*/	

.top_ten_container {
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../images/top10_pozadina.gif);
	}
	
.top_ten_proizvod {
	text-transform:uppercase;
	font-weight:bold;
	color:#666666;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px dashed #CCCCCC;
	}
.top_ten_proizvod a{
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	color:#666666;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px dashed #CCCCCC;
	}
.top_ten_komponente {
	background:url(../images/test_komponente.gif) no-repeat;
	height:49;	
	font-weight:bold;
	color:#666666;
	padding-top:2px;
	padding-bottom:2px;
	}
	
.top_ten_cijena {
	color:#666666;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px dashed #CCCCCC;
	text-align:right;
	}
	

/*--------------PROIZVOD KRATKO ------------------*/

.proizvod_sadrzaj_container {
	padding-left:14px;
	padding-right:14px;
	background:url(../images/proizvod-pozadina.gif);
	}
	
.proizvod_naslov {
	font-size:12px;
	color:#3b93ff;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:5px;
	}
	
.proizvod_element {
	color: #333333;
	padding-top:1px;
	padding-bottom:1px;
	border-bottom:1px dashed #CCCCCC;
	}
.proizvod_cijena_crvena {
	font-weight:bold; color:#FF0000; text-decoration:line-through; padding-top:3px; padding-bottom:3px;
	}
.proizvod_cijena_zelena {
	font-weight:bold; color:#00CC33; padding-top:3px; padding-bottom:3px;
	}
.proizvod_cijena_zadnje {
color:#666666;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px dashed #CCCCCC;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	color:#00CC33; 
	padding-top:3px;
	padding-bottom:3px;
	}		
	
/*------------PROIZVOD FULL VIEW----------------*/

.proizvod_sadrzaj_container_full {
	width:540px;
	background: url(../images/full_view_pozadina.gif);
	}	

.proizvod_full_opis {
	background:url(../images/full_view_opis_pozadina.gif);
	padding-left:10px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}


/*--------------DONJI LINKOVI ------------------*/

.donji_linkovi_container {
	margin-top:10px;
	}

.donji_linkovi_sadrzaj {
	background:url(../images/donji_linkovi_pozadina.gif);
	height:25px;
	text-align:center;
	padding-top:8px;
	}
	
.donji_linkovi_sadrzaj a {
	color: #333333;
	text-decoration:none;
	}
	
.donji_linkovi_sadrzaj a:hover {
	text-decoration:overline;
	}
	
/*-----------------STRANICE----------------*/

.container_sredina {
	width:540px;
	}
	
/*-----------------KOMPONENTE ZA FORME----------------*/
.button {
	font-family: Arial,Verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #CCCCCC;
	border: solid 1px;
}
textarea {
    font-family: Verdana,Helvetica,Arial;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	border: solid 1px;
	border-color: #DBDBDB;
	overflow:auto;
}
input {
    font-family: Verdana,Helvetica,Arial;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	border: solid 1px;
	border-color: #DBDBDB;
	overflow:hidden;
}
select {
    font-family: Arial,Verdana;
	font-size: 12px;
	color: #333333;
	border: solid 1px;
	border-color: #DBDBDB;
	overflow:hidden;
}

.textfield {
	font-family: Arial,Verdana;
	font-size: 12px;
	color: #666666;
	border: solid 1px;
	border-color: #DBDBDB;
	
}