/* CSS Document */
<style type="text/css">

p {font: 1em verdana, Arial, sans-serif;} /* nastavení fontu pro celý dokument */
* {margin:0; padding:0;}

div#obal {width: 1000px;} /* šířka nutná při centrování návrhu */

/* velikost hlavičky a orámování */
div#hlavicka {width: 1000px; 
              height: 160px; 
              border-bottom: 0px solid black;} 
              
 
/* podklad pod obsahem, navigací a pravým sloupcem */                           
div#obalsloupce {float: left; 
                 width: 1000px; 
                 background-color: white;} 
                
/* pozicování navigačního panelu */                 
div#nav {float: left; 
         width: 220px; 
         margin-left: -820px;} /* záporný vnější okraj tlačí navigaci na své místo */

/* pozicování obsahu */         
div#obsah {float: left; 
           width: 600px; 
           margin-left: 210px; 
           display: inline;} /* display: inline je trik pro IE */

/* pozicování pravého sloupce */           
div#pravysloupec {float: right; 
                  width: 156px}

/* pozicování patičky */                  
div#paticka {width: 1000px;}

.konecobtekani {clear: both;}


/* obsah */
div#obsah {padding: 0 0}

div#obsahinner {margin: 0 10px 10px; }

/* nastavení obrázku v obsahu */
div#obsah div#obrazekvtextu {width: 150px; /* šířka obrázku */ 
                             float: left; 
                             margin: 25px 100px 10px 0px;} /* obtékání obrázku - nahoře, napravo, dole, vlevo */
                             
/* rámeček okolo hlavního obrázku */                             
div#obsah div#obrazekvtextu img {border: 0px solid black;}

/* popis hlavního obrázku */
div#obsah div#obrazekvtextu p {font-size: .7em; 
                               margin: 5px 5px; 
                               color: #069; 
                               text-align: center;}

div#obsah div#hlavniobrazek {width: 180px; /* šířka obrázku */ 
                             float: left; 
                             margin: -10px 40px 10px 4px;} /* obtékání obrázku - nahoře, napravo, dole, vlevo */
                             
/* rámeček okolo hlavního obrázku */                             
div#obsah div#hlavniobrazek img {border: 1px solid black;}

/* popis hlavního obrázku */
div#obsah div#hlavniobrazek p {font-size: .7em; 
                               margin: 5px 5px; 
                               color: #069; 
                               text-align: center;}

div#obsah h5 {font-family: 'verdana', tahoma, sans-serif; 
              font-size: 0.9em; 
              color: #009966;
              text-decoration: none;}

div#obsah h4 {font-family: 'verdana', tahoma, sans-serif; 
              font-size: 1.2em; 
              color: black;
              text-decoration: none;}                               
                               
div#obsah h3 {font-family: 'verdana', tahoma, sans-serif; 
              font-size: 1em; 
              color: black;}
              
div#obsah h2 {font-family: 'verdana', tahoma, sans-serif; 
              font-size: 1.2em; 
              color: #069;
              text-decoration: underline;}
              
div#obsah h1{font-family: 'verdana', tahoma, sans-serif; 
             font-size: 2.0em; 
             font-variant: small-caps; 
             margin-top: .5em; 
             color: #069;}
             
div#obsah p {font-family: 'verdana', tahoma, sans-serif; 
             font-size: 0.8em; 
             margin-top: 0; 
             margin-bottom: .3em;}	
             
div#obsah li {font-family: 'verdana', tahoma, sans-serif; 
              font-size: 1.2em;}
              
div#obsah blockquote {width: 400px; 
                      float: right; 
                      font-size: .9em; 
                      border-top: 3px dotted black; 
                      border-bottom: 2px dotted #960; 
                      margin: 0 10px; 
                      padding: 6px 10px;}
                      
div#obsah blockquote p {margin: 0; 
                        font-style: italic;}
                        
div#obsah a img {border: 0px;}                        
                        
div#obsah a {font-family: 'verdana', tahoma, sans-serif;
             text-decoration: underline; 
             color: blue;
             font-size: .9em;}
             
div#obsah a:hover {font-family: 'verdana', tahoma, sans-serif;
                   color: #069; 
                   text-decoration: none; 
                   font-weight: bold; 
                   font-size: .9em;}
                   
div#tipy h2 {color: #069;
             font-size: 1.2em;
             font-family: verdana, tahoma, sans serif;
             text-align: center;
             text-decoration: none;}
             
div#tipy a {text-align: center;
            text-decoration:none;
            color: black;
            font-weight: bold;}

div#tipy a:hover {text-align: center;
                  text-decoration: none;
                  font-weight: bold;
                  color: #009966;}

/*tabulka */
table {width: 600px;
       table-layout: fixed;}

div#tabulka td a { font-size: 1.0em;
       width: 20px; 
       height: 30px; 
       text-align: justify;
       font-weight: bold; 
       background-color: rgb(255,255,204); 
       text-decoration: none;
       color: green;}
       
div#tabulka th  { font-family: 'tahoma', verdana, sans-serif; 
      font-size: 1.2em; 
      color: black;
      width: 20px; 
      height: 30px; 
      text-align: center; 
      background-color: rgb(189,221,253);}
       
div#tabulka td  { font-family: 'tahoma', verdana, sans-serif; 
      font-size: 0.9em; 
      color: red;
      width: 20px; 
      height: 30px; 
      text-align: center; 
      background-color: rgb(255,255,204);}
      
div#tabulka td a:hover {text-decoration: none;
                        background-color: rgb(255,255,204);
                        color: red;
                        font-size: 1.1em;}  

                              


/* navigace */
div#nav {background-color: white; 
         padding-top: 0px;}
         
div#nav ul {border: 20px; 
            margin: 5px 1.25em 12px 1.25em; 
            padding: 0px; 
            list-style-type: none; 
            font-weight: bold; 
            font-family: tahoma, verdana, sans serif ms; 
            font-size: 1.3em;}
            
div#nav li {border-bottom: 1px solid #069; 
            padding-top: .5em; 
            padding-bottom: .5em;}
            
div#nav li:first-child {border-top: 2px;}
div#nav a {text-decoration: none; 
           color: black;}

div#nav a:hover {color: #069;} 

/* trik pro IE pro Windows \*/	
* html div#nav ul {border-top: 2px;} 
/* konec triku */


/* pravý sloupec */
div#pravysloupec {font-family: 'tahoma', verdana, sans-serif; 
                  padding-top: 5px;
                  padding-bottom: 20px; 
                  border-bottom: 0px solid black;}
                  
div#pravysloupec p {font-size: .8em; 
                    color: black; 
                    text-align: center;}
                    
div#pravysloupec img {border: none; 
                      border-top: 2px; 
                      padding-top: 20px; 
                      margin: 10px 10px 10px 30px;}
                      
div#pravysloupec div#zpravy ul {list-style-type: none; 
                                font-size: .8em; 
                                padding-left: 10px; 
                                margin: 0 6px 0 0;}
                                
div#pravysloupec div#zpravy li {margin-top: 0; 
                                margin-bottom: .5em;}
                                
div#pravysloupec h1 {text-align: center;
                     font-style: bold; 
                     font-size: 1.2em; 
                     margin-bottom: 0px; 
                     padding-top: 3px; 
                     border-top: 2px;
                     color: #069;}
                     
div#pravysloupec h2 {text-align: center; 
                     font-size: 1em; 
                     font-style: bold; 
                     margin-bottom: 0px; 
                     padding-top: 3px; 
                     border-top: 2px;}
                     
div#pravysloupec h3 {text-align: center; 
                     font-size: .8em; 
                     font-style: bold; 
                     margin-bottom: 0px; 
                     padding-top: 3px; 
                     border-top: 2px;}
                     
div#pravysloupec a {text-decoration: none; 
                    color: black;}
                    
div#pravysloupec a:hover {color: #009966; 
                          text-decoration: none;}
                          
div#pravysloupec li.odkaz-vice {font-style: italic;}


/* patička*/
div#paticka a {text-decoration: none;}

div#paticka {padding: 4px 0; /* tlačí odkaz pd horní a dolní strany bloku div */
					   font-size: .75em;  /* nastavuje velikost písma všem odkazů */
					   font-family: tahoma, verdana, sans serif ms;
					   text-align: center; /* zárovnává na střed všechny prvky ul v bloku  */
					   background-color: white; /* nastavuje barvu pozadí bloku div */
					   border-top: 1px solid; 
             border-bottom: 2px solid #069;}
          
 div#paticka ul {margin: 2px 0;} /* vertikální prostor mezi seznamy */
 
 div#paticka li {display: inline; /* klíčové CSS - seznamy se zobrazí horizontálně */
						     color: #069; /* nastavuje barvu svislých linek  */
						     border-left: 1px solid; /* vytváří svislé linky nalevo od každé položky seznamu */
						     color: #069; /* nastavuje barvu svislé linky - odkazy jsou obarveny níže  */
						     padding: 0 5px 0 9px; } /* horizontální prostor mezi odkazy a svislou linkou - levá a pravá hodnota nutná pro centrování */
						
 div#paticka li:first-child {border-left: 0;} /* odstraní levý rámeček první položce seznamu - IDWIMIE */
 
 div#paticka ul li a {text-decoration: none; /* odstraňuje podtržení odkazů  */
 						          color: black; }/* barva odkazů  */
							 
 div#paticka ul li a:hover {text-decoration: none; 
                            color: #069;} /* podtržení odkazů při najetí myší */
                            
 div#paticka ul.drobnepismo li {color: #C069;} /* barva bloku copyright a sviclích linek v posledním řádku  */
 
 div#paticka ul.drobnepismo li a {color: #C60;} /* je třeba explicitně definovat barvu, nebo ji nechat zdědit od div#paticka li */
 
  div#paticka ul.drobnepismo li a:hover {color: #960;} /* bílé orkazy při najetí myší */
</style>