* { padding: 0; margin: 0; }


a { color: #c00; text-decoration: underline; }
a:hover { color: #600; }

a.single { padding: 0 0 0 10px; background: url('img/li.gif') 0 60% no-repeat; }

a img { border: none; }

ul, menu { padding: 0 10px; margin: 10px 0; list-style: none; }
ul li, menu li { padding: 2px 0 2px 10px; background: url('img/li.gif') 0 10px no-repeat; }
menu li { background-position: 0 .8em; }

ol { padding: 0 0 0 30px; margin: 10px 0; }

p { margin: 10px 0; }

address { font-style: normal; }

acronym { border-bottom: 1px dotted black; cursor: help; }

table, form * { font-size: 100%; }
form * { font-family: arial, helvetica, sans-serif; vertical-align: middle; }

table { text-align: left; }
table.center { text-align: center; }

a.home { display: block; padding: 0 0 0 10px; margin: 15px 0 0 10px; background: url('img/li.gif') 0 60% no-repeat; }

.box { float: left; width: 45%; margin: 0 20px 20px 0; }

.center { text-align: center; }
.alert { color: #c00; }
.clear { height: 0; font-size: 0; line-height: 0; overflow: hidden; clear: both; }
.clearc { clear: both; }
.low { font-weight: normal !important; }

.i { font-style: italic; }
.b { font-weight: bold; }

/**/

body { color: black; font: 80%/1.5 arial, helvetica, sans-serif; text-align: center; background: white url('img/bg.jpg') center top repeat fixed; }

#accessnav { position: absolute; top: -10000em; }

#pf { position: absolute; top: 20px; left: 0; z-index: 100; display: none; width: 100%; text-align: center; }
#pf a { cursor: pointer; cursor: hand; }

#container { width: 760px; text-align: left; padding: 0; margin: 0 auto; background: white url('img/bg_container.gif') repeat-y; }

#hwrap { height: 268px; position: relative; margin: 0 2px; }

#header {  }
#header h1 { float: left; width: 459px; height: 268px; font-size: 150%; overflow: hidden; }
#header h1 a, #header h1 a span { display: block; position: relative; width: 459px; height: 268px; }
#header h1 a span { position: absolute; background: left top no-repeat; }
#hwrap.en #header h1 a span { background-image: url('img/header-cs.jpg'); }
#hwrap.cs #header h1 a span { background-image: url('img/header-cs.jpg'); }

#header #lang { position: absolute; top: 11px; right: 30px; text-align: right; }
#header #lang a { margin: 0 2px; }
#header #lang a img { border: 1px solid #ccc; }

#header h1 a span { position: absolute; left: 0; top: 0; }
#header h1 a { cursor: hand; cursor: pointer; }

#header #joke { position: absolute; top: 135px; right: 0px; width: 250px; height: 130px; overflow: hidden; }
#header #joke span { color: #838172; font-size: 85%; font-weight: bold; line-height: 1; }
#header #joke q { display: block; width: 225px; color: black; font-size: 85%; text-align: justify; font-style: italic; quotes: '' ''; line-height: 1.2; padding: 2px 0 0 0; }
#header #joke #promo { position: absolute; display: none; left: 0; top: 0; height: 130px; background: white; }
#header #joke #promo p { color: #838172; font-style: italic; margin: 0 0 10px 0; }



#body { padding: 5px 15px 0 15px; background: url('img/bg_body.gif') center top no-repeat; }

#left { float: left; width: 190px; overflow: hidden; }
#left h2 { font-size: 120%; font-weight: bold; padding: 0 0 0 17px; margin: 15px 0 10px 0; background: url('img/heading.png') left center no-repeat; }
#left.index h2 { color: #c00; font-size: 140%; padding: 0; margin: 15px 0 10px 0; background: none; }
#left h3 { font-size: 100%; font-weight: bold; }
#left p#akts { line-height: 1.3; }
#left p#akts strong { display: block; padding: 2px 0; }
#left p#akts strong span { color: black; font-weight: normal; }
#left ul.lastacts { margin-top: 0; }
#left div { margin: 10px 0; }
#left div h3 { margin: 5px 0; }
#left address {color:red}
#left div table th { font-weight: normal; text-align: left; }
#left div table td { padding-left: 5px; }
#left #counter { padding: 10px 0 0 0; }

#right { float: right; width: 515px; }
#right h2 { color: #c00; font-size: 140%; margin: 15px 0 10px 0; }
#right h3 { font-size: 120%; margin: 10px 0; }
#right h3.highl { color: #c00; }
#right h4 { font-size: 100%; font-weight: bold; margin: 5px 0; }
#right img {  }
#right img.left { float: left; margin: 0 10px 0 0; }
#right img.right { float: right; margin: 0 0 0 10px; }
#right img.ani { margin: 10px 10px 0 0; }
#right img.wall { margin: 40px 60px 0 0; }
#right img.art { margin: 0 10px 15px 0; }

#right ul#c-z-links span { color: #666; }
#right ul#c-z-links span a { color: #666; }
#right ul#c-z-links span a:hover { color: black; }

#right #gallery { margin: 10px 0; }
#right #gallery #port { text-align: center; margin: 0 0 10px 0; }
#right #gallery #port a { display: inline; float: none; margin: 0; }
#right #gallery #port a img { border: none; }
#right #gallery #port p { color: #666; }
#right #gallery #port #portnav { width: 100%; margin: 10px 0; overflow: hidden; }
#right #gallery #port #portnav a.p, #right #gallery #port #portnav a.n { float: left; width: 40%; text-align: left; }
#right #gallery #port #portnav a.n { float: right; text-align: right; }
#right #gallery ul li a { display: inline; float: none; }
#right #gallery a { display: block; float: left; margin: 5px; }
#right #gallery a img { border: 3px solid #ddd; }
#right #gallery a.selected img { border-color: #900; }

#right #vgallery { margin: 15px 0 0 0; }
#right #vgallery a img { margin: 0 5px 5px 0; border: 3px solid #ddd; }

#right table { margin: 15px 0; }
#right table.nomargin { margin: 0; }
#right table tr th { font-weight: bold; text-align: left; background: #eee; }
#right table.center tr th { text-align: center; }
#right table.thcenter { table-layout: fixed; width: 510px; }
#right table.thcenter tr th { width: 33%; text-align: center; vertical-align: top; padding: 3px 10px 10px 10px; }
#right table tr.add th { font-weight: normal; }
#right table tr th, #right table tr td { padding: 3px 10px; border: 1px solid #ccc; }
#right table tr th.norm { font-weight: normal; }

#right form { padding: 0 0 10px 0; margin: 15px 0; border-bottom: 1px solid #ddd; }
#right form input, #right form label { display: block; }
#right form input { padding: 1px; }
#right form label { margin: 3px 0 0 0; }
#right form input#button { margin: 3px 0 0 0; }
#right .entry0, #right .entry1 { padding: 10px; margin: 20px 0; }
#right .entry1 { background: #f5f5f5; }
#right .entry0 strong span, #right .entry1 strong span { font-weight: normal; }
#right .entry0 p, #right .entry1 p { margin: 5px 0 0 0; }
#right #paging a { margin: 0 2px; }

#right #in { float: left; width: 340px; }
#right #in ul a, #right #in menu a { color: black; }
#right #in ul a:hover, #right #in menu a:hover { color: #c00; }
#right #in h2 { color: black; font-size: 120%; font-weight: bold; padding: 0 0 0 17px; margin: 15px 0 5px 0; background: url('img/heading.png') left center no-repeat; }
#right #in h3 { font-size: 100%; font-weight: bold; }
#right #in .other { padding: 0 0 0 20px; }

#right #in li.opener { font-weight: bold; }
#right #in #op1 li.opener a { display: none; }
#right #in #op1,
#right #in #op2,
#right #in #op3,
#right #in #op4,
#right #in #op5,
#right #in #op6 { margin-top: -10px; }
#right #in ul.art { margin: 2px 0 0 0; }

#right.index #in p.lang { color: #c00; margin: 15px 0; }

#right.index #col h2 { color: #c00; font-size: 140%; padding: 0; margin: 15px 0 10px 0; background: none; }
#right #col { float: right; width: 150px; overflow: hidden; }
#right #col h2 { color: black; font-size: 120%; font-weight: bold; padding: 0 0 0 17px; margin: 15px 0 5px 0; background: url('img/heading.png') left center no-repeat; }
#right #col img { margin: 5px 0; border: 3px solid #ddd; }
#right #col .entry { margin: 10px 0; }
#right #col .entry strong span { font-weight: normal; }
#right #col .entry p { font-size: 12px; font-style: italic; margin: 0; }

/* dosazene vysledky */

#otbl { text-align: center; font-size: 120%; font-weight: bold; }
#otbl strong { font-size: 120%; }

table.vysledky { border-collapse: collapse; table-layout: auto; text-align: center; }
table.vysledky thead th, table.vysledky tfoot td { background: #ff9 !important; font-weight: bold; }
table.vysledky tfoot td span { font-weight: normal; }
table.vysledky td.f { text-align: left; }
table.vysledky tr.odd td { background: #f5f5f5; }

/* ----------------- */

#footer { color: #666; text-align: center; padding: 30px 20px 10px 20px; clear: both; }
#footer a { color: #666; }
#footer a:hover { color: black; }