* {
	margin: 0;
	padding: 0;
}

body {
    background: #fac2d0; /* #FFDE99; */
font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana; 
font-size: 1.5vm;
/* font-size: 13px; */
/* line-height: 20px; */
color: #222;
padding: .5em 1em;
}

a {
text-decoration: none;
color: #b95c10;
}
a:hover {
text-decoration: underline;
color: #bc2d41;
}

#wrap {
margin: 5px auto 5px auto;
width: 90%;
background: #fff;
padding: .3em;
border: 3px solid #a20a31;  /* #380000; */
}

#header {
height: auto;
padding-bottom: 0px;
margin-bottom: 0px;
}
#header h1 { 
font-size: 60px;
padding: 17px 10px 0 10px;
color: #042e4b;
text-align: right;
}

#header h1 a { 
color: #D1DDEF;
text-decoration: none;
font-weight: 600;
letter-spacing: -7px;
}
#header h1 a:hover {
color: #fff;
}

#menu {
/* width: 100%; */
height: auto; 
text-align: center;
background: #a20a31;
margin-top: 0em;
padding: .5em;
/* border: 1px solid black; */
color: #fff;
}
#menu ul {
line-height: 3em;
text-align:center;
margin: auto;
padding: auto;
list-style-type: none;
/* padding-left: 10px; */
/* padding-right: 10px; */
}
#menu ul {
line-height: 3em;
text-align:center;
margin: auto;
padding: auto;
list-style-type: none;
/* padding-left: 10px; */
/* padding-right: 10px; */
}

@media screen and (max-width: 800px) {
#menu ul li ul {
display:none;
}
#obsahmenu a:hover {
#menu ul li ul {
display:block;
}
}
}

@media screen and (min-width: 801px) {
  #obsahmenu {
      display: none;
  }
}

#menu ul li a {
text-align:center;
/* height: 30px; */
padding: 1em;
text-decoration: none;
font-weight: bold;
font-size: 2vm;
color: #fff;
}

#menu ul li {
display: inline-block;
text-align:center;
padding: 0px;
margin:0px;
}

#menu ul li a:hover {
color: #bc2d41;
background: #fff; /* url(images/menu_bg_a.jpg) repeat-x; */
text-decoration: none;
}

#menu ul li:hover > ul {display:block;}

#content {
    margin: 1em;
padding: 0 20px 20px 0;
}

#content h2 {
font-size: 3vm;
font-weight: bold;
padding: 1em 0em;
border-bottom: 1px dashed #042e4b;
margin-bottom: 1em;
color: #a20a31;
}

#content h3 {
font-size: 120%;
font-weight: bold;
margin: 1em;
padding: auto;
}

#content h4 {
font-size: 110%;
font-weight: bold;
margin: .5em 0em;
color: #a20a31;
padding:1em;
}

#content h5 {
font-size: 105%;
font-weight: bold;
margin: .5em 0em;
}


.right {
float: right;
width: 530px;
text-align: justify;
padding-top: 5px;
}
.right h2 {
font-size: 18px;
font-weight: bold;
padding: 15px 0 7px 0;
border-bottom: 1px dashed #042e4b;
margin-bottom: 5px;
color: #bc2d41;
}
.right h2 a {
text-decoration: none;
}
.right h2 a:hover {
}

.right ul {
margin-left: 3em;
margin-bottom: 1em;
text-align: left;
}

.right dt {
float:left; 
font-weight:bold; 
font-size:15px;
}

.right dd {
text-align:left;
font-weight:bold; 
margin-left:3em; 
font-size:15px;
}

.left {
float: left;
width: 230px;
padding-top: 10px;
}
.left h2 {
margin: 10px 0 0 0;
padding-left: 0px;
height: 24px;
line-height: 24px;
/* color: #042e4b; */
font-size: 15px;
}
.left ul {
padding: 10px 0 15px 30px;
list-style-type: square;
color: #99AECD;
}
.left ul li a {
text-decoration: none;
font-weight: 600;
}
.left ul li a:hover {

}

#footer {
text-align: center;
font-size: .8vm;
color: #a20a31;
}
#footer a { color: #a20a31; }
#footer a:hover { color: #111; }