* {
margin: 0;
padding: 0;
}

body {
background: #131316;
text-align: center;
font-family: arial, "trebuchet ms", tahoma, sans-serif;
font-size: 82%;
}

#obal-menu {
height: 50px;
background: url('../img/menu.gif') 0 0 repeat-x;
}

#menu {
position: relative;
margin: 0 auto; 
width: 950px;
padding-top: 10px;
}

#mainmenu, .box ul, .box2 ul {
list-style: none;
}

#mainmenu li {
float: left;
margin-right: 1px;
}

#mainmenu li a {
text-decoration: none;
display: block;
float: left;
color: white;
height: 32px;
padding: 8px 20px 0 20px;
}

#mainmenu li a:hover, .aktivni {
background: url('../img/tlacitko.gif') 0 0 repeat-x;
}

#jazyky {
position: absolute;
list-style: none;
right: 0;
top: 19px;
z-index: 20;
}

#jazyky li {
margin-right: 1px;
float: left;
text-align: center;
}

#jazyky li a {
font-weight: bold;
color: black;

text-decoration: none;
width: 40px;
height: 25px;
padding-top: 5px;
display: block;
background: url('../img/jazyky.gif') 0 0 no-repeat;
}

#jazyky li a:hover, #jazyky li a.aktivni:hover {
color: white !important;
background-position: -40px 0;
}

#jazyky li a.aktivni  {
color: #936f00 !important;
font-weight: lighter !important;
}

.blok-obal {
background: url('../img/blok.gif') 0 0 repeat-x black;
overflow: auto;
}

.blok-obal2 {
background: url('../img/blok2.gif') 0 0 repeat-x black;
overflow: auto;
}

.blok {
margin: 0 auto;
width: 950px;
}

.stin {
background: url('../img/stin.jpg') center 1px no-repeat;
}

.top {
text-align: left;
background: url('../img/top.jpg') 0 0 no-repeat;
overflow: auto;
}

h1 {
color: white;
}

h2 {
color: #b1b3bc;
font-weight: lighter;
font-style: italic;
margin-bottom: 50px;
}

h3 {
color: #b1b3bc;
font-size: 142%;
font-weight: lighter;
margin-bottom: 30px;
}

h4 {
color: #b1b3bc;
font-size: 142%;
font-weight: lighter;
margin-bottom: 10px;
}


#nadpis {
margin-left: 30px;
margin-bottom: 105px;
position: relative;
width: 330px;
height: 80px;
overflow: hidden;
}

#nadpis span {
position: absolute;
display: block;
left: 0;
top: 0;
z-index: 1;
width: 330px;
height: 90px;
background: url('../img/nadpis.jpg') 0 0 no-repeat;
}

#obsah {
float: right;
padding-right: 30px;
width: 530px;
padding-top: 110px;
padding-bottom: 50px;
}

#obsah ul {
list-style: none;
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #2a2a2a;
}

#obsah ul.last {
border-bottom: none;
}

#obsah ul li, .box ul li, .box2 ul li {
color: white;
background: url('../img/li.gif') 0 0 no-repeat;
padding-left: 20px;
margin-bottom: 10px;
}

.cleaner {
clear: both;
font-size: 1px;
}

.comics {
margin-top: 30px;
}

#paticka {
height: 90px;
background: url('../img/paticka.gif') 0 0 repeat-x;
text-align: left;
}

#paticka-in {
position: relative;
width: 950px;
margin: 0 auto;
padding-top: 35px;
background: url('../img/stin2.jpg') top center no-repeat;
}

#paticka-in p {
font-size: 92%;
color: #515258;
}

#paticka-in p a {
color: #515258;
}


#paticka-in p a:hover {
color: silver;
}

#paticka-in a img {
border: 0;
position: absolute;
right: 0;
top: 20px;
}

#obsah p {
color: white;
margin-bottom: 15px;
}

#obsah p a, #obsah ul li a {
color: #ffc000;
}

#obsah p a:hover, #obsah ul li a:hover {
color: #b1b3bc;
text-decoration: none;
}

.box, .box2 {
text-align: left;
float: left;
width: 230px;
padding-top: 70px;
padding-bottom: 50px;
}

.box {
margin-right: 10px;
background: url('../img/box.gif') right 70px no-repeat;
}

.box p, .box2 p {
padding-top: 20px;
}

.box p a, .box2 p a {
color: #ffc000;
}

.box p a:hover , .box2 p a:hover {
color: #b1b3bc;
text-decoration: none;
}

.box ul, .box2 ul {
padding-right: 10px;
}

em {
color: #ffc000;
}

p.mezera, ul.mezera {
padding-bottom: 130px !important;
}

p.novinka {
padding: 10px;
background: black;
line-height: 1.5em;
border: 1px dotted #ffc000;
}