/* OSNOVNI Elementi
/* ------------------------------- */

body
{
	position: relative;
	margin: 0 auto;
	text-align: center;
	background: #202020 url(images/bg2.jpg) repeat-y;
	background-position: center;
}

html 
{
	font-family: georgia;
	font-size: 11px;
	line-height: 16px;
	color: #ffffff;
}

a
{
	font-weight: bold;
	color: #e9ca1c;
	text-decoration: none;
}

a:hover
{
	color: #fff;
	text-decoration: none;
}

img
{
	border: none;
}

/* OSTALI Elementi
/* ------------------------------- */

#wrapper
{
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: 776px;
}

#head
{
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: 776px;                                                                                 
}

#content
{
	position: relative;
	text-align: left;
	width: 776px; 
	margin-bottom: 60px;                                                                                
}

#menu
{
	position: relative;
	text-align: left;
	width: 764px;
	height: 48px;
	margin-left: 9px;
	margin-bottom: 9px;
	background: url(images/menu_bg.jpg) repeat-x;
}

.menu1 a
{
	position: relative;
	float: left;
	display:block;
	width: 110px;
	height: 48px;
	background: url("images/menu1.png") 0 0 no-repeat;
}

.menu1 a:hover
{
	background-position: 0 -48px;
}

.menu2 a
{
	position: relative;
	float: left;
	display:block;
	width: 84px;
	height: 48px;
	margin-left: 15px;
	background: url("images/menu2.png") 0 0 no-repeat;
}

.menu2 a:hover
{
	background-position: 0 -48px;
}

.menu3 a
{
	position: relative;
	float: left;
	display:block;
	width: 94px;
	height: 48px;
	margin-left: 15px;
	background: url("images/menu3.png") 0 0 no-repeat;
}

.menu3 a:hover
{
	background-position: 0 -48px;
}

.menu4 a
{
	position: relative;
	float: left;
	display:block;
	width: 69px;
	height: 48px;
	margin-left: 15px;
	background: url("images/menu4.png") 0 0 no-repeat;
}

.menu4 a:hover
{
	background-position: 0 -48px;
}

.menu5 a
{
	position: relative;
	float: left;
	display:block;
	width: 100px;
	height: 48px;
	margin-left: 15px;
	background: url("images/menu5.png") 0 0 no-repeat;
}

.menu5 a:hover
{
	background-position: 0 -48px;
}

.menu6 a
{
	position: relative;
	float: left;
	display:block;
	width: 114px;
	height: 48px;
	margin-left: 15px;
	background: url("images/menu6.png") 0 0 no-repeat;
}

.menu6 a:hover
{
	background-position: 0 -48px;
}

.menu7 a
{
	position: relative;
	float: left;
	display:block;
	width: 97px;
	height: 48px;
	margin-left: 15px;
	background: url("images/menu7.png") 0 0 no-repeat;
}

.menu7 a:hover
{
	background-position: 0 -48px;
}

.sponzori
{
	margin-top: 20px;
}

#content_left
{
	position: relative;
	float: left;
	text-align: left;
	width: 310px;
	margin-left: 8px;
	margin-top: 10px;
}

#glasaj_content
{
	position: relative;
	float: left;
	width: 310px;
	height: 75px;
	margin-top: 10px;
	background: url(images/glasaj_bg.jpg) no-repeat bottom;
}

#glasaj_content img
{
	position: relative;
	float: left;
	width: 50px;
	height: 60px;
}

#glasaj_content .title
{
	position: relative;
	float: left;
	width: 250px;
	margin-left: 6px;
	margin-top: 4px;
	font-family: georgia;
	font-size: 15px;
	font-weight: bold;
	color: #eaca1d;
}

#glasaj_content .myspace a
{
	position: relative;
	float: left;
	width: 250px;
	margin-left: 6px;
	margin-top: -14px;
	font-family: georgia;
	font-size: 12px;
	font-weight: normal;
	color: #717171;
}

#glasaj_content .myspace a:hover
{
	color: #ffffff;
}

#glasaj_content .broj_glasova
{
	position: relative;
	float: left;
	width: 250px;
	margin-left: 6px;
	margin-top: 0;
	font-family: georgia;
	font-size: 12px;
	font-weight: bold;
	color: #b0b0b0;
}

#glasaj_content .button a
{
	position: absolute;
	float: right;
	display:block;
	width: 56px;
	height: 18px;
	right: 0;
	bottom: 20px;
	background: url("images/glasaj_button.jpg") 0 0 no-repeat;
}

#glasaj_content .button a:hover
{
	background-position: 0 -18px;
}

#content_right
{
	position: relative;
	float: left;
	text-align: left;
	width: 440px;
	margin-left: 15px;
	margin-top: 10px;
}

#news_content
{
	position: relative;
	float: left;
	width: 440px;
	margin-top: 20px;
	padding-bottom: 12px;
	background: url(images/news_bg.jpg) no-repeat bottom;
}

#news_content img
{
	position: relative;
	float: left;
	display: inline;
	width: 100px;
	margin-right: 10px;
	margin-bottom: 2px;
}

#news_content .title
{
	position: relative;
	float: left;
	width: 330px;
	margin-top: 0;
	font-family: georgia;
	font-size: 15px;
	font-weight: bold;
	color: #eaca1d;
}

#news_content .date
{
	position: relative;
	float: left;
	width: 330px;
	margin-top: -14px;
	font-family: georgia;
	font-size: 12px;
	font-weight: normal;
	color: #717171;
}

#news_content .text
{
	margin-top: -2px;
	font-family: georgia;
	font-size: 12px;
	font-weight: normal;
	color: #dcdcdc;
}

.rez
{
	border: none;
}

#program
{
	position: relative;
	float: left;
	margin-top: 10px;
	margin-bottom: 30px;
	font-family: georgia;
	font-size: 12px;
	color: #d5d5d5;
}

#program a
{
	font-family: georgia;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #eaca1d;
}

#program a:hover
{
	font-family: georgia;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

.sati
{
	position: relative;
	bottom: 3px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.karte
{
	position: relative;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #ffffff;
}

.bend
{
	position: relative;
	float: left;
	margin-top: 10px;
	margin-bottom: 30px;
	font-family: georgia;
	font-size: 12px;
	color: #d5d5d5;
}

.bend_pic
{
	position: relative;
	float: left;
	width: 440px;
	margin-bottom: 16px;
}