body { margin:0; padding:0; width:100%; height:100%;}

header      { width:auto; }
section     { width:auto; padding:10px; }
footer      { width:auto; padding:10px; }
article     { width:auto; padding:10px; }





/* ----------------- HEADER -------------------------- */
.redline                { display:block; width:auto; height:25px; background-color:#e31e24; }
.header                 { display:block; width: auto; margin:0 auto;}
.slider                 { display:none; width: 100%; margin: auto; height:407px; background-image:url(../Images/Slide/06.png); background-repeat:no-repeat; background-size: cover;}
.logo           { width:200px;  margin:0 auto; }
.logo>img       { width:200px;}
.fcb            { position:absolute; top:5px; right:50px; }

.redbar             { width:auto;  padding:15px; color:#fff; background:#e31e24; }
.redbar>div         { width:100%; height:15px; clear:both; }
.redbar>div>i       { float:left; }
.redbar>div>a       { margin:0; font-size:12px; display:inline; width:100%; }
.redbar>div>span    { margin:0; margin-left:5px; font-size:12px; display:inline; width:100%; }

.bluebar            { width:auto; height:30px; line-height:30px; padding:15px; background:#393185; color:#fff; }
.bluebar>div>span   { margin:0; margin-left:5px; font-size:12px; display:inline; width:100%; }



/* ---------------------------------- MENU TOP -----------------------------------*/

nav                 { width:100%; margin:0; padding:0; }
nav>ul              { display:table; width:auto;  list-style:none; margin:0; padding:10px; }
nav>ul>li           { display:table-row; width:100%!important; margin:0; padding:0; }
nav>ul>li>a         { color:#94949f; width:100%!important; padding:10px; line-height:20px;  }
nav>ul>li>a:hover   { color:#e31e24; }

.selected { color:#e31e24; }

/* ------------------------------- MENU CENTER -----------------------------------*/

.menucenter                 { width:auto; background-color:#393185;}
.menucenter>nav             { display:block; width:150px; margin:0 auto; padding:0;} 
.menucenter>nav>ul          {  list-style:none; margin:0; padding:0;}
.menucenter>nav>ul>li       {  height:150px; margin:0; padding:0; background-color:#393185;}
.menucenter>nav>ul>li>a     { color:#94949f; line-height:40px; }

.Menucenter_Icon        { display:table-row; width:100%; height:50px; margin:0; padding:0;}
.Menucenter_Icon>img    { display:block; width:89px; height:89px; padding:0; margin:0 auto;}
.Menucenter_Text        { display:table-row; width:100%; height:50px; text-align:center; color:#ffffff; text-shadow: 4px 4px 3px rgba(2, 2, 2, 1); }

.menucenter .separator {
    display:none;
    width:0px;
    margin-left:20px;

}

/* ----------------- SECTION Text -------------------- */
article>h1      { width:100%; text-align:center; margin:10px 0 10px 0; font-weight: 200; text-transform: uppercase; font-size: 30px;}
article>h2      { width:100%; text-align:center; margin:10px 0 10px 0; font-weight: 600; text-transform: uppercase; font-size: 35px;}

.body_page      { width:auto; padding:20px; color:#3a94ea; font-weight:600; font-size:16px; text-transform: uppercase; }
.body_page>div  { display:table-row; width:100%; }

.body_page ul              { list-style-type:none; display:table-cell; } /*list-style-type: "★"; */
.body_page ul>li           { padding:10px; color:#3a94ea; font-size:16px; } 
.body_page ul>li:before    { content: '>> '; }  

.cara { width:70px; margin:0 auto; height:5px; background:#e31e24; margin-bottom:40px!important; }
.popis { width: 150px !important; font-weight: 600; }
.nadpis { width:auto; margin:0 auto; text-align:center; font-weight:600; font-size:18px;  color:#393185;  }

.table { display: table; table-layout: fixed; }
.sloupec { display: table-cell; padding:10px;}

.radek { display: table-row; }
.sloupec>h3 { }

.formular { }
input { height:5px; }

     .figurediv         { display:flex; justify-content:center; }
     figure             { width:auto; display: inline-block;}
     figure:hover       { background:#f9f0f9;}
     figure img         { width:250px; vertical-align: top; }
     figure figcaption  { text-align: center;  padding:5px; }


/* ----------------- FOOTER -------------------------- */
.partnersline   { width:100%; text-align:center; }
.partnersline>a {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.partnersline>a:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

#map        { width:auto; height:450px;   -webkit-filter: grayscale(70%);  filter: grayscale(70%); }

.footerdiv                      { width:auto; padding:25px; height:350px; background:#272727;  } /*background-image:url(../Images/footer.png);*/
.footerdiv>div                  { display:table; table-layout:fixed; height:100%; margin:0 auto; }
.footerdiv>div>div              { display:table-row; padding:10px; padding-top:100px; }
.footerdiv>div>div>div          { display:table-row; padding:2px; color:#656259; height:20px; line-height:20px; }
.footerdiv>div>div>div>div        {  }
.footerdiv>div>div>div>div>i        { display:table-cell; color:#35a9d1; padding:5px; }
.footerdiv>div>div>div>div>div      { display:table-cell;  }
.footerdiv>div>div>div>div>a        { color:#35a9d1; text-decoration:none; }
.footerdiv>div>div>div>div>a:link   { color:#35a9d1; text-decoration:none; }


.bgLogo                         { background-image:url(../Images/Logo_gs.png); background-position:center center; background-repeat:no-repeat; opacity:0.2; }
.bgLogoMini                     { width:16px; height:16px; background-image:url(../Images/Logo_mini.png);  background-repeat:no-repeat; }


.createby                       { width:100%; height:50px; background-color:#000; color:#fff; line-height:50px; text-align:center;}

/* ----------------- PUBLUC SETTING -------------------------- */
.clear { clear:both; width:auto; height:0;}