/* CSS Document */

/*obecné styly pro čelý web*/

body {margin: 0px;
      padding: 0px;
      background-color: white;
      font-family: verdana;
      font-size: 90%;
      line-height: 150%;
      color: #333333;} 
      
#telo {width: 1000px;
       margin: 0px auto 0px auto;}     
        
#hlavicka {height: 104px;
           background-image: url(../img/hlavicka-pozadi.jpg);
           background-repeat: no-repeat;}
            
#obsah {margin: 0px 15px 0px 15px;
        min-height: 720px;
        _height: 708px;
        background-image: url(../img/leve-pozadi.jpg);
        background-repeat: repeat-y;}                                    

#paticka {height: 39px;
          background-image: url(../img/paticka-pozadi.jpg);
          background-repeat: no-repeat;
          color: white;
          font-size: 90%;}
          
#paticka #vytvoril {float: left;
                    width: 200px;
                    margin: 7px 0px 0px 15px;}

#paticka #odkazy   {float: right;
                    width: 300px;
                    text-align: right;
                    margin: 7px 15px 0px 0px;}   
                    
#paticka #odkazy a {color: white}
                                     
h1 {margin: 0px 0px 0px 15px;
    padding: 25px 0px;
    color: white;
    font-weight: normal;
    font-size: 40px;
    text-align: left;
    width: 350px;
    height: 30px;
    float: left;}

h1 span.hl {font-size: 20px;
            padding-top: 10px;
            padding-left: 120px;
            display: block;}   

h2 {margin: 15px 0px 20px 0px;
    padding:0px;
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    color: #6CC700;}  

h3 {margin: 15px 0px 0px 0px;
    padding:0px;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #6CC700;}

h4 {margin: 10px 0px 0px 0px;
    padding:0px;
    font-weight: bold;
    font-size: 14px;
    text-align: left;    
    color: #333333;} 

a {text-decoration: underline;
   color: #333333;}
a:hover {text-decoration: none;
         color: #333333;}
  
a.hm {text-decoration: underline;
      color: white;
      margin: 0px 0px 0px 18px;
      position: relative;
      top: 5px;}
a.hm:hover {text-decoration: none;
         color: white;}                
  
a.hm1 {text-decoration: underline;
      color: white;
      margin: 0px 0px 0px 18px;
      position: relative;
      top: 5px;}
a.hm1:hover {text-decoration: none;
         color: white;}  
         
a.lm1 {text-decoration: none;
       color: #333333;
       display: block;
       font-size: 110%;
       font-weight: bold;
       margin: 15px 0px 0px 25px;}
      
a.lm1:hover {text-decoration: underline;
             color: #6CC700;} 
         
a.lm2 {text-decoration: none;
       color: #333333;
       display: block;
       margin: 5px 0px 0px 35px;}
      
a.lm2:hover {text-decoration: underline;
             color: #6CC700;}           
  
.aktivni {color: #6CC700;}  
  
p {margin: 10px 0px 0px 0px;
   padding: 0px;
   font-size: 100%;
   text-align: justify;}   
   
ul {margin: 10px 0px 0px 25px;
    padding: 0px;
    list-style: square;}   
    
li {margin-top: 10px;}

ul.errata li {margin-top: 0px;}    
 
ol {margin: 10px 0px 0px 45px;
    padding: 0px;}
   
ol li {margin-top: 0px;}
   
p.ctyri {margin: 0px;
         padding: 0px;
         font-size: 100%;
         text-align: justify;}                                                      

.ukoncovac {clear: both;
            height: 1px;
            margin: 0px;
            padding: 0px;}

.horni-menu1 {background-image: url(../img/horni-menu-pozadi_2.jpg);
             background-repeat: no-repeat;
             width: 72px;
             height: 32px;
             float: right;
             margin: 72px 15px 0px 0px;}
             
.horni-menu {background-image: url(../img/horni-menu-pozadi_2.jpg);
             background-repeat: no-repeat;
             width: 72px;
             height: 32px;
             float: right;
             margin: 72px 0px 0px 0px;}  
                        
.horni-menu2 {background-image: url(../img/horni-menu-pozadi-aktivni_2.jpg);
             background-repeat: no-repeat;
             width: 72px;
             height: 32px;
             float: right;
             margin: 72px 0px 0px 0px;}

#leve-menu {width: 200px;
            float: left;}

#stred {float: left;
        width: 610px;}

#stred2 {float: left;
         width: 770px;}         

#prave-odkazy {width: 140px;
               float: right;}

#box-1 {background-image: url(../img/box-4.jpg);
        background-repeat: no-repeat;
        width: 140px;
        height: 170px;
        margin-top: 60px;}

#box-2 {background-image: url(../img/box-1.jpg);
        background-repeat: no-repeat;
        width: 140px;
        height: 170px;
        margin-top: 20px;}
        
#box-3 {background-image: url(../img/box-2.jpg);
        background-repeat: no-repeat;
        width: 140px;
        height: 170px;
        margin-top: 20px;}  

#box-4 {background-image: url(../img/box-3.jpg);
        background-repeat: no-repeat;
        width: 140px;
        height: 170px;
        margin-top: 20px;}         
        
#popis-1 {color: #FFA500;
          font-size: 16px;
          font-weight: bold;
          line-height: 150%;
          margin: 0px;
          padding: 22px 0px;
          display: block;
          text-align: center;}

#popis-2 {color: #0D96DA;
          font-size: 16px;
          font-weight: bold;
          line-height: 150%;
          margin: 0px;
          padding: 22px 0px;
          display: block;
          text-align: center;}

#popis-3 {color: #D8B36C;
          font-size: 16px;
          font-weight: bold;
          line-height: 150%;
          margin: 0px ;
          padding: 22px 0px;
          display: block;
          text-align: center;}  
          
#popis-4 {color: #6CC700;
          font-size: 16px;
          font-weight: bold;
          line-height: 150%;
          margin: 0px ;
          padding: 22px 0px;
          display: block;
          text-align: center;}                                  

.vice {font-weight: bold;
       margin: 0px;
       padding: 18px 0px;
       display: block;
       text-align: center;}

h4.pohar {color: #6CC700;
          padding: 15px 0px 0px 15px;}

h4.sealdeck {color: #FFA500;
             padding: 15px 0px 0px 15px;}            
            
#vsechny{float: right;
         margin: 10px 15px 0px 0px;}

.button-aktivni {background-image: url(../img/button-aktivni.jpg);
                 background-repeat: No-repeat;
                 float: Left;
                 width: 145px;
                 height: 32px;
                 margin: 0px 2px 0px 0px;}
                 
.button {background-image: url(../img/button.jpg);
                 background-repeat: No-repeat;
                 float: Left;
                 width: 145px;
                 height: 32px;
                 margin: 0px 2px 0px 0px;}                 

a.but {text-decoration: underline;
      color: white;
      margin: 0px 0px 0px 10px;
      position: relative;
      top: 6px;}
a.but:hover {text-decoration: none;
         color: white;}

p.autor{text-align: right;
        font-style: italic;}

table.fotografie {margin-left: auto;
                   margin-right: auto;
                   margin-top: 25px;
                   _margin-top: 0px;}
                   
table.fotografie td {width: 215px;
                     text-align: left;} 
        
table.fotografie td img {border: solid 2px #6CC700;}        

table.vysledky {width: 95%;
                margin-left: auto;
                margin-right: auto;}
                
table.vysledky td {height: 30px;
                   background-color: #F1F1F3;
                   text-align: center;}    
                    
table.vysledky td.zahlavi {background-color: #E3E3E3;
                             color: #333333;
                             font-weight: bold;}
                               
table.vysledky td.hrac {text-align: left;
                        padding-left: 15px;}

table.odsazeni {margin-top: 45px;}

table.odsazeni2 {margin-top: 15px;}

table.krizova {border: 0px;
               font-size: 70%;
               width: 100%;
               line-height: 120%;}
               
table.krizova td {background-color: #F1F1F3;
                  text-align: center;}               
 
table.krizova td.poradi {background-color: #E3E3E3;
                         text-align: right;
                         width: 15px;}  
               
table.krizova td.hrac {background-color: #E3E3E3;
                       width: 77px;}

table.krizova td.zahlavi {background-color: #E3E3E3;
                          height: 40px;
                          width: 52px;}              
                          
div.foto {width: 240px;
          text-align: center;
          float: left;
          margin-top: 8px;}
          
div.foto img {border: solid 2px #6CC700;}                                      

div.pravy-text {float:left;
                width: 370px;
                margin-top: 8px;}

div.pravy-text ul {margin: 0px 0px 0px 15px;
                   padding: 0px;
                   list-style: square;} 

div.pravy-text ul li {margin-top: 0px;}