@font-face {
    font-family: 'Ubuntu-Light'; /*a name to be used later*/
    src: url('../font/Ubuntu-Light.ttf'), url('../font/Ubuntu-Light.eot'); /*URL to font*/ 
}

body {
   
   left: 0px;
   top: 0px;
   width: 100%;  
     margin: 0px auto;
     padding: 0px;
     }
/*
#chyba_admin {
   position: relative;
   width: 100%;
   top: 0px;
   padding: 10px 0px 10px 0px;
   text-align: center;
   background-color: #c50000;
   color: #fff;          
   font-family: "Ubuntu-Light";
   font-size: 20px;          
}       */

              
#top_panel {
   position: relative;
   width: 100%;
   background-color: rgb(14,14,14);
   min-height: 50px;
   color: #e3e2e2;
   font-family: "Ubuntu-Light";
   padding: 5px 0px 0px 20px;
   box-sizing: border-box;
    
           }
           
#top_panel a:link, #top_panel a:visited, #top_panel a:hover, #top_panel a:active, #top_panel a:focus{
	color: #e3e2e2;
	text-decoration: none; 
}            
.nazev {
   margin-top: 3px;
   font-size: 25px;
   font-weight: bold;    
   float: left;    
   height: 60px;    
       }
       
.ikony {
  position: relative;
   float: right;
   padding: 0px 20px 0px 0px;    
   height: 50px; 
      
       }
       
.uzivatel {
    position: relative;      
     top: -7px;  
     margin-left: 10px; 
     height: 50px;  
          } 
          
.clear {
    clear: both;   
       
       }                


#menu {
   position: relative;
   top: -19px;
   float: left;   
     
      
      }
      
.container {
   position: relative;
   float: left;
   width: 80%;
         
           
           }  
           
.container_graph {
   position: relative;
  margin: 0px auto;
   width: 35%;
         
           
           }             
           
 H1 {
     font-family: "Ubuntu-Light";         
     text-align: center;         
              }              
              
                    

@media (max-width: 800px) {
  
  
  #top_panel {
   height: 120px;
   }
  
  .ikony {
  float: left;       
         } 
   
  .uzivatel {
  float: right; 
  top: 10px;         
            
            } 
            
  #menu {
   top: -1px;     
        
        }            
   
  }
  
  
  
#red {
background-color: red;

}