/* CSS Document */
body { 
    margin: 0; 
    padding: 0; 
    font-family: Arial,sans-serif;
    background: url(../img/pozadi2.png);
    }
header {
    background: white;
    height: 80px;
    box-sizing: border-box;
    }
#logo1 {
	visibility: hidden;
}
#header-wrapper {
    margin: auto;
    max-width: 1200px;
    }   
#header-wrapper span {
    float: right;
    } 
#nav-wrapper {
    max-width: 1200px;
    margin: auto;
    }     
nav {
    width: 100%;
    height: 50px;
    background: rgba(0,115,190,.8);
    border-top: 1px solid rgba(0,83,164,.2); 
    border-bottom: 1px solid rgba(0,83,164,.2); 
    position: sticky;
    top: 0px;
    } 
#border-left {
    border-left: 1px solid rgba(0,83,164,1);
    }    
.borders {
    border-right: 1px solid rgba(0,83,164,1); 
    }       
nav ul { 
    display: flex;
    margin: 0;
    float: left;
    line-height: 50px;
     }
   
nav ul li {
    float: left;
    list-style: none;
    position: relative;
    width: 150px;
    text-align: center;
    }     
nav ul li a { 
    display: block;
    color: white;
    font-size: 14px;
    text-decoration: none;
    } 
nav ul li a:hover { 
    background: #0053A4;
    }    
nav ul li ul {
    display: none;
    position: absolute;
    background: rgba(0,115,190,.8);
    padding: 0;
    } 
nav ul li:hover ul {
    display: block;
    } 
nav ul li ul li {
    width: 200px;
    }       
          
/*-------------------------------------------- start SECTION ----------------------------------------*/
               
#section-wrapper { 
	background: url(../img/pozadi2.png);
    width: 100%;
   
    }   

 
section {
    max-width: 1200px;
    margin: 0 auto;
	background: white;
    }  
#section-left {
	background: lightblue;
	padding-top: 20px;
	padding: 10px;
	width: 30%;
	box-sizing: border-box;
	float: left;
	height: 60vh;
}
#section-right {
	width: 70%;
	box-sizing: border-box;
	float: right;
}
section img {
		width: 100%;
		max-width: 600px;
}
		
           
footer {
    background: #0053A4;
    clear:both;
	color: white;
	display: block;
    }

/* -----------------------------------------------------MEDIA------------------------------------------*/

@media screen and (max-width: 758px) {

#logo {
	display: none;
	}
#logo1 {
	visibility: visible;
	}
header {
   height: 60px;
   }

nav {
    height: 35px;
    }    
 nav ul { 
    line-height: 35px;
     }
nav ul li {
    list-style: none;
    width: 105px;
    text-align: center;
    }  
nav ul li a { 
    font-size: 12px;
    }  
section {
    max-width: 758px;
    margin: 0 auto;
    }     
section ul {   
    padding: 100px 0 0 0;
         }   
          
#header-wrapper span {
    float: right;
    padding-right: 60px;
    }    
#section-wrapper {
    max-width: 758px;
    }   
	
#section-wrapper {
    background-position: center;
    width: 100%;
    max-height: 502px;
    }  
#section-left {
	float: none;
	height: auto;
	width: 100%;
}
#section-right {
	float: none;
	width: 100%;
}	
section img {
		max-width: 100%;
} 	
footer {  /*----------------------FOOTER vymazan---------------*/
	display: none;
	}
	 
/* ------- NOVE ------ mozno vymazat, pokud bude delat NEPLECHU -------------- */
#header-wrapper {
    margin: auto;
    max-width: 758px;
    }   
#nav-wrapper {
    max-width: 758px;
    margin: auto;
    } 	 

	

}