@media screen and (min-width: 650px) 
{
/* CSS knihovna pro Beskydy2 */
body    {max-width:1010px; }  


#ctrlHlava   {display:flex; }
#ctrlHlava_1 {display:inline-block;
              width:70%; 
              text-align:left;
              /*clear:both;*/
              }
#ctrlHlava_2 {display:inline-block; 
              float:right; 
              vertical-align:top; 
              flex:auto; 
              /*border:1px solid red;*/}

#ctrlHlava_21   {width:75%; 
                 text-align:right;    }
#ctrlHlava_22   {width:auto;}
#ctrlHlava_23   {display:inline-block;
                 vertical-align:middle;
                 font-size:0.75em;
                 line-height:1.8em;
                 font-weight:bold;
                 width:89%;
                 text-align:right;
                 /*border:1px solid blue;*/
                 }                     

#ctrlMenu_mobil {display:none;  }
#ctrlMenu_desktop {display:flex; width:auto; /*border:1px solid red;*/}
#ctrlMenu_desktop li {display:inline-block; flex:auto; list-style-type: none; }
#ctrlMenu_desktop li:hover ul, ul.menu li.hover ul { position:absolute;}
#ctrlMenu_desktop li li {display:block;  }        

#ctrlMenu_desktop:hover  {display:flex;  }
}
/*---------------------------------------------*/

@media screen and (min-width: 740px) 
{

#ctrlPata    {display:block; }
#ctrlPata_1  {display:flex;
              text-align:center; 
              width:auto;
              /*border:1px solid blue;*/
              }
#ctrlPata_11 
{   display:inline-block;
    flex:auto;
    }              
#ctrlPata_12
{   display:inline-block;
    flex:auto;
    }              
#ctrlPata_1 a {display:inline-block; flex:auto;}          
#ctrlPata_1 a:hover {/*text-decoration:underline;*/ color:White;}

#ctrlPata_2  {display:flex;
              text-align:center;
              width:auto;
              /*border:1px solid red;*/}
#ctrlPata_2 a {display:inline-block; flex:auto;}          

}                     

}


/* ----------------------------------------------------------------------*/
.loader {
  border: 4px solid #e8e8e7;
  border-radius: 50%;
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  width: 14px;
  height: 14px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 3s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}