@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400&display=swap&subset=latin-ext');

body { background: #fff; color: #000; margin: 0; padding: 0; font-size: 14px; font-family: 'Ubuntu'; }

h1 { font-size: 1.6rem; font-weight: normal; padding: 0; margin: 0; }
h2 { font-size: 1.4rem; font-weight: normal; padding: 0; margin: 20px 0; }
h2 a { color: inherit; text-decoration: inherit; }
h3 { font-size: 1.2rem; font-weight: normal; padding: 0; margin: 20px 0; }
h3 a { color: inherit; text-decoration: inherit; }
h4 { font-size: 1rem; font-weight: bold; padding: 0; margin: 20px 0; }
h4 a { color: inherit; text-decoration: inherit; }
a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }
p { margin:0 0 15px 0; padding: 0; line-height: 1.5em; }
ul, ol { margin:0 0 15px 0; padding: 0 0 0 40px; line-height: 1.5em; }
table { border-collapse: collapse; width: 100%; margin: 10px 0; }
table tr td { padding: 7px 15px; border-bottom: 1px solid #ccc; }
table tr:first-child td { border-top: 1px solid #ccc; }
table tr:hover td { background: rgba(128,128,128,0.2); }
hr { border: none; background: #ccc; height: 2px; margin: 50px 0; }

.width { margin: 0 auto; width: 80vw; max-width:900px; }

body > header .width { padding: 30px 0; }
body > header .logo img { height: 30px; }

body > nav { background: #234e83; color: #fff; }
body > nav > .width > ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: stretch; }
body > nav > .width > ul > li { list-style: none; position: relative; }
body > nav > .width > ul > li > a { display:block; padding:15px 30px; text-decoration: none; font-size: 1.2rem; }
body > nav > .width > ul > li.active > a,
body > nav > .width > ul > li:hover > a { background: #529cdb; }
body > nav > .width > ul > li > ul { display: none; position: absolute; z-index: 100; top:100%; padding: 0; margin: 0; width: 200px; }
body > nav > .width > ul > li:hover > ul { display: block; }
body > nav > .width > ul > li > ul ul { display: none; }
body > nav > .width > ul > li > ul > li { list-style: none; display: block; padding: 0; margin: 0; }
body > nav > .width > ul > li > ul > li > a { display: block; text-decoration: none; padding:15px 30px; background: #529cdb; color: #fff; }
body > nav > .width > ul > li > ul > li.active > a,
body > nav > .width > ul > li > ul > li > a:hover { background: #234e83; }

body > section.main { padding:30px 0; }
body > section.main h1 { padding:0; margin: 0 0 30px 0; font-weight: 300; font-size: 30px; }



@media only screen and (max-width: 800px) {
	/* media queries */
}

@media only print {
	/* aby to vyslo kloudne na tiskarne */
}