body {  
       	margin: 0;
        padding: 0;
	      font-family:  Verdana, Arial, Helvetica, san-serif;
        background: white;
 	      text-align: center; 
        font-weight: normal;
        font-size: 95%;
      
      
       }
       
#vrsek   {
          background: transparent;
          position: relative;
         margin: 0 0 0 70px;          
          width: 1000px;
          z-index: 0;
         
       }       
 
       
#pruh   {
        width: 444px;
        height: 446px;
        float: left;
        position: absolute;
        z-index: 1;
        background: transparent url("../obr/pruh.gif") no-repeat;
        left: 0;
        top: 0;
       }       

#obsah   {
        width: 1000px;
        margin: 0 0 0 70px;
        padding-top: 0px;
        
        position: relative; display: block;
        background: transparent;
        z-index: 2;
       }          

       
#lista   {
        margin: 0 auto 0 auto;
        padding-top: 0px;
        
        background: transparent url("../obr/lista.jpg") no-repeat center;
        height: 22px;
        
        color: white;
        font-size: 95%;
        text-align: right;
        
        padding-right: 55px;
        padding-top: 3px;
        margin-bottom: 30px;
        
       } 
       
.datum {
        text-decoration: none;
        font-weight: normal;
         padding-right: 300px;
       }
       
.lista-odkaz {
        text-decoration: underline;
        font-weight: bold;
        
       }       

#lista a  {  
           
           text-decoration: none;
           font-weight: bold;
           font-family: Verdana;
          color: white;
          } 
          
#lista a:hover  {  
          text-decoration: underline;
          }              
       

#menu   {
        width: 200px;
        height: 300px;
        text-align: center;
        background: white url("../obr/cara-svisla250.jpg") no-repeat top left;
        float: right;
        padding-left: 15px;
        padding-top: 0px;
        margin-top: 0px;
       } 
       
#nadmenu   {
            width: 145px;
        padding-right: 15px;
        padding-bottom: 15px;
        text-align: right;
        background: white url("../obr/nadmenu.jpg") no-repeat bottom right ;
        color: #FF7D26;
        
        margin-top: 8px;
       } 
       
#nadmenu a  {
          
           font-weight: bold;
           font-family: Verdana  ;
          color: #FF7D26;
          text-decoration: none;
          font-size: 95%;
         
          
           } 
           
#nadmenu a:hover  {
                    font-weight: bold;
                    font-family: Verdana  ;
                    color: #040D8A;
                    text-decoration: none;
           } 
           
#nadmenu .aktivni  {
                    font-weight: bold;
                    font-family: Verdana  ;
                    color: #040D8A;
                    text-decoration: none;
           }
           
           
#podmenu1   {
        width: 145px;
        padding-bottom: 10px;
        padding-top: 15px;
        padding-right: 15px;
        text-align: right;
        background: white url("../obr/podmenu1.jpg") no-repeat bottom right ;
        color: #040D8A;
        
        
       }                      
       
#podmenu1 a  {
            font-weight: bold;
            font-family: Verdana  ;
            color: #040D8A;
            text-decoration: none;
            font-size: 95%;
           } 
           
#podmenu1 a:hover {
                  font-weight: bold;
                 font-family: Verdana  ;
                 color: #FF7D26;
                 text-decoration: none;
           } 
           
#podmenu1 .podmenu {
                 position: relative; display: block;
                 text-align: left;
                 color: #A7D5FC;
                 font-weight: bold;
                 margin-top: 5px;
                 margin-bottom: 0;
                 
           }
           
           
#podmenu   {
        width: 145px;
        padding-bottom: 20px;
        padding-top: 15px;
        padding-right: 15px;
        text-align: right;
        background: white url("../obr/podmenu.jpg") no-repeat bottom right ;
        color: #040D8A;
        
        
       }                      
       
#podmenu a  {
            font-weight: bold;
            font-family: Verdana  ;
            color: #040D8A;
            text-decoration: none;
            font-size: 95%;
           } 
           
#podmenu a:hover {
                  font-weight: bold;
                 font-family: Verdana  ;
                 color: #FF7D26;
                 text-decoration: none;
           } 
           
#podmenu .podmenu {
                 position: relative; display: block;
                 text-align: left;
                 color: #A7D5FC;
                 font-weight: bold;
                 margin-top: 5px;
                 margin-bottom: 0;
                 
           }           
            
           
.aktivni  {
            text-decoration: underline;
            font-weight: bold; 
            font-size: 95%;
          } 
          
.podnadpis  {
            display: block; position: relative;
            text-align: right;
            color: #040D8A;
            font-size: 90%;
            font-weight: normal;
          }                             
                  
#clanky {
        width: 520px;
        min-height: 384px;
        text-align: left;
        background: transparent;
        float: right;
        padding: 20px;
        z-index: 7;
        position: relative;
        font-size: 85%;
       }
       
#clanky a {
            font-size: 90%;
            text-decoration: none;
            color: #040D8A;
            font-weight: bold;
            z-index: 7;
            position: relative;
       
           }
                               
#clanky a:hover  {
                   font-size: 90%;
                   text-decoration: underline;
                   color: #040D8A;
           }        

#clanky h1.clanek {
            font-weight: bold;
            color: #040D8A;
            font-size: 130%;
            margin: 0;
            padding: 0;
            text-align: right;
            text-decoration: underline;
           }
        
#clanky h2 {
            font-weight: bold;
            color: #A7D5FC;
            margin: 0;
            font-size: 120%;
           } 
           
#clanky h3 {
            font-weight: bold;
            color: #040D8A;
            font-size: 95%;
            margin: 0;
            padding: 0;
            text-align: left;
           } 
           
#clanky h4 {
            font-weight: normal;
            color: black;
            font-size: 90%;
            margin: 0;
            padding: 0;
            text-align: right;
           }
           
#clanky h5 {
            font-weight: normal;
            color: #040D8A;
            font-size: 90%;
            margin: 0;
            padding: 0;
            text-align: right;
           }           
           
#clanky h6 {
            font-weight: normal;
            color: #A7D5FC;
            font-size: 90%;
            margin: 0;
            padding: 0;
            text-align: center;
           } 
           
#clanky h6.kniha  {
            width: 400px;
            height: 5px;
            margin: 0;
            padding: 0; 
                 
            background: transparent url("../obr/hr.jpg") no-repeat top left;
            
           }
           
#clanky h5.vypis {
            font-weight: normal;
            color: #FF7D26;
            font-size: 95%;
            margin: 0;
            padding: 0;
            text-align: left;
           }            

#clanky .male_pismo  {
            color: #938D89;
            margin: 0;
            padding: 0; 
            font-size: 85%;            
           }
           
#clanky h3.mapa   {
                    text-align: left;
                    margin: 0;
                    padding: 0;               }           

#clanky table  {
                    font-size: 95%;
                    float: right;
                    width: 100%;
                    
           } 

#clanky table.kontakty  {
                    font-size: 95%;
                    width: 95%;                   
                    float: right; 
                             
           }
           
#clanky table.tridy  {
                     width: 20%;
                                     
                    float: right; 
                    border: none;;
                                
           }             
           
#clanky td.kontakty  {
            text-align: left;
            color: black;
            vertical-align: top;
            padding-right: 15px;
           } 
           
#clanky td  {
            text-align: right;
            color: black;
           
            vertical-align: top;
           }  
           
#clanky td a {
              font-size: 95%;
              font-weight: normal;
            } 
#clanky td a:hover {
              font-size: 95%;
              font-weight: normal;
              text-decoration: underline;
            } 
            
            

            
#clanky ul {
              color: #040D8A;
             
            } 
            
#clanky li {
             list-style: disc;
             
            }            
            
#clanky .seznam_trid {
              color: black;
            }

#clanky p.pravy {
                      text-align: right;                     
                      
                   } 
            
#clanky table.tridy  a {
                    font-size: 100%;
                    font-weight: bold;
                   }              

#clanky table.tridy  a:hover {
                    font-size: 100%;
                    font-weight: bold;
                    text-decoration: underline;
                   } 

#clanky table.rozvrh  {
                       border: 2px #FF7D26 solid;
                       width: 100%;
                       margin-bottom: 20px;
                   } 
            
#clanky th.den {
                      width: 20px;
                      background: #040D8A;
                      color: white;                      
                      
                   } 

#clanky th.rozvrh {
                     border: none;
                     background: #040D8A;
                     color: white;
                     font-weight: bold;
                     text-align: center;
                   } 
   
#clanky td.rozvrh {
                    color: #040D8A;
                     text-align: center;
                     vertical-align: middle;
                     border: 1px solid #A7D5FC;
                   }                    
                   
#clanky img{
              border: 1px #040D8A solid;
              margin: 0 8px 8px 0;
            }             
            
#clanky .modre {
                font-weight: bold;
                color: #040D8A;
            font-size: 95%;
            margin: 0;
            padding: 0;
            text-align: right;
            position: relative; display: block;
           }  
           
#clanky .cerne {
            font-weight: normal;
            color: black;
            font-size: 90%;
            margin: 0;
            padding: 0;
            text-align: right;
            position: relative; display: block;
           } 
           
#clanky .bledemodry {
            font-weight: bold;
            color: #A7D5FC;
            margin: 0;
            font-size: 120%;
           }                     
                   
            
            
img.smajl  {
             border: 2px red solid;
            } 
            
            
.strankovani   {

                 position: relative; display: block;
                 color: #040D8A;
                 text-align: center;
                 font-size: 85%;
               }          

.tlacitko-form    { 
                 background: #A7D5FC ;
                 color: #040D8A;
                 font-weight: bold;
                 font-size: 90%;
                 float: right;
                 margin: 2px;
                 }
                 
.tlacitko-form:hover    { 
                 
                 color: black;
                 
                 }

                 
#clanky a.forum    { 
                 background: transparent url("../obr/tema-pozadi.gif") no-repeat top left;
                 text-decoration: none;
                 position: relative; display: block;
                 width: 100%;
                 height: 40px;
                 }
                 
#clanky a.forum:hover   { 
                 background: transparent url("../obr/tema-pozadi.jpg") no-repeat top left;
                 text-decoration: none;
                 
                 } 
                                  
                 
#clanky a.prispevek    { 
                 text-decoration: underline;
                 color: #040D8A;
                 font-weight: normal;
                 }
                 
#clanky a.prispevek:hover    { 
                              text-decoration: underline;
                              color: black;
                              }  
                              
#clanky a.soubor    { 
                        color: #040D8A;
                        font-weight: bold;
                        text-decoration: none; 
                        text-align: left;
                        position: relative; display: block; 
                              } 
                              
#clanky a.soubor:hover    { 
                        
                        font-weight: bold;
                        text-decoration: underline;     
                              }                                 
                              
#clanky img.soubor    { display: block; 
                        float: left;
                        border: none; 
                        clear: both;  
                              }                                                                                                                          
#clanky img.kniha      { 
                        margin: 0 5px 0 0;
                        border: none; 
                          
                              }
#clanky img.smajl    { 
                       
                        border: none; 
                        margin: 0;
                        padding: 0;
                          
                              } 
                              
h6.cara_clanky { 
           border-top: 1px #A7D5FC solid; 
          position: relative; display: block;
          width: 100%;
          height: 2px;
          margin: 0;
          padding: 0;
          
        } 
                 
form    { 
          text-align: center;    
          
        }  

form.vyber    { 
          text-align: center;  
         
          
        } 
        
fieldset.vypis     { 
                     
          margin: 0;
          padding: 0;
         
        } 
        
          
        
#prispevek {
             background: transparent url("../obr/prispevek-pozadi.jpg") no-repeat bottom left;
             padding: 0 0 5px 10px;
             margin-top: 15px;
            }                                                                                                                                  
                        
#novinky {
        font-size: 85%;
        width: 400px;
       
        text-align: left;
        background: transparent url("../obr/cara-svisla350.jpg") no-repeat top left;
        float: right;
        padding: 5px 20px 20px 20px;
        z-index: 7;
        position: relative;
       }
       
#novinky a {
            font-size: 90%;
            text-decoration: none;
            color: #040D8A;
            font-weight: bold;
            z-index: 7;
            position: relative;
       
           }
                               
#novinky a:hover  {
                   font-size: 90%;
                   text-decoration: underline;
                   color: #040D8A;
           }    
           
           
           
#novinky h3 {
            font-weight: bold;
            color: #A7D5FC;
            font-size: 95%;
            margin: 0;
            padding: 0;
            text-align: right;
           }   
           
           
                                  

#levy {width: 230px;
      float: right;
      } 
      
#levy img{  border: 1px #040D8A solid; 
      }        
   
           
#kalendar   {
        width: 210px;
        
        text-align: right;
        background: transparent url("../obr/cara-vodorovna200.jpg") no-repeat bottom right;
        
        padding: 5px 10px 10px 10px;
        position: relative;
        z-index: 7;
        color: black;
        font-size: 80%;
       }
       
#kalendar h3  {
               text-align: right;
               color: #FF7D26;
               font-size: 95%;
               padding: 0;
               margin: 0 0 3px 0;
               font-weight: bold;
              } 
              
#kalendar a  {
               text-align: right;
               color: #040D8A;
               font-size: 95%;
               font-weight: bold;
               text-decoration: none;
               padding-right: 10px;
               margin: 0;
              } 
              
#kalendar a:hover  {
                    text-decoration: underline;
                   }
                   
#kalendar .extra_akce  {
               text-align: right;
               color: #FF7D26;
               font-size: 95%;
               font-weight: bold;
               text-decoration: none;
               padding-right: 10px;
               margin: 0 0 5px 0;
               display: block; position: relative;
              }                                                          

#kalendar a.extra_akce  {
               text-align: right;
               color: #FF7D26;
               font-size: 95%;
               font-weight: bold;
               text-decoration: none;
               padding-right: 10px;
               margin: 0 0 5px 0;
               display: block; position: relative;
              }

#kalendar a.extra_akce:hover  {
               text-align: right;
               color: #FF7D26;
               font-size: 95%;
               font-weight: bold;
               text-decoration: underline;
               padding-right: 10px;
               margin: 0 0 5px 0;
               display: block; position: relative;
              }
       
#tridy  {
        width: 210px;
        
        text-align: right;
        background: transparent;
        float: right;
        padding: 3px 5px 20px 20px;
        position: relative;
        z-index: 7;
       
       }   
       
#tridy h3  {
               text-align: right;
               color: #FF7D26;
               font-size: 85%;
               padding: 0;
               margin: 0 16px 0 0;
              }  
              
#tridy a  {
               text-align: right;
               color: #040D8A;
               font-size: 95%;
               font-weight: bold;
               text-decoration: none;
               padding-right: 10px;
               margin: 0;
              }   
              
#tridy a:hover  {
                    text-decoration: underline;
                   } 
                   
#tridy table  {
                   font-size: 85%;
                   padding: 0;
                   margin: 0;
                   
                   }  
                   
#pozvanky   {
        width: 210px;
        
        text-align: right;
        background: transparent;
        float: right;
        padding: 3px 5px 20px 20px;
        position: relative;
        z-index: 7;
       
       }   
       
#pozvanky h3  {
               text-align: right;
               color: #FF7D26;
               font-size: 85%;
               padding: 0;
               margin: 0 16px 0 0;
              }  
              
#pozvanky a  {
               text-align: right;
               color: #040D8A;
               font-size: 95%;
               font-weight: bold;
               text-decoration: none;
               padding-right: 10px;
               margin: 0;
              }   
              
#pozvanky a:hover  {
                    text-decoration: underline;
                   } 
                   
#pozvanky table  {
                   font-size: 85%;
                   padding: 0;
                   margin: 0;
                   
                   }                                               

#absolventi h3  {
               text-align: right;
               color: #A7D5FC;
               font-size: 85%;
               padding: 0;
               margin: 0 16px 0 0;
              }

#absolventi a  {
               text-align: right;
               color: #040D8A;
               font-size: 95%;
               font-weight: bold;
               text-decoration: none;
               padding-right: 10px;
               margin: 0;
              }   
              
#absolventi a:hover  {
                    text-decoration: underline;
                   } 

#pata   {
        width: 1000px;
        
        text-align: center;
        background: white url("../obr/cara-vodorovna.jpg") no-repeat top center;
        float: right;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        font-size: 75%;
        color: black;
        clear: both;
       } 
       
#pata a   {
             color: #040D8A;
              font-weight: bold;  
              text-decoration: none; 
              padding: 5px;   
          } 
          
#pata a:hover  {
                color: #040D8A;
                font-weight: bold;  
                 text-decoration: underline;    
          } 
          
#pata .aktivni  {
            color: #040D8A;
              font-weight: bold;  
              text-decoration: underline;  
              padding: 5px;
          }           
          
.pata     { 
           color: #FF7D26;
          }  
          
#pata a.valid    { 
                 color: #FF7D26;
                 font-weight: bold;
                 text-decoration: none;
                 margin: 0;
                 padding: 0;
                 } 
                 
#pata a.valid:hover    { 
                 color: #FF7D26;
                 font-weight: bold;
                 text-decoration: underline;
                 }                                 
       
#cara-vrch   {
          width: 1000px;
          height: 11px;
          text-align: center;
          background: transparent url("../obr/cara-vodorovna730.jpg") no-repeat right;
          
       }
       
#deska     { 
           text-align: right;
           display: block; position: relative;
           min-height: 333px;
          } 
          
                           

table.tridy { 
                      
                      width: 100px;
                      float: right;
          } 
          
/* _____________________________________________Jidelnicek    */  

#jidelnicek   { 
                 margin: 0 auto 0 auto;
                  width: 600px;
                  background: white;
                  
                     } 

#jidelnicek h2  { 
                 font-weight: bold;
                color: #A7D5FC;
                 margin: 0;
                font-size: 140%;
                     }


#jidelnicek table    { 
                       
                       width: 600px;
                       border: 2px #FF7D26 solid;
                       padding: 0;
                     }          

#jidelnicek table.datum { 
                         border: none;
                       } 
                       
#jidelnicek td.datum   {                        
                       width: 250px;
                      border: 2px #A7D5FC solid;
                      background: #A7D5FC;
                      color: #040D8A;
                      font-weight: bold;
                      padding: 0;
                      margin: 0; 
                      text-align: left;
                      font-size: 85%;
                  } 
                  
#jidelnicek td.levy   { 
                       width: 120px;                       
                       text-align: right;
                      border: none;
                      padding: 0;
                      margin: 0;
                      color: black;
                      font-weight: bold;
                      font-size: 80%;
                  }  
                  
#jidelnicek td.pravy   {
                        width: 450px;                        
                       text-align: left;
                      border: none;
                      color: #040D8A;
                      font-weight: bold;
                      font-size: 80%;
                      padding-left: 15px;
                  } 
                  
#jidelnicek a {
            font-size: 75%;
            text-decoration: none;
            color: #040D8A;
            font-weight: bold;
            z-index: 7;
            position: relative;
       
           }
                               
#jidelnicek a:hover  {
                  
                   text-decoration: underline;
                   color: #040D8A;
           }