@import url(reset.css);
@namespace html url("http://www.w3.org/1999/xhtml");

/*common*/
html {
	color: #6e6e78;
	background-color: #2b2d30; /*Google chrome fix*/
	overflow: auto;
}
body {
	background-image: url(../images/bend_bg_right.gif);
}
a {
	text-decoration: none;
	color: #a6a7a9;
}
a:hover {
	color: #b24d4e;
}
#wrapper, div.container {
    background-repeat: no-repeat;
    background-position: center top;
}
div.center {
	width: 968px;
	margin: 0px auto;
}
.fleft, .pleft {
	float: left;
}
.fright, .pright {
	float: right;
}
.fontVIII {
	font-size: 50%; /*8px*/
}
.fontIX {
	font-size: 56.25%; /*9px*/
}
.fontX {
	font-size: 62.5%; /*10px*/
}
.fontXI, .text {
	font-size: 68.75%; /*11px*/
}
.fontXII, h2 {
	font-size: 75%; /*12px*/
}
.fontXIV, h1 {
	font-size: 87.5%; /*14px*/
}
.fontXVIII {
	font-size: 112.5%; /*18px*/
}

div.content {
	height: 577px;	/*ltIE8 fix*/
}
div.container, div.header div.middle, div.header div.bottom {
	background-image: url(../images/bend_bg_left.gif);
	background-repeat: no-repeat;
}
div.header div.bottom {
	background-position: center -66px; /*added for IE*/
}
div.header div.top, div.header div.bottom {
	width: 100%;
}
div.header div.top, div.header div.top div.center, div.header div.middle div.center, div.header div.bottom div.center {
	background-image: url(../images/common_bg.png);
}

div.header div.top, div.header div.top div.center {
	height: 38px;
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
div.header div.top div.center {
	background-position: 0px -38px;
}
div.header div.bottom div.corner {
	position: absolute;
	background-image: url(../images/box_bg.png);
	background-position: 0px 0px;
	height: 220px;
	width: 8px;
	top: -66px;
}
div.header div.bottom div.fright {
	right: 0px;
	background-position: -10px 0px;
}
div.menu {
	width: 840px;
	height: 38px;
	position: absolute;
	top: -797px;
	left: 60px;
}
div.menu ul ul, div.menu ul ul li {
	width: 98px;
}
div.menu li {
	position: relative;
}
div.menu li, div.menu a {
	float: left;
}
div.menu a, div.menu a:visited {
	display: block;
	height: 38px;
	background-image: url(../images/Menu.png);
	text-indent: -3568px;
	padding-right: 18px;
}
li.active a, div.menu a:hover {
	background-color: #d8a72d;
}
div.menu :hover > a {
	background-color: #d8a72d;
}
div.menu ul ul {
	position: absolute;
	top: 38px;
	left: 25px;
	display: none;
	height: 62px;
	background: url(../images/subMenu.png);
	z-index: 3568!important;
}
li.subMenu li a {
	width: 100%;
	text-indent: 10px!important;
	background: none!important;
	height: 19px!important;
	padding-right: 0px!important;
	padding-bottom: 1px;
	color: #fff;
}
li.subMenu li a:hover, li.subMenu li.active a {
	color: #423737;
}
div.menu ul li:hover ul, div.menu ul a:hover ul {
	display: block;
}

#mHome {
	width: 34px;
	background-position: 0px 0px;
}
li.active #mHome, #mHome:hover {
	background-position: 0px -38px;
}
#mObendu {
	margin-left: 23px;
	_margin-left: 11px;
	width: 56px;
	background-position: -75px 0px;
}
li.active #mObendu, #mObendu:hover {
	background-position: -75px -38px;
}
#mMultimedia {
	margin-left: 22px;
	_margin-left: 11px;
	width: 79px;
	background-position: -171px 0px;
}
li.active #mMultimedia, #mMultimedia:hover, .mMultimediaFix {
	background-position: -171px -38px!important;
}
#mNastupi {
	margin-left: 22px;
	_margin-left: 11px;
	width: 52px;
	background-position: -290px 0px;
}
li.active #mNastupi, #mNastupi:hover {
	background-position: -290px -38px;
}

#mRepertoar {
	margin-left: 22px;
	_margin-left: 11px;
	width: 74px;
	background-position: -382px 0px;
}
li.active #mRepertoar, #mRepertoar:hover {
	background-position: -382px -38px;
}


#mKontakt {
	margin-left: 22px;
	_margin-left: 11px;
	width: 54px;
	background-position: -498px 0px;
}
li.active #mKontakt, #mKontakt:hover {
	background-position: -498px -38px;
}

#mJezik {
	margin-left: 24px;
	_margin-left: 11px;
	width: 51px;
	background-position: -592px 0px;
}

li.active #mJezik, #mJezik:hover {
	background-position: -592px -38px;
}

div.header div.middle, div.header div.middle div.center {
	height: 28px;
	background-color: #d8a72d;
	background-position: 0px -231px;
	background-repeat: repeat-x;
}
div.header div.middle {
	background-position: center -38px;
}
div.header div.middle div.center {
	background-color: #d8a72d;
}
div.header div.bottom div.center div.play {
	background: url(../images/radio.png);
	width: 52px;
	height: 33px;
	position: absolute;
	top: -28px;
	left: 8px;
}
div.header div.bottom div.center div.play div.showPlayer {
	float: right;
	width: 43px;
	height: 15px;
	background: url(../images/player.png);
	margin-top: 7px;
}
div.header div.middle div.center div.controlPlayer {
	float: left;
	width: 46px;
	height: 15px;
	background: url(../images/player.png);
	background-position: -53px 0px;
	margin-top: 7px;
	margin-left: 68px;
}
div.showPlayer a, div.controlPlayer a {
	text-indent: -3568px;
	width: 11px;
	height: 15px;
	float: left;
}
div.playerInfo {
	float: left;
	color: #fff;
	text-transform: uppercase;
	font-variant: small-caps;
	font-weight: bold;
	margin-top: 11px;
	margin-left: 17px;
}

div.header div.bottom div.center {
	background-position: 0px -77px;
	height: 154px;
	position: relative;
}
div.center div.playlists {
	position: absolute;
	top: -731px;
	left: 5px;
	padding: 13px;
	background-color: #d8a72d;
	border-top: 1px solid #cb9e2e;
	display: none;
}
ul.playlist {
	display: none;
}
ul.playlist li {
	width: 355px;
	border-top: 1px solid #dfb753;
	padding: 10px 10px 10px 23px;
}
ul.playlist a {
	color: #fff;
}
ul.playlist a:hover {
	color: #b24d4e;
	font-weight: bold;
}
ul.playlist li.navigation {
	color: #d8a72d;
	text-align: center;
}
ul.playlist li.played {
	font-weight: bold;
	background: url(../images/played.png);
	background-repeat: no-repeat;
	background-position: 365px center;
}
ul.playlist li.played a {
	color: #b24d4e;
}
div.header a.logo {
	position: absolute;
	float: left;
	width: 146px;
	height: 63px;
	background: url(../images/Logo.png);
	background-repeat: no-repeat;
	text-indent: -3568px;
	margin-left: 58px;
	margin-top: 18px;
}
div.header div.graph {
	position: absolute;
	float: left;
	width: 278px;
	height: 85px;
	background: url(../images/Graph.png);
	background-repeat: no-repeat;
	margin-left: 391px;
	margin-top: 14px;
}

div.content div.express {
	float: left;
	width: 666px;
	height: 650px;
	background: url(../images/content_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: -72px;
	margin-left: 20px;
	position: absolute;
}
div.content div.bend {
	float: left;
	width: 602px;
	height: 611px;
	margin-top: 25px;
	margin-left: 40px;
}
div.text {
	clear: both;
}
div.random {
	position: absolute;
	float: right;
	width: 358px;
	height: 862px;
	display: block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	right: -20px;
	top: 31px;
}
div.random1 {
	background-image: url(../images/random/Random-1.png);
}
div.random2 {
	background-image: url(../images/random/Random-2.png);
}
div.random3 {
	background-image: url(../images/random/Random-3.png);
}
div.random4 {
	background-image: url(../images/random/Random-4.png);
}
div.random5 {
	background-image: url(../images/random/Random-5.png);
}
div.random6 {
	background-image: url(../images/random/Random-6.png);
}
div.random7 {
	background-image: url(../images/random/Random-7.png);
}
div.random8 {
	background-image: url(../images/random/Random-8.png);
}
div.box {
	clear: both;
}
div.box div.fleft {
	width: 407px;
}
div.box div.fright {
	width: 190px;
}
div.box div.desc {
	margin-left: 8px;
	width: 401px;
}
div.desc h2 {
	margin-left: -8px;
}
div.desc ul {margin:5px 15px}
div.desc li{list-style-type:disc}
div.news ul {margin:inherit}
div.news li {list-style-type:inherit}

h1, h2 {
	text-transform: uppercase;
	font-variant: small-caps;
	font-weight: normal;
	color: #fff;
	float: left;
	text-indent: -3568px;
	background-repeat: no-repeat;
}
h2 {
	width: 120px;
	height: 30px;
	background-color: #d8a72d;
	background-image: url(../images/h2.png);
}
h2.black {
	width: 127px;
	height: 35px;
	background-color: transparent;
}
div.h2 {
	margin-top: 10px;
	/*margin-bottom: 10px;*/
	width: 127px;
	height: 35px;
	background-image: url(../images/h2_.png);
	background-repeat: no-repeat;
}
h2.gray {
	background-color: #77797f;
}

div.footer {
	background-color: #2b2d30;
}
div.footer div.center {
	position: relative;
}
div.copyright {
	margin-left: 70px;
	padding-top: 6px;
	color: #706c6c;
}
div.copyright span {
	padding-right: 10px;
}
div.copyright a {
	color: #706c6c;
	padding-left: 2px;
	padding-right: 2px;
}
div.copyright div.balkan {
	width: 100%;
	float: left;
	clear: both;
}
div.copyright a:hover {
	color: #b24d4e;
}
div.levo {
	width: 427px!important;
}
div.desno {
	width: 170px!important;
	height: 550px;
}
div.text {
	line-height: 15px;
}
div.text p {
	padding-top: 5px;
	padding-bottom: 5px;
}

#socialMedia {
	float: right;
	width: 102px;
	height: 24px;
	background-image: url(../images/socialMedia.png);
	background-repeat: no-repeat;
	margin-top: 7px;
	margin-right: -40px;
}
#socialMedia a {
	text-indent: -3568px;
	float: left;
	width: 24px!important;
	height: 24px!important;
	padding: 0px!important;
	background: none!important;
	margin-right: 10px;
}
div.facebookFan {
	float: right;
	margin-right: 20px;
	margin-top: -135px;
}
div.exclamation {
	float: right;
	width: 42px;
	height: 47px;
	background-image: url(../images/exclamation.png);
	background-repeat: no-repeat;
}
div.copyright div.Galerije {
	width: 480px;
	float: left;
	clear: both;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
}
div.Galerije img {
	float: left;
	height:100px;
	width:125px;
}
div.Galerije a, div.Galerije a span {
	float: left;
	width: 137px;
}
div.Galerije a span {
	height: 60px;
	background-image: url(../images/galerije.png);
	margin-top: -30px;
	margin-left: -13px;
	cursor: pointer;
}
#g2 a {
	margin-left: 12px;
	margin-right: 12px;
}
#g2 span {
	background-position: -157px 0px;
}
#g3 span {
	background-position: -319px 0px;
}

div.desno ul {
	clear: both;
	padding-top: 10px;
	padding-left: 10px;
}
div.desno li {
	padding-left: 8px;
	background-image: url(../images/list.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	float: left;
	margin-bottom: 10px;
}
div.desno li:hover, div.desno li.active, .fixliHover {
	background-position: 0px -29px!important;
}
div.desno li a {
	color: #6d84b4;
}
div.desno li a:hover, div.desno li a:hover span.bold, div.desno li.active a, div.desno li.active a span.bold {
	color: #b24d4e;
}
div.desno li a span {
	width: 140px;
	cursor: pointer;
	float: left;
}
div.desno span.bold {
	color: #6e6e78;
	font-weight: bold;
}
div.desno a img, div.desno img {
	float: left;
	margin-left: -10px;
	margin-top: 5px;
}
div.img {
	float: left;
	position: relative;
}

/*h2*/
#hAktuelno {
	margin-bottom: 5px;
	background-position: 0px -30px;
}
#hSponzori {
	background-position: 0px -60px;
	margin-top: 4px;
}
#hObendu {
	margin-top: 10px;
	background-position: 0px -330px;
}
#hClanovi {
	margin-top: 10px;
	background-position: 0px -120px;
}
#hGalerije {
	margin-top: -6px;
	background-position: 0px -360px;
}
#hFoto {
	background-position: 7px -300px;
}
#hFotoG {
	background-position: 7px -270px;
}

#hVideoG{
	background-position: 7px -449px;
}
#hKontakt {
	margin-top: 10px;
	background-position: 0px -90px;
}

#hNastupi {
	margin-top: 10px;
	background-position: 0px -479px;
}

#hRepertoar {
	background-position: 7px -509px;
}

#hImpressum {
	margin-top: 10px;
	background-position: 0px -390px;
}

#hPravila{
	margin-top: 10px;
	background-position: 0px -419px;
}


#hAudio {
	background-position: 7px -150px;
}
#hStrane {
	width: 120px;
	background-position: 0px -180px;
	cursor: pointer;
}
#hZabavne {
	width: 130px;
	background-position: -1px -210px;
	margin-left: 9px;
	cursor: pointer;
}
#hNarodne {
	margin-left: 9px;
	width: 130px;
	cursor: pointer;
	background-position: 0px -240px;
}
#hStrane:hover, .hStraneActive {
	background-position: -120px -180px!important;
}
#hZabavne:hover, .hZabavneActive {
	background-position: -121px -210px!important;
}
#hNarodne:hover, .hNarodneActive {
	background-position: -120px -240px!important;
}


div.hr {
	float: left;
	width: 400px;
	margin-top: 13px;
	margin-bottom: 7px;
	border-bottom: 1px solid #a6a7a9;
	clear: both;
}
div.numeration {
	width: 400px;
	clear: both;
	text-align: center;
	padding-top: 15px;
}
div.numeration, div.numeration a {
	color: #77797f;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
}
div.numeration a:hover, div.numeration a.active {
	color: #b24d4e;
}