/* CSS Document */

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  font-family: 'Arial', sans-serif;
  color: #010101;
  font-size: 9pt;
  background-image: url(bg.gif);
  background-position: left top;
  background-repeat: repeat-x;
  background-color: #aa050b;
}

div.topmenu {
  position:relative;
  height: 60px;
  min-width: 1200px;
  background-color: black;
}

div.obsah {
  min-width: 1400px;
  padding: 20px;
}

div.left {
  width: 280px;
}

div.right {
  width: 1100px;
  position:absolute;
  left:498px;
  text-align:left;
  top:98px;
}

h2 {
color:white;
text-align:center;
}

div.odsazeni {
  width: auto;
  padding: 0 24px 100px 24px;
}

div.obsah a {
  color: black;
  font-weight: bold;
  text-decoration: underline;
}

div.obsah a:hover {
  text-decoration: none;
}



div.topmenu div.topbgl {
width: 138px;
height: 74px;
position: absolute;
top: -8px;
left: 17px;
  background-image: url('https://kristian.cz/storage/app/uploads/public/629/dad/019/629dad01988ec354470122.svg');
  background-position: center top;
  background-repeat: no-repeat;
}


.menu {width:244px;
background:#2b2b2b;
color:#fff;
margin:0px;
padding:0px}

.menu li {position:relative;
line-height:1.4em}

.menu li, .menu li a {display:block;
color:#fff;
text-decoration:none;}

.menu li a {padding:14px 20px;
background:transparent url(menu_line.gif) left bottom repeat-x;}

.menu li.last a {background:none} 

.menu li a:hover, .menu li a.akt {background:#000 url(menu_line.gif) left bottom repeat-x}

.submenu {display:none;
position:absolute;
left:244px;
width:224px;
top:0px;
margin:0px;
padding:0px;
background:#000;}

.menu li:hover .submenu {display:block}

.submenu li {padding:0px;
display:block;
margin:0px;
height:auto;}

.submenu li a {
padding:12px 20px;
margin:0px;
height:auto;
display:block;
background:none;
color:#fffefe;
text-decoration:underline;}

.submenu li a:hover, .submenu li a.akt {color:#fff799;
background:none;
text-decoration:underline}