body,html 
{
   margin:0;
   padding:0;
   height:100%; 
   width:100%;
}

body
{
   font-family: Arial, Helvetica;
   text-align: center;
   background: #0f3737;
   max-width: 1200px;
   font-size:12; 
}

h1
{
   font-family:"Comic Sans MS"Arial,Helvetica;
   font-weight:bold;
   font-style:normal;
   font-size:24; 
}

h2
{
   font-family:"Comic Sans MS",Arial,Helvetica;
   font-weight:bold;
   font-style:normal;
   font-size:18; 
}

h3
{
   font-family:"comic sans ms",arial,helvetica;
   font-weight:bold;
   font-style:normal;
   font-size:14; 
}
h4
{
   font-family:"comic sans ms",arial,helvetica;
   font-weight:normal;
   font-style:normal;
   font-size:12; 
}
h5
{
   font-family:"comic sans ms",arial,helvetica;
   font-weight:normal;
   font-style:normal;
}
h6
{
   font-family:"comic sans ms",arial,helvetica;
   font-weight:normal;
   font-style:normal;
}
hr
{
   color:"#800000";
   align:center; 
}

#obsah 
{ 
   margin-left: 5px; 
   margin-right: 5px; 
   margin-top: 10px; 
   margin-bottom: 20px; 
   padding: 0px;
   width: 780;
   overflow: visible; 
   background-image: url(pozadi.jpg);
   border: 5px ridge;  
} 

#hlpanel 
{ 
   text-align: center;
   margin:10 10 10 108px; 
   padding: 0px;
} 

#hlavicka 
{ 
   position:relative; 
   top: 0px;
   left: 0px;
   margin:0; 
   padding:0; 
   width:768px;
   height: 80px; 
   z-index:9; 
   text-align: left;
   border:1px solid yellow; 
   background-image: url('logo1.jpg');
   background-repeat: no-repeat;
} 

#levypanel 
{ 
   float: left;
   top: 81px;
   left: 0px; 
   margin: 0; 
   padding: 5px; 
   width: 98px; 
   height: 100%;
   z-index:8; 
}

  .tlacitko span {
    padding: 0px; 
    margin: 0px; 
    width: 88px;
  }

  .tlacitko, .tlacitkoPressed {
    font-weight: bold;
    text-align: left;
    padding-bottom: 5px;
    margin-top: 0px;
    width: 88px;
  }

  .tlacitko A, .tlacitko A:visited {
    padding: 2px 0 2px 4px;
    text-decoration: none;
    display: block;
    color: #224059;
    background-color: #ddeeff;
    border-top: 3px #e0e0ff solid;
    border-left: 3px #e0e0ff solid;
    border-bottom: 4px #31557f solid;
    border-right: 4px #31557f solid;
    width: 88px;
  }

  .tlacitko A:active {
    padding: 2px 0 2px 4px;
    text-decoration: none;
    display: block;
    color: #004059;
    background-color: #00ff;
    border-top: 3px #e0e0ff solid;
    border-left: 3px #e0e0ff solid;
    border-bottom: 4px #31557f solid;
    border-right: 4px #31557f solid;
    width: 88px;
  }

  .tlacitkoPressed A,
  .tlacitkoPressed A:visited {
    display: block;
    padding: 2px 0 2px 4px;
    text-decoration: none;
    background-color: #000077; 	
    border-top: 4px #000077 solid;
    border-left: 4px #000077 solid;
    border-bottom: 3px #000077 solid;
    border-right: 3px #000077 solid;
    color: #ffffff;
    width: 88px;
  }

  .tlacitko A:hover,
  .tlacitkoPressed A:hover {
    color:  #ffffff;background-color: #7ea8cf; 	
    border-top: 3px #e0e0ff solid;
    border-left: 3px #e0e0ff solid;
    border-bottom: 4px #31557f solid;
    border-right: 4px #31557f solid;
    text-decoration: none;
  }
  .tlacitko A:active,
  .tlacitkoPressed A:active {
    color:  #000fff;background-color: #0008cf; 	
    border-top: 3px #e0e0ff solid;
    border-left: 3px #e0e0ff solid;
    border-bottom: 4px #31557f solid;
    border-right: 4px #31557f solid;
    text-decoration: none;
  }
  .tlacitkoPressed A:hover {
    background-color: #000077;
    border-top: 4px #000077 solid;
    border-left: 4px #000077 solid;
    border-bottom: 3px #000077 solid;
    border-right: 3px #000077 

} 

#paticka 
{ 
   margin: 0; 
   bottom: 0px;
   padding: 5px; 
   border:1px solid white; 
   text-align: center;
   font-size:10; 
   background:#abcdef;
}

hr.cleaner 
{ 
clear:both; 
display: none 
} 

ul, li 
{ 
margin: 0; 
padding: 0; 
} 

.cl 
{ 
clear: right; 
} 


ul.menu1 
{ 
font-size: 12px; 
font-family: sans-serif; 
} 

ul.menu1 li 
{ 
list-style-type: none; 
} 

ul.menu1 li.item 
{ 
float: right; 
width: 50px; 
height: 20px; 
margin-right: 5px; 
margin-bottom: 5px; 
} 

ul.menu1 li.item a 
{ 
display: block; 
width: 50px; 
height: 20px; 
line-height: 20px; /* svisle centrovani */ 
text-align: center; /* vodorovne centrovani */ 
background: #dfdf00 url('81-1.jpg'); 
color: black; 
border: solid #333 1px; 
font-weight: bold; 
text-decoration: none; 
} 

ul.menu1 li.item a:hover 
{ 
background: #6f6faf url('81-2.jpg '); 
border-color: #333; 
color: white;
} 

ul.menu2 
{ 
font-size: 12px; 
font-family: sans-serif; 
} 

ul.menu2 li 
{ 
list-style-type: none; 
} 

ul.menu2 li.item 
{ 
float: right; 
width: 125px; 
height: 34px; 
margin-right: 5px; 
margin-bottom: 5px; 
} 

ul.menu2 li.item a 
{ 
display: block; 
width: 125px; 
height: 34px; 
line-height: 16px; /* svisle centrovani */ 
text-align: center; /* vodorovne centrovani */ 
background: #dfdf00 url('81-1.jpg'); 
color: #333; 
border: solid #333 1px; 
font-weight: bold; 
text-decoration: none; 
} 

ul.menu2 li.item a:hover 
{ 
background: #6f6faf url('81-2.jpg '); 
color: white; 
border-color: #333; 
} 

ul.menu3
{ 
font-size: 12px; 
font-family: sans-serif; 
} 

ul.menu3 li 
{ 
list-style-type: none; 
} 

ul.menu3 li.item 
{ 
float: right; 
width: 50px; 
height: 70px; 
margin-right: 5px; 
margin-bottom: 5px; 
} 

ul.menu3 li.item a 
{ 
display: block; 
width: 50px; 
height: 70px; 
line-height: 70px; /* svisle centrovani */ 
text-align: center; /* vodorovne centrovani */ 
background: #dfdf00 url('81-1.jpg'); 
color: black; 
border: solid #333 1px; 
font-weight: bold; 
text-decoration: none; 
} 

ul.menu3 li.item a:hover 
{ 
background: #6f6faf url('81-2.jpg '); 
border-color: #333; 
color: white;
} 

table
{
   border: 1px;
   font-size:12; 
}