@charset "iso-8859-2";
/* CSS Document */

html {	
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;	
	background-color: black; /* #090912;	*/
}
.header-background {
	height: 209px;
	/*border: 1px dashed green;*/
	margin-bottom: -209px;
	background: url(design%20images/header.png) center no-repeat;
}
#container {	
	width: 990px;
	margin: 0 auto;
	padding: 0px;	
	position: relative;	
}
#container-inner {
	/*border: 1px green dashed;*/
	margin-left: 9px;
	margin-right: 9px;
	background-color: #EEE ;/*#000;*/
	overflow: auto; /*to include margin-bottom of child div*/
}
#header {
	height: 120px;
	/*border: 1px #6E8088 dashed;*/
	position: relative;
}
#logo {
	width: 342px;
	height: 71px;
	position: absolute;
	bottom: 20px;
	left: 0px;
	background: url(design%20images/logo_new.png) left bottom no-repeat;
	float: left;
}
#title {
	color: #d3d3d4;
	font-family: Verdana;
	/*font-variant: small-caps;*/
	font-size: 11px;
	width: 400px;
	position: absolute;
	bottom: 20px;
	left: 270px;
	display: none;
}
#content {
	margin: 40px 40px 30px 40px;		
	/*position: relative; /*ne sme bit, ker se v tem primeru left,right-shadow raztegne samo čez to višino!!*/
	/*border: 1px dashed #FF9900;*/
}
#content:after {	/*neka CSS fora*/
	content:" ";
	display: block;
	clear: both;	
}
#up: after {
	content:" ";
	display: block;
	clear: both;
}
#footer {	
	height: 40px;
	width: 100%;
	color: #6d6e74;
	font-family: Verdana;
	font-size: 10px;	
	/*border: 1px dashed red;*/
	/*background: #090912;*/
	text-align: center;
	padding-top: 10px;
}
#left{
	position: relative;
	width: 260px;/*570px;*/
	/*border: 1px dashed red;*/
	float: left;
	margin: 0px;
}
#right {
	margin-left: 300px;
	/*margin: 0px 0 0 600px;	*/	
	width: 550px;/*306px;*/
	/*border: 1px blue dashed;	*/
	position: relative;
	border-left: 1px solid #bdbdbd;
	padding-left: 40px;
}
#left-home {
	position: relative;
	width: 562px;
	/*border: 1px dashed red;*/
	float: left;
	margin: 0px;
}
#right-home {	
	margin: 0px 0 0 600px;
	width: 300px;
	padding: 40px 31px 30px 0;
	/*border: 1px blue dashed;*/
	position: relative;
	top: -40px;
	border-left: 1px solid #bdbdbd;
	background: url(design%20images/right_home_background.png) no-repeat top right;
}

#content1 {
	/*border: 1px green dashed;*/
	position: relative;
	width: 100%;
	overflow: auto;
}
#bellowContent{
	/*border: 1px green dashed;*/
	/*margin-top: 50px;*/
	width: 100%;
	overflow: auto;
}
#left-up {	
	margin: 0px 0 0 0;
	padding: 0;/* top, right, bottom, left */	
	/*border: solid 1px #33FF33;*/
	width: 100%;
	overflow: auto;
	border-bottom: 1px solid #bdbdbd;
}
#left-down {
	position: relative;
	margin-top: 20px;
	/*border: solid 1px #33FF33;*/
	width: 100%;
	overflow: auto;
}

/*----------Shadows-------------*/
#shadow-left{
	position: absolute;
	left: 0px;
	top: 195px;
	bottom: 50px;	/*minus footer*/
	width: 9px;
	/*background: url(design%20images/shadow_left.png) repeat-y;*/
	/*border: 1px dashed #C60;*/
}
#shadow-right{
	position: absolute;
	right: 0px;
	top: 195px;
	bottom: 50px;
	width: 9px;
	/*background: url(design%20images/shadow_right.png) repeat-y;*/
	/*border: 1px dashed #C60;*/
}




/*----------Menu----------------*/
#menu {
	/*border: #6E8088 dashed 1px;*/
	height: 45px;
	background: url(design%20images/menu_background.png);
}
#menu ul {
	margin: 0 0 0 20px;
	padding: 0px;
	list-style-type: none;
	font-family: Arial;
	font-size: 16px;
	text-align: center;
}
#menu li {
	float: left;
	padding: 0 15px 0 14px;
	line-height: 45px;
	color: #b6b7bd;
	text-decoration: none;
	/*border: green dashed 1px;*/
}
#menu li a{
	color: #b6b7bd;
	text-decoration: none;
}
#menu li a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
.locilna_crta_meni{
	background-image: url(images/meni_locilna_crta.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
}
#FbIcon{
	background: url(design%20images/fb_logo_grey.png) no-repeat center center;
	display: block;
	width: 24px;
	height: 45px;
}
#FbIcon:hover{
	background-image: url(design%20images/fb_logo_grey_hover.png);
}

/*----------- Image rotator ----------- */

#image-rotator{
	margin-left: -40px;	/* minus #content margin */
	margin-top: -40px;
	width: 640px;
	height: 360px;
	position: relative;
	/*background: url(design%20images/loading.gif) center center no-repeat;*/
}
#image-rotator-image{
	width: 640px;
	height: 330px;
	cursor: pointer;
}
#image-rotator-title{
	position: absolute;
	top: 270px;
	height: 30px;
	left: 20px;
	right: 20px;
	background: #000;
	color: white;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	z-index: 2;
	padding: 5px 20px 5px 20px;
	font-size: 15px;
	font-weight: bold;
}
#image-rotator-seperator{
	background: url(design%20images/left_home_seperator_background.png) top left no-repeat;
	height: 50px;
	/*margin-bottom: -20px;*/
}
/*-------Oblika vsebine---------*/
#content, p, #content ul{
	color: #000; /*#aaa*/ /*#b0b0b0;;/* #000000;*/
	font-family: Verdana, Arial;
	font-size: 12px;
}
h1 {
	font-size: 24px;
	/*font-variant: small-caps;*/
	font-weight: normal;
	color: #404cd6;
	font-family: Verdana;
	margin-bottom: 1.2em;
	margin-top: 0em;
	letter-spacing: 1px;
}
h1:first-letter{
	font-size: 28px;	
}
h2 {
	font-size: 15px;
	font-weight: bold;
	color: #404cd6; /*#3c4497;*/
	font-family: Verdana;	
	margin: 2.3em 0 1.2em 0;
	text-transform: uppercase;
}
h3{
	font-size: 15px;
	font-weight: bold;
	color: #404cd6; /*#3c4497;*/
	font-family: Verdana;	
	margin: 1em 0 1.3em 0;
}
p {
	font-size: 12px;
	line-height: 1.4em /*16px*/;	
	text-align: justify;
	margin-bottom: 1.5em /*16px*/;
	margin-top: 0px;
}
#content strong, b {
	color: #444; /*#DDD*/
}
.bright{
	color: #444;
}
#content a, #footer a{
	color: #404cd6;	
}
#content a:hover, #footer a:hover {
	text-decoration: none;
}
#content h1 a{
	text-decoration:none;
}
#content a.bright{
	/*font-size: 12px;*/
	color: #404cd6; /*#DDD;*/
}
#content h1 a:hover{
	text-decoration: underline;
}
#content ul{
	list-style-image: url(design%20images/list.gif);
}
#content li {
	font-size: 12px;
	line-height: 1.3em;
	/*margin-bottom: 1.1em;*/
	font-family: Verdana, Arial;
}
.artists {
	width: 190px;
	/*border: 1px dashed green;*/
	display: block;
	margin: 0 0px 20px 0px;
	float: left;	
	height: 130px;
}
.artists .body{
}
.head-ensembles, .head-composers, .head-solo, .head {
	display: block;
	width: 150px;
	line-height: 20px;
	color: #404cd6;
	font-size: 14px;
	font-variant: small-caps;
	font-family: Verdana, Arial;
	font-weight: bold;
	/*border: 1px dashed yellow;*/
}
#left-home ul, #right-home ul {
	list-style-image: url(design%20images/list_blue.gif);
	margin-top: 0px;
	margin-left: 0px;
}
#left-home ul{
	padding-left: 25px;
}
#left-home li, #right-home li {
	line-height: 1.3em;
	margin-bottom: 0.6em;
}


#down ul{
	list-style-image: url(design%20images/list_blue.gif);
}
#down li{
	margin-bottom: 1.1em;	
}

#content a img {
	border: none;
}

.album {
	display: block;
	margin: 10px 0px 10px 0px;
	width: 260px;
	vertical-align: middle;
	/*border: 1px dashed yellow;*/
	position: relative;
	width: 100%;
	overflow: auto;
}
.album img{
	float: left;	
}
.album-desc{
	font-size: 11px;
	/*border: 1px dashed green;*/
	margin-left: 90px;
	vertical-align: middle;
	font-weight: bold;
	margin-top: 20px;
}
.author {
	margin-top: -1.3em;
	text-align: right;
}
.post-date-author{
	margin-top: -1.3em;
	margin-bottom: 1.3em;
	font-size: 10px;
}
input[type=text], textarea  {
	background: none;
	border: 1px solid #333;
	color: #aaa;
	padding: 5px;
}
input[type=submit] {
	color: #404cd6;
	font-weight: bold;
	border: 1px solid #333;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	background: none;
	padding: 5px;
}
input[type=submit]:hover {
	color: #DDD;
	/*background: #222;*/
}
font[color=red]{
	color: #DDD;	
}
#test-tabela{
	font-family: Verdana;
	font-size: 12px;
	line-height: 1.3em;
}
#test-tabela td{
	padding-bottom: 0.6em;	
}
#test-tabela a{
	color: #DDD;
	font-family: Arial;
	font-size: 12px;
}
/*-------Styles of plugins-----*/
.audioplayer_container{
	margin-top: -10px;	
}

.ngg-gallery-thumbnail img {
	border: 1px solid #333 !important;
	background-color: transparent !important;
}
.ngg-galleryoverview  {
	clear: none !important;	
}

#sb-wrapper-inner {
    border: 2px solid #303030 !important;
}

.tdomf_form fieldset {
    width: auto !important;
}