﻿
body        { margin:0; padding:0; width:100%; height:100%; font-family:Calibri; background:#f2f2f2; }

header      { display:inline-block; width:100%; margin:0; padding:0; background:#fff; }
section     { display:inline-block; width:100%; margin:0; padding:0; background:#fff; }
footer      { display:inline-block; width:100%; margin:0; padding:0;  }
article     { width:1115px; margin:0 auto; min-height:450px;}


/* ----------------- HEADER -------------------------- */
.redline                { display:block; width:100%; height:25px; background-color:#e31e24; }
.header                 { display:block; width: 100%; margin:0 auto;}
.slider                 { display:block; width: 100%; margin: auto; height:407px; background-image:url(../Images/Slide/06.png); background-repeat:no-repeat; background-size: cover;}
.slider_text            { padding-top:130px; text-align:center; color:white; font-size:40px; text-shadow: 4px 4px 3px rgba(2, 2, 2, 1); }
.logo           { position:absolute; top:5px; margin-left:130px;}
.logo>img       { width:200px;}
.fcb            { position:absolute; top:5px; right:50px; }


.redbar         { position:absolute; top:100px; right:0; width:150px; height:60px; padding:2px; background:#e31e24; border-radius: 10px 0 0 10px; color:#fff; }
.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        { position:absolute; top:170px; right:0; width:150px; height:30px; padding:2px; background:#393185; border-radius: 5px 0 0 5px; color:#fff; }
.bluebar>div>span    { margin:0; margin-left:5px; font-size:12px; display:inline; width:100%; }


/* ----------------- SECTION -------------------------- */
.redline   { }
.logo      { }
.fcb       { }


/* ----------------- 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:100%; height:450px;   -webkit-filter: grayscale(70%);  filter: grayscale(70%); }

.footerdiv                      { width:100%; height:350px; background:#272727;  } /*background-image:url(../Images/footer.png);*/
.footerdiv>div                  { display:table; table-layout:fixed; width:1130px; height:100%; margin:0 auto; }
.footerdiv>div>div              { display:table-cell; padding:10px; padding-top:100px; }
.footerdiv>div>div>div          { display:table-cell; 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;}