{border: solid red 1px;}
*{ margin:0; padding:0;}
body { 

       font-family:  arial, sans-serif;
       font-size: 12px; 
       color:black;
       background: transparent url("./img/back.gif");
       }
a {color: navy;}
a:hover {color: #e00000;}   
a:hover.black {color: grey;}     
#telo{
          margin: 65px auto 0 auto;
          width: 1035px;
				}
				
#tophead {
          height:12px;
          width:1031px;
          border-top:12px solid #4e8ba2 ;
          padding: 0;
          margin: 0 0 -12px 0;
         } 				
#head {
          background :transparent url("./img/baruna-logo.jpg") no-repeat  5px 0  ;
          border-left: 11px solid #282537;
          border-right: 11px solid black;
          margin:  5px 0 0px 0;
          height: 205px;
          width: 1009px;
          padding: 0;
          margin: 5px 0 -15px 0;
       }       
#main {
        background:transparent url("./obrazky/pozadi.gif") repeat-x;
        width: 1009px;
        padding: 0;
        margin:0 0 0 0px;
        border-left: 11px solid #282537;
        border-right: 11px solid black;
        height:416px;
        color: black; 
			}
#mainin{ margin: 0 5px 0 4px;background: white; height:416px;}             
#menu{
      background:#4f4b4a;
      width: 150px;
      border:5px solid #84858a;
      height: 406px;
      float:left;
}
#menuin { 
          margin:6px;
        }  
#menu li a{
        display:block;
        width:132px;
        line-height:32px;
        height:32px;
        font-family:arial, sans-serif;
        font-size:12px;
        font-weight:bold;
        color: black;
        background:transparent url("./img/posuv.png") 0 0 ;
        padding:0 0px 0 5px;
        }
#menu li a.activ{
                 color:black;
                 background:transparent url("./img/posuv.png") 0 -64px;
                 }        
#menu li a:hover{
				 color:white;
				 background:transparent url("./img/posuv.png") 0 -32px;
				 }
#menu a {
         text-decoration: none;
        }                
#menu li{
	 list-style-type: none;
	 display:block;
 	 }
#obsah {
          height:386px;
          width:730px;
          overflow: auto;
          padding: 10px 10px 0px 10px;
          margin: 0 0 0 10px;
          border-left:10px solid #303030;
          border-bottom:10px solid #303030;
          border-top:10px solid #303030;
          text-align: justify;
          font-size:100%;
          float:left;
          
}
#banner {
         width:160px;
         float: left;
        }
#textin {
         width:540px;
         float:left;
        }          
#text {
       margin: 15px 0 0 0;
       overflow: auto;
      } 
#title { 
        height:60px;
        border-bottom:12px solid #404040;
       }
#pata {
			 background :transparent;
			 height:30px;
			 border-top:12px solid #4e8ba2 ;
			 width: 1031px;
       padding: 0;
       margin:5px 0 0 0px;
       }             
#vpravoroky {
         width:40px;
         float:right;
         font-size:12px;
        }        
.black {color:black;}
.red {color:red;}
.blue {color:blue;}
.right {float:right;}
.fivepix { margin:5 px;}
.tenpix {margin:10px;}
.obyc {font-weight: bold;}
.vip {font-weight: bold; color: red;}
#toplist {
          width:137px;
          height:137px;
          background: transparent url("img/menupic.jpg"); 
         }
.toplist{margin: 35px 25px 36px 24px;}          
a.obal:hover { 
              text-decoration: none;
              background:#FFFFFF;
              border:2px solid #2197f1;
           
				 }
a.obal { 
        width:95px;
				border:2px solid #cbcbcb;
				float:left;
				display:inline;
				text-align:center;
		 }
.noborder {text-decoration:none;border-width:0px;}            
img.img{
		 border:none;
     height:54px;
		 margin:7px 0 7px 0;
		 }
img.velke {
           border: 5px solid black;
          }           
p.foot  { color:black;  font-size:10px; text-align: right;}
.clear{ clear: both;}
.logo {position: relative; top: -60px; left: -100px}
.sipka {position: relative; top: 0px; left: -450px;margin: 0 -700px 0 0;}