/* CSS Document */

   
    body
     {
      background: white; 
      color: black;
      font-family: sans-serif;
      font-weight: bold;
      text-align: center;       
      position: relative;      
      top: 0;
      bottom: 20px;
      padding: 0;                 
      margin: 0 auto;
      width: 994px;       
      }
      
     #hlavni{
      background: url(images/Budova.jpg) no-repeat 0% 0%;      
      width: 1000px;
      height: 3000px;
      top: 20px;
      bottom: 20px;
      position: relative;

      }
    .vycentrovat{
      margin: auto;               
      width: 994px;                
      height: 100%;                  
      position: relative;          
     }
     #navigace 
      { 
      color: #800000;
      padding:  0px; 
      margin-left: 10px;  _margin-left: -20px;
      width: 8em; _width: 10em;
      text-align: left;
      }
       
     #navigace li 
       { 
       list-style: none; 
       margin: 0; 
       font-size: 11px;    
       } 

     #navigace a 
       { 
        display: block; 
        text-decoration: none; 
        color: #800000;
        background: #EFE5C6; 
        border-bottom: 1px solid gray;
	      border-right: 1px solid gray; 
        border-left: 0.8em solid #C6AEC7; 
        padding: 0.25em 0.5em 0.4em 0.75em;
        margin-bottom: 0.3em; 
        margin-top: 0.3em; 
  
       } 
       #navigace a#aktivniodkaz
        { border-color: #330000 #FFFF99 #FFFF99 #CC3300; 
        } 

       #navigace a 
       { 
        width: 98%; /* Důležité pro IE */ 
       } 

       #navigace a:hover, #navigace a#aktivniodkaz:hover 
       { 
        color: #FFFFFF;
        background: #CC6600; 
        padding: 0.4em 0.35em 0.25em 0.9em;
        margin: 3px 0px 3px 0px; 
       } 

       #navigace a:active, #navigace a#aktivniodkaz:active 
       { 
         color: #FFFFFF;
         background: #663300; 
         border-color: #330000 #FFFF99 #FFFF99 #FAFAD2 ; 
         padding: 0.4em 0.35em 0.25em 0.9em;
         margin: 3px 0px 3px 0px; 
        }
         .active {
         display: block; 
        text-decoration: none; 
        color: #800000;
        background: #dc143c; 
        border-left: 0.8em solid #dc143c;
        margin-bottom: 0.3em; 
        margin-top: 0.3em;
        padding: 0; 
       }
       .active a:hover{
        border-left: 0.8em solid #dc143c;       
       
       }
     #navigacep 
      { 
      color: #800000; 
      padding:  0px; 
      margin-left: 30px;  _margin-left: 35px;
      margin-right: 10px; 
      width: 9em; _width: 10em;
      text-align: left;
      }
         
     #navigacep li 
       { 
       list-style: none; 
       margin: 0; 
       font-size: 11px;    
       } 

     #navigacep a 
       { 
        display: block; 
        text-decoration: none; 
        color: #800000;
        background: #EFE5C6;
        border-bottom: 1px solid gray;
	      border-right: 1px solid gray;
        padding: 0.25em 0.5em 0.4em 0.75em; 
        margin: 2px;
       } 
       #navigacep a#aktivniodkaz
        { border-color: #330000 #FFFF99 #FFFF99 #CC3300; 
        } 

       #navigacep a 
       { 
        width: 99%; /* Důležité pro IE */ 
       } 

       #navigacep a:hover, #navigace a#aktivniodkaz:hover 
       { 
        color: #FFFFFF;
        background: #CC6600;  
        border-top: 1px solid #660000;
	      border-left: 1px solid #660000;
        border-bottom: 1px solid #CC6633;
	      border-right: 1px solid #CC6633;
        padding: 0.4em 0.35em 0.25em 0.9em;
        margin: 2px 0px 2px 0px; 
       } 

       #navigacep a:active, #navigace a#aktivniodkaz:active 
       { 
         color: #FFFFFF;
         background: #CC9900; 
         border-color: #330000 #FFFF99 #FFFF99 #FAFAD2; 
         padding: 0.4em 0.35em 0.25em 0.9em; 
        } 
     
      a{
        color: #FF3300;
       }
      a:hover{
        color: #660000;
       }
      .stred{
        text-align: center;
       }
       .stredni p{
         color: black;
         font-size: 45%;
         margin: 5px 10px;
         padding: 0px 20px 5px 20px;
         text-align: justify;
       }
      .stredni{                                  
          font-size: 180%;        
          background: #FAF8CC;
          color: black;
          position: absolute;
          top: 250px;
          _top: 225px;
          left: 170px;
          width: 654px; _width: 654px;
          height: 2750px; _height: 2775px;
          padding: 0px 0; _padding: 5px 0;
     }

      .stredni1 p{
        font-size: 45%;
        margin: 5px 10px;
        padding: 0px 20px;
        text-align: justify;
        overflow: scroll;
       }
       .modry{
       color: blue;
       font-size: 50%;
       text-align: justify;
        margin: 0px 10px 0px 10px;
         padding: 0px 20px 0px 20px;
       }
       
      .stredni2 p{
        font-size: 45%;
        margin: 5px 10px;
        padding: 0px 20px;
        text-align: center;
       }
      .pp{
        position: relative; 
        right: 30px;
        font-size: 45%;
        text-align: right;
       }
      .ppp a{
        font-size: 45%;
        background: #FAFAD2; 
        width: 50%;
        color: #800000;
        text-decoration: none;
        display: block;
       }
      .ppp a:hover{
        font-size: 45%;
        width: 50%;
        color: #FFFFFF;
        background: #A0522D;
        display: block;
       }
      .stredni p a{
        color: #CC3300;
       }
      .stredni p a:hover{
       color: #FBB117;
      }
      .pravy a{
        background: #800000;
      }  
      
      h4{
        text-align: left;
        padding: 5px;
      }
      h3{
        text-align: right;
        padding: 20px;
      }
      h6{
        font-size: 45%;
      } 
      .stredni h5{
        text-align: left;
        padding: 0 0 0 27px;
        line-height: 150%;
        font-size: 55%;
      }
      .stredni h1{
        text-align: center;
        font-size: 80%;
      }
      .stredni h2{
        text-align: center;
        padding: 10px 0 0 20px;
        font-size: 75%;
      } 
      .stredni h3{
        text-align: center;
        padding: 0 20px 0 20px;
        font-size:60%;
      }        
        .stredni h4{
        text-align: center;
        padding: 0 5px 0 5px;
        font-size: 45%;

      }  
     .stredni ul{
        text-align: left;
        padding: 0 5px 0 30px; _padding: 0 5px 0 5px;
      }
     .stredni ol{
        text-align: left;
        padding: 0 5px 0 30px; _padding: 0 5px 0 5px;
      }
      
     .horni{
      color: #800000;
      font-size: 90%;
      letter-spacing: 3px;
      text-align: center;
      border: 0px; 
      position: relative;
      top: 10px;
      height: 180px;
      left: 10px;
      width: 974px;
      _width: 994px;
      padding: 5px;
      overflow: hidden;
     }
     .horni h1{
       font-weight: bold;
       }  

     .horni h4{
       font-style: italic;
       font-weight: bold;
       text-align: center;
     }
     .horni p{
       text-align: center;
      letter-spacing: 3px;     
     }
     .horni1 {
      top: 120px;
     }     
     .horni1 p{
       text-align: left;
      letter-spacing: 0px;
      top: 120px;
      font-size: 80%;
     }
     .horni2 font{
      letter-spacing: 3px;
      font-style: italic;
      color: #800000;
      font-size: 80%;
     }

     .horni2 p{
       text-align: center;
      letter-spacing: 0px;
     }
     .top{
        background:url("images/top.jpg") no-repeat;
        display: block;
        height: 38px;
      }                        
    .menu{
      color: #800000;
      font-size: 100%;
      border: 0px; 
      position: absolute;
      top: 140px;
      height:60px;
      left: 250px;
      width: 400px; _width: 400px;
      padding: 5px;
      overflow: hidden;
      }
      .menu_horizont{
      color: #800000;
      background: #FFF380; 
      padding:  0 0 0 20px;_padding: 0; 

      }
      .menu_horizont ul{  
        padding: 0; 
        list-style-type: none; 
        } 

     .menu_horizont li{
        float:left;
        list-style: none;
        width: 115px; _width: 116px; 
        margin: 0px 2px 0 3px; _margin: 0px 2px 0 1px; 
        font-size: 12px; 
        }
       .menu_horizont a{
         display: block; 
         text-decoration: none; 
         color: #800000; 
         background-color: #EFE5C6;
         border-bottom: 1px dashed gray;
	       border-right: 1px solid gray;
         padding: 0.25em 0.5em 0.4em 0.75em; 
         border-color: gray; 
 
        }
        .menu_horizont a:hover { 
         color: #FFFFFF;
        background: #800000; 
         padding: 0.4em 0.35em 0.25em 0.9em; 
         border-top: 1px solid white;
	       border-left: 1px solid white;
	       border-bottom: 0px;
	       border-right: 0px;
        } 
        .blok {
           width:132px;
           float: left;
           color: black;
           border: 0px solid silver;
	         background-color: #eee;
	/*border-left: 10px solid #fff;*/
	         border-top: 2px solid #8090a0;
	         border-bottom: 2px solid #8090a0;
	         padding-left: 5px;
	         background-color: #8FB5D6;
	         text-align: left;
	         font-size: 1.1em;
	         padding: 3px 0px;
	         border-bottom: 1px solid gray;
	         border-right: 1px solid gray;
	         margin: 2px 0px 2px 0px;
          }
               
      .blok1 {
	           background-color: #EFE5C6;
	           font-weight: bold;
	           border-bottom: 1px solid gray;
	           border-right: 1px solid gray;
	            padding: 5px;
	            margin: 0px 5px 2px 20px;
             	 font-size: 1.2em;  
         }
    .vlajka{
      position: absolute;
      right: 45px;
      top: 175px;
      }
    .vlajkade{
      position: absolute;
      right: 70px;
      top: 175px;
      }
    .vlajkagb{
      position: absolute;
      right: 95px;
      top: 175px;
      }
     .vlajkacz{
      position: absolute;
      right: 20px;
      top: 175px;     
     } 
     .vlajkaes{
      position: absolute;
      right: 20px;
      top: 175px;     
     } 
     .vlajkaru{
      position: absolute;
      right: 125px;
      top: 175px;     
     } 
     .vlajkafr{
      position: absolute;
      right: 150px;
      top: 175px;     
     } 
          
    .levy{
      background: #FAF8CC;
      font-size: 180%;
      color: #FFFFFF;      
      position: absolute;
      top: 246px;      
      _top: 240px;
      left: 0px;
      width: 170px; _width: 170px;
      height: 2740px;_height: 2760px;
      padding: 5px 0px;
      }
    .pravy{
      background: #FAF8CC;
      font-size: 180%;
      color: #800000; 
      position: absolute;
      top: 246px;
      _top: 240px;
      left: 824px;
      width: 172px;
      height: 2740px;_height: 2760px;
      padding: 5px 0;
     }                   
     .menupr{
      color: #FFFFFF;
      background: #a0522d; 
      }
      .blok1-nadpis {
	       color: #ffffff;
	       background-color: #AF7817;
	       font-size: 11px; 
	       font-weight: bold; 
	       font-family: Verdana, "Geneva CE", lucida, sans-serif;
	       text-transform: uppercase;
	       text-align: center; 
	       border-top: 1px solid #aaa;     
	       border-right: 1px solid #aaa;    
	       border-bottom: 0px solid #aaa;    
	       border-left: 1px solid #aaa;   
	       margin: 0px 0px 0px 0px; _margin: 0px 3px 0px 3px;
	       padding: 3px 0px 3px 0px; _padding: 3px 5px 3px 0px;
	       width: 126px; _width: 11.2em;
	
      }
      .blok11-nadpis {
	       color: #ffffff;
	       background-color: #AF7817;
	       font-size: 11px; 
	       font-weight: bold; 
	       font-family: Verdana, "Geneva CE", lucida, sans-serif;
	       text-transform: uppercase;
	       text-align: center; 
	       border-top: 1px solid #aaa;     
	       border-right: 1px solid #aaa;    
	       border-bottom: 0px solid #aaa;    
	       border-left: 1px solid #aaa;   
	       margin: 14px 5px 2px 20px; _margin: 0px 5px 2px 20px;
	       padding: 3px 0px 3px 0px; _padding: 3px 5px 3px 5px;
	       width: 145px; _width: 13.4em;
	      }
      .blok111-stred {
	       color: #ffffff;
	       background-color: #AF7817;
	       font-size: 11px; 
	       font-weight: bold; 
	       font-family: Verdana, "Geneva CE", lucida, sans-serif;
	       text-transform: uppercase;
	       text-align: center; 
	       width: 592px; _width: 592px;
	       border-top: 1px solid #aaa;     
	       border-right: 1px solid #aaa;    
	       border-bottom: 0px solid #aaa;    
	       border-left: 1px solid #aaa;   
	       margin: 15px 20px 0 30px;  _margin: 20px 5px 2px 0px;
	       padding: 3px 0px 3px 0px; _padding: 3px 5px 3px 5px;
	      }
      .blok111-nadpis {
	       color: #ffffff;
	       background-color: #AF7817;
	       font-size: 11px; 
	       font-weight: bold; 
	       font-family: Verdana, "Geneva CE", lucida, sans-serif;
	       text-transform: uppercase;
	       text-align: center; 
	       border-top: 1px solid #aaa;     
	       border-right: 1px solid #aaa;    
	       border-bottom: 0px solid #aaa;    
	       border-left: 1px solid #aaa;   
	       margin: 0px 20px 0 0px;  _margin: 0px 5px 2px 0px;
	       padding: 3px 0px 3px 0px; _padding: 3px 5px 3px 5px;
	       width: 130px; _width: 11.4em;
	      }
	      
    .strednim{
      font-size: 180%;
      border-top: thin solid #800000;        
      background: #FAFAD2;
      color: black;
      position: absolute;
      top: 200px;
      _top: 190px;
      left: 0px; 
      width: 1000px; _width: 1000px;      
      height: 2800px;_height: 2810px;
      padding: 0px 0; _padding: 5px 0;
      overflow: visite;
      overflow-y: visite;
     }
   
    .stredni_blok{
      font-size: 110%;
      color: #800000;
      background: #FFFF99;
      height: 60px;
      margin: 0;
      padding: 5px;
      text-align: left;
     }
    .stredni_blok1{
      font-size: 110%;
      color: #800000;
      background: #FFCC66;
      height: 60px;
      margin: 0;
      padding: 5px;
      text-align: left;
     } 
    a.prvni{
      color: #800000;
      background-color: #FAFAD2;
      text-decoration: none;
      display: block;
      }
     a.prvni:hover{
      color: #FFFFFF;
      background: #A0522D;
      display: block;
      width: 100%;
      }
		 a.prvni:focus{
      background-color: #800000;
      display: block;
      }
     a.druhy{
      background-color: transparent;
      color: #fa8072;
      text-decoration: none;
     }
     a.druhy:hover{
      color: #FF0033;
      text-decoration: underline;
      } 
     p a.druhy2{
      background-color: transparent;
      color: #800000 ;
      text-decoration: none;
     }
     p a.druhy2:hover{
      color: #FF0033;
      } 
     .treti{
      color: #800000;
      background-color: #FBB117; 

     } 
     .treti:hover{
      color: #a0522d;
      background-color: #FBB117;
      
     }
     .odkaz{
      color: #CC0000;
      text-decoration: underline;
      font-size: 40%;
      text-align: left;
     }
     p.prvni{
      font-size: 60%;
      line-height: 150%;
     } 
     p.prvni1{
      font-size: 60%;
      line-height: 150%;
      text-align: center;
     } 
     
     ul{
      font-size: 45%;
      }
     ul.seznam{
      font-size: 90%;
     } 
     ol.seznam{
      font-size: 90%;
     }
     td{
      border: 1px solid #800000;
      padding: 0 5px;
      text-align: center;
      font-size: 110%;
      color: #800000;
      height: 35px;
      }
     th{
      border: 1px solid #800000;
      background: #cd853f; 
      padding: 0 5px;
      font-size: 120%;
      text-align: center;
      color: #800000;
      }
     td.prvni{ 
      border: 1px solid #800000;
      padding: 0 5px;
      text-align: center;
      color: #800000;
      }
     .druhyt{
      width: 480px;
      font-size: 40%;
      font-weight: bolder;
      border-collapse: collapse;
      table-layout: auto;
      border-width: 3px;
      border-color: #800000;

      }
      td.druhy{
      width: 60px;
      }
      table.druhy{
      border-collapse: collapse;
      }
      table.treti{
      border-collapse: collapse;
      width: 600px;
      border: 0px;
      border-style: none;
      }
      .ctvrty{
      width: 300px;
      font-size: 40%;
      border-style: none;
      margin: 0 0 0 40px;

      }
      .text td{
        width: 600px;
        height:10px; 
        border-style: none;
        font-size: 75%;
        font-weight: bold;  
        color: black; 
           }
     font{
      color: red;
      font-size: 100%;
     } 
     font.vyr{
      color: #800000;
      letter-spacing: 7px; 
      font-weight: bold;
     }
      font.vyr1{
      color: #ff0000;
      letter-spacing: 7px; 
      font-weight: bold;
     }
      font.vyr2{
      color: #ff0000;
      letter-spacing: 7px; 
      font-weight: bold;
     }
     .zvyr{
     font-size: 130%;
     text-decoration: underline;
     }
     .obrazek{
       position: absolute;
      left: 100px;
     }
     .obrazek1{
       height: 90px;
       width: 120px;
       float: right;
       right: 30px;
       margin: 10px 35px 0 10px;
       
     }
      .obrazek11{
       height: 160px;
       width: 200px;
       float: right;
       right: 30px;
       margin: 10px 35px 0 10px;
       
     }

     .obrazek2{
       position: relative;
       height:100px;
       width:200px;
       float: right;
       right: 30px;
     }
     
     .obraz{
       position: relative;
       float: right;
       right: 30px;
     }
      .obraz1{
       position: relative;
       float: left;
      margin: 0 10px 0 15px;
     }
      a img{
        color: #800000; 
        border: none;
     }
      a img:hover{
        color: #800000; 
     }
     .blok{
         float: left;
         margin: 15px 10px 0 10px;
     }
      ol{
       text-align: left;
       padding: 20px;
       font-size: 45%;
     }
      hr{
       width: 590px; 
       background-color: #FFCC66;
       border-width: 0px;
       height: 2px;
      }
      .pravy h3 {
       text-align: center;
       font-size:60%;
       }
     .pravy h4{
      font-size: 40%;
      padding: 0;
      margin: 0 5px 0 10px;
     }
     .pravy p{
      font-size: 30%;
      padding: 0;
      margin: 0 5px 0 10px;
      text-align: left;
     }
     .pravy p a{
      font-size: 5O%;
      padding: 0;
      margin: 0 5px 0 10px;
      text-align: left;
      background-color: transparent;
      color: #CC0000;

     }
       .nadpis{
        text-align: center;
      }
      .stredni table{
     border-style: 0;
     border-collapse: collapse;
     
     }