* {margin: 0;padding: 0;}
body {  background: #000 ;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color:#888 ;}

#telo {width:700px; margin:0 auto;padding-top:8px;}
#obsah {border:3px solid #fff; overflow: hidden;} 
    #menu {float:left; background: url("bg.png"); width:387px; height:436px;}  
       #menuobal {padding-top:30px; margin-left:5px;}
          #menuobal a{color:#000; font-size:19px; text-decoration:none;}
          #menuobal a:hover{color:#fff; font-size:23px; text-decoration:underline;}
          #menuobal li{list-style-type:none;}
          @font-face {font-family: menuf;src: url('font.ttf'); }


   #news { width:300px; margin-left:349px; padding-top:4px;}
      .date {background: #444; font-size:12px; color:#fff; width:150px; height:15px;}
      .date p{margin-left:0px; color:#fff;}
    #news h2{color:#FF0D00; font-size:1em; margin-left:5px;}
    #news p{color:#888; font-size:12px;}
    #news hr{border: 1px #666 dashed;}
  .left {min-height:700px;  float:left;width:650px; padding-top:10px; margin:10px 10px 10px 10px;min-height:100px;float:auto;}
       .mp3 {padding-left:15px; background:url("dot.png") 0 50% no-repeat;}
  .right {float:right;width:325px; padding-top:0px; }
 .more {padding-left:10px; background:url("dot1.png") 0 50% no-repeat;}    

h1{color:#fff; font-size:2em; }
h2{color:#fff; font-size:1.8em;}
h3{color:#fff; font-size:1.5em;}
h4{color:#fff; font-size:1em;}
p{color:#888; font-size:11px;}
b {color:red;}
strong {color:red;}
a {color:#fff; text-decoration:underline;}
a:hover {color:	#dcdcdc; text-decoration:none;}
img {border:0px;}
li {margin-left:10px;}

.imgleft {border:10px solid #000; float:left;}
.reset {padding-top:15px;}
#footer {color:#555; font-size:11px; text-align:center;}
     #footer a{color:#888; font-size:11px; text-align:center;}

/*********************** SCROLLERS ***********************/

.root 		{
		position:relative;
		height:			200px;
		width:			489px;
		margin: 			0px 0px 8px 7px;		
		}
.root p 	{
		margin:			10px 10px 5px 10px;
		}
.thumb 		{
		position:			absolute;
		height:			9px;
		width:			15px;
		left: 			10px;
		}
.up, .dn 	{
		position:			absolute;
		left: 			10px;
		}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
		border:			0;
		}
.scrollContainer { 
		position:			absolute; 
		left:			2px; 
		top:			19px; 
		width:			350px; 
		height:			200px; 
		
		overflow:			auto; 
                background:		#000;
		}
.scrollContent { 
		position:			absolute; 
		left:			0px; 
		top:			0px; 
		width:			100px; 
		}