html, body {
margin: 0;
padding: 0;
font-family: arial, sans-serif;
font-size: 8pt;
color: #373737;
text-align: center;
}
h2 {
font-size: 12pt;
}
h3 {
font-size: 10pt;
}
a {
color: #005536;
}
a:hover {
text-decoration: none;
}
a img {
border: 0;
}
input {
font-size: 8pt;
margin: 2px 0;
}
input.text, input.submit {
border: 1px solid #696969;
}
input .submit {
background: #b6b6b6;
}
#page {
text-align: left;
margin: 0 auto;
width: 990px;
}
#left {
position: relative;
float: left;
color: black;
background: url("../images/layout/left_bg.gif");
width: 172px;
}
#left #gradient-left {
position: absolute;
bottom: 0;
width: 6px;
height: 270px;
background: url("../images/layout/gradient_left.gif");
}
#left #gradient-right {
position: absolute;
bottom: 0;
right: 0;
width: 3px;
height: 91px;
background: url("../images/layout/gradient_right.gif");
}
#left .inner {
padding-left: 6px;
padding-right: 4px;
}
#left h1 {
text-align: center;
padding: 0;
margin-top: 12px;
}
#left h1 a {
background: url("../images/layout/logo.gif");
display: block;
width: 113px;
height: 80px;
margin: 0 auto;
}
#left h1 span {
display: none;
}
#left h2 {
background: url("../images/layout/header_bg.gif") repeat-y;
color: white;
font-size: 11pt;
padding-left: 15px;
}
#left .search input.text {
width: 125px;
}
#left form, #left .news {
padding-left: 15px;
}
.news .date {
color: #808080;
font-size: 7pt;
}
.news h3 {
margin: 0;
padding: 0;
font-size: 8pt;
text-transform: uppercase;
}
.news .desc {
padding-bottom: 8px;
font-size: 7pt;
}
#top {
border: 0px solid red;
position: relative;
float: left;
width: 812px;
height: 200px;
background: url("../images/layout/top.jpg") no-repeat;
}
#menu {
background: #e6e6e6;
float: left;
font-weight: bold;
font-size: 1.2em;
color: #373737;
padding: 2px 4px;
}
#menu a {
font-weight: normal;
font-size: 8pt;
color: #373737;
text-transform: uppercase;
text-decoration: none;
padding: 2px 4px;
}
#menu a:hover {
color: #005536;
text-decoration: underline;
}
#main-menu {
margin-top: 182px;
margin-left: 12px;
border: 0px solid red;
}
#main-menu a {
display: block;
width: 136px;
height: 18px;
float: left;
margin-right: 25px;
color: white;
font-weight: bold;
font-size: 10pt;
border: 0px solid blue;
overflow: hidden;
}
.submenu {
position: absolute;
top: 201px;
width: 154px;
background: #eeeeee;
border: 1px solid #595959;
padding: 4px 0;
visibility: hidden;
}
.submenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.submenu li {
padding: 2px 0 2px 9px;
}
.submenu li a {
text-transform: uppercase;
color: #444;
text-decoration: none;
}
.submenu li a:hover {
color: #a00002;
text-decoration: underline;
}
#submenu-1 {
left: 0px;
}
#submenu-2 {
left: 160px;
}
#submenu-3 {
left: 320px;
}
#submenu-4 {
left: 480px;
}
#main {
float: left;
width: 635px;
border: 0px solid blue;
}
#main .inner {
padding: 10px;
}
#right {
float: left;
background: url("../images/layout/right.jpg") no-repeat;
padding-top: 165px;
padding-left: 10px;
width: 170px;
}
#footer {
clear: both;
padding: 30px;
background: url("../images/layout/footer.gif") center 15px no-repeat;
text-align: center;
}
#footer img {
vertical-align: middle;
}
/* - - - regiony - - - */
#regions a {
border: 0px solid red;
background: #626463;
color: white;
font-weight: bold;
display: block;
padding: 0 2px;
}
a#horni-olesnice {
position: absolute;
top: 35px;
left: 425px;
}
a#dolni-olesnice {
position: absolute;
left: 470px;
top: 84px;
}
a#vlcice {
position: absolute;
left: 664px;
top: 4px;
}
a#cermna {
position: absolute;
left: 584px;
top: 16px;
}
a#stare-buky {
position: absolute;
left: 690px;
top: 50px;
}
a#pilnikov {
position: absolute;
left: 652px;
top: 85px;
}
a#chotevice {
position: absolute;
left: 580px;
top: 97px;
}
a#vitezna {
position: absolute;
left: 638px;
top: 136px;
}
a#hajnice {
position: absolute;
left: 738px;
top: 160px;
}
a#kocbere {
position: absolute;
left: 670px;
top: 190px;
}
a#kohoutov {
position: absolute;
left: 744px;
top: 212px;
}
a#vlckovice {
position: absolute;
left: 693px;
top: 250px;
}
#main img { padding-right: 0.8em; padding-bottom: 0.8em; padding-left: 0.8em }
#main .cal-launcher { padding: 0 }
.clear-none { clear: none }
.clear-left { clear: left }
.clear-right { clear: right }
.clear-both { clear: both }
.float-none { float: none }
.float-right { float: right }
.float-left { float: left }
#main .actuality { border-bottom: 1px solid #C0C0C0; margin-bottom: 2em }
#main .actuality .date { color: #C0C0C0 }
#main .action { border-bottom: 1px solid #C0C0C0; margin-bottom: 2em }
#main .action .date { color: #C0C0C0 }
#main ul { list-style-position: inside; list-style-type: disc }
#main h2 { font-family: Comic Sans MS; color: #005536; font-weight: normal }
#main h3 { color: #005536 }
#left h2 a { color: white; text-decoration: none }
#left h2 a:hover { color: white; text-decoration: underline }
#right h2 a { font-family: Comic Sans MS; color: #C0C0C0; font-weight: normal; text-decoration: none }
#right h2 a:hover { text-decoration: underline }
dl.margins-removed
{
margin: 0;
padding: 0;
}
.margins-removed dt
{
margin: 0;
padding: 0;
font-weight: bold;
}
.margins-removed dd
{
margin: 0 0 1em 0;
padding: 0;
}
fieldset { border: none; margin: 0; padding: 0 }
form ul.error { color: red }
form tr.required { background-color: #F4F4F4 }
form label.required:after { content: " *" }
#main div.inner table td > p:first-child { margin: 0 }