* {margin:0px;padding:0px;}
body{
	font-family: Candara, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #FF9933;
	height: 100%;
	width: 100%;
}
#main h1{
	color:#fff;
	font-size: 15pt;
	padding: 12px;
	text-align:center;
}
#main p{
	color:black;
	font-size: 12px;
	padding: 12px;
}
#main a{color:#fff;}
#main a:hover{background-color:#ff6600;}

#central{
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	position: relative;
	width: 980px;
	text-align: left;
}
#header{
	background-image: url(../images/header.jpg);
	height: 250px;
	width: 388px;
	margin-top:20px;
}

#doska{margin-top:300px;}

#menu{
	position: absolute;
	height: 306px;
	width: 137px;
	left: 251px;
	top: 0px;
	background-color: #FF9933;
	margin-top:2px;
}



#middle{height:350px;}

#leftside{float: left;
	width:390px;
	height:618px;
}

#leftside img{margin-top:2px;}
#leftside ul{
	list-style-position: outside;
	list-style-type: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#leftside li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
	list-style-position: outside;
	list-style-type: none;
}
#leftside ul a{
	font-size: 15pt;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
	width: 138px;
	padding-left: 20px;
	padding:2px 10px;
	display: block;
}
#leftside a:hover{background-color:#ff6600;}




#rightside{
	float: right;
	width:540px;
	height:618px;
	background-color:#FF9933;
	color: #fff;
}

#rightside{padding:10px;}
#rightside h1, .contacts{background-color:#f7922d;
	color:#fff;
	font-size: 24pt;
	padding: 20px;
	text-align:center;
}
#rightside #mainpage{background-color:#f7922d;
	color:#fff;
	font-size: 27pt;
	padding:10px 0 0 0;
	text-align:center;
}
#rightside h3{background-color:#f7922d;
	color:#fff;
	font-size: 14pt;
	padding:0 0 10px 0;
	text-align:center;
}
#rightside {
	color:black;
	font-size: 12pt;
}

#rightside img{border:5px solid white; margin:10px;}
#rightside a{color:#000;}
#rightside a:hover, .date{color:#fff;background-color:#ff6600;}
#rightside li{margin:5px 0 0 20px; color:#000;}
#rightside .winmedia{padding:0; margin:0px; margin-bottom:-3px; border:0;}



#footer{
	height: 58px;
	width: 388px;
	background-color: #FF9933;
	text-align:center;
	margin-top:20px;
}
#footer p{	
	color:#fff;
	font-size: 11px;
	padding: 20px;
}
#footer a{color:#fff;}


#startpage {text-align:center; border:0px solid red;}
#startpage a{color:#fff;  TEXT-DECORATION:none;}
#startpage h1 {margin-top: 10px;}

#about p{margin:5px; padding:5px; color:#000;}

#contact{margin-left:20px;padding: 30px;}
#contact a{color:#fff;}

#copy{margin: 10px; font-size:10pt; color:#000; padding:20px 0px 20px 50px; text-align:center; background-position:left; background-repeat: no-repeat;	background-image: url(../images/s/alert.png);}

#album{padding:15px; text-align:center;}
#album h2, #rightside h2{color:#fff; font-size:18pt; padding:15px; text-align:center;}

#tracklist{list-style-type:decimal; margin-left:25px;}

#back{text-align:center; margin:15px;}











#infobox {
	display:none;
	width:520px;
	border:10px solid #ac5b0b;
	text-align:center;
	/* for modern browsers use semi-transparent color on the border. nice! */
	border:10px solid rgba(82, 82, 82, 0.698);
	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#infobox div {
	padding:10px;
	background-color:#fff7f0;
}
#infobox #buttons{text-align:center; padding:10px;}

.grp_style{font-size:19px; font-weight:bold; margin-bottom:8px;}
