@charset "UTF-8";
/* Autor J.Pecher 7.2022, 10.2024 responsive */

html { font-size: 62.5%; } /* ziskame root 10px */

*, *:after, *:before { box-sizing: border-box; }

html, body { margin: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 1.6rem /* 1.6rem = 16px */; line-height: 1.5; }
body { color: #303030; background-color: #fff; } /* #303030 white*/

body, caption, fieldset, h1, h2, h3, h4, h5, h6, input, legend, option, select, td, textarea, th {
  font-size-adjust: .5;
}

/* Links and Buttons */

a { display: inline-block; outline: none; }
a:hover { }

a:link    { color: #006699; text-decoration: underline; }
a:visited { color: #006699; text-decoration: underline; } /* default 800080 purple */
a:active  { color: #c80000; text-decoration: underline; }
a:hover   { color: #c80000; text-decoration: none; }

/* Tags */

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 1rem; line-height: 1.2; }

h1 { font-size: 3rem; }
h2 { font-size: 2rem; }
h3 { font-size: 2.2rem; }

p { margin-top: 0; margin-bottom: 1rem; }

/* Ruzne DIV bloky a kontejnery */

#page { }
.page { text-align: center; }

.box { display: inline-block; max-width: 960px; min-width: 300px; margin: 30px 10px; padding: 20px 15px; background-color: #f8f8f8; border: 1px solid #808080; }
.box { border-radius: .5rem; box-shadow: 1px 1px 2px #fff inset; }

.black { color: black; }
.gray  { color: gray; }
.red   { color: red; }
.white { color: white; }