/*RESET - start*****************************/
article, aside, figure, figcaption, footer, header, main, nav, section,
summary {
display: block;
margin: 0;
padding: 0;

}
::-moz-selection{background:#0066cc;color:#fff;text-shadow:none}
::selection{background:#0066cc;color:#fff;text-shadow:none}

h1, h2, h3, h4, h5, ul {margin:0;padding:0}
p {display: block; margin: 0.85em 0em 0.85em 0em; line-height: 1.2em;}
/*RESET - end*****************************/
html, body {
    height: 100%;
}
/*BODY + TEXT - start*****************************/
body {
   font-size: 100%;
   font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.05em;
   color: #fff;
      margin:0;
    padding:0;
    display: flex;
    flex-direction: column;
}
h1 {font-size: 1.5em;text-align: center; text-transform: uppercase; font-weight: 600}
p {font-size: 0.9em;}
p a{ text-decoration: none; color: #fff}
/*BODY + TEXT - end*****************************/

/*elementy - start*****************************/
header { width: 100%; float:left; background-color: rgb(0, 122, 195);}
header img{margin: 10px auto; display: block;}
header p {text-align:center;text-transform: uppercase;font-size: 1.1em;  font-weight: 300; padding: 0px 5px; line-height: 1.4em;}
header p#description {text-align:center;text-transform: none;font-size: 1.1em;  font-weight: 300; font-style: italic;}

header p a {line-height: 2em; background-color: #fff; color: rgb(0, 122, 195); text-transform: none; font-weight: 400; padding: 10px; line-height: 4em; border-radius: 4px}
header p a:hover {line-height: 4em; background-color: rgb(0, 146, 214); color: #fff;line-height: 4em}

/* background-color: rgb(1, 153, 209); */
main {margin-top: 0; width: 100%; background-color: #fff; float:left; color: #444;flex: 1 0 auto;}
main h2 {text-align:center; font-size: 1em; line-height: 1.1em; font-weight: 400; margin-top: 1em}
main h3 {text-align:center; font-size: 0.9em; line-height: 1em; font-weight: 400; text-transform: none}
 .container {max-width:840px; min-width:410px; margin:10px auto; }
 .container a{ text-decoration: none; color: rgb(0, 122, 195) }

.bold{  font-weight: bold; }
.mono{  font-family: monospace;}
.offset{  padding-top:1em; }
.italic{   font-style: italic}

.table { font-size:0.8em; width:100%; text-align:left; border-collapse:collapse;border-spacing:0	; margin-bottom:10px}
.table-striped tbody tr:nth-of-type(odd){background:#f6f6f6}
.table  td,th{ padding:8px;border-bottom: 1px solid #e2e2e2; display:table-cell}
.table  td:first-of-type{ width:44px;}
.table  td  img:first-of-type{margin-right:2px }

footer {width: 100%;background-color: #252525;text-align: center;  margin-top:10px; padding:2em 0}
footer h2{font-weight: 500;text-transform: none;font-size: 0.8em; line-height: 1em;}
footer p{font-weight: 300; margin-top:0.3em;font-size: 0.8em;}
footer p:first-of-type{padding-bottom:1em;}

/*TABLE DIV*/
.div-table{display:table; width:auto; margin: 10px auto}
.div-table-row{display:table-row;width:auto;clear:both}
.div-table-col{float:left;/*fix for  buggy browsers*/display:table-column}
.div-table-col img{padding: 5px}


/*elementy - end*****************************/