/* KOŠARA CSS Document */

#naslov_kosara_left
{
	position: relative;
	float: left;
	width: 839px; 
	height: 27px;
	text-align: left;
	background: url(images/naslov_bg.jpg) repeat-x;
}

#naslov_kosara_right
{
	position: relative;
	float: left;
	width: 15px; 
	height: 27px;
	text-align: right;
	background: url(images/naslov_bg.jpg) repeat-x;
}

#kosara_container
{
	position: relative;
	float: left;
	width: 814px; 
	top: 6px;
	margin-bottom: 15px;
	left: 20px;
	background: #F0F0F0;
}

#kosara_top
{
	position: relative;
	float: left;
	width: 814px; 
	height: 25px;
	text-align: left;
	background: #EB1C24 url(images/kosara_crta_bg.jpg) repeat-x;
	background-position: bottom;
}

#naslov_bg
{
	position: relative;
	float: left;
	width: 300px; 
	height: 25px;
	text-align: left;
}

#autor_bg
{
	position: relative;
	float: left;
	width: 234px; 
	height: 25px;
	text-align: left;
	background: url(images/kosara_crta_bg.jpg) repeat-y;
	background-position: left;
}

#ostalo_bg
{
	position: relative;
	float: left;
	width: 70px; 
	height: 25px;
	text-align: left;
	background: url(images/kosara_crta_bg.jpg) repeat-y;
	background-position: left;
}

.top_text
{
	position: relative;
	top: 5px;
	left: 14px;
	text-align:left;
	font: 11px arial, verdana, sans serif;
	font-weight: bold;
	color: #FFFFFF;
}

#sadrzaj
{
	position: relative;
	float: left;
	width: 814px; 
	height: 37px;
	text-align: left;
	background: url(images/sadrzaj_bg.jpg) repeat-x;
	background-position: bottom;
}

#sadrzaj_naslov
{
	position: relative;
	float: left;
	width: 300px; 
	height: 36px;
	text-align: left;
}

#sadrzaj_autor
{
	position: relative;
	float: left;
	width: 234px; 
	height: 36px;
	text-align: left;
	background: url(images/kosara_crta_bg.jpg) repeat-y;
	background-position: left;
}

#sadrzaj_ostalo
{
	position: relative;
	float: left;
	width: 70px; 
	height: 36px;
	text-align: center;
	background: url(images/kosara_crta_bg.jpg) repeat-y;
	background-position: left;
}

.naslov_djela
{
	position: relative;
	top: 8px;
	left: 14px;
	text-align:left;
	font: 11px arial, verdana, sans serif;
	font-weight: bold;
	color: #292929;
}

.naslov_djela a
{
	padding-left: 14px;
	font-weight: bold;
	text-decoration: underline;
	color: #292929;
	background: url(images/opis_strelica2.jpg) no-repeat;
	background-position: 0 3;
}

.naslov_djela a:hover
{
	font-weight: bold;
	text-decoration: none;
	color: #292929;
	background: url(images/opis_strelica.jpg) no-repeat;
	background-position: 0 3;
}

.autor_djela
{
	position: relative;
	top: 8px;
	left: 14px;
	text-align:left;
	font: 11px arial, verdana, sans serif;
	font-weight: none;
	color: #292929;
}

.cijena_djela
{
	position: relative;
	top: 8px;
	text-align:left;
	font: 11px arial, verdana, sans serif;
	font-weight: bold;
	color: #292929;
}

.obrisi a
{
	position: relative;
	top: 6px;
	left: 8px;
	width: 52px; 
	height: 17px;
	padding-top: 1px;
	font: 11px tahoma;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	text-align: center;
	text-decoration: none;
	background: url(images/obrisi_poz.jpg) no-repeat;
}

.obrisi a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background: url(images/obrisi_poz2.jpg) no-repeat;
}

.potvrdi a
{
	position: relative;
	top: 8px;
	left: 2px;
	margin-bottom: 8px;
	width: 65px; 
	height: 21px;
	padding-top: 3px;
	font: 11px tahoma;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	text-align: center;
	text-decoration: none;
	background: url(images/potvrdi1.jpg) no-repeat;
}

.potvrdi a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background: url(images/potvrdi2.jpg) no-repeat;
}

.natrag a
{
	position: relative;
	float: left;
	width: 160px; 
	height: 25px;
	margin-right: 20px;
	padding-top: 4px;
	font: 11px tahoma;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	text-align: center;
	text-decoration: none;
	background: url(images/natrag1.jpg) no-repeat;
}

.natrag a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background: url(images/natrag2.jpg) no-repeat;
}

.naruci a
{
	position: relative;
	width: 160px; 
	height: 25px;
	padding-top: 4px;
	font: 11px tahoma;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	background: url(images/naruci1.jpg) no-repeat;
}

.naruci a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background: url(images/naruci2.jpg) no-repeat;
}

#placanje
{
	position: relative;
	float: left;
	width: 600px;
	top: 10px;
	margin-bottom: 20px;
	left: 14px;
	text-align: left;
	font: 11px tahoma;
	font-weight: none;
	color: #292929;
}

#ukupno
{
	position: relative;
	float: left;
	width: 214px;
	height: 37px;
	top: -6px;
	padding-top: 12px;
	text-align: center;
	font: 17px tahoma;
	font-weight: bold;
	color: #FFFFFF;
	background: url(images/ukupno_poz2.jpg) no-repeat;
	background-position: right;
}

.poravnanje
{
	position: relative;
	top: -2px;
	text-align: left;
	font: 11px tahoma;
	font-weight: none;
	color: #292929;
}

#kosara_navLeft
{
	position: relative;
	float: left;
	width: 600px;
	height: 25px;
	top: 0px;
	left: 20px;
	margin-bottom: 10px;
	text-align: left;
	font: 11px tahoma;
	font-weight: none;
	color: #292929;
}

#kosara_navRight
{
	position: relative;
	float: left;
	width: 200px;
	height: 25px;
	left: 20px;
	top: -4px;
	margin-bottom: 20px;
}

input#kolicina_unos
{
	position: relative;
	width: 30px;
	top: 6px;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	background: #FFFFFF;
	border: 1px solid #9A9A9A;
}

input#kolicina_unos:focus, textarea:focus
{
	background: #252525;
	font-family: arial;
	color: white;
}

select#placanje_drop
{
	width: 187px;
	margin-top: 10px;
}

input#checkbox
{
	top: 3px;
}