body
{
    font-family : 'Segoe UI';   
    font-size   : 14px;
    text-align  : justify;
    padding     : 0;
    margin      : 0;
}

div
{
    margin    : 0 auto 0 auto; 
    padding   : 0;
}     

div#mainImage
{
    max-width: 100%;
}

div#header
{                      
    max-width : 1000px;
    margin    : 15px auto 0px auto;
    padding-right : 15px;
}

img.tinyLogo
{
    margin : 15px;
    width  : 90px;
}

div.right
{
    float : right;
}

a.button,
a.button-inverted
{
    font-size   : 15px; 
}

a.button
{
    background-color    : #d0021b;
    color               : white;
    padding             : 10px 20px 10px 20px;   
    text-decoration     : none;
    transition          : all ease-in-out 150ms;
    outline             : none;
}
   
a.button:hover,
a.button:visited:hover
{
    background-color    : #5c5c5c;  
    color               : white;
    text-decoration     : none;   
    outline             : none;
}       

a.button:visited
{
    color               : white;
    text-decoration     : none; 
    outline             : none;
}

a.greyLink
{
    font-family     : 'Segoe UI Semibold';
    font-weight     : bold;
    font-size       : 15px;
    text-decoration : none;
    color           : rgb(159, 159, 159);
}   

a.greyLink:hover,  
a.greyLink:visited:hover
{
    color : rgb(0, 0, 0);
}      
 
a.greyLink:visited
{
    text-decoration     : none; 
    outline             : none;
}

h1
{
    font-family     : 'Segoe UI Semibold';    
    font-size       : 33px;
    letter-spacing  : 0.1em;
}      
 
h2
{
    font-family     : 'Segoe UI Semibold';
    font-style      : normal;
    font-weight     : normal; 
    font-size       : 20px; 
    margin-top      : 66px;  
    margin-bottom   : 45px;
}

h3
{                         
    font-family     : 'Segoe UI Semibold';    
    font-size       : 14px;
    font-weight     : bold; 
    margin-top      : 30px;  
    margin-bottom   : 30px;
}

div#text
{              
    max-width           : 100%;    
    font-size           : 14px;
	background          : url(../tailorsites/images/greenred-beige.png);
    background-repeat   : no-repeat;
    background-size     : cover;
    background-position : center center;
    padding             : 15px;
}

.text-center
{              
    text-align : center;
    max-width  : 666px;
}

.italics
{
    font-style : italic;
}

.primary
{
    color : #d0021b;
}

.darker-shade
{
    color : #6a010d;
}

div.line-break
{
    margin-left     : auto;
    margin-right    : auto;
    margin-top      : 60px;  
    margin-bottom   : 35px;
    border          : 2px solid #d0021b;
    width           : 20%;
}

/*
////////////////////////////////////////////////////////////////////////////////
////////     NEWS     //////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
*/

div#news
{                     
    max-width : 1000px;
}

.news-article
{             
    width  : 485px;
    max-width: 80vw;
    min-height : 570px;
    margin-right : 20px;
}    

img.article-image-contain
{              
    height : 239px;
    width  : 485px;
    max-width: 80vw;
    object-fit : contain;
}            

img.article-image-cover
{              
    height : 239px;
    width  : 485px;
    max-width: 80vw;
    object-fit : cover;
}         

img.article-image-percent
{              
    margin: auto;
    padding: 38px;
    max-width: 80%;
    object-fit : contain;
}

@media screen and (max-width: 1080px) 
{
    div#news
    {          
        margin : 5vw;
    }
}      


/*
////////////////////////////////////////////////////////////////////////////////
////////     PRODUCTS     //////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
*/

img.telight-logo-article
{
    width: 300px;
    padding: auto;
}         

.obalka-galerie
{
    width  : 100%;
}

div#products
{                     
    max-width : 1000px;
}

table#product-table
{
    border-collapse: separate;
}

table#product-table td
{
    width : 485px;
    min-width : 450px; 
    float : left;    
    margin-right : 30px;
}

table#product-table td:last-child
{  
    margin-right : 0px;
}      

img.product-image
{                      
    height      : 353px;
    width       : 100%;
    object-fit  : cover;
}


@media screen and (max-width: 1025px)
{       
    div#products
    {
        margin : 25px;
    }
    
    table#product-table
    {
        width : 100%;
        margin-left : auto;
        margin-right : auto;
    }       
    
    table#product-table td
    {
        width : 100%;
        min-width : 100%;  
        margin-right : 0;
        
        margin-bottom : 35px;
        border-bottom : 2px solid #d0021b;
    }     
}

td p
{
    margin-top : 15px;   
    margin-bottom : 30px;
}   
td div
{
    margin-top : 15px;   
    margin-bottom : 30px;
}


/*
////////////////////////////////////////////////////////////////////////////////
////////     FOOTER     ////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
*/

a.button-inverted
{
    background-color    : white;
    color               : black;
    padding             : 10px 20px 10px 20px;   
    border              : 2px solid #d0021b;
    text-decoration     : none;
    transition          : all ease-in-out 150ms;
    outline             : none;
}
   
a.button-inverted:hover, a.button-inverted:visited:hover
{
    background-color    : #d0021b;  
    color               : white;
    text-decoration     : none;   
    outline             : none;
}       

a.button-inverted:visited
{
    color               : white;
    text-decoration     : none; 
    outline             : none;
}

div#footer
{
    padding-bottom      : 66px;
}