div, dl, dt, dd, ul, li, body, html, 
	h1, h2, h3, h4, h5, h6, h7,
	form, fieldset, legend	{
		margin: 0;
		padding: 0;
	}
	a, a:active, a:visited { outline: none; }
	a img { border: 0; }

	
	body {
		font-family: Tahoma, sans-serif;
		font-size: 11px;
		color: #141414;
		background: #001e3c url( '../../images/site/bgr_img.jpg' ) no-repeat top center;
		overflow-y: scroll !important;
	}
	
	#wrapper {
		margin: 5px auto;
		width: 1000px;
	}
	
	a {
		color: #2655a3;
		font-weight: bolder;
		text-decoration: none;
	}
	
	a:hover {
		color: #8ed8f8;
	}
	
	p {
		padding: 5px 0;
	}
	
	table {
		width: 100%;
		border-bottom: 2px solid #000;
	}
	
	table tr {
		
	}
	
	table tr td, table tr th {
		padding: 5px 10px;
		text-align: left;
	}
	
	table tr td {
		border: 1px solid #D8DBCE;
	}
	
	table tr th {
		border: 0;
		border-top: 2px solid #000;
		font-weight: normal;
	}
	
	table tbody tr th {
		border-top: 1px solid #D8DBCE;
	}

	table tbody tr.odd {
		background: #F3FFC1;
	}

	table tbody tr:hover{
		background: #DAEF88;
	}

	form, fieldset {
		border: 0;
	}
	
	.title {
		color: #2b55a3;
		font: 20px "Georgia", serif;
		display: block;
		padding: 10px 0 10px 0;
		margin: 10px 0 0 0;
		position: relative;
		
		text-transform: uppercase;
		background: url( '../../images/site/title_underline.png' ) repeat-x bottom;
		border-top: 1px solid #2b55a3;
	}

.title a {
	font-weight: lighter;
}
	
	.title span {
		float: left;
		background: url( '../../images/site/icon_mic.png' ) no-repeat bottom;
		width: 12px;
		height: 26px;
		margin: 3px 7px auto 7px;
	}

	.left {
		float: left;
	}
	
	img.left {
		margin: 15px;
		margin-left: 0;
	}
	
	.right {
		float: right;
	}
	
	img.right {
		margin: 15px;
		margin-right: 0;
	}
	
	.breaker {
		clear: both;
	}

/*********************
*	HEADER
*********************/
	#header {
		
	}
	
	#logo,
	#logo-municipality {
		
	}

	#logo {
		margin-bottom: -33px;
		z-index: 20;
		position: relative;
	}
	
	#logo img {
		width: 400px
	}
	
	#logo-municipality {
		margin-top: 30px;
	}
	
	#logo-municipality img {
		width: 190px;
	}
	
	#nadpis {
		float: left;
		margin-top: 70px;
		width: auto;
		margin-left: 50px;
		margin-right: 40px;
	}

	
	
/**************************************************************************
*	MENU
**************************************************************************/	
	.menu li {
		display: inline;
	}

	.menu li a  {
		float: left;
		text-align: center;
		padding: 20px;
		height: 12px;
		font: 12px "Georgia";
		color: #fff;
	}
	
	#menu-main li a:hover, #menu-main li a.active {
		background: #2e3192;
	}

/* Begin CSS Popout Menu */
	#menu-main {
		height: 52px;
		width: 100%;
	}

	#menu-main ul {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		background: #2b55a3;
	}
	
	#menu-main 
	
	#menu-main ul li:hover > a {
		background: #2E3192;
	}
	
	#menu-main ul li {
		float: left;
		height: 100%;
		text-align: left;
	}
	
	#menu-main ul a {
		display: block;
		/*text-align: center;*/
		padding: 20px;
		font: bold 12px "Georgia";
		color: #fff;
	}
	
	#menu-main ul ul li {
		float: none;
		/*background: url( '../../images/site/submenu_arrow.png' ) no-repeat 10px 10px;*/
		position: relative;
		text-align: left;
	}
	
	#menu-main ul ul li a {
		display: block;
		margin: 0;
		padding: 7px 20px;
		text-transform: none;
		font-weight: lighter;
	}
	
	#menu-main ul ul li:first-child a {
		padding-top: 10px;
	}
	
	#menu-main ul ul a:hover {
		color: #bcdbf5;
	}
	
	#menu-main ul {
		width: 100%;
	}
	
	#menu-main ul ul {
		position: absolute;
		z-index: 500;
		width: auto;
		min-width: 150px;
		/*padding: 7px 0;*/
	}
	
	#menu-main ul ul ul {
		position: absolute;
		top: 0;
		left: 100%;
		/*margin-top: -10px;*/
	}
	
	div#menu-main ul ul,
	div#menu-main ul li:hover ul ul,
	div#menu-main ul ul li:hover ul ul {display: none;}
	
	div#menu-main ul li:hover ul,
	div#menu-main ul ul li:hover ul,
	div#menu-main ul ul ul li:hover ul {
		display: block;
	}

	#menu-main ul .active, #menu-main ul .on {
		color: #8ed8f8;
	}

	#menu-main ul .active > a,
	#menu-main ul .on > a {
		color: #8ed8f8;
	}
	
	#menu-main ul ul .active > a,
	#menu-main ul ul .on > a {
		/*text-decoration: underline;*/
		background: #2E3192;
	}


/* End CSS Popout Menu */


/*********************
*	CONTENT
*********************/	
	#content {
		background: #fff;
		padding: 12px 10px;
	}

	.panel {
		float: left;
		line-height: 16px;
		padding: 10px;
		width: 98%;
	}
	
	.panel.narrow {
		width: 389px;
	}
	
	.panel.wide {
		width: 545px;
	}
	
	#main {
		background: #fafafa;
	}
/*******************************************************************
*	NEWS
*******************************************************************/
	.news-item {
		padding-top: 5px;
	}

	.news-item:hover {
		background: #F7F7F7;
	}

	.news-thumb {
		margin-right: 15px;
		position: relative;
		width: 96px;
		float: left;
	}
	.news-content {
		width: 275px;
	}
	
	.news-title {
		font-weight: lighter;
		font: 17px Georgia;
		letter-spacing: 0.1px;
		line-height: 16px;
		color: #141414;
		text-decoration: underline;
	}
	
	.news-title:hover {
		text-decoration: none;
	}
	
	.news-resume {
		
	}
	
	.news-date {
		/*font: 11px Tahoma;*/
		color: #a4a4a4;
		display: block;
	}
	
	.news-link {
		
	}
	
	.separator
	{
		clear: both;
		display: block;
		background: #c2c2c2;
		height: 1px;
		font-size: 0;
		width: 70%;
		margin-left: 15%;
	}
/*******************************************************************
*	VIDEO
*******************************************************************/
	.video-item {
		margin-top: 5px;
	}
	
	.video-link {
		display: block;
		width: 165px;
		height: 165px;
	}
	
	.video-content {
		
	}

	.video-data {
		
	}

/*******************************************************************
*	AUDIO
*******************************************************************/
	.video-item,
	.audio-item {
		padding-top: 5px;
		float: left;
		margin: 7px;
	}

	.audio-item:hover {
		background: #F7F7F7;
	}

	.audio-content {
		width: 170px;
		height: 120px;
	}

	.video-link,
	.audio-title {
		font-weight: lighter;
		font: 18px Georgia;
		line-height: 16px;
		color: #141414;
		text-decoration: underline;
	}
	
	.audio-title:hover {
		text-decoration: none;
	}

	.video-data,
	.audio-data {
		/*font: 11px Tahoma;*/
		color: #757575;
		display: block;
		font-style: italic;
		margin-top: 7px;
	}
	
	.audio-link {
		color: #2655a3;
		font-weight: bolder;
		display: inline-block;
		padding: 2px 6px;
		margin-top: 5px;
		background: #318ff9 url( '../../images/site/audio_button_bgr.png' ) repeat-x bottom;
		color: #fff;
		border: 1px solid #1367c6;
		border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-opera-border-radius: 3px 3px 3px 3px;
		
	}
	.audio-link a {
		color: #fff;
	}
	
	.audio-link a:hover {
		color: #8ed8f8;
	}
	
	.audio-link span {
		float: left;
		background: url( '../../images/site/icon_music_sign.png' ) no-repeat bottom;
		width: 11px;
		height: 17px;
		margin: 1px 7px auto 1px;
	}
	
/*******************************************************************
*	HISTORY
*******************************************************************/
	.competition-item {
		margin-top: 5px;
	}

/*******************************************************************
*	GALLERY
*******************************************************************/
	.gallery-item {
		padding-top: 5px;
	}

	.gallery-thumb {
		
	}
	
	.gallery-thumb img {
		float: left;
		width: 96px;
		height: 96px;
		margin: 3px;
		border: 2px solid #fff;
	}
	
	.gallery-thumb:hover img {
		border-color: #2B55A3;
	}
	
/*********************
*	FOOTER
*********************/
	#footer {
		clear: both;
		padding: 10px;
		background: #2b55a3;
		color: #fff;
		text-align: right;
	}
	
	#footer .menu {
		display: block;
		width: 100%;
		padding: 0;
		
		
	}
	
	#footer .menu li a {
		font-size: 11px;
		padding: 15px;
		display: inline-block;
		float: none;
	}
	
	#footer .menu li a:hover {
		color: #8ed8f8;
	}

/*********************
*	FORM
*********************/
	.form {
		float: right;
		background: url( "../../images/site/form_bgr.png" ) no-repeat bottom;
		width: 335px;
		height: 386px;
		margin-top: 15px;
	}
	
	.form form {
		margin-top: 15px;
	}
	
	.loading {
		min-height: 100px;
		background: url( "../../images/site/loader.gif" ) no-repeat center;
	}
	
	.form .input {
		border: 1px solid #846538;
		background: #000;
		float: left;
		width: 170px;
		margin: 7px;
		color: #fff;
	}
	
	.form textarea {
		
	}

	.form label,
	.button input {
		font: 14px "Myriad Pro";
		text-shadow: 1px 1px 2px #000;
		color: #eecfa7;	
	}
	
	.form label {
		clear: both;
		float: left;
		width: 100px;
		height: 32px;
		line-height: 32px;
		text-align: right;
		margin-right: 10px;
	}

	.button {
		
		background: url( "../../images/site/button_bgr.png" ) no-repeat center;
		width: 138px;
		height: 37px;
		border: 0;
		margin: 10px;
		text-decoration: none;
		cursor: pointer;
		margin-right: 50px;
	}
	
	.button input {
		border: 0;
		background: transparent;
		text-transform: uppercase;
		height: 37px;
		width: 138px;
	}
	
	
	/*********** NK SOFTWARE EDIT HERE *****************/
	
	#votes {
		float: left;
		width: 576px;
		padding-top:5px;
	}
	
	#votes div {
		float: left;
		width: 96px;
		height: 40px;
		position: relative;
	}
	
	#votes div:hover{
		background: url(../../images/site/vote_arrow.jpg) no-repeat 50px 9px;
	}
	
	#votes div:hover ul{
		display: block;
	}
	
	#votes div h2 {
		line-height: 40px;
		cursor: pointer;
		color: #2b54a3;
	}
	
	#votes div:hover h2{
		color: #000;
	}

	
	#votes div ul {
		position: absolute;
		top:-3px;
		left:63px;
		background: #fff;;
		z-index: 100;
		display: none;
		width: 370px;
		padding:10px 5px;
		list-style-type: none;
		padding:10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border:3px solid #d6d6d6;
		
		/*
		-moz-box-shadow: 5px 5px 5px #ccc;
		-webkit-box-shadow: 5px 5px 5px #ccc;
		box-shadow: 5px 5px 5px #ccc;
		*/
	}
	
	#votes div ul label:hover {
		color: #2b54a3;
	}
	
	
	#userdata {
		float: left;
		width: 362px;
		background: #fff;
		border:0px solid #2b54a3;
		padding:10px;
		margin-bottom: 100px;
		-moz-box-shadow: 0 0 5px #2b54a3;
		-webkit-box-shadow: 0 0 5px #2b54a3;
		box-shadow: 0 0 5px #2b54a3;
		margin-top:15px;
	}
	
	#userdata h1 {
		font-size: 11pt;
		color: #2b54a3;
		margin-bottom: 10px;
	}
	
	#userdata p * {
		float: left;
	}
	
	#userdata p{
		padding:5px 0px 0px 0;
		width: 362px;
		float: left;
		margin-bottom: 0;
	}
	
	#userdata p label {
		height: 20px;
		line-height: 20px;
		padding:0 0 0 1px;
		font-size:11px;
		display: block;
		width: 100%;
	}
	
	#userdata p label.error {
		line-height: 15px;
		height: 15px;
		color: red;
		font-size:10px;
	}	
	
	
	#userdata p input[type=text] {
		height: 20px;
		padding: 3px;
		font-size: 11pt;
		width: 350px;
		padding:4px 5px;
		border:1px solid #ccc;
	}
	
	
	#userdata p img {
		margin-right: 10px;
	}
	
	#userdata input[type=submit]{
		float: left;
		margin:px 0 0 0;
		background: #2b54a3;
		width: 150px;
		height: 30px;
		border: 0;
		text-decoration: none;
		cursor: pointer;
		margin-left: 10px;
		color: #fff;
		font-weight: bold;
	}
	
	#userdata input[type=submit]:hover{
		background: #3179a1;
	}
	
	.selectedSong ul {
		list-style: none !important;
	}
	
	.selectedSong li{
		cursor: pointer;
		border-bottom: 1px dashed #ccc;
		height: 17px;
		line-height: 17px;
	}
	
	.selectedSong li span{
		font-weight: bold;
		margin-right: 10px;
	}
	
	.selectedSong li:hover{
		color: red;
		background: url(../../images/site/delete_song.png) no-repeat 100% 100%;
	}
	
	.voteSuccess, .voteError {
		padding: 10px;
		border: 1px solid;
		font-size: 11pt;
	}
	
	.voteSuccess {
		border-color: #14802D;
		background: #C0F0CB;
	}
	
	.voteError {
		border-color: #8F0000;
		background: #FFD6D6;
	}