body,html {
	color:#000;
	margin:auto;
}

body {
	background-image: url(images/top-bg.jpg);
	background-repeat: repeat-x;
	border:0px;
	background-color: #F4F4F4;
}

a img { 
	border: 0;
}

a {
	text-decoration: none;
}



#container {
	background-image: url(images/main-bg.jpg);
	background-repeat: repeat-y;
	margin: auto;
	width: 963px;	
}


#cap {
	background-image: url(images/cap.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 35px 35px 0px 45px;
	height: 20px;
	width: 883px;
}

#cap img {
	padding: 0px;
	margin: -35px 5px 0px 0px;
	float: right;
	border:0px;
}

#content-left {
	width:630px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-position: left;
	text-align: left;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #434342;
}


#content-right{
	width:190px;
	margin:0px 0px 0px 20px;
	float: left;
	height:auto;
	background-position: left;
	padding:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 2px solid #f4f4f4;
}


#content-right img{
	text-align: center;
	padding: 10px;	
	
}

#content-main {
	width:auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	clear:both;
}

#dropmenudiv{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:18px;
	z-index:100;
	margin: 3px 8px 0px 0px;
	width:410px;
}

#dropmenudiv a:link{
	width: 214px;
	display: block;
	text-indent: 3px;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 15px;
	padding: 3px 0px 4px 0px;
	margin: -1px 0px 0px 0px;
	background-image: url(images/dropdown-menu-bg2.jpg);
}

#dropmenudiv a:hover{
	padding: 3px 0px 3px 0px;
	background-image: url(images/menu-bg-hover-black.jpg);
	background-repeat: repeat-x;
	color: #F4F4F4;
	border-bottom:solid 1px #333333;
	height: 15px;
	
}


#dropmenudiv a:visited{
	width: 214px;
	display: block;
	text-indent: 3px;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(images/menu-bg-hover-black.jpg);
	background-repeat: repeat-x;
	height: 15px;
	padding: 3px 0px 4px 0px;
	margin: -1px 0px 0px 0px;
	border-bottom:solid 1px #333333;
}

#footer {
	background-image: url(images/footer.jpg);
	height: 56px;
	width: 963px;
	margin:auto;	
}


#footer2 {
	height: 60px;
	width: 1035px;
	margin:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0B3851;
	text-decoration: none;
	background-position: center;
	text-align: center;
}


#footer2 img {
	vertical-align: middle;	
}


#header {
	height: 223px;
	width: 963px;
	margin: 0px;
	background-image: url(images/header.jpg);
}


#logo {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-position: left;
	text-align: left;
	height: 223px;
	width: 430px;
	background-image: url(images/logo.jpg);
	float: left;
}

#menu {
	width:868px;
	height:26px;
	background-image: url(images/menu-bg.jpg);
	background-repeat: repeat-x;
	z-index: 100;
	margin:0px 0px 30px 48px;
	padding:0px 0px 0px 0px;
	display: block;
	border-bottom:1px solid #F6F6F4;
}

#menu img {
	margin: -70px 20px 0px 0px;
	padding: 0px;
	float: right;
	z-index:100;
}




#menu ul {
	list-style: none;
	margin:0px;
	padding:0px 0px 0px 0px;
	height:22px;
	display: block;
}

#menu li {
	float: left;
	height:22px;
	display: block;
}

#menu li a:link {
	background-image: url(images/menu-bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding:6px 10px 0px 10px;
	height:19px;
	border-right:#FFFFFF 1px solid;
	font-weight: bold;
	width:auto;
	display: block;
	float:left;
}

#menu li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F4F4F4;
	text-decoration: none;
	padding:6px 10px 0px 10px;
	height:19px;
	border-right:#FFFFFF 1px solid;
	font-weight: bold;
	width:auto;
	display: block;
	float:left;
	background-image: url(images/menu-bg-hover-black.jpg);
	background-repeat: repeat-x;
}

#menu li a:active {
	background-image: url(images/menu-bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #567FBD;
	text-decoration: none;
	padding:6px 10px 0px 10px;
	height:19px;
	border-right:#FFFFFF 1px solid;
	font-weight: bold;
	width:auto;
	display: block;
	float:left;
}


#menu li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding:6px 10px 0px 10px;
	height:19px;
	border-right:#FFFFFF 1px solid;
	font-weight: bold;
	width:auto;
	background-image: url(images/menu-bg.jpg);
	background-repeat: repeat-x;
	display: block;
	float:left;
}


#rss {
	height:1px;
	float: left;
	padding:0px 0px 0px 50px;
	margin:34px 0px -20px -50px;
	z-index: 100;
}

#rss img { 
	float:left;
	z-index: 100;
}

#slider{
	margin: auto 0px auto 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-position: left;
	text-align: left;
	height: 223px;
	width: 531px;
	float: left;
	background-image: url(images/slide1.jpg);
}


#spreader{
	clear: both;
	width: 900px;
	height: 5px;
	margin: 0px;
	padding: 0px;
}


.content-right-title {
	margin: -1px 0px 0px -2px;
	padding: 5px 5px 0px 15px;
	height:20px;
	width:170px;
	border:2px solid #f4f4f4;
	background:#595959;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f4f4f4;
	font-weight: bold;
}

.right-top {
	background-color: #006699;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 20px;
	height: 22px;
	width: 166px;
	background-image: url(images/right-top-bg.jpg);
	background-repeat: repeat-x;
	border: 1px solid #E2E2D7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

.right-top img {
	margin: -44px 0px 0px 0px;
	padding: 0px;
	float: right;
}

.right-content {
	background-color: #EDEEE9;
	margin: 0px;
	padding: 5px;
	width: 177px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #434342;
	height:auto;
	clear:both;
	text-align: justify;
}

.right-content ul {
	display: block;
	margin: 5px 0px 10px 0px;
	float: left;
	clear: both;
	height: 150px;
	width:162px;
	padding: 0px 0px 0px 10px;
	background-color: #FFFFFF;
	border: solid 2px #F2F3EE;
}

.right-content li {
	padding:10px 0px 2px 0px;
	list-style-type: none;
	clear:both;
	display:block;
	width:140px;
	border-bottom: 1px dotted #DEE3ED;
}

.right-content li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #64AEDB;
	text-decoration: none;
	font-weight: bold;
	
}

.novosti {
	background-color: #F6F6F4;
	padding:0px 15px 10px 10px;
	margin:-5px 0px 25px 0px;
	text-align: justify;
	border: 1px solid #F2F3EE;
}

.novosti h1 {
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0099FF;
	border-bottom: 1px dotted #E2E3DE;
	padding:0px 0px 5px 0p;
}

.novosti h1 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CE4231;
	border-bottom: 1px dotted #E2E3DE;
}

.novosti h1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff8400;
	border-bottom: 1px dotted #E2E3DE;
}

.novosti h1 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	border-bottom: 1px dotted #E2E3DE;
}


.novosti h1 a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CE4231;
	border-bottom: 1px dotted #E2E3DE;
}

.novosti h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

.novosti-foot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a0a5a7;
	width:45%;
	height:15px;
	border-top: 1px dotted #E2E3DE;
	clear: both;
	margin: 0px 0px 0px 5px;
	padding: 5px 10px 0px 0px;
	text-align: left;
}


.novosti-foot img {
	vertical-align: middle;	
	
}

.novosti a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CE4231;
	font-weight: bold;
}

.novosti a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CE4231;
}

.novosti li {
	margin:10px;
}


.sadrzaj {
	background-color: #F6F6F4;
	padding:15px 10px 10px 10px;
	margin:5px 0px 25px 0px;
	text-align: justify;
	border: 1px solid #F2F3EE;
}


.sadrzaj a:link {
	color: #CC3300;
}


.sadrzaj a:visited {
	color: #CC3300;
}

.sadrzaj h3 {
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	
	color: #0099FF;
	border-bottom: 1px dotted #E2E3DE;
	padding:0px 0px 5px 0p;	
}

.opsirnije{
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CE4231;
	text-align: right;
}


.opsirnije a:link{
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CE4231;
	text-align: right;
}


.opsirnije a:hover{
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ff8400;
	text-align: right;
}


.opsirnije a:visited{
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CE4231;
	text-align: right;
}

.komentari {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a0a5a7;
	margin:0px 0px 60px 0px;
	width:390px;
	background-color: #F4F4F4;
	padding:10px;
	border:1px solid #E4E4E4;
}

.komentari_textfield {
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 3px;
	height: 14px;
	width: 200px;
	font-size: 9px;
	color: #999999;
}

.komentari_broj {
	margin: 0px;
	padding: 3px;
	height: 14px;
	width: 10px;
	font-size: 9px;
	color: #999999;
	background-color: #F4F4F4;
	border:0px;
	padding:2px 0px 0px 0px;
}

.komentari_rezultat {
	margin: 0px;
	padding: 3px;
	height: 14px;
	width: 22px;
	font-size: 9px;
	color: #999999;
	background-color: #ffffff;
	border:1px solid #CCCCCC;
	padding:2px 0px 0px 0px;
}

.komentari_textarea {
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 3px;
	height: 64px;
	width: 200px;
	font-size: 11px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}

.submenu {
	border-bottom:#FFFFFF 1px solid;
	margin:0px 0px 20px 0px;
	height:20px;
}


.submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CE4231;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 0px 0px 4px 0px;
	height: 18px;
	width: 50px;
}

.tablica {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.tablica_klubovi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #434342;
	background-color: #FFFFFF;
	border: 3px solid #f4f4f4;
	margin: 0px;
	width: 99%;
	vertical-align: top;
	padding:3px 5px 0px 5px;
}

.tablica_klubovi img {
	text-align: center;
	margin: 0px 0px 0px 15px;
}


.main2  {
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}


.main2 a:link {
	margin: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
	height: 14px;
	background-color: #CE4231;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	float: left;
	text-align: center;
	padding: 2px 3px 0px 3px;
}

.main2 a:visited {
	margin: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
	height: 14px;
	background-color: #CE4231;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	float: left;
	text-align: center;
	padding: 2px 3px 0px 3px;
}

.main2 a:active {
	margin: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CE4231;
	font-weight: bold;
	height: 14px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	float: left;
	text-align: center;
	padding: 2px 3px 0px 3px;
}

.main2 a:hover {
	margin: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ff8400;
	font-weight: bold;
	height: 14px;
	background-color: #333333;
	border: 1px solid #000000;
	text-decoration: none;
	float: left;
	text-align: center;
	padding: 2px 3px 0px 3px;
}