* {
    margin: 0;
    padding: 0;
  }


body {
    text-align: center;
    background: #27292a;
    color: #fff;
    font-size: 0.75em;
    font-family: Arial, sans-serif;
  }
 

h1 {
font-weight: normal;
font-size: 1.85em;
letter-spacing: 0.07em;
margin-bottom: 15px;
margin-left: -1em;
}


h2 {
display: block;
font-size: 1.3em;
letter-spacing: 0.1em;
margin-top: 15px;
margin-bottom: 5px;
border-width: 0px 0px 1px 0px; 
border-style: dotted;
}


h3 {
font-size: 1.0em;
letter-spacing: 0.13em;
margin-top: 12px;
}

p, ul, table{
margin-bottom: 1.1em;
}

ul {
list-style-image: url('li.gif');
}


a {
color: #9fd3fa;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}


table {
font-size: 1em;
}

caption {
font-size: 0.85em;
}

th {
background: #2f3e44;
text-align: center;
}

td {
background: #4f5e64;
padding: 2px;
}


p.fotogalerie {
text-align: justify;
}

p.fotogalerie a {
border-width: 0px;
border-color: #27292a;
margin: 3px;
_padding: 1px;
_background: #27292a;
}

p.fotogalerie a:hover {
background: transparent;
_background: #afbec4;
}

p.fotogalerie img {
padding: 1px;
background: #27292a;
border-width: 0px;
_padding: 0px;
_border-width: 0px;
}

p.fotogalerie img:hover {
background: #afbec4;
}

  
#header {
    background: #182025 url('header.jpg');
    width: 801px;
    height: 258px;
/*    position: relative;
    top: 61px;*/
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
  }
  

#container {
text-align: left;
background: #3f4e54 url('background.png');
width: 765px;
padding-top: 10px;
margin-right: auto;
margin-left: auto;

}


#content {
float: left;
width: 505px;
margin-top: 10px;
margin-left: 46px;
_margin-left: 23px;
margin-bottom: 10px;
}


#menu {
float: right;
/*width: 147px;*/
background: #aab0b2;
margin-right: 20px;
_margin-right: 10px;
margin-bottom: 5px;
}

#menu_header {
width: 147px;
height: 20px;
background: url('menu_header.png');
}

#menu_content {
width: 147px;
background: url('menu_background.png');
}

#menu_content ul {
list-style: none;
margin: 0px;
overflow: hidden;
}

#menu_content li {
padding: 4px 4px 4px 14px;
}

/*#menu_content li {
margin: 4px 4px 4px 14px;
}*/

#menu_content a {
display: block;
color: #fff;
font-family: Arial, MS Sans Serif;
font-size: 0.9em;
text-decoration: none;
}

#menu_content a:hover {
background: transparent;
font-weight: bold;
color: #000;
letter-spacing: 0.2em;

}


#menu_footer {
width: 147px;
height: 12px;
_margin-bottom: -3px;
background: url('menu_footer.png');
}


#footer {
clear: both;
text-align: center;
background: #27292a url('footer.png') no-repeat;
width: 765px;
min-height: 50px;
_height: 50px;
margin: 0px;

}


#footer p {
color: #fff;
font-size: 0.9em;
padding-top: 28px;
margin: 0px;
}

#footer a {

text-decoration: underline;
}


#footer a:hover {
background: transparent;
text-decoration: none;
}







/* BEGIN : Tyto definice musi byt u kazdeho webu */
.cleaner {
clear: both;
height: 0;
font-size: 0;
line-height: 0;
}

.highlight {
color: #f00;
}

.error {
color: #f00;
}

.align_left {
float: left;
margin-right: 10px;
}

.align_right {
float: right;
margin-left: 10px;
}
/* END */



/* BEGIN : Tyto definice by mely byt u kazdeho webu */
a img {
border: 0;
}

table th, table td {
padding: 1px 3px 1px 3px;
}


#content ul,#content ol {
padding-left: 1.8em;
margin-left: 0;
}

li {
margin: 0.3em 0 0 0.3em;
}

/* Hezka tabulka. Mozno prepsat hezcim stylem lepe zapadajicim do aktualni grafiky */  
table.nice {
border-collapse: collapse;
font-size: 1em; /* kvuli IE6 */
} 

table.nice th, table.nice td {
padding: 2px 6px;
border-bottom: 1px solid #ccc;
} 

table.nice th {
background: #333;
color: #fff;
border: 1px solid #fff;
}
/* END */