body {
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	padding:0px;
   	text-align: center;
	background-color:white;
	font-family :     Arial, Arial CE, Helvetica, Arial CE, Tahoma, Verdana,Arial, sans-seriff;
	
	                
	}

 
	

#main { 
	width: 769px;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 00px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin: auto;
	background: url(pic03.jpg) repeat-y;
		
}

.skok {
	display:none;
}


#hlavicka {
	width:100%;
	height:129px;
	margin:0px;
	padding:0px;
	background: url(pic01.jpg);
	
 }


#hlavicka h1 
{ 
	float:left;
	margin:0px;
	padding:0px;
	font-size:20px;
	
	
} 

#hlavicka a {
	color:#000000;
	
}
.logo 
{ 
	width: 207px; 
	height: 129px; 
	position: relative;
			
} 

.logo span 
{
	background: url(pic10.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: hand;
	cursor: pointer;
	top:0px;
	left:0px;
} 



#mmenu {
	width:100%;
	height:32px !important;
	margin:0px;
	background: url(pic02.jpg);
	z-index:10;
	 
	
 }

#mmenu a{
text-decoration: none;
font-size:14px;
color:white;
 }


#mmenu a:hover{
text-decoration: underline;
font-weight:bold;
 	z-index:10;
color:white;
 }

.menu
{
padding: 0;
margin: 0;
font-size:14px;
z-index:10;
}

.menu a
{
text-decoration: none;
 
display: block;
width: 100%;
text-align: center;
  
}

.menu a:hover
{
font-size:10px;
}

.menu ul, .menu li
{
list-style-type: none;
margin: 0;
padding:0px;
font-size:14px;
}

ul.uroven1 li.polozka1
{
float: left;
position: relative;
font-weight: bold;
height: 25px !important;
height: 25px;
width:120px;
padding-top: 4px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
margin:0px;
font-size:14px; 
z-index:10;
}

ul.uroven1 li.polozka1active
{
float: left;
position: relative;
font-weight: bold;
height: 27px !important;
height: 27px;
width:120px;
padding-top: 4px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
margin:0px;
font-size:14px; 
z-index:10;
}

ul.uroven1 li.polozka11
{
float: left;
position: relative;
font-weight: bold;
height: 27px !important;
height: 27px;
width:120px;
padding-top: 4px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
margin:0px;
font-size:14px; 
z-index:10; 
}


ul.uroven1 li.polozka11active
{
float: left;
position: relative;
font-weight: bold;
height: 27px !important;
height: 27px;
width:120px;
padding-top: 4px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
margin:0px;
font-size:14px; 
z-index:10;
}

ul.uroven2
{
position: absolute; 
left: 0;
top: 25px;
margin-left:8px;
width: 150px;
visibility: hidden;
padding: 0px;
border:1px solid white;
z-index:10;
}

 

ul.uroven2 img
{
border: solid #368 2px;
}

ul.uroven2 li.polozka2 a
{
display:block;
text-align: left;
padding: 5px 0px 5px 0px;
margin: 0px;
border-bottom:1px solid white;
background: black;
font-size:12px;

}

ul.uroven2 li.polozka2 a:hover
{

background: #666666;
text-decoration:none;
}

ul.uroven1 li.polozka1
{

behavior: url(hover.htc);
 
}

ul.uroven1 li.polozka1active
{

behavior: url(hover.htc);
 
}

ul.uroven1 li.polozka1:hover,
ul.uroven1 li.polozka1Hover
{
background: none;
}

ul.uroven1 li.polozka1Hover ul.uroven2,
ul.uroven1 li.polozka1:hover ul.uroven2
{
visibility: visible;
}

ul.uroven1 li.polozka1active:hover,
ul.uroven1 li.polozka1activeHover
{
background: none;
}

ul.uroven1 li.polozka1activeHover ul.uroven2,
ul.uroven1 li.polozka1active:hover ul.uroven2
{
visibility: visible;
}

 
#podmenu1 a {font-size:12px; padding-left:5px; font-weight:normal;}
#podmenu1 a:hover {text-decoration:none; font-weight:normal;}
#podmenu2 a {font-size:12px; padding-left:5px; font-weight:normal;}
#podmenu2 a:hover {text-decoration:none; font-weight:normal;}
#podmenu3 a {font-size:12px; padding-left:5px; font-weight:normal;}
#podmenu3 a:hover {text-decoration:none; font-weight:normal;}

.vlajka1
{
float: left;
position: relative;
height: 20px !important;
height: 20px;
width: 40px;
padding-top: 7px;
padding-left: 80px;
padding-right: 0px;
padding-bottom: 0px;
margin: 0px;
z-index:20;
}

.vlajka2
{
float: left;
position: relative;
height: 20px !important;
height: 20px;
width: 40px;
padding-top: 7px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
margin: 0px;
z-index:20;
}

img {
margin:0px;
padding: 0px;
}

.pruh {
	position:relative;
	width: 687px;
	height:59px;
	padding:0px;
	margin:20px 0px 15px 23px;
	float:left;
	background-image: url(pic04.jpg);
	z-index:1;
	
}

.praha {
	position:relative;
	width: 345px;
	height:200px;
	margin:0px 0px 0px 7px;
	padding:0px;
	background-image: url(pic05.jpg);	
	float:left;
	
}

.trio {
	position:relative;
	width: 384px;
	height:206px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:0px;
	background-image: url(pic06.jpg);
	float:left;
	
}

.salon {
	position:relative;
	width: 336px;
	height:201px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:15px;
	margin-right:0px;
	background-image: url(pic07.jpg);
	float:left;
	
}

.straus {
	position:relative;
	width: 383px;
	height:196px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:0px;
	background-image: url(pic08.jpg);
	float:left;
	
}

#patka {
	position:relative;
	width: 100%;
	height: 44px;
	margin-top: 30px;
	background: url(pic09.jpg);  
	text-align:center;  
	background-color:#F46F22;
	font-size:12px;
	color:black;
}

#patka a{
	color:black;
	text-decoration:none;
}

#patka a:hover{
	color:black;
	text-decoration:underline;
}

#patka p {margin:5px;
	padding-top:0px;
	}


.text1
{
	position:relative;
	width: 200px;
	height: 55px;
	margin:0px 30px 0px 10px;
	padding:0px;
	float:left;
	text-align:left;
	color:black;

}

.text2
{
	position:relative;
	width: 230px;
	height: 55px;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
	text-align:left;
	color:black;

}

.text3
{
	position:relative;
	width: 160px;
	height: 55px;
	margin:0px 25px 0px 20px;
	padding:0px;
	float:left;
	text-align:left;
	color:black;

}

.textpraha
{
	position:relative;
	width: 95px;
	height:160px;
	margin-top:20px;
	float:right;
	text-align:left;  
	font-size:12px;
	color:black;
}

.texttrio
{
	position:relative;
	width: 95px;
	height:160px;
	margin:0px;
	padding:30px 10px 0px 0px;
	float:right;
	text-align:left;  
	font-size:12px;
	color:black;
}

.textkvarteto
{
	position:relative;
	width: 95px;
	height:160px;
	margin-top:20px;
	float:right;
	text-align:left;
	font-size:12px;
	color:black;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

.textstrauss
{
	position:relative;
	width: 95px;
	height:160px;
	margin:0px;
	padding:30px 25px 0px 0px;
	float:right;
	text-align:left;  
	font-size:12px;
	color:black;
}

.soubory
{
	position:relative;
	width: 100%;
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	float:left;
}

.textsoubory {
position:relative;
width: 420px;
padding-top:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:0px;
margin:0px;
text-align: justify;  
font-size:12px;
color:black;
float:left;
}

.textrepertoir {
position:relative;
width: 265px;
padding-top:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:0px;
margin:0px;
text-align: center;  
font-size:12px;
color:black;
float:left;
}

.ukazky {
position:relative;
width: 265px;
padding-top:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:0px;
margin:0px;
text-align: center;  
font-size:12px;
color:black;
float:left;
}

.trioobr1{
position:relative;
padding-top:5px;
padding-left:0px;
padding-right:10px;
padding-bottom:0px;
margin:0px;
float:left;
}

.trioobr2{
position:relative;
padding-top:5px;
padding-left:10px;
padding-right:0px;
padding-bottom:0px;
margin:0px;
float:right;
}

.textostatni {
position:relative;
width: 729px;
padding-top:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:0px;
margin:0px;
text-align: justify;  
font-size:12px;
color:black;
float:left;
}

.style1 {color: #999933}


h2{ 
	font-size:23px;
	font-weight:normal;
	padding:0px;
	margin:16px 0px 0px 0px;}

h3{ 
	font-size:18px;
	font-weight:normal;
	padding:0px;
	margin:5px 0px 0px 0px;

	}

h4{ 
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:0px;}

 

p{ 
	margin-top:3px;
	margin-bottom:10px;
	padding:0px;

}

a {
color: #000000;
text-decoration: none;
cursor:pointer;
}


a:hover{
color:#000000;
cursor:pointer;
text-decoration:underline;
}

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }