/**************************************************/
/* tělo stránky */
/**************************************************/

.wrapHeaderAndContent
{
    position: relative;
    flex: 1 0 auto;
    padding-bottom: 72px;
}



/************************************************/
/* header */
/************************************************/

.wrapFakeHeader
{
    height: 112px;
/*    height: 64px;*/
}

header, .wrapHeader
{
    flex-direction: column;        
    background: #ECFDFD;
    overflow: visible;
}

.wrapHeader.notVisibleFloatingMenuAtStart
{
    display: none;
}

.wrapHeader.notVisibleFloatingMenuAtStart.menuFloating
{
    display: block;
}

.wrapHeaderAndContent.stickHeaderHeaderAndContent
{
    margin-bottom: 130px;
}

header.stickHeader
{
    position: fixed;
    top: 0;
    
    width: 100%;
    height: 112px;
    z-index: 1000;
}

    .boxHeader
    {
        flex-direction: row;
        align-content: center;
    }
    
        /* logo */ 
        .wrapHeaderLogo, .boxHeaderContact
        {
            height: 112px;
        }
        
        .wrapHeaderLogo
        {
            align-content: center;
            justify-content: center;

            height: 112px;
            background: #a2f4f6;
        }

            .wrapHeaderLogo img
            {
                width: 75%;
                max-width: 75%;
            }


        /* kontakty v hlavičce */
        .wrapHeaderContact
        {

        }
        
            .boxHeaderContact
            {
                flex-direction: column;
                flex-wrap: wrap;
                
                float: left;
                padding: 0 16px;
            }         
            
            .boxHeaderContact + .boxHeaderContact
            {
                padding-left: 15px;
            }               
            
                .boxHeaderContact a, .boxHeaderContact a:hover
                {
                    display: block;
                    padding: 30px 0 0 0;
                    
                    color: #defa04;
                    font-size: 110%;
                    font-weight: 700;
                    text-decoration: none;
                }            
                
                .boxHeaderContact a:hover
                {
                    color: #fff;
                }  
                
                .boxHeaderContactDescription
                {
                    color: #fff;
                    font-size: 90%;                    
                }

                /* covid info - provz nepřerušen */
                .boxHeaderCovidDescription, .wrapAjaxContent .wrapMobileCovidDescription, .wrapContactCovidDescription
                {
                    color: orange;
                    font-size: 90%;
                    text-transform: uppercase;
                }

                .wrapAjaxContent .wrapMobileCovidDescription
                {
                    margin-top: 16px;
                    text-align: center;
                }

                 .wrapContactCovidDescription
                 {
                     margin-bottom: 48px;

                     font-size: 100%;
                     font-weight: 600;
                     text-align: center;
                 }


            /* teleon v hlavičce*/
            .wrapHeaderPhone
            {

            }

            /* email v hlavičce*/



        /* jazykové mutace */
      
    
        
    
    /* hlavní menu */
    .wrapMenuMain
    {
        float: left;
        justify-content: flex-end;
    }
    
    .wrapMenuMainHeader
    {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;

        height: 112px;
        padding-left: 48px;
    }
    
    .wrapMenuMobileHamburger
    {
        flex-direction: column;
        margin-top: 40px;
    }

        .wrapMenuMainHeader div.level1
        {
        }
        
        .wrapMenuMobileHamburger a
        {
            padding: 0;
        }                           
        
            .wrapMenuMainHeader div.level1 a
            {      
                padding: 46px 20px;
                margin: 0;
                border-bottom: 0;
            }           
        
            .wrapMenuMainHeader a, .wrapMenuMainHeader a:hover, .wrapMenuMainHeader div.level1:hover a,
            .wrapMenuMobileHamburger a, .wrapMenuMobileHamburger a:hover 
            {
                color: #042A2B;
                font-weight: 600;
                text-decoration: none;
                text-transform: uppercase;
                text-align: center;
            }    
            
            .wrapMenuMobileHamburger a, .wrapMenuMobileHamburger a:hover
            {
                display: block;
                padding: 15px;
                padding-left: 25px;
                
                font-size: 100%;
                text-align: left;
            }
            
            .wrapMenuMobileHamburger a.hidden
            {
                display: none;
            } 
                        
            
            .wrapMenuMainHeader div.level1 a:hover, .wrapMenuMainHeader a:hover
            {
                color: #D84727;                
            }            
                                       
  
    
        
        
/* menu pro mobily */
.wrapMenuMobile
{
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
}

    /* ico menu */
    .wrapButMobileMenu svg rect
    {
        fill: #14b8b8;
    }

    /* položky menu */
    .boxMenuMobile
    {
        justify-content: center;
    }

        .boxMenuMobile .level1
        {
            display: block;
            width: 100%;
            text-align: center;
        }

        .boxMenuMobile .level1 a.hidden
        {
            display: none;
        }

            .boxMenuMobile .level1 a
            {
                display: block;
                padding: 6px 0;

                font-size: 125%;
                font-weight: 500;
                text-decoration: none;
            }




/************************************************/
/* footer */
/************************************************/

footer, .wrapFooter
{
    flex-shrink: 0; 
    background: #202020;
}
       
    .wrapFooterGrey, .wrapFooterYellow
    {
        flex-direction: row;
        justify-content: center;

        padding: 32px 0;
    }
    
    .wrapFooterYellow
    {
        background: #092C34;
    }    

        .boxFooterContent
        {
            flex-direction: row;
            flex-wrap: wrap;
        }                   

   

            /* footer - copyright */
            .wrapFooterCopyright
            {
                flex-direction: column;

                color: #eef9fc;
                text-align: right;        
            }

                .wrapFooterCopyright a, .wrapFooterCopyright a:hover
                {
                    color: #eef9fc;
                    text-decoration: none;
                }    

                .wrapFooterCopyright a:hover
                {
                    color: #fff;
                    text-decoration: underline;
                }    
                
                .boxCopyright
                {
                    color: #eef9fc;    
                    text-align: center;
                    font-size: 75%;
                }

                .boxFooterGdpr
                {
                    font-size: 60%;
                }


    


/**************************************************/
/* widget pro galerie a soubory ke stažení */
/**************************************************/

.wrapWidget
{
    margin: 0;  
}

    .boxWidget
    {
        margin: var(--size-50) auto;
    }

.boxWidgetContent
{
    width: 100%;
    display: block;
    padding: 0 ; 
    overflow: hidden;
    float: none;    
}

.boxWidgetContent
{
}

.wrapWidget .label
{   
    width: 100%;
    display: block;
    margin-bottom: var(--size-25);

    color: var(--color-text-headline);
    font-size: 100%;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}


/**************************************************/
/* image gallery */
/**************************************************/

ul.imageGallery, ul.files, ul.links 
{
    list-style: none outside;
    margin: 0;
    line-height: 1em;
    float: left;
    display: block;
    width: 100%;
}

.wrapWidgetGallery
{
    margin: 0 0 30px 0;    
}

.wrapGalleryContainer .wrapWidgetGallery
{
    margin: 0;
}

    .wrapTileImgGallery
    {
        background: #fff;
    }

        .wrapImgGallery
        {
            margin: 1px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }

            a.boxImgGallery, a.boxImgGallery:hover, a.boxImgGallery:link
            {
                width: 100%;
                padding-top: 60%; /* 1:1 Aspect Ratio */
                position: relative; /* If you want text inside of it */

                font-size: 0;
            }
    
    .wrapImgGallery:hover .boxImgGallery
    {   

    }    
    
    .imageGallery
    {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
    }
    
    .imageGallery a 
    {
        position: relative;
        width: 100%;
        float:left;

        text-decoration: none;
        text-align: center;
    }

        .imageGallery a::before
        {
            content: '';
            position: absolute;
            left: 0;
            top: 0;

            width: 100%;
            height: 100%;

            background: none;
            border: 0px solid #fff;
            transition: all ease-in 0.3s;
        }

        .imageGallery a:hover::before
        {
            width: calc(100% - 16px);
            height: calc(100% - 16px);

            border: 8px solid #fff;
            transition: all ease-out 0.3s;
        }

        .imageGallery img 
        {
/*            height: 150px;*/
        }

        .imageGallery img:hover 
        {
        }


/**************************************************/
/* seznam souborů ke stažení */
/**************************************************/

.wrapWidgetFiles
{
    background: var(--color-bg-grey-darker);
}

ul.files li 
{
    list-style-type: none;
    margin: 0;
    background: none !important;
    padding: 0;
}

ul.files a 
{
    display: inline-block;
    height: 30px;
    margin: 0 0 5px 0;
    padding: 0px 0 5px 30px;
    background-position: left top;
    font-weight: 300;
    color: #555;
}

ul.files a:hover
{
    color: var(--color-text-anchor);
}

ul.imageGallery, ul.files, .links
{
    padding: 0; 
    display: block;
    float: none;
    overflow: hidden;
}



/**************************************************/
/* související odkazy */
/**************************************************/

ul.links
{
    margin: 0 0 20px 0 ;
}

    ul.links li 
    {
        margin: 0;
        line-height: 1.7em;
    }
    
    ul.links li a, ul.files a 
    {
        text-decoration: none;
    }
    
    ul.links li a:hover, ul.files a:hover 
    {
        text-decoration: underline;
    }    


                            
/**************************************************/
/* video galerie */
/**************************************************/

.videoTitleWidget, a.videoTitleWidget
{
    margin: 10px 0 0 0;
    text-decoration: none;
}

.vimeo, .youtube
{
    display: block;    
    overflow: hidden;
}

    .vimeo img, .youtube img
    {
        width: 100%;
        max-width: 100%;
    }

.contentVideoWidget
{
    overflow: hidden;
    display: block;
}

    .contentVideoWidget p
    {
        margin: 0;
    }
    
.boxVideoWidgetThumb
{
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

    .boxVideoWidgetThumb img
    {
        width: 100%;
        max-width: 100%;
    }

    .boxVideoOverlay
    {
        position: absolute;
        top: 0%;
        left: 0%;
        
        width: 100%;
        height: 100%;

        /*background: rgba(85,85,85,.75); */
    }

        .boxVideoButtonPlay
        {
            position: absolute;

            height: 0px;
            width: 0px;
        }
        
        .boxVideoOverlay:hover .boxVideoButtonPlay, .boxVideoButtonPlay:hover, .boxVideoButtonPlayHovered
        {
            background-color: #000;
        }        
    
        
        
        
                
            
            
/**************************************************/
/* breadcrump */
/**************************************************/
.menuPath
{
    margin: 12px 0 24px 0;
    padding: 0;
    overflow: hidden;
}

    .menuPath /*, .menuPath ul li a*/
    {
        font-size: 80%;  
    }

    .menuPath a 
    {
        text-decoration: none;
    }
    
    .menuPath a:hover
    {
        text-decoration: underline;
    }    
    
   .menuPath ul
   {
      list-style: none outside !important;
      display: inline;
      margin: 0;
      padding: 0;
   }

      .menuPath ul li
      {
         padding: 0;
         margin: 0;
         float: left;
         list-style-type: none !important;
         background: none !important;         
      }

         .menuPath ul li /*, .menuPath ul li a */
         {
            font-size: 85%;  
         }

            .menuPath ul li span 
            {
                color: #969696;
                display: inline-block;
                margin: 0;
                width: 18px;
                text-align: center;
            }
            
        .menuPath ul li:last-child
        {
            font-weight: 500;
        }
        
        .menuPath ul li a
        {
            color: #555 !important;
            text-decoration: underline;
        }
        
        .menuPath ul li a:hover
        {
            color: #000;
        }            
      
    .pathFirst { padding-left: 0 !important;}
    .pathLast { padding-right: 0 !important; background: none !important;}

    .pathBack 
    { 
        /*float: right;*/
        display:none;
    }    



/**************************************************/
/* button */
/**************************************************/   

.but, button 
{
    background: #d90000;
    text-indent:0;

    font-size: 100%;
    color: #fff;
    
    text-decoration: none;
    padding: 1.5% 2%;
    float: left;

    text-align: center;
    border: 0;
    cursor: pointer;
}

.but span, button span
{
    color: #fff;
}

.but:hover, button:hover, .butHovered 
{
    background: #b50000;
}

.but:active, button:active 
{
    position:relative;
    /*top:1px; */
}

button { display: block; }
          



/************************************************/
/* menu main / ajax box */
/************************************************/  

.wrapButMobileMenu
{
    position: absolute;
    top: 32px;
    right: 20px;    
    display: none;
    
    width: 48px;
    height: 48px;
    
    cursor: pointer;
}

    .wrapButMobileMenu svg path
    {
        fill: #fff;
    } 

.wrapAjax
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;
    z-index: 9990;

    min-height: 100%;
    width: 100%;
    background: #042A2B;  
}     

    .wrapAjaxContent, .wrapAjaxContent *
    {
        color: #fff;
    }
    
    .wrapAjaxContent
    {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        
        padding-top: 48px;
    }    
         


/************************************************/
/* menu číselníky - rozcestník  */
/************************************************/  

.wrapMenu
{
    position: relative;
}

.wrapAjaxAdjustedContent .wrapMenu, .wrapAjaxAdjustedContent .wrapContactLanguages 
{
    margin-top: var(--size-50);
    margin-bottom: 30px;
}
    
    .boxContactLanguages
    {
        margin: 0 auto;
    }

        .boxContactLanguages a
        {
            color: var(--color-bg-blue-light);
        }
        
        .boxContactLanguages a:hover
        {
            color: var(--color-bg-blue);
        }    

     
.wrapIcoCloseMenu
{
    position: absolute;
    top: 22px;
    right: 20px;
    z-index: 9991;
    
    width: 30px;
    height: 30px;
    
    cursor: pointer;
} 
    
    .wrapIcoCloseMenu svg.icoClose
    {
        width: 100%;
        height: 100%;
    }
        .wrapIcoCloseMenu svg.icoClose polygon
        {
            fill: #fff;
        }  

        .wrapIcoCloseMenu:hover svg.icoClose polygon
        {
            fill: #fff;
        }     

        

/************************************************/
/* dlaždice na střídačku - foto - text  */
/************************************************/          

.wrapTileItem
{
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    
    padding: 30px 0;
}


              
        
/****************************************************************/
/* pager */
/****************************************************************/        

.wrapPager
{
    display: block;  
    width: 100%;
    float: none;
    overflow: hidden;
}

    .boxPager
    {
        overflow: hidden;
        margin: 20px 0;
    }

.wrapPager a
{ 
    display: inline-block;
    font-size:85%;
    padding: 3px 10px;
    text-decoration:none;
    cursor: pointer;
    float: left;
    display: inline-block;
    margin: 0 5px 0 0;
    color: var(--color-bg-blue);
}

    .wrapPager a span
    { 
        color: var(--color-bg-blue);
    }

.wrapPager a:hover
{
    background: var(--color-bg-blue-dark);
}

    .wrapPager a:hover span
    {
        color: #fff;
    }
    
.wrapPager a.this
{ 
    background: var(--color-bg-blue);
}

    .wrapPager a.this , .wrapPager a.this span
    { 
        color: #fff;
    }

.wrapPager a.this:hover
{
    background: var(--color-bg-blue-dark);
    color: #fff;
}

    .wrapPager a.this:hover, .wrapPager a.this:hover span
    {
        color: #fff;
    }


.wrapPager a.this:hover 
{

}


.wrapPager a:active 
{

}

.pagerDots
{
    display: block;
    margin: 0 5px;
}              



        /* tel. číslo */
        .wrapHeaderObjednavky
        {
            background: none;
        }
        
        .wrapHeaderObjednavky:nth-of-type(2)
        {
        }        
        
        .wrapHeaderObjednavky:nth-of-type(1)
        {
            background: #fff;
        }                
        
            .boxHeaderObjednavky            
            {
                height: 36px;
                margin: 0 0 0 1px;
                padding-left: 50px;
                background: #fff url('../images/ico-phone.svg') no-repeat 18px center ;
                background-size: 25px;
                
                font-size: 12px;
                line-height: 15px;
            }
            
            .wrapHeaderObjednavky:nth-of-type(1) .boxHeaderObjednavky
            {
                margin-left: 0;                
            }            
            
            .boxHeaderBasket
            {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                align-content: center;
                
                height: 112px;
                background: transparent url('../images/ico-cart.svg') no-repeat 18px center ;
                background-size: 25px;
            }            
            
                .boxHeaderBasket .basketCosts a, .boxHeaderBasket .basketPieces
                {
                    display: none;
                }                 
            
            .boxHeaderObjednavky span, .boxHeaderObjednavky .aBasket
            {   
                font-size: 20px;
                line-height: 15px;
            }           
            
                .boxHeaderObjednavky .aBasket
                {   
                    width: 100%;
                    margin-bottom: 6px;
                    
                    color: #14B8B8;
                    font-size: 12px;
                    text-decoration: none;
                }