body { 
      background:  url(o/and_h.gif) no-repeat fixed ;
      margin: 40px 10px 10px 40px;
      padding: 20px 10px 10px 10px;
      color: #757575;
      font: x-small "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; 
      letter-spacing: 0px; 
      } 
      
h1 {
      font-size: small;
      margin: 30px 0px 15px 5px; 
      padding: 1px  5px 1px 5px; 
      border: solid;  
      border-width: 0px 0px 0px 0px;
      position: relative;  
      width: 300px; 
      height: auto; 
      text-align: left; 
      z-index: 2;

      }
                          
      
h2 {
      font-weight: normal;
      font-size: x-small;
      background: #E7E7E7; 
      margin: 15px 0px -15px 20px; 
      padding: 1px  5px 1px 5px; 
      border: solid;  
      border-color:  #CCCCCC;
      border-width: 1px 1px 1px 1px;
      position: relative;  
      width: 200px; 
      height: auto; 
      text-align: left; 
      z-index: 2;
      color:#000000;
      } 
      
h2 A { 

      margin: 0px 0px -15px 5px; 
      color:#000000;

}      
                   
h4{   
      font-size:xx-small;
      font-weight: bold;
      letter-spacing: 2px;
      margin: 0px 0px 0px 0px; 
      padding: 5px  0px 3px 0px; 
      border: solid;  
      border-color:  #EFEFEF;
      border-width: 0px 0px 1px 0px;
      height: auto; 
      text-align: left;
      color:#818181;
      }            
p { 
      margin: 0px 5px 30px 5px;
      padding: 20px 10px 10px 15px;
      border: solid;  
      border-color:  #D5D5D5;
      border-width: 1px 0px 0px 1px;
      position: relative;  
      width: 290px;                                           
      height: auto; 
      text-align: left;
      background: #FFFFFF;
      z-index: 1;
      color:#757575;
      }     
      
a {
      text-decoration: none;
      color:#000000;
      ;
      }      
      
            

      
a:hover{                                              
      color: #FFFFFF;
      background: #757575;
      text-decoration: none;
      }    
      
.top {
      background: ;
      width: 420px; 
      height: 20px;
      text-align: left; 
      word-spacing: 3px; 
      position: relative; 
      margin: 0px 0px 55px 5px;
      padding: 0px 0px 0px 15px;
      } 
        
.navigation { 
      margin: 0px 5px 35px 55px;
      padding: 0px 0px 0px 9px;
      border: solid;  
      border-color:  #666666;
      border-width: 1px 0px 0px 0px;
      position: absolute; 
      top:95px;
      left:0px; 
      width: 460px; 
      height: auto; 
      text-align: left; 
      font-size: xx-small; 
      display: inline;
      } 
           
.sekce {
      border: none;  
      border-color:  #666666;
      border-width: 1px 0px 1px 0px;
      margin: 0px 0px 0px 1px;      
      padding: 1px 0px 1px 0px;
      position: relative;  
      display: inline;
      letter-spacing: 1px; 
      }   
      
           
.asekce {                    
      border: none;  
      border-color:  #666666;
      border-width: 1px 0px 0px 0px; 
      margin: 0px 0px 0px 1px;           
      padding: 1px 0px 1px 0px;
      position: relative;  
      display: inline;
      letter-spacing: 1px; 
      }
      
.asekce A {
      color: #CCCCCC;
      background: #757575;
      }
.asekce A:hover {
      color: #FFFFFF;
      text-decoration: none;
      }
      
.sekce A:hover {
      color: #FFFFFF;
      background: #757575;
      text-decoration: none;
      }
      
.sekce A {
                             
      }
                                                             
.kanal  {
      color: #FFFFFF;
      letter-spacing: 0px;
      font-size: 95%;
      margin: 0px 5px 0px 5px;
      padding: 0px 5px 0px 10px;
      border: solid;  
      border-color:  #CCCCCC;
      border-width: 0px 0px 0px 1px;
      position: absolute;
      top: 140px;                                           
      left: 370px;   
      width: 160px;                                           
      text-align: left;
      z-index: 3;
      background: #FFFFFF; 
      
      }  
#jedna {

      color: #757575;
      height: auto;  
      }  

#dva {

      color: #445566;

      }   
 
#tri {
      background: #FFFFFF;
      color: #757575;
      height: auto; 
      }       
      
         
.ctverecky  {
      display: block;
      letter-spacing: 0px;
      font-size: 5px;  
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      border: none;  
      border-color:  #CCCCCC;
      border-width: 1px 1px 1px 1px;
      position: absolute;
      top: 5px;                                           
      left: 370px;  
      width: 110px;                                           
      height: 5px; 
      text-align: right;
      z-index: 3;
      }            
.ctverecekr  {
      display: inline;
      letter-spacing: 0px;
      font-size: 5px; 
      background: #003399; 
      color: #003399; 
      margin: 0px 5px 0px 5px;
      padding: 1px 1px 1px 1px;
      border: none;  
      border-color:  #CCCCCC;
      border-width: 1px 1px 1px 1px;
      position: relative;
      width: 10px;                                           
      height: 5px; 
      text-align: left;
      z-index: 3;
      }     
 .ctverecekzl  {
      display: inline;
      letter-spacing: 0px;
      font-size: 5px; 
      background: #FF9900; 
      color: #FF9900; 
      margin: 0px 5px 0px 5px;
      padding: 1px 1px 1px 1px;
      border: none;  
      border-color:  #CCCCCC;
      border-width: 1px 1px 1px 1px;
      position: relative;
      width: 10px;                                           
      height: 5px; 
      text-align: left;
      z-index: 3;
      }  
.ctverecekz  {
      display: inline;
      letter-spacing: 0px;
      font-size: 5px; 
      background: #769067; 
      color: #769067; 
      margin: 0px 5px 0px 5px;
      padding: 1px 1px 1px 1px;
      border: none;  
      border-color:  #CCCCCC;
      border-width: 1px 1px 1px 1px;
      position: relative;
      width: 10px;                                           
      height: 5px; 
      text-align: left;
      z-index: 3;
      }
      
.ctverecekh  {
      display: inline;
      letter-spacing: 0px;
      font-size: 5px; 
      background: #996600; 
      color: #996600; 
      margin: 0px 5px 0px 5px;
      padding: 1px 1px 1px 1px;
      border: none;  
      border-color:  #CCCCCC;
      border-width: 1px 1px 1px 1px;
      position: relative;
      width: 10px;                                           
      height: 5px; 
      text-align: left;
      z-index: 3;
      } 
            
.ctverecekw  {
      display: inline;
      letter-spacing: 0px;
      font-size: 5px; 
      background: #FFFFFF; 
      color: #FFFFFF; 
      margin: 0px 5px 0px 5px;
      padding: 1px 1px 1px 1px;
      border: none;  
      border-color:  #CCCCCC;
      border-width: 1px 1px 1px 1px;
      position: relative;
      width: 10px;                                           
      height: 5px; 
      text-align: left;
      z-index: 3;
      } 
      
.ctverecekb  {
      display: inline;
      letter-spacing: 0px;
      font-size: 5px; 
      background: #000000; 
      color: #000000; 
      margin: 0px 5px 0px 5px;
      padding: 1px 1px 1px 1px;
      border: none;  
      border-color:  #CCCCCC;
      border-width: 1px 1px 1px 1px;
      position: relative;
      width: 10px;                                           
      height: 5px; 
      text-align: left;
      z-index: 3;
      }  
       
.ctverecekr A:hover {
      color: #CC0000; 
      }  
.ctverecekzl A:hover {
      color: #FFCC00; 
      }        
.ctverecekz A:hover{
      color: #006600;  
      }
.ctverecekh A:hover {
      color: #996600;  
      }  
.ctverecekw A:hover{
      color: #FFFFFF;  
      }
.ctverecekb A:hover {
      color: #000000;  
      }             
      
.ctverecekr A {
      color: #CC0000; 
      }  
.ctverecekzl A {
      color: #FFCC00; 
      }        
.ctverecekz A {
      color: #006600;  
      }
.ctverecekh A {
     color: #996600; 
      }  
.ctverecekw A {
      color: #FFFFFF;  
      }
.ctverecekb A {
      font-decoration:none;
      color: #000000; 
      } 

#top {
      padding: 10px 10px 10px 10px;
      background: ; 
      border: none;  
      border-color:  #CCCCCC;
      border-width: 1px 1px 1px 1px;      
} 

.port {
      padding: 1px 2px 5px 15px;
      margin: 5px 5px 5px 5px;
      }  


.datum {
      font-size: xx-small ;
      padding: 0px 0px 0px 0px;     
      margin: 0px 0px 0px 0px;
      background: #FFFFFF; 
      border: none;  
      border-color:  #CCCCCC;
      border-width: 1px 1px 1px 1px;
      display: block;
      letter-spacing: 0px; 
      text-align: right;
      z-index: 1;

      }
      
.nazev {
      font-size:x-small ;
      font-style:italic ;
      padding: 0px 5px 0px 0px;     
      margin: 0px 0px 0px 0px;
      background: ; 
      border: none;  
      border-color:  #CCCCCC;
      border-width: 1px 1px 1px 1px;
      display: block;
      letter-spacing: 0px; 
      text-align: left;
      color: #000000;
      }
      
            
.zadani { 
      font-size:xx-small ;
      padding: 0px 5px 0px 0px;     
      margin: 5px 0px 5px 15px;
      background: ; 
      border: none;  
      border-color:  #CCCCCC;
      border-width: 1px 1px 1px 1px;
      display: inline;
      letter-spacing: 0px; 
      text-align: left;
      }
             
.technologie {
      font-size:xx-small ;
      padding: 0px 5px 0px 0px;     
      margin: 0px 0px 5px 15px;
      background: ; 
      border: none;  
      border-color:  #CCCCCC;
      border-width: 1px 1px 1px 1px;
      display: block;
      letter-spacing: 0px; 
      text-align: left;
      }
            
.udrzba  {
      font-size:xx-small ;
      padding: 0px 5px 0px 0px;     
      margin: 0px 0px 0px 15px;
      background: ; 
      border: none;  
      border-color:  #CCCCCC;
      border-width: 1px 1px 1px 1px;
      display: block;
      letter-spacing: 0px; 
      text-align: left;
      }
       
.hosting {
      font-size:xx-small ;
      padding: 0px 5px 0px 0px;     
      margin: -10px 0px 0px 0px;
      background: ; 
      border: none;  
      border-color:  #CCCCCC;
      border-width: 1px 1px 1px 1px;
      display: block;
      letter-spacing: 0px; 
      text-align: right;
      }     
a img  {
          
      margin: 20px 0px 0px 0px;      
      padding: 0px;     
      border: solid;  
      border-color:  #CCCCCC;
      border-width: 1px;
      }   
      
     input, textarea  {
      width:320px;      
      padding: 0px;     
      border: solid;  
      border-color:  #CCCCCC;
      border-width: 1px;
      background-color:#FFFFFF;
      color:#999999;
      } 
  
.kanal ul, .kanal ul li  {
      margin: 0;
      padding: 0;
      } 
.kanal ul {
      list-style:none;
      }  
.kanal ul li  {
      margin: 5px 0;    
      } 
.kanal ul li:first-letter  {
font-size:180%;
color:#fff;
display:inline-block;
padding:0 4px 0 2px;
margin:0 1px 0 0;
background:#757575;
font-weight:bold;
font-style:italic;
font-family:Garamond CE,Garamond, serif; 
-moz-border-radius: 3px;
      }
                 
.kanal ul li a {
font-size:115% !important;
display:block;
text-align:right;
      }   
      
.kanal ul li span a {
font-size:100%;
text-decoration:underline;
display:inline;
      }