/* COMMON */
body {font-size: 0.9em;}
img.foto {border-color: #999;}
h1 {margin-left: 0.7em; padding-left: 0; background-image: none;}
p {line-height: normal;}
p.nastred {text-align: left;}
hr {color: #999; background-color: #999;}

div.foto-obal {margin: 0 auto 0 0; border-color: #999; background-color: transparent;}

#page {width: auto; margin: 0 auto;}

#top {height: auto; background-image: none; border-bottom: 2px solid #999;}

#main {padding: 1em 0 2em 0; clear: both; background-image: none; border: none;}

#bottom {clear: both; background: #fff; border-top: 2px solid #999; padding: 0.5em 1em;}
#bottom div.menubottom {padding: 0.5em 0; margin: 0; text-align: left;}
#bottom p {color: #999; font-size: 85%; text-align: left;}
/* end of COMMON */

/* MENU TOP */
#menu {margin: 0; padding: 0.5em 1em; width: auto; float: none;}
#menu ul {margin: 0; padding: 0; list-style: none; width: auto; float: none;}
#menu ul li {margin: 0; padding: 0;}
#menu ul li.firstitem {border-left: none;}
#menu ul li a {display: inline; height: auto; line-height: normal; padding: 0; color: #f96; font-family: sans-serif; font-weight: bold; font-size: 110%; text-decoration: none; background-image: none;}
#menu ul li a:hover {color: #f60; text-decoration: underline;}
#menu ul li a.actual {color: #333;}
#menu ul li a.actual:hover {color: #333;}
/* end of MENU TOP */

/* MENU BOTTOM */
#menubottom {margin: 0; padding: 0;}
#menubottom ul {margin: 0; padding: 0; list-style: none; width: auto; float: left;}
#menubottom ul li {margin: 0; padding: 0; display: inline; border-left: none}
#menubottom ul li.firstitem {border-left: none;}
#menubottom ul li a {padding: 0 0.5em 0 0; color: #f96; font-size: 85%}
#menubottom ul li a:hover {color: #f60; text-decoration: underline;}
#menubottom ul li a.actual {color: #333;}
#menubottom ul li a.actual:hover {color: #333;}
/* end of MENU BOTTOM */

/* REKLAMA */
.reklama {margin: 0 auto 0.5em; padding: 0; text-align: right;}
.bpozice1 {width: 470px;}
.bpozice2 {width: 152px;}
.bpozice3 {width: 152px;}
.reklama span {color: #ccc; font-size: 75%; text-transform: uppercase;}
.reklama img {border: 1px solid #ddd;}
/* end of REKLAMA */

/* COLUMNS */
#columns {background-image: none; padding: 0.5em 0;}
#column-left {width: auto; float: none; margin: 0; padding: 0}
#column-right {margin: 0; padding: 0; font-size: 95%}
#column-right h1 {font-size: 120%; padding-left: 0; background-image: none;}
#column-right p {text-align: left;}
/* end of COLUMNS */

/* TABULKY */
table.okraj {border: 1px solid #999;}
th.nahoru, td.nahoru {vertical-align: top;}
th.dostredu, td.dostredu {vertical-align: middle; text-align: center;}
th.doprava, td.doprava {text-align: right;}
th.doleva, td.doleva {text-align: left;}
/* end of TABULKY */

/* NAPISTE */
div.napiste {margin: 0.5em 0em; padding: 0;}
div.napiste form {margin: 0; padding: 0;}
div.napiste p {color: #666; font-size: 85%; text-align: center;}
div.napiste td, div.napiste th {font-size: 90%}
div.napiste input.text, div.napiste textarea {border: 1px solid; border-color: #000; background-color: #fff; width: 200px;}
div.napiste textarea {overflow: auto;}
div.napiste input.submit {background-color: #f60; border: 1px solid #f69; font-weight: normal; color: #fff; font-size: 100%;}
div.napiste input.submit:hover {background-color: #f60; border-color: #f96; color: #fff;}
/* end of NAPISTE */

@media print {
#menu ul li {display: inline;}
#menu ul li a {padding: 0 0.5em 0 0; font-size: 100%}
#menubottom {display: none;}
#bottom p {text-align: right;}
}