/* obecne nastaveni stranky */
body {background: #fff url('../images/bgbody.gif') center repeat-y; margin: 0; padding: 0; 
text-align: center; font-family: verdana, sans-serif; color: #333; font-size: 90%;}

/* odkazy*/
h1 a {color: #fff; text-decoration: none; font-size: 26px;}
h1 span {font-size: 20px;}
#main a {color: #5eaa05; font-weight: bold; background-color: inherit; text-decoration: underline;}
#main a:hover, #main a:focus, #main a:active {text-decoration: none; background-color: #5eaa05; color: #fff;
outline: none;}
#main a[lang], #main a[href^='mailto:'] {padding-right: 12px; background: transparent none no-repeat right top;}
#main a[lang=en] {background-image: url('../images/en.gif');}
#main a[lang=en]:hover, #main a[lang=en]:focus, #main a[lang=en]:active {background-image: url('../images/enh.gif');
background-color: #5aaa05;}
#main a[href^='mailto:'] {background-image: url('../images/eml.gif');}
#main a[href^='mailto:']:hover, #main a[href^='mailto:']:focus, #main a[href^='mailto:']:active {background-image: url('../images/emlh.gif');
background-color: #5aaa05;}
.navi a {padding-right: 9px; background: transparent url('../images/top.gif') no-repeat right top;}
.navi a:hover, .navi a:focus, .navi a:active {background-image: url('../images/toph.gif'); background-color: #5aaa05;}
#foot a[href^='mailto:'], #foot a[href^='mailto:']:hover, #foot a[href^='mailto:']:active, #foot a[href^='mailto:']:focus
{background-image: none; padding-right: 0;}

/* nadpisy */
h1, h2, h3 {margin: 0;}
h1, h2 {font-family: georgia, serif;}
h1 {font-size: 190%; padding: 2px 0 0 0; float: right; color: #fff; background: #7b0 url('../images/bghead.gif');}
h2 {font-size: 130%; color: #000; background-color: inherit; clear: left; padding: 0 0 5px 0;}
h3 {font-size: 100%; margin: 0.6em 0 0.3em 0;}

/* obsah */
#head {background: url('../images/bghead.gif') repeat-x top; text-align: center; height: 80px;	padding-right: 20px;}
#logo {height: 160px; width: 170px;	top: 0; background: url('../images/logo.jpg') no-repeat top left;
position: absolute; display: none;}
#main {width: 680px; margin: 0 auto; text-align: left; position: relative;}
#main p {margin: 0 0 0.5em;}
#foot {text-align: center; padding-top: 3em; padding-bottom: 1em; font-size: 0.75em;}
#icons {margin-bottom: 1em;}
#icons strong {padding: 0 3px;}
.navi {font-size: 80%; text-align: right; clear: both;}

/* boxy referenci */
x.ref {float: left; width: 160px; height: 146px; text-align: center; background: #eee; margin: 0 -2px 6px 8px; border: 1px solid #bbb;}
.ref {float: left; width: 160px; height: 146px; text-align: center; margin: 0 -2px 6px 8px;}
.ref h3 {margin: 0; padding: 0 2px; font-size: 80%;}
.ref img {border: 1px solid #ccc; display: block; margin: 8px auto 4px auto; width: 144px; height: 108px;}

/* seznamy */
ul {list-style: square; margin-top: 0;}
#ref ul {margin-left: 0; padding-left: 1em; margin-top: 0.5em;}

/* definicni seznamy */
dl {margin: 0 0 2em 0.5em; clear: left;}
dt, dd {padding: 0.5em 0 2px 0;}
dt {margin: 0; font-weight: bold; width: 8.9em;float: left; }
dd {margin: 0 0 0 9.5em;}

/* obrazky */
td img {border: 1px solid #666; clear: both; margin: 5px 0;}
#photo {cursor: help; float: right; margin: 0 20px; border: 2px solid #5eaa05;}
#photos {margin: -10px 0 0 3px; height: 125px;}
#photos img {border: 2px solid #5eaa05; display: block; float: left; margin-right: 4px;}

/* ostatni */
* html acronym {border-bottom: 1px dotted #000;} /* IE6 */
acronym, span[title] {cursor: help; border-bottom: 1px dotted #000;}
.note {font-size: 80%;}
.left {text-align: left;}
.italic {font-style: italic;}