@charset "iso-8859-1";
/* CSS Document  BABILETO */
/*styles*/
body, div, table{font-size: 12px; font-family: Tahoma, Verdana, Arial; }
body {background-image: url(../img/bg.gif); background-repeat:repeat;
	margin:0px;
	padding:0px;
	height:100%;
	width: 100%;
    
	scrollbar-face-color: #D3BEA9;  
    scrollbar-shadow-color: #D3BEA9;
    scrollbar-highlight-color: black;
    scrollbar-3dlight-color: #D3BEA9;
    scrollbar-darkshadow-color: black; 
    scrollbar-track-color: #FFF;
    scrollbar-arrow-color: black; 
	scrollbar-base-color: #00000;
    scrollbar-lightshadow-color: black; }
a:link   { color: black; font-weight: normal; text-decoration: none;}
a:visited{ color: black; font-weight: normal; text-decoration:none}
a:hover  { color: black; font-weight: normal; text-decoration: underline;}
h1 {font-size: 14px; font-weight: 900; }	
h2  {font-size: 12px; font-weight: 700; text-decoration:underline; }	
hr { color:#000000; width: 510px; height:1px; text-align:left;}
form {width: 510px; background-color: #F9F5EE; border: 1px solid silver; }
input {background-color: #F9F5EE; border: 1px solid silver; color: black;  background-image:url(../img/input.gif)}


/*layout*/
.layout-body {position: relative; height: 100%; min-height: 100%; text-align:center; margin-left: auto; margin-right: auto;  }
#container  { position: relative; height: auto; min-height: 100%; margin-left: auto; margin-right: auto;  width: 870px;  background-image: url(../img/bgmain.gif); background-repeat: repeat-y;display: block; /* border: 1px solid black;  */}
#head       { position: relative;  width: 830px;  /* border: 1px solid black; */}
#topmenu    { position: relative; width: 800px; top: 240px; text-align:left; font-family: Tahoma; font-size:13px; font-weight:bold; color: #333;   /*  border: 1px solid black; */ }
  #topmenu a:link {   text-decoration:none; color: #333; font-weight:bold;}
  #topmenu a:visited {   text-decoration:none; color: #333; font-weight:bold;}
  #topmenu a:hover {   text-decoration: underline; color: black; font-weight:bold;}

#middle { position:relative; position:relative; width: 830px; margin-left: auto; margin-right: auto; text-align:left;  /* border: 1px solid black; */ }
#menu { position:relative;clear:both; display:block; float:left; width: 250px; margin-left: 9px; text-align:left; background-image: url(../img/menuBG.gif); background-repeat: repeat-y;/* border: 1px solid black; */ }
#body { position:relative; float:right; margin-left:0px; margin-right:25px; text-align:left;   width: 520px;/* border: 1px solid black;  */}

#bottom {clear:both; position:relative; height: 30px; padding-top: 5px; margin-left:auto; margin-right:auto; width:830px; background-image:url(../img/bottom.gif); background-repeat:no-repeat; font-size: 10px; /* border: 1px solid black; */  }
#datum { position:relative; color: #FFFFFF; font-weight:bold; font-size: 20px; }

/*my styles */ 
.head  {background-image: url(../img/head.jpg); width: 830px; height: 280px; }
.news { position:relative; clear:both; width: 230px; text-align:left; margin-left: 8px;}
.heslo {display:none;}
.mapka {width: 510px; background-color: #F9F5EE; border: 1px solid silver; padding:5px; text-align:center; }
.hledat {width: 20px;}
.kapely { font-size:11px;}
 .kapely tr {background-color: #F9F5EE; }

/*menu predkolo */
#menu_predkolo {width: 500px; /*border: 1px solid black;*/}
.menu { padding: 0; margin: 0; font-weight:bold;   } 
.menu a { text-decoration: none; color: #333; display: block; width: 100%; text-align: left; font-weight:bold;} 
.menu a:visited { text-decoration: none; color: #333; display: block; width: 100%; text-align: left; font-weight:bold;} 
.menu ul, .menu li { list-style-type: none; margin: 0; padding: 0 .5em; font-weight:bold; } 
ul.uroven1 li.polozka1  {float: left; position: relative; font-weight: bold; background: #fff; padding: .2em .5em; height: 1em; _width:0px; /* IE */ }
ul.uroven1 li.polozka1 a {font-weight: bold; }
ul.uroven2 { position: absolute; left: 0; top: 1.2em; _top: 1.4em; /* IE */ left: 5px; width: 50px; background: #fff; border: solid #000 1px; visibility: hidden; padding: .8em .5em; } 
ul.uroven2 img { border: solid #000 1px; } 
ul.uroven2 li.polozka2 a { font-weight: normal; text-align: left; padding: 0 .5em .1em; margin: 0 -.5em; } 
ul.uroven2 li.polozka2 a:hover { background: #ccc; } 
.menu a:hover { text-decoration: underline; } 
ul.uroven1 li.polozka1 { behavior: url(hover.htc); } 
ul.uroven1 li.polozka1:hover, ul.uroven1 li.polozka1Hover { background: #fff; } 
ul.uroven1 li.polozka1Hover ul.uroven2, ul.uroven1 li.polozka1:hover ul.uroven2 { visibility: visible; }