﻿body {
	text-align: center;
	margin: 0 0 1em 0;
	padding: 0;
	background: #060 url(../images/bg-rays.jpg) no-repeat top;
}

body, p {
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	line-height: 1.6em;
}

div#main {
	width: 680px;
	text-align: left;
	margin:0 auto;
}

div#header {
	padding: 42px 20px 4em 40px;
	width:104px;
	float:left;
}
div#nav {
	padding: 40px 0 4em 0;
	width:300px;
	float:left;
	position: relative;
	z-index:100;
}

a {text-decoration:none;}

#header h1, #header h2 {margin:0;}
#header h1 {
	display: block;
	width:109px;
	height:41px;
	text-indent:-9999px;
	background:url(../images/i_mv1.gif) no-repeat top right;
}

#header h2 a {
	display:block;
	width:109px;
	height:182px;
	text-indent:-9999px;
	background:url(../images/skola1.gif) no-repeat top right;
}

a:focus {outline:none;}

div#content {
	padding: 6px 20px;
	position:relative;
}

div#footer {display:none;}
ul#nav_menu {width:100%;}
ul#nav_menu a {padding-right: 5px;}
ul#nav_menu a:hover {background-position: 1px 0 !important;}
ul#nav_menu, #nav_menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav_menu li a {
	display: block;
	text-indent: -9999px;
	height: 27px;
}

#orchestra a {
	width: 155px;
	background: url(../images/i_orchestra1.gif) no-repeat top left;
}

#batu a {
	width: 149px;
	background: url(../images/i_batu1.gif) no-repeat top left;
}

.page-czech #school a {width: 281px;background: url(../images/i_school1.gif) no-repeat top left;}
.page-english #school a {background: url(../images/i_school1-en.gif) no-repeat top left;}

.page-czech #rec a {width: 100px;background: url(../images/i_rec1.gif) no-repeat top left;}
.page-english #rec a {width: 100px;background: url(../images/i_rec1-en.gif) no-repeat top left;}

.page-czech #semi a {width: 100px;background: url(../images/i_semi.gif) no-repeat top left;}
.page-english #semi a {width: 100px;background: url(../images/i_semi-en.gif) no-repeat top left;}

.page-czech #contact a {width: 82px;background: url(../images/i_contact1.gif) no-repeat top left;}
.page-english #contact a {width: 82px;background: url(../images/i_contact1-en.gif) no-repeat top left;}

.page-czech #cal a {width: 87px;background: url(../images/i_cal1.gif) no-repeat top left;}
.page-english #cal a {width: 87px;background: url(../images/i_cal1-en.gif) no-repeat top left;}

.page-czech #lang span.en, .page-english #lang span.cs {display:none;height:0 !important;}
.page-czech #lang span.cs a {width: 73px;background: url(../images/i_en.gif) no-repeat top left;}
.page-english #lang span.en a {width: 73px;background: url(../images/i_cz.gif) no-repeat top left;}

.page-czech span.en {display:none;}
.page-english span.cs {display:none;}

/* front campaign */
#date {font-size:200%;}
#event {color:#FF0;}

p#feature { 
  float:right;
  position:relative;
  z-index:1;
  top:-120px;
  background:url(../images/home/dvd-obal.gif) no-repeat 100% 0;
  color:#9F3;
  text-align:right;
  line-height:1.2;
  width:200px;
  height:300px;
  padding-top:100px;
  padding-right:200px;
}
p#feature a {color:#FF0;font-weight:bold;font-size:22px;}
p#feature span {color:#9F3;font-weight:normal;font-size:16px;}

.orchestra { background-color: #c00; }
.batu { background-color: #603; }
.school { background-color: #309; }
.rec { background-color: #C60; }
.contact { background-color: #060; }
.cal { background-color: #636; }

