body {
background: #004a57;
margin: 0;
padding: 0;
text-align: center;
font-family: Trebuchet MS, Arial;
font-size: 0.8em;
color: #333;
}


a {
color: #004a57;
color: #004a77;
color: #266d9a;
/*color: #d02f00;
color: #d05f00;*/
}

a:hover {
text-decoration: none;
}

a img {
border: 0;
}

p {
line-height: 1.5em;
}


.first {
font-weight: bold;
}
h1 .first, h2 .first, h3 .first {
/*text-transform: lowercase;*/
}

ul {
margin-left: 1.3em;
padding-left: 0;
}

li {
margin-top: 5px;
}



h1 {
margin: 0;
font-family: Georgia;
font-weight: normal;
font-size: 1.9em;
color: #d02f00;
color: #336500;
color: #337600;
color: #266d9a;
}
h1:first-letter {
font-weight: bold;
}

h2 {
font-family: Georgia;
font-weight: normal;
font-size: 1.4em;
color: #d02f00;
color: #336500;
color: #238500;
margin: 1.5em 0 1.0em 0;
}
h2:first-letter {
font-weight: bold;
}

h3 {
font-family: Georgia;
font-weight: normal;
font-size: 1.2em;
margin: 1.3em 0 0.8em 0;
color: #555;
}
h3:first-letter {
font-weight: bold;
}


hr {
border: 0;
height: 0;
border-top: 1px dotted #777;
}


.left {
float: left;
margin: 0 10px 0 0;
}
.right {
float: right;
margin: 0 0 0 10px;
}

.clear {
clear: both;
height: 0;
line-height: 0;
font-size: 0;
}


#container {
text-align: left;
margin: 0 auto 0 auto;
width: 964px;
background: #fff url('main_middle.jpg') repeat-y;
}


#main {
width: 100%;
background: url('main_bottom.jpg') no-repeat;
background-position: 0% 100%;
}


#page_left {
width: 240px;
float: left;
}

#page_left_top {
width: 240px;
height: 240px;
background: url('left_top.gif');
}

#logo {
display: block;
width: 130px;
height: 93px;
position: relative;
/*margin: 109px 0 0 86px;*/
left: 86px;
top: 109px;
}
#logo a {
display: block;
width: 130px;
height: 93px;
position: relative;
text-decoration: none;
cursor: pointer;
}
#logo a span {
display: block;
width: 130px;
height: 93px;
position: absolute;
background: url('logo.gif');
}


#bar_left {
width: 196px;
margin: 0px 0 0 44px;
}

#menu {
margin: 10px 0 0 16px;
}

#menu ul {
padding: 0;
margin: 0;
list-style: none;
}

#menu li {
display: block;
}

#menu a {
display: block;
width: 157px;
width: 150px;
height: 31px;
height: 23px;
padding: 8px 0 0 7px;
background: url('menu_inactive.gif');
text-decoration: none;
font-family: Georgia;
font-size: 1em;


/*
font-family: Trebuchet MS;
font-weight: bold;
font-size: 1.15em;
*/
color: #fff;
}

#menu a:hover {
background: url('menu_active.gif');
}
#menu a:first-letter {
font-weight: bold;
}


#page_right {
width: 724px;
float: right;
}


#page_right_top {
width: 724px;
height: 174px;
background: url('right_top.jpg');
}


#content {
background: url('content.jpg') no-repeat;
padding: 00px 90px 20px 50px;
}



#footer {
clear: both;
width: 964px;
height: 104px;
height: 94px;
padding: 10px 0 0 0;
background: url('footer.jpg') no-repeat;
text-align: center;
color: #668d94;
font-size: 0.85em;
}

#footer a {
color: #96bdc4;
}


.profil {
margin: 0 0 20px;
clear: both;
}

.profil_foto {
float: left;
border: 1px solid #ddd;
margin: 2px 10px 0 0;
}
.profil_foto img {
border: 5px solid #fff;
}

.profil_jmeno {
font-weight: bold;
font-size: 1.1em;
padding: 0 0 4px 0;
}

.profil_popis {
line-height: 1.3em;
font-size: 0.9em;
text-align: justify;
}

.profil_footer {
clear: both;
}


.program {
font-size: 0.9em;
border-collapse: collapse;
}

.program tr {
border-bottom: solid 1px #ccc;
}

.program th {
text-align: left;
}
.program th, .program td {
padding: 2px 4px;
}
.program th {
background: #444;
color: #fff;
}

.program .first {
font-weight: bold;
width: 26%;
}
.program .second {
width: 45%;
}
.program .third {
width: 15%;
}



#gallery {
text-align: center;
width: 580px;
line-height: 190px;
}

#gallery a {
display: block; 
float: left;
border: 1px solid #eee;
margin: 10px 10px 0 0;
padding: 1px;
background: #bbb;
}
#gallery a:hover {
border: 1px solid #ddd;
background: #888;
}

#gallery img {
border: 3px solid #fff;
}



#novinky {
font-size: 0.85em;
color: #c7d4b1;
padding: 30px 0 0 0;
}

#novinky_nadpis {
padding: 3px 22px 3px 22px;
}

#novinky a {
color: #fff;
text-decoration: none;
}
#novinky a:hover {
color: #ffd953;
}

.novinka {
margin: 5px 0 15px 0;
}

.novinka_nadpis {
background: #8ca235 url('tile_novinka_nadpis.png') repeat-y;
border: solid #a5b343;
border-width: 1px 0 1px 0;
padding: 2px 22px 2px 22px;
letter-spacing: 0.05em;
}

.novinka_text {
padding: 3px 22px 3px 22px;
}

.novinka_datum {
padding: 3px 22px 3px 22px;
text-align: right;
font-style: italic;
}


.hodnoceni_outer {
background: #f3f3f3 url('hodnoceni_start.png') no-repeat;
border: 2px solid #dadada;
color: #555;
text-transform: italic;
margin: 10px 0 0 0;
line-height: 1.3em;
}

.hodnoceni_inner {
padding: 10px 36px 11px 36px;
background: url('hodnoceni_end.png') no-repeat right bottom;
}