html {height:100%;}
body{ margin: 0;height:100%;}
header{     border-bottom: 1px solid #E6E6E6; width: 100%; overflow: auto;padding: 15px; box-sizing: border-box;position: relative;padding-top: 17px;padding-bottom: 17px;width:1170px;margin: 0 auto;}
section{ width: 100%;box-sizing: border-box;overflow: auto;position: relative; -moz-scrollbars:none;margin-bottom: 40px;}
#container {max-width: 1170px;margin: 0 auto;}
#container a {
    color:#C4262D !important;
    text-decoration: none;
}
footer {
    width: 100%;
    font-size: 20px;
    position: relative;
    overflow: auto;
}
footer .footerMenu {
    width: 100%;
    box-sizing: border-box;
    padding: 0px;
    overflow: auto;
    float: left;
    background-color: #333333;
    text-align: center;
}
footer .footerMenu ul {
    padding-left: 0;
    margin: 10px;
}
footer .footerMenu ul li {
    display: inline-block;
    box-sizing: border-box;
    padding: 7px;
}
footer .footerMenu a {
    font-size: 14px;
    color: #DDD;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
}
footer .footerMenu a:hover {
    color: white;
}
footer .copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
    text-align: right;
    box-sizing: border-box;
    padding: 7px;
    overflow: auto;
    float: left;
    background-color: #333333;
    font-size: 11px;
    color: #DDD;
    font-family: 'Open Sans', sans-serif;
}
#page{width: 100%;margin:0 auto;position:relative;height: 100%;}


@font-face {
font-family: 'Century Gothic';
src: url('../Font/century_gothic.eot');
src: url('../Font/century_gothic.eot?#iefix') format('embedded-opentype'), url('../Font/century_gothic.svg#Century Gothic') format('svg'), url('../Font/century_gothic.woff') format('woff'), url('../Font/century_gothic.ttf') format('truetype');
font-weight: normal;
font-style: normal;}  


/*--------------------------------------------------------------------------------------------------------- Základní šablona ---------------------*/

/*----------------------------------------------- Header: Začátek ---------------------*/
img.Logo{width:164px;margin-top: 5px;margin-left: 10px;}


/* Menu PRO Deskop  */
ul.Menu{/*position: absolute;top:20%;padding: 0px;left: 300px;*/margin: 0; margin-top: 21px;float: right; }
ul.Menu li{display: inline;padding-left: 30px;cursor: pointer;}
ul.Menu a{font-size: 20px; color:#3F3B3A; font-family:'Titillium Web', sans-serif;text-decoration:none;}
ul.Menu a:hover{color:#C4262D;}
ul.Menu a.active{color:#C4262D;}
/*ul.Menu a:hover{color:#3F3B3A;border-bottom:2px solid #C4262D;padding-bottom: 3px;}*/
.Flags table img {width:21px}
.Flags table td {text-align:center;}
.Flags table td a {font-family:century gothic;font-size: 11px;color: #4D4A4A;text-decoration:none} 
.Flags {margin-top:4px;float:right;margin-right: 6px;}
                                     
/* Menu PRO MOBILI  */
i.fa-bars {float:right;display:none;margin-top: 13px;margin-right: 10px;font-size: 25px;} /*  Při menším rozlišení vykočí nový druh menu.  */
.Menu-Mobile{width:100%;overflow: auto;background-color:white;opacity:1;box-sizing: border-box;padding-left:15px;padding-right:15px;display:none;border-bottom:1px solid gray;}/* Zakladní DIV pozice menu na stránce */ 
ul.Menu-Down{font-size:15px;font-family:'Titillium Web', sans-serif;color:black;}      /* UL Seznam s MENU */ 
ul.Menu-Down a {font-size:15px;font-family:'Titillium Web', sans-serif;color:black;text-decoration:none;}
ul.Menu-Down a:hover {text-decoration:underline}
ul.Menu-Down li{margin-bottom: 20px;list-style-type: none;text-decoration:none;padding-bottom:10px}
li.Flags2 table img {width:21px}
li.Flags2 table td {text-align:center;font-family:'Titillium Web', sans-serif;font-size: 11px;color: #4D4A4A;}

::-webkit-scrollbar
{
display:none;
}
.SlideImage {
    width: 100%;
    font-size: 0;
}
.SlideImage img {
    width: 100%;
}
.block.gray{
    background-color: #F3F3F3;
}
.block.white{
    background-color: #FFF;
}
.block{
    overflow: auto;
    padding: 40px;
    box-sizing: border-box;
    font-family: "Titillium Web";
}
.block p {
    text-align: left;
    margin-bottom: 22px;
}
.block h3 {
    text-align: left;
    margin-bottom: 10px;
    margin-top: 0;
    
}
.block h2 {
    text-align: left;
    margin-bottom: 10px;
    color: #C4262D;
}
.partners .logos {
    list-style: none;
    overflow: auto;
}
.partners .logos li{
    float:left;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 39px;
}
.partners ul li{
    margin-bottom: 20px;
}u
.partners .logos li span{
    clear: both;
    display: block;
}
.references .logos {
    list-style: none;
    overflow: auto;
}
.ContactPlace {
    padding: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #DEDEDE;
}
.references .logos li{
    float:left;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 39px;
}
.references ul li{
    margin-bottom: 20px;
}
.LinkMap {
        display: none;
    }
.references .logos li span{
    clear: both;
    display: block;
}
.facts {
    width:600px;
    overflow: auto;
}
.facts span {
    width: 50%;
    float:left;
    margin-bottom: 10px;
}
.Odstaves {
    width: 33.3%;
    text-align: left;
    float: left;
    padding: 10px;
    padding-left: 20px;
    box-sizing: border-box;
}
.Odstaves h3 {
    text-align: left;
}
.contactMap {
    width: 100%;
    height: 600px;
    box-shadow: 0px 0px 5px #A4A4A4;
    margin-bottom: 200px;
}
#map {
    height: 100%;
    width: 100%;
}
/*---------------------------- Responsivita ------------------------------------*/
@media screen and (max-width: 1170px)
{
header{ width:100%; }

}

@media screen and (min-width: 900px)
{
.Menu-Mobile{display:none !important;}
}

@media screen and (max-width: 950px)
{
header{ border-bottom:none;}
ul.Menu{display:none;}
i.fa-bars{display:block;}
.Flags{display:none}
img.Logo{width:120px;}
.partners .logos li {
    width:33.3333%
}
.references .logos li {
    width:33.3333%
}
@media screen and (max-width: 768px) {}
    .Odstaves {
        width: 100%;
        text-align: center;
    }
    .contactMap {
        display: none;
    }
    .LinkMap {
        display: inline;
    }
}
@media screen and (max-width: 670px)
    {
    .partners .logos li {
        width:50%
    }
    .references .logos li {
        width:50%
    }
    .facts {
    width:100%;
    }
}
@media screen and (max-width: 580px) {
    .facts span{
    width:100%;
    text-align: center;
    }
    .facts span:nth-child(odd){
    margin-bottom: 0px;
    }
    .facts span:nth-child(even){
    margin-bottom: 25px;
    }
}
@media screen and (max-width: 450px)
    {
    .partners .logos li {
        width:100%
    }
    .references .logos li {
        width:100%
    }
    .block {
        padding:10px;
    }
}