/*definice hlavních tagů*/  
h1 {font-size: 24px;}

h2 {font-size: 16px;}

h3 {font-size: 17px;}

a img {border: none}

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

.center {text-align: center;}
/*konec definice hlavních tagů*/ 

/*definice prvků(obrázky, tabulky, texty)*/       
#table {margin-left: 85px;} 
         
#table2 {margin-left: 220px;} 

#table3 {margin-left: 70px;} 

#bunka-sirka {width: 190px;}
         
#scroll {margin-left: 120px;}           
                  
#mamca  {float: left;
         position: relative;
         top: -5px;
         left: -4px;} /*obtekani okolniho textu zleva*/  
          
#tesim  {margin-left: 35px;}           
           
#nabidka {text-align: left;} 

.barvicka {
  background-color: #256ca2;
  color: white;}

.ikonky  {
  float: left;
  margin: 3px;}
        
.board  {
  margin: 9px;
  font-size: 14px;
  text-align: left;
  overflow: auto;
  width: 185px;
  height: 350px;}
        
.button  {
  width: 179px;
  height: 28px;
  display: block;
  margin-left: 12px;
  margin-top: 12px;
  line-height: 1.8em;       /*nastavuje vysku radky*/  
  color: white;
  background: url('./images/button.png') center no-repeat; 
  text-align: center;}
          
#tachov {
  position: relative;
  top: -139px;
  right: 358px;}                 
/*konec definice prvků(obrázky, tabulky, texty)*/  

/*rozvržení layoutu*/
#menu ul{
  margin: 0px;
  padding: 0px;  
  list-style-type: none;} /*zruseni tecek seznamu odkazu*/
 
#menu li{ 
  float: left;            /*aby byli polozky v seznamu vedle sebe a nikoliv pod sebou*/
  margin-left: 25px;      /*mezeru menzi polozkama*/
  line-height: 2.5em;}    /*nastavuje vysku radky*/  

#menu li a{  
  width: 120px;
  height: 40px;
  color: white;           /*bila barva pisma*/
  display: block;         /*aby se zobrazilo cele (blok) pozadi*/   
  background-image: url('./images/item.png');
  background-position: 0 0px;}   /*obrazek item.png je vysoky 80px tak se posouva/neposouva po ose Y*/

#menu a:hover{  
  width: 120px;
  height: 40px; 
  color: black;           /*cerna barva pisma*/
  display: block;         /*aby se zobrazilo cele (blok) pozadi*/
  background-image: url('./images/item.png');
  background-position: 0 -40px;} /*obrazek item.png je vysoky 80px tak se posouva/neposouva po ose Y*/

#menu .active a{ 
  width: 120px;
  height: 40px; 
  color: black;           /*cerna barva pisma*/
  display: block;         /*aby se zobrazilo cele (blok) pozadi*/
  background-image: url('./images/item.png');
  background-position: 0 -40px;} /*obrazek item.png je vysoky 80px tak se posouva/neposouva po ose Y*/

body { 
  font-family: Calibri, sans-serif;
  font-size: 16.5px;
  color: black;
  margin: 0px; 
  background: #9ec3e0; 
  text-align: center;} 

#hlavicka { 
  height: 170px;
  background: url('./images/header.png') no-repeat;} 

#obsah {  
  width: 900px; 
  border: 1px solid black;
  margin: 1em auto;   /*zarovnani celeho webu na stred; jednotka EM je zavisla na velikosti fontu(nahore a dole); parametr auto nastavi okraje tak aby byli protilehle stejne(vlevo a vpravo)*/ 
  text-align: left;
  background: url('./images/repeat.png') repeat-y;} 

#menu { 
  float: left; 
  width: 900px;
  height: 40px;
  background: url('./images/menu.png');
  text-align: center; /*aby byl text v odkazich na stredu*/ 
  background-repeat: no-repeat;} 

#pravypanel { 
  float: right; 
  width: 202px; 
  margin: 0px; 
  background: url('./images/right.png') no-repeat;
  text-align: center;
  min-height: 880px;} 

#liner { 
  width: 19px;
  float: left;
  margin: 0px;
  background: url('./images/liner.png') no-repeat;
  min-height: 653px;} 

#hlavnipanel { 
  width: 679px;
  float: left;
  margin: 0px; 
  background: url('./images/content.png') no-repeat;
  min-height: 659px;} 

#hlavnipanel_text { 
  margin: 10px;} 

#paticka { 
  color: white;
  clear: both;
  height: 30px;
  line-height: 2em;       /*nastavuje vysku radky; jednotka EM je zavisla na velikosti fontu*/  
  text-align: center; 
  background: url('./images/footer.png') no-repeat;
  text-decoration: none;} 

hr.cleaner { 
  clear:both; /*další prvek se vykreslí až po něm (určuje čekání na ukončení obtékaných prvků)*/
  display: none }
/*konec rozvržení layoutu*/