@charset "UTF-8";
/* CSS Document */
/* { } */


                           /*MENU na hlavní stránce*/


/* The navigation menu */
.navbar {
    overflow: visible;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	
	z-index: 100;
}



/* Odkazy v hlavním menu */
.navbar a {
    font-size: 14px; /* Stejná velikost jako subnavbtn */
    
    text-decoration: none;
    color: black;
    text-transform: uppercase;
    display: inline-block;
}

/* Hover efekt pro hlavní odkazy */
.navbar a:hover {
    color: grey;
}

.navbar .subnavbtn:hover {
    color: grey;
}



/* The subnavigation menu */
.subnav {
  float: center;            /*zarovnání hlavních položek menu doprostřed*/
  overflow: hidden;
    width: 60%;
}

/* Subnav button */
.subnavbtn {
	cursor: pointer;
  font-size: 14px; 
  border: none;
	background-color: white;
	color: black;
  outline: none; 
  font-family: inherit;
  margin: 0;
text-transform: uppercase;
	padding: 6px 8px;
	border-radius: 4px;
}




.subnav-content {
    display: none;               /* Skryté submenu */
    position: absolute;          /* Absolutní pozice pro submenu */
    background-color: white;     /* Barva pozadí submenu */
    border-radius: 4px;
    z-index: 100;                  /* Priorita zobrazení submenu */
}





/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
  	display: block;
    
}




.subnav-content a {
    display: block;       /* Každý odkaz zabírá celý řádek */
    text-align: left;   /* Text v odkazu je vycentrovaný */
    
    color: black;       /* Zachová aktuální barvu textu */
	
    padding: 6px 8px;           /* Odsazení odkazů */
    text-decoration: none;       /* Bez podtržení textu */
	text-transform: lowercase;
	z-index: 100;
}

/* Hover efekt na odkazy v submenu */
.subnav-content a:hover {
    background-color: #f1f1f1;   /* Barva pozadí při hover */
    color: grey;                 /* Barva textu při hover */
	border-radius: 4px;
}




/*Tablet view*/
@media (min-width : 768px ){

	 
 
    
.subnav {
    width: auto;
    /*position: relative;  */      /*!!!*/
    /*height: 150px;      pevná výška menu, aby byly vidět rozbalované položky; nutno předělat, aby se rozbalily přes obrázek*/
    display: inline-block;    /*zobrazení hlavních položek menu vedle sebe*/
	z-index: 100;
}	
}



/*Desktop view*/
@media (min-width: 1024px){

  
	
.navbar {
        height: 150px;
  		overflow: visible;
    	float: right;
    	text-align: center;
		text-decoration: none;
    }
    
    .subnav {
        height: 150px;    /* pevná výška menu, aby byly vidět rozbalované položky; nutno předělat, aby se rozbalily přes obrázek*/
        /*float: center;      zarovnání hlavních položek menu doprostřed*/
        display: inline-block;    /*zobrazení hlavních položek menu vedle sebe*/
        overflow: hidden;
}	
	
	
}




@media (max-width: 767px){

	
	.navbar {
		display: none;
	}	
	
}
