﻿body {
margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:80%; color:#666666; text-align:center;
background-color:#8DA9C6; overflow-y: scroll;}

.container {
background-color:#FFFFFF; margin:0 auto 0 auto; padding:0; width:1024px; position:relative;}

header { background-image:url('/images/title.jpg');
height:200px; margin:0; padding:0;}

.logo {
width:223px; height:100px; margin-left: auto; margin-right: auto; margin-top:30px}

.title {
margin:0px;}

nav{
height:50px; background-color:#999999;}

nav div{text-align:center;  margin:0 auto; width:900px;}

ul.nav {
list-style-type:none;  display:block; width:100%; float:left; line-height:1.5em; 
clear:both; margin:0; padding:0; background-color:#999999;}

ul.nav li {
display:inline;}

a.nav:link, a.nav:visited {
display:block; float:left; width:150px; padding:1.2em 0 1.2em 0; margin:0;
text-decoration:none; background-color:#999999; color:#FFFFFF;}

a.nav:hover {
display:block; float:left; width:150px; padding:1.2em 0 1.2em 0; margin:0;
text-decoration:none; background-color:#0F75BC; color:#FFFFFF;}

a.nav:active {
display:block; float:left; width:150px; padding:1.2em 0 1.2em 0; margin:0;
text-decoration:none; background-color:#999999; color:#0F75BC;}

a.nav_a:link, a.nav_a:visited {
display:block; float:left; width:150px; padding:1.2em 0 1.2em 0; margin:0;
text-decoration:none; background-color:#999999; color:#0F75BC;}

a.nav_a:hover {
display:block; float:left; width:150px; padding:1.2em 0 1.2em 0; margin:0;
text-decoration:none; background-color:#0F75BC; color:#FFFFFF;}

a.nav_a:active {
display:block; float:left; width:150px; padding:1.2em 0 1.2em 0; margin:0;
text-decoration:none; background-color:#999999; color:#0F75BC;}

.content_div {
padding:70px}

.content_div p {
 text-align:justify;line-height:200%;}

table#kontakt
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;align:justify;
width:80%;
border-collapse:collapse;
float:left
}
#kontakt td, #kontakt th 
{
	color:#333333;
	text-align:justify;
font-size:1em;
border:1px solid #0F75BC;
padding:3px 7px 2px 7px;
}
#kontakt th 
{
font-size:1.1em;
text-align:justify;
padding-top:5px;
padding-bottom:4px;
background-color:#999999;
color:#D8D8D8;
}
#kontakt tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}

.adresa {float:left;width:400px;}

.mapa{}

.greenbold {
	color:#0F75BC;font-weight: bold; 
	}

footer {
height:35px; background-color:#999999;}

figure.image {float:left;}

figure.image img {}

.content_div h4{
	font-family:verdana, arial, sans-serif; font-size:140%; color:#0F75BC;
	}
	
ol.a {
list-style-type:decimal;text-align:left;	
	}
li.verejne {margin-top:30px;}

.content_div h3 {margin-top:0px;margin-bottom:75px; color:#0F75BC;font-size:140%;}

footer {padding:5px;font-family:verdana, arial, sans-serif; font-size:80%; color:#D8D8D8;
	}
	
#gdpr-notification {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    width: 80%;
    max-width: 400px;
    background-color: #f2f2f2;
    padding: 10px;
    text-align: center;
    display: block;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}