/*
@media screen and (min-width: 480px) and (max-width: 700px) 
*/

/*****************************************/
/* styly pro velikost 1024px nebo mene */

@media screen and (max-width: 1024px)
{
    .wrapLogo, .wrapMenuMain
    {
        width: 100%;
        float: none;        
    } 
    
    .wrapTop
    {
        height: auto;
    }
    
        .wrapTop .main
        {
            margin: 0;
        }    
        
        .boxLogo
        {
            text-align: center;
        }
        
        .boxSubMenu
        {
            width: auto;
            margin: 0 auto;
        }
}



/*****************************************/
/* styly pro velikost 1000px nebo mene */

@media screen and (max-width: 1000px)
{
    body
    {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
    .main
    {
        width: 96%;
        max-width: 96%;        
        
        margin: 0 2%;      
    }      
}


/*****************************************/
/* styly pro velikost 910px až 800 mene */

@media screen and (max-width: 910px) and (min-width: 801px) 
{

    .boxSubMenu span a
    {
        padding: 0 10px;
    }
}


/*****************************************/
/* styly pro velikost nad 800px */

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


/*****************************************/
/* styly pro velikost 800px nebo mene */

@media screen and (min-width: 800px) 
{  
}
    
/*****************************************/
/* styly pro velikost 800px nebo mene */

@media screen and (max-width: 800px) 
{           
    .infoboxes
    {
        width: 85%;
    } 
    
    .infoboxes 
    {
        margin-top: 13%;
    }    
    
    #wePurchase #boxManufacturers li 
    {
        font-size: 100%;
    }    
    
    .wrapAnchorTop 
    {
        display: none;
    }    
    
    #kontakt .wrapAnchorTop, #contact .wrapAnchorTop 
    {
        display: block;
    }    
    
    .boxSubMenu span
    {
        width: 25%;
    }
    
        .boxSubMenu span a
        {
            height: 60px;
            line-height: 60px;
            text-align: center;
        }
}



/*****************************************/
/* styly mezi 800 a 600 */

@media screen and (max-width: 800px) and (min-width: 600px) 
{
 
}


@media screen and (max-width: 320px)
{
    .contentNewsLeft, .contentNewsRight
    {
        width: 100%;
        max-width: 100%;
        
        float: none;
        display: block;
        overflow: hidden;
    }       
    
    .aMore
    {
        margin-left: 0;
    }    
}


/*****************************************/
/* styly pro velikost 360px nebo mene */

@media screen and (max-width: 640px) 
{
    .wrapColumns > .block, .img50, .wrapSloupec50 .block
    {
        width: 100%;
        float: none;
    }

        .img50
        {
            text-align: center;
        }

        .wrapColumns img
        {
            display: block;
            width: 100%;
            max-width: 500px;
            margin: 0 auto 40px;
        }

        .wrapColumns a.but
        {
            margin: 0 auto;
        }

        .wrapSloupec50 .block
        {
            margin: 0;
        }
        
    .imageGallery > .block
    {
        width: 50%;
        float: left;
        margin: 0 0 2%;
    }
    
        .imageGallery a
        {
            width: 96%;
            float: left;
            margin: 0 4% 0 0;
        }    
        
        .imageGallery img
        {
            max-width: 100%;
        }            
        
    #kontakt .wrapGreyLight 
    {
        width: 90%;
    }   
    
        #kontakt .wrapGreyLight .boxGrey
        {
            font-size: 120%;
        }         
}




/*****************************************/
/* styly pro velikost 720px nebo mene */

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




/*****************************************/
/* styly pro velikost nad 600px  */

@media screen and (min-width: 601px) 
{ 
    .icoMenuMobile
    {
        display: none;
    }
    
 
}



/*****************************************/
/* styly pro velikost 640px nebo mene */

@media screen and (max-width: 680px) 
{              
    .wrapPoptavka
    {
        width: 100%;
        float: none;
        margin-bottom: 60px;
    }
    
    .wrapPoptavka textarea
    {
        height: 25px;
    }    
    
    
    #motto .wrapGreyLight
    {
        width: 80%;
    }
    
    
    
    .wrapColumns > .block, .wrapSloupec50 .block
    {
        width: 100%;
        float: none;
    }

        .wrapColumns a.but
        {
            margin: 0 auto;
        }

        .wrapSloupec50 .block
        {
            margin: 0;
        }    
}



/*****************************************/
/* styly pro velikost 480px nebo mene */

@media screen and (max-width: 480px) 
{    
    .wrapInfoboxes
    {
        height: auto;
    }
    
    .boxInfoboxes
    {
        margin: 40px auto;
    }    
    
    .wrapInfoboxes
    {
        height: auto;
    }    
    
        .wrapInfobox     
        {
            width: 100%;
            float: none;
        }            

    .wrapContactInfo
    {
        width: 85%;
    }    
}


/*****************************************/
/* styly pro velikost 610px nebo mene */

@media screen and (max-width: 610px) 
{
    .wrapTop
    {
        height: auto;
    } 
    
    .icoMenuMobile
    {
        display: block;
        margin-top: 20px;
    }
    
    .wrapMenuMain
    {
        padding-bottom: 30px;
    }

    .wrapSubMenu
    {
        display: none;
    }
    
    .boxSubMenu
    {
        width: 100%;
        margin: 10px 0 0 0 ;
        text-align: center;
    }
    
        .boxSubMenu span
        {
            display: block;
            overflow: hidden;
            float: none;
            text-align: center;
            height: auto;
            line-height: auto;
            width: 100%;
        }
        
            .boxSubMenu span a
            {
                padding: 0 5px;
                height: 40px;
                line-height: 40px;
            }  
 
}



/*****************************************/
/* styly pro velikost 400px nebo mene */

@media screen and (max-width: 400px) 
{
    .wrapIcons > div > div
    {
        width: 16.66666666666667%;
    }        
}




/*****************************************/
/* styly pro velikost 360px nebo mene */

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