.header {
    width:950px;
    height:60px;
    border:1px solid #CC0000;
    padding:20px;
    margin:10px 0 20px 0;
    background:#000000;
    }
    
.header div {
    margin:10px 0;
    margin-left:40px;
    }
    
.header .logo {
    float:left;
    width:262px;
    height:64px;
    }
.header .festival {
    float:left;
    width:145px;
    height:37px;
    }
    
.header .festival a {
    display:block;
    height:37px;
    text-indent:-9999px;
    background:url("/img/h_festival.png") top no-repeat;
    }
    
.header .festival a:hover, .header .festival a.active {
    background:url("/img/h_festival.png") bottom no-repeat;
    }
    
.header .massacre {
    float:left;
    width:200px;
    height:43px;
    }
    
.header .massacre a {
    display:block;
    height:43px;
    text-indent:-9999px;
    background:url("/img/h_massacre.png") top no-repeat;
    }
    
.header .massacre a:hover, .header .massacre a.active {
    background:url("/img/h_massacre.png") bottom no-repeat;
    }
    
.header .eshop {
    float:left;
    width:128px;
    height:44px;
    }
    
.header .eshop a {
    display:block;
    height:44px;
    text-indent:-9999px;
    background:url("/img/h_eshop.png") top no-repeat;
    }
    
.header .eshop a:hover, .header .eshop a:active  {
    background:url("/img/h_eshop.png") bottom no-repeat;
    }

.bandzone {
    margin: 20px 0 0 0;
    display: block;
    }
.flash_radio {
    margin: 10px 5px 0 5px;
}
.flash_radio_prejsi {
    margin: 10px 2px 0 2px;
}
.partners {
    text-align: center;
    background: #292325;
    border-bottom: 1px solid #585151;
    width: 980px;
    margin: auto;
    }
.partners img{
    margin: 10px 5px 5px 5px;
    vertical-align:middle; 
    }    
* {
	margin: 0;
	padding: 0;
}
body {
	background: #1E2126;
	text-align: center;
	font-family: Tahoma;
	color: #FABA1B;
	font-size: 100%;
}

.clear {clear:both; height:1px; font-size:0; line-height:0;}

a {
	color: #EA2326;
}
a:hover {
	color: #EA2326;
	text-decoration: none;
}

.red {color: #EA2326;}

h2 {
	font-size: 100%;
	text-align: left;
}
h3 {
	font-size: 90%;
	text-align: left;
	margin-bottom:5px;
}
div.wrapper {
	width: 980px;
	margin: 0 auto;
}
div.left {
	width: 230px;
	float: left;
	padding-top: 20px;
}
div.middle {
	width: 470px;
    padding:0 15px 0 35px;
	float: left;
	height: 692px;
	overflow:auto;
	text-align:left;
	font-size:80%;
	line-height:1.4em;
	scrollbar-base-color:#362E2F;
    scrollbar-track-color:#362E2F;
    scrollbar-face-color: #EA2326;
    scrollbar-highlight-color:#FE8C8E;
    scrollbar-3dlight-color:#FE8C8E;
    scrollbar-darkshadow-color:#1E2126;
    scrollbar-shadow-color:#4A474C;
    scrollbar-arrow-color: #1E2126;
}
div.middle_home {
	width: 520px;
    padding: none;
	float: left;
	height: 692px;
	overflow:hidden;
	text-align:left;
	font-size:80%;
	line-height:1.4em;
	scrollbar-base-color:#362E2F;
    scrollbar-track-color:#362E2F;
    scrollbar-face-color: #EA2326;
    scrollbar-highlight-color:#FE8C8E;
    scrollbar-3dlight-color:#FE8C8E;
    scrollbar-darkshadow-color:#1E2126;
    scrollbar-shadow-color:#4A474C;
    scrollbar-arrow-color: #1E2126;
}
/*div.middle_home {
	background: url('/img/metalgate_hp_homepage_bg.jpg') left top no-repeat;
}
div.middle_home_plakat1 {
	background: url('/img/metalgate_hp_homepage_bg.jpg') left top no-repeat;
}
div.middle_home_plakat1 {
	background: url('/img/metalgate_hp_homepage_bg.jpg') left top no-repeat;
}*/
div.right {
	width: 210px;
	float: left;
	padding-left: 20px;
	position:relative;
	min-height: 692px;
	_height: 692px;
}
div.footer {
	width: 940px;
	clear: both;
	float: left;
	margin-top: 30px;
	background: #292325;
	line-height: 1.5em;
	font-size: 80%;
	color: #AFAFAF;
	padding: 5px 20px;
	border-bottom: 1px solid #585151;
}
/****** NAVIGACE *******/
div.left menu {
	border: 1px solid #423939;
	list-style: none;
	text-align: left;
	width:228px;
}
div.left menu li {
	border-bottom: 1px solid #423939;
}
div.left menu li a {
	padding: 7px 5px 7px 50px;
	_width: 173px;
	display: block;
	color: #EA2326;
	font-weight: bold;
	text-decoration: none;
	background: url('/img/metalgate_hp_menu_item.gif') 20px 50% no-repeat;
}
div.left menu li a:hover, div.left menu li.active a  {
	color: #F08A25;
	background-color:#362E2F;
}

div.left menu li ul {
	padding:0 0 20px 0;
}
div.left menu li ul li {
	border-bottom: none;
	list-style:none;
}
div.left menu li ul li a {
	margin:0 0 0 53px;
	padding:0 0 0 20px;
	color: #EA2326;
	font-weight: bold;
	text-decoration: none;
	font-size:80%;
	background:none;
	display:inline;
	background: url(/img/menu_sub_item.gif) left 0.5em no-repeat;
}
div.left menu li ul li a:hover, div.left menu li ul li.active a  {
	color: #F08A25;
	background: url(/img/menu_sub_item.gif) left 0.5em no-repeat;
}



div.left h2 {
	margin: 0 0 17px 4px;
}
div.left img.banner_left {
	margin: 25px auto;
}
div.right h2 {
	margin: 20px 0 17px 0;
}
div.right ul.langs {
	float: right;
	font-size: 90%;
	margin: 5px 0 33px 0;
	/*_margin: 5px -15px 33px 0;*/
}
div.right ul.langs li {
	color: #EA2326;
	list-style: none;
	float: left;
}
div.right ul.langs li a {
	padding: 0 0 0 25px; 
}
div.right ul.langs li a.cz {
	background: url(/img/cs_flag_festival.gif) left 4px no-repeat;
}
div.right ul.langs li a.en {
	background: url(/img/en_flag_festival.gif) left 4px no-repeat;
}

div.right ul.langs li span {
	padding: 0 7px;
}
div.right div.box {
	background: #2F2727;
	border: 2px solid #332D2F;
	width: 185px;
    padding: 10px;
	text-align: left;
	font-size: 80%;
	margin-bottom: 13px;
	line-height:1.4em;
}
div.footer p.left_foot {
	float: left;
}
div.footer p.right_foot {
	float: right;
}
div.footer a, div.footer a:hover {
	color: #FABA1B;
	margin: 0 5px;
}


div.middle img.metalage_logo {margin:15px 0 0 0;}
div.middle h2 {margin:20px 0 5px 0; font-size:120%;}
div.middle p {margin-bottom:10px;}
a img {border:none;}
div.middle ul {margin:10px 0 15px 25px; list-style-type:square;}
div.middle ul li {padding:0 0 10px 0;}
div.right div.box img { margin:10px 0;
}