body     { background: url(images/bodyback.jpg) no-repeat #03060B; background-position: top center; padding: 0px; margin: 0px}
              
h1 {color: #1f1f1f; font-size: 1.5em; font-weight: normal; margin-top: 0px; margin-bottom: 8px ; font-family: 'Segoe UI', 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;}
h2 {color: #1f1f1f; font-size: 1.2em; margin-top: 0px; margin-bottom: 8px ; font-family: 'Segoe UI', 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;}
p { margin-top: 8px; margin-bottom: 8px }
a { color: #BF4300;}
a:hover { text-decoration: none;}

#header  { margin: 0px auto; width: 948px; height: 115px; }
.right { float: right; margin-top: 15px; display: block; clear: both;}

#page    { color: #1f1f1f; font-size: 1em; font-family: Arial; background-color: #fff; background-image: url(images/page-back.jpg); background-repeat: repeat-y; margin: 0px auto; width: 949px }
#left    { width: 189px; float: left; color: #999; }
#right    { width: 760px; float: right; }
.corner  { background: url(images/corner.jpg); display: block; width: 189px; height: 71px}
.news    { font-size: 0.70em; background: url(images/left-back.jpg) no-repeat; display: block; width: 189px; overflow: hidden; float: left;}
.news a { text-decoration: none; color: #fff}
.news a:hover { text-decoration: underline;}
.news ul { padding: 12px 5px 10px 15px; margin: 0px; list-style-type:none; color: #fff }
.news ul li { padding: 0px 0px 8px 13px; margin: 0px; background: url(images/li.gif) 0px 3px no-repeat; line-height: 1.2em; }
.infos    { display: block; width: 174px; overflow: hidden; padding: 0px 0px 0px 15px; float: left;}
.infos p   { padding: 0px; margin: 0px; line-height: 1.5em}
.infos a   { display: block;}
.bigest { font-family: 'Segoe UI', 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 1.4em; color: #fff;}
.orange { color: #FF9900;}
.zebra table { border: none; padding: 0px; margin: 0px; }
.zebra td { border-top: 2px solid #fff; padding-left: 9px; margin: 0px;}

.slideshow { width: 760px; height: 280px; float: left; }
.slideshow img {  }
                 
#text    { color: #4e4e4e; font-size: 12px; float: left; text-align: justify; font-family: Arial; width: 700px; padding: 20px 0px 40px 25px; min-height: 300px; _height: 300px;}
#text img { padding: 2px; border: 1px solid #666; margin: 0px; }
#text img.right {float:right;margin: 0px 0px 5px 15px;}
#text img.left {float:left;margin: 0px 15px 5px 0px}
#text img.noborder {border: 0px}
#text img.clr {border: 0px; padding: 0px; margin: 0px}
.redtext { color: #E10915; font-size: 1.3em; font-weight: bold;}
.bigtext { font-size: 1.3em; }

#welcome { width: 450px; float: left;}
#akce-index { width: 700px; height: auto; float: left; overflow: hidden;}
#akce-index img { border: none }
#aktuality { width: 210px; float: right;}
#aktuality a { text-decoration: none; color: #1f1f1f}
#aktuality a:hover { text-decoration: underline;}
#aktuality ul { padding: 7px 5px 10px 0px; margin: 0px; list-style-type:none; color: #1f1f1f }
#aktuality ul li { padding: 0px 0px 3px 13px; margin: 0px; background: url(images/li.gif) 0px 3px no-repeat; line-height: 1.2em; }
          
#footer { background: url(images/footer-back.jpg) repeat-x; font-family: Arial; font-size: 0.75em; color: #fff; margin: 0px auto; width: 908px; height: 180px; padding: 15px 0px 0px 40px }
#footer img { border: 0px; float: left; }
#footer a { color: #ff9900; }
#footer a:hover { color: #fff; }
#footer p { display: block; float: left; padding: 10px 40px 0 0; text-align: center;}
#footer ul {
    margin: 0;
    padding: 15px 0px 0px 0px;
    list-style: none;
    float: left;
    display: block;
}

#footer li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    font-weight: bold;
    padding: 0 12px 0 0px;
}

#mapanfo {
    float: left;
    width: 300px;
      }

#mapacr {
    float: right;
    height: 230px;
    width: 391px;
    padding: 0px; 
    margin: 0px;
    border: 0px;
    position: relative;
    background-color: #333;
      }
      
#mapacr img {
    left:0; top:0;
    padding: 0px; 
    margin: 0px;
    border: 0px;
    position: absolute;
    z-index: 1;
      }

.download {color: #3c67c1; text-decoration: underline; float: left; clear: left; padding-top: 15px; padding-bottom: 15px; padding-left: 40px; background-image: url(images/acrobat.jpg); background-repeat: no-repeat; background-position: left;}
.download:hover {font-weight: bold;}

.clear {clear: both;}

#poptavka-form { position: relative; }
#poptavka-form h2 { margin-right: 90px; }
#poptavka-form form { text-align: left; margin: 0; padding: 1.5em 1.5em 0.5em 1.5em; background: #dfdfdf;  border: 1px solid #777777; position: relative; }
#poptavka-form form .inp-text, #poptavka-form form textarea { border: 1px solid #777777; }
#poptavka-form form textarea { width: 99%; }
.inp-text { padding: 2px 0; }

fieldset {border: 0; margin: 0 0 0.5em 0; padding: 0; }
label {font-weight:bold;}

.col-h-l { float:left; width:48%; }
.col-h-r { float:right; width:48%; }

.w-full {
width:100%;
}

.break {
clear:both;
font-size:1px;
height:1px;
overflow:hidden;
visibility:hidden;
}


hr {width:90%;height:1px;color:black;}
table.center {margin: 0 auto;}
p {margin:.5em 0}
p.indent {margin-left:40px}
p.left {text-align:left}
p.center {text-align:center}
p.right {text-align:right}

img {border:0px}
img.left {float:left;margin-right:3px}
img.right {float:right;margin-left:3px}

kbd {padding:0px 1px 0px 1px;border-width:1px 2px 2px 1px;border-style:solid}
abbr {border-bottom:1px dashed;cursor:help}
span.underline {text-decoration:underline}