/* CSS Document */
body,html {           
           height: 100%;           
           width: 100%;             
           padding: 0;              
           margin: 0;          
           }

body {      
    margin: 0px;      
     background: Black url('img/pozadi.png');      
    font-family: "Calibri","Arial CE";      
    font-size: 16px;      
    color: /*#8c08d1*/ White;     
    }



#telo {
      width: 1000px;
      
      text-align: center;
      margin:auto;
      margin-top:1px;
      background-color: rgba(169,169,169,0.95);
      /*background: #d8fdff;*/
      -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px; 
        position: relative;
        min-height: 100%; 
         webkit-box-shadow: 1px -1px 0px White;
        -moz-box-shadow: 1px -1px 0px White;
        -ms-box-shadow: 1x -1px 0px White;
        -o-box-shadow: 1px -1px 0px White;
        box-shadow: 1px -1px 0px White;
      }


#hlavicka {
           width: 1000px;   
           margin: auto; 
           height: 200px;
           text-align: left;
           color: #8c08d1;
           }



.hlavickaobr{
          width: 200px;
          Float: left;
          
          }   
.hlavicka {
            width: 600px; 
            Float: left; 
               }

.hlavickanadpis{
          padding-top: 60px;
          padding-left: 40px;
          /*height: 100px;*/
          Float: left;
          width: 100%;
          webkit-text-shadow: 2px -2px 0px #8c08d1;
          -moz-text-shadow: 2px -2px 0px #8c08d1;
          -ms-text-shadow: 2x -2px 0px #8c08d1;
          -o-text-shadow: 2px -2px 0px #8c08d1;
          text-shadow: 2px -2px 0px #8c08d1;
         
          } 
.hlavickatext{
         padding-left: 285px;
         
          }           
#menu{
      width: 100%;
      margin: auto;
    
      }

.menu{
     
      }
table.menu  {            
            width: 80%;
            margin: auto;
            text-align: right;
            } 
table.menu td{                          
              width: 128px; 
             }
table.menu td.menu{                          
                
             }
table.menu td.menu a{                    
                    color: #8c08d1;                    
                    text-decoration: none;  
                                     
                    }            
table.menu td.vyber{                    
                                        
                    } 
table.menu td.vyber a{                    
                    color: White;                    
                    text-decoration: none;
                                      
                    }          
              
#stred {
      width: 100%;
      padding-bottom: 50px;
      }

.stred {
        
        
        margin:auto;
       }
.texty {
        width: 95%;
        
        margin:auto;
        padding-bottom: 50px;
       }       

#paticka {
      
      width: 100%;
      margin: auto;
      height: 50px;
      text-align: center;
      position: absolute;
     bottom: 0; left: 0;
      /*background: white;*/
      }
.paticka {
         
          }



h1 {
   margin: 0px;
   font-size: 65px;
   }
h2 {
   margin: 0px;
   }   
h3 {
   margin: 0px;
   font-size: 20px;
   }


img.img{
        border:none;
       }

img.obr {
         margin-top: 15px;
         margin-left: 45px;
         height: 180px;
         -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;  
        border: 1px solid #8c08d1;
        }



a.text {
        text-decoration: none;
        color: #8c08d1;   
       }


img.foto{
        border:1px solid #8c08d1;
         -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;  
        margin: 5px;
        height: 150px;
       }
img.fotow{
        border:1px solid #8c08d1;
         -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;  
        margin: 5px;
        width: 150px;
       }


/*podmenu*/
.podmenua{
          text-align: left;
          margin-bottom: 10px;
          border-bottom: 1px solid #8c08d1;
          width:95%;
          margin: auto;
          
          }
.podmenupruh{
            text-align: center;
            margin:auto;
            
            }

.podmenu {
          /*width: 322px;*/
          height: 100px; 
          background: #8c08d1 url('img/vlnka.png') right bottom no-repeat;
          Float: left;
          /*border: 1px solid Black; */
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;  
        margin-right: 10px;
        margin-bottom: 10px;
        text-align: left;
        webkit-box-shadow: 1px -1px 0px White;
        -moz-box-shadow: 1px -1px 0px White;
        -ms-box-shadow: 1x -1px 0px White;
        -o-box-shadow: 1px -1px 0px White;
        box-shadow: 1px -1px 0px White;
         }

.podmenu a{
          color: White;
          text-decoration: none;
          
          }

.podmenuf {
           /*Float: left;*/
           text-align: center;
           /*background: #ddbd90;*/
           /*margin-left: 5px;
           margin-top: 5px;*/
           -webkit-border-radius: 10px;
           -moz-border-radius: 10px;
           -ms-border-radius: 10px;
           -o-border-radius: 10px;
           border-radius: 10px;  
           }

.podmenut{
          margin-left: 5px;
          margin-top: 5px;
          Float: left;
          width: 180px;
          /*height: 180px;*/
          color: White;
          /*background: Red;*/
          }
          
 .zbozi {
        width: 100%;
        text-align: left;
        }  


 .fotky {      
          width: 100%;      
          text-align: center;      
          margin: auto; 
             
          }        
          
          
  .dokumenty {      
          width: 100%;      
          text-align: left;      
          margin: auto;    
          margin-top: 10px;               
          }        

.mapa {
      width: 100%;      
          text-align: center;      
          margin: auto;   
      }



  /*formaty*/
  p.hlavicka{      
            font-weight: bold;      
            text-align: left;      
            margin: 0px;      
            margin-bottom: 5px;    
            font-size: 18px;
            }
  p.odsazeni{      
                height: 0px;
                width: 100%;
                }
  p.boldodsazeni{      
                font-weight: bold;      
                text-align: left;      
                margin: 5px 0px 5px 0px;      
                font-size: 20px;      
                }
  p.center{        
          text-align: center;        
          margin: 0px;      
          margin-bottom: 5px;        
          }
  p.left{        
        text-align: left;        
        margin: 0px;      
        margin-bottom: 5px;        
        }
  p.right{        
          text-align: right;        
          margin: 0px;      
          margin-bottom: 5px;        
          }
  p.blok{        
        text-align: justify;        
        margin: 0px;      
        margin-bottom: 5px;        
        }
  p.boldleft{      
            font-weight: bold;      
            text-align: left;      
            margin: 0px;      
            margin-bottom: 5px;      
            }
  p.boldcenter{      
              font-weight: bold;      
              text-align: center;      
              margin: 0px;      
              margin-bottom: 5px;      
              }
  p.boldright{      
              font-weight: bold;      
              text-align: right;      
              margin: 0px;      
              margin-bottom: 5px;      
              }
  p.boldblok{      
          font-weight: bold;      
          text-align: justify;      
          margin: 0px;      
          margin-bottom: 5px;      
          }      
  p.italicleft{      
            font-style: italic;      
            text-align: left;      
            margin: 0px;      
            margin-bottom: 5px;      
            }
  p.italiccenter{      
              font-style: italic;      
              text-align: center;      
              margin: 0px;      
              margin-bottom: 5px;      
              }
  p.italicright{      
              font-style: italic;      
              text-align: right;      
              margin: 0px;      
              margin-bottom: 5px;      
              }
  p.italicblok{      
              font-style: italic;      
              text-align: justify;      
              margin: 0px;      
              margin-bottom: 5px;      
              }
  span.i{    
        font-style: italic;    
        margin: 0px;      
        margin-bottom: 5px;      
        }
  span.b{    
        font-weight: bold;    
        margin: 0px;      
        margin-bottom: 5px;     
        }
  span.u{    
        text-decoration: underline;    
        margin: 0px;      
        margin-bottom: 5px;     
        }
  p.leftr{    
        text-align: left;    
        margin: 0px;      
        margin-bottom: 5px;     
        }
  p.rightr{    
          text-align: right;    
          margin: 0px;      
          margin-bottom: 5px;     
          }
  p.centerr{    
          text-align: center;    
          margin: 0px;      
          margin-bottom: 5px;     
          }
  p.blokr{    
        text-align: justify;    
        margin: 0px;      
        margin-bottom: 5px;     
        }  
   
  /*barvy*/
  p.boldleftb1{      font-weight: bold;      text-align: left;      margin: 5px 0px 5px 0px;      color: White;      font-size: 20px;      
  }
  p.boldleftb2{      font-weight: bold;      text-align: left;      margin: 5px 0px 5px 0px;      color: #2f2fce;      font-size: 20px;      
  }
  p.boldleftb3{      font-weight: bold;      text-align: left;      margin: 5px 0px 5px 0px;      color: #fc0a16;      font-size: 20px;      
  }
  p.boldleftb4{      font-weight: bold;      text-align: left;      margin: 5px 0px 5px 0px;      color: #20cd0e;      font-size: 20px;      
  }
  p.boldleftb5{      font-weight: bold;      text-align: left;      margin: 5px 0px 5px 0px;      color: #f3f13b;      font-size: 20px;      
  }
  p.boldleftb6{      font-weight: bold;      text-align: left;      margin: 5px 0px 5px 0px;      color: #2089f2;      font-size: 20px;      
  }
  p.boldleftb7{      font-weight: bold;      text-align: left;      margin: 5px 0px 5px 0px;      color: #bb2127;      font-size: 20px;      
  }     
  p.boldleftb8{      font-weight: bold;      text-align: left;      margin: 5px 0px 5px 0px;      color: #8c08d1;      font-size: 20px;      
  }              
  
  
  /*editace*/
  table.edit {                        
            width: 80%;                        
            color: #ecd8bd;                          
            margin: auto;                        
            margin-top: 20px;                                   
            }
  
  table.edit td.nadpis{                                        
                      width: 200px;                                        
                      background: #8c08d1;                       
                      color: Black;                     
                      text-align: center;                                                            
                      }
   table.edit td.nadpis2{                                        
                                                             
                      background: #8c08d1;                       
                      color: Black;                     
                      text-align: center;                                                            
                      }                      
  table.edit td.nadpisc{                                        
                                                            
                                             
                      color: Black;                  
                      background: #8c08d1; 
                      text-align: center;                                                            
                      }
   
   table.edit td{                                                    
                 text-align: left;                                
                 }
   
   table.edit td.texty{                                        
                       color: Black;                                       
                       text-align: left;                                        
                       }                    
   
   table.edit a{                            
               color: Black;                       
               }
   
   table.edit select.edit{                                          
                         width: 100%;                                                          
                         color: Black;                                                                                  
                         }
   
   table.edit textarea.edit{                                                  
                           width:100%;                                                  
                           height: 400px;                                                  
                           color: Black;                          			                        
                           }
   
   table.edit textarea.edit2{                                                   
                             width:100%;                                               
                             height: 200px;                                                    
                             color: Black;                          			                          
                             }
   
   table.edit input.edit{                                                 
                         width:100%;                                                 
                         color: Black;                                                 
                         }

   table.edit input.uloz{                                            
                       color: #8c08d1;                       
                      background: Black;                                          
                       }
   
   table.prihlaseni1 {                                    
                     width: 90%;                                    
                     color: White; 
                     margin:auto;                                 
                     }
   
   table.prihlaseni1 a{                               
                     color: White;                                
                     }
   
   table.edit tr.barva:nth-of-type(even) {                                      
                                          color: Black;                       
                                          background: #8c08d1;                                      
                                         } 	 
   
   table.smazat {                        
            width: 100px;                        
            color: #8c08d1;                          
            margin: auto;                        
            margin-top: 20px;                                   
            }
            
   table.smazat input.uloz{                                            
                       color: Black;                       
                       background: #8c08d1;                                          
                       }