/* pro obrazovku */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
padding: 0;
margin: 0;
list-style: none;
}
body {
font-size: 62.5%;
text-align: center;
color: #333333;
font-family: sans-serif; 
background: #ffba37 url(images/body-bg2.gif) repeat-y center top;
}
#content {
width: 855px;
text-align: left;
margin: 0 auto;
position: relative;
}
#main {
width: 587px;
background: url(images/okynko-bg.png) repeat-x 0 5px;
float: right;
position: relative;
right: 5px;
padding: 5px;margin-bottom:100px;
}
#homepage #main {
width: 237px;
background: url(images/okynko-bg.png) repeat-x left top;
float: right;
position: relative;
right: 355px;
top: 210px;
padding: 5px 0;
margin-bottom: 210px;
}
#novinky #main
{
margin-bottom: 100px; }
#homepage #main img
{
padding: 5px;
}
#side {
display: none;
width: 330px;
padding: 5px;
background: transparent;
float: right;
position: relative;
right: -247px;
}
#homepage #side {
display: block;
width: 330px;
padding: 5px 10px;
background: transparent;
float: right;
position: relative;
top: 200px;
right: -240px;
margin-bottom: 200px;
}
#otherside {
width: 248px;
float: left;
position: relative;
left: 0;
}
#header {
height: 150px;
width:  248px;
overflow: hidden;
position: relative;
float: left;
}
#header a strong {
display: none;
}
#current a {
width: 0;
height: 80px;
padding-left: 210px;
overflow: hidden;
display: block;
background: transparent url(images/logo2.png) no-repeat left top;
position: relative;
top: 60px;
left: 25px;
}
a#menujump {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}
#other {
display: none;
position: absolute;
top: 0;
right: 0;
background: black;
}
#other a {
color: white;
}
#menu {
width: 214px;
margin: 10px auto;
}
#menu h2 {
display: none;
}
#menu ul {
padding-top: 1px;
background: #14171c url(images/menu-a-bg2.gif) no-repeat left top;
}
#menu ul li {
display: block;
text-align: left;
}
#menu a {
height: auto;
padding:1em 10px 1em 20px;
display: block;
color: white;
text-decoration: none;
font-weight: bold;
font-size: 140%;
background: #14171c url(images/menu-a-bg2.gif) no-repeat left bottom;
min-height: 1px;
height: auto!important;
height: 1px;
}
#menu a:hover {
text-decoration: underline;
}

.info {
width: 174px;
margin: 10px auto;
padding: 10px 20px;
color: #ffffff;
font-size: 120%;
background: url(images/info-bg2.gif) repeat-x left top;    
}

form, fieldset, legend {
margin: 0;
padding: 0;
border: none;
}
form {
font-size: 110%;
width: 80%;
margin: 0 auto;
}
fieldset {
margin: 0.5em 0;
}
fieldset legend {
font-size: 150%;
font-weight: bold;
color: #333;
}
fieldset fieldset legend {
font-size: 130%;
}
form label {
text-align: right;
display: block;
}
form input, form select {
width: 98%;
}
form label input {
width: 2em;
}

#footer {
background: transparent;
width: 577px;
margin: 0 0 0 255px;
padding: 5px 5px 0 0;
color: black;
height: 2em;
clear: both;
border-top: 1px solid #fcb76b;
}
#homepage #footer {
}
#lista {
clear: both;
width: 577px;
margin: 0 0 0 255px;
padding: 0 5px;
color: black;
background: transaparent;
}
#menu2 {
position: absolute;
top: 0;
left: 114px;
width: auto;
height: 13px;
padding: 8px 2px 7px 2px;
background: #14171c url(images/submenu-bg2.gif) repeat-x left top;
}
#menu2 li {
display: block;
float: left;
width: 36px;
height: 13px;
text-align: right;
font-size: 120%;
color: #4b5059;
position: relative
}
#menu2 li a {
display: block;
position: absolute;
top: 2px;
left: 10px;
width: 0;
padding-left: 13px;
height: 13px;
overflow: hidden;
}
#menu2 li.print a {
background: url(images/menu2-print.gif) no-repeat left top;
}
#menu2 li.mail a {
background: url(images/menu2-mail.gif) no-repeat left top;
}
#menu2 li.map a {
background: url(images/menu2-map.gif) no-repeat left top;
}

h1, h2, h3, h4, h5, h6 {
font-family: sans-serif;
font-weight: normal;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 180%;
}
h3 {
font-size: 140%;
padding: 5px 10px;
font-weight: bold;
text-transform: uppercase;
}
h4 {
font-size: 150%;
}
#main p {
font-size: 120%;
margin: 0.5em 0;
padding: 0.5em 1em;
line-height: 1.3em;
}
#homepage #main h1 {
color: #ffffff;
padding: 0.5em 10px;
margin: 10px auto 0 auto;
background: url(images/okynko-title-bg.gif) repeat-x left bottom;
width: 207px;
}
#main h1 {
color: #ffffff;
padding: 0.5em 0.8em;
margin: 10px 0;
background: url(images/okynko-title-bg.gif) repeat-x left bottom;
}
#main h2, #side h2 {
color: #ffffff;
height: 42px;
line-height: 42px;
overflow: hidden;
padding: 0 3em 0 1em;
margin: 15px 0;
background: #d30f00 url(images/h-bg.png) no-repeat right top;
}
#main img.big-foto, #side img.big-foto {
width: 310px;
height: 200px;
padding: 6px 13px 13px 6px;
margin: 10px 0 5px 0;
background: url(images/foto-bg.gif) no-repeat left top;
}
#side img {
padding: 4px;
margin: 5px;
background: #ffffff;
}
#homepage #side p {
padding: 0.5em;
font-size: 120%;
border-bottom: 1px solid #fcb76b;
margin: 0.5em 0;
}
#main ul, #main ol {
margin: 0.5em 0;
padding-top: 5px;
padding-bottom: 5px;
}
#main ul li, #main ol li {
list-style: disc;
margin-left: 2em;
font-size: 120%;
}
#main table {
margin: 0 auto;
width: 100%;
font-size: 120%;
background: #ffba37;
border: 1px solid #ff8603;
border-collapse: collapse;
}
#main table th, #main table td {
vertical-align: middle;
padding: 5px;
line-height: 1.3em;
background: #ffba37 url(images/table-td-bg.gif) repeat-x left top;
border-right: 1px solid #ff8603;
border-bottom: 1px solid #ff8603;
text-align: right;
}
#main table th {
text-align: center;
}
#main table thead th{
text-align: center !important;
border-right: 1px solid #ff8603;
border-bottom: 1px solid #ff8603;
}

#main table thead th, #main table thead td {
border-bottom: black;
}
#main table tfoot th, #main table tfoot td {
border-top: black;
}
#main table tbody th {
border-right: 1px solid #ff8603;
border-bottom: 1px solid #ff8603;
}
#main table caption {
caption-side: bottom;
font-style: italic;
text-align: left;
padding-left: 50px;
}
#main table th.right, #main table td.right {
float: none;
text-align: right;
}

a.more {
position: relative;
white-space: nowrap;
line-height: 25px;
padding: 5px 15px 5px 0;
background: url(images/li-bg.gif) no-repeat right center;
}
a {
text-decoration: underline;
font-weight: bold;
color: black;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}

.left {
float: left;
padding-right: 1em;
}

.right {
float: right;
padding-left: 1em;
}

.hidden {
display: none;
}
.linklove {
display: none !important;
}

.cleaner {
clear: both;
height: 0px;
}

img.banner {
  position: absolute;
  right: 12px;
  top: 8px;
  margin: 5px auto 0px auto;
  border: none;
  padding: 4px;
  background: #ffba37;
}
#edit{
  position: absolute;
  top: 10px;
  right: 10px;
}