body { font-family: tahoma;  font-size: 11px; text-align: center; color: #CC9933; }
body h1 { text-align: center; font-size: 11px; color: #CC3300; text-decoration: none; }
html, body, #telo, h1, #nav-top, #nav-top li, #nav-left, #nav-top li { margin: 0;  padding: 0;  list-style: none; }
th, td {  font-size: 11px; }
img { border: 1; }
#telo { margin: 5px auto;  text-align: left; width: 950px; position: relative; }
h1, h2, h3 { font-size: 11px; }
h1 { margin: 0;  padding: 0;}
h2 { margin: 0 0 0 0;  padding: 0; }
h3 { padding: 4px 0 0 0; }
.rozlozeni { clear: both; height: 1px; padding-top: 0; margin-top: 0; margin-bottom: 0; font-size: 1px;  line-height: 1px; }
* html .rozlozeni  { margin-top: -2px; margin-bottom: -2px; }
.left { float: left;  margin: 1px 8px 0px 0px; }
.odkaz { text-align: right;  font-size: 11px; }
.odkaz2 { text-align: left;  font-size: 11px; }
body { background: #CC9933;  color: #251200; }
#telo { width: 980px;  background: #FFCC00; }
a {  color: white; }
a:hover { color: yellow; }
#body #stred .odkaz a, #body .odkaz a, #zapati .odkaz a { color: white;  text-decoration: none; }
#body .odkaz a:hover, #body #stred .odkaz a:hover, #zapati .odkaz a:hover { color: yellow; text-decoration: underline; }
#pravyhornisl { background: url(Image/centralobr.jpg) top left no-repeat; height: 291px; width: 291; margin: 0;  border-bottom: 1px solid white; }
#pravyhornisl #obr { text-align: right; }
#pravyhornisl #nav { font-size: 11px;  text-align: center;  background: #CC3333; color: white; font-weight: bold; width: 689px; position: absolute; top: 86px; left: 291px; padding: 9px 0 10px 0; margin: 0;  border-top: 1px solid white;
                     border-bottom: 1px solid white; }
#pravyhornisl #nav li { display: inline; }
#pravyhornisl #nav a { font-size: 11px; color: white; text-decoration: none; }
#pravyhornisl #nav a:hover { font-size: 11px; color: yellow; text-decoration: underline; }
#pravyhornisl #text {  position: absolute;   top: 122px; left: 291px;   width: 670px; height: 200px;   overflow: auto; }
#pravyhornisl #text a { font-size: 11px; color: white; text-decoration: none; }
#pravyhornisl #text h2 { padding: 0.2em 0 0 0;   margin: 0; line-height: 1; }
#pravyhornisl #text p { margin: 0.5em 0; }
* html #pravyhornisl #text p { margin: 0.5em 0; }
#pravyhornisl #text p { padding-left: 2em; }
#body { position: relative; color: #251200;  background: url(Image/telo.gif) repeat-y; }
#body-i { width: 100%; background: url(Image/uvod.jpg) top right no-repeat;}
#body-t { width: 100%; background: url(Image/topeni2.jpg) top right no-repeat;}
#body-v { width: 100%; background: url(Image/voda.jpg) top right no-repeat;}
#body-k { width: 100%; background: url(Image/kanalizace3.jpg) top right no-repeat;}
#body-p { width: 100%; background: url(Image/plyn2.jpg) top right no-repeat;}
#body-r { width: 100%; background: url(Image/reference3.jpg) top right no-repeat;}
#body-o { width: 100%; background: url(Image/koupelny5.jpg) top right no-repeat;}
#body-s { width: 100%; background: url(Image/kanalizace7.jpg) top right no-repeat;}
#body-n { width: 100%; background: url(Image/topeni6.jpg) top right no-repeat;}
#body-d { width: 100%; background: url(Image/topeni7.jpg) top right no-repeat;}
#body-c { width: 100%; background: url(Image/cerpadlo2.jpg) top right no-repeat;}
#body-tuv { width: 100%; background: url(Image/solar.jpg) top right no-repeat;}
#body #nadpisstred { position: absolute; top: 0; left: 291px; }
* html #body #nadpisstred { position: relative; top: 0; left: 0; margin-top: -32px; }
#body #levanavigace { float: left; width: 286px; margin-left: 2px; display: inline; }
#body #stred1 { float: left;  width: 435px; margin-left: 10px; display: inline; background: #CC9933}
#body #stred { float: left;  width: 435px; margin-left: 10px; display: inline; background: #CC9933}
#linkpole  { float: left;  width: 660px; margin-left: 10px;  margin-top: 7px;  display: inline; }
#body .colorlevanvigace { padding: 2px 8px 2px 100px;  margin: 2px 0; background: #CC6633 4px no-repeat;  }
#body h3, #body p { margin: 0 0 0.2em 0; }
#body #stred1 a { font-size: 12px; color: white; text-decoration: none;}
#body #stred1 a:hover { font-size: 12px; color: yellow; text-decoration: none;}
#body #stred a { color: white;}
#body #stred a:hover { color: yellow; }
#stred .odkaz { margin-bottom: 0; }
#link #linkpole a { color: white; text-decoration: none; }
#link #linkpole a:hover { color: yellow; text-decoration: underline; }
#link #linkpole p { margin: 0.0em 0; }
#link { width: 100%;  background: url(Image/link.gif) repeat-y; }
* html #link {  padding-bottom: 10px; }
#link h2 { background: #CC3300;  border-top: 1px solid white; }
* html #link h2 { width: 100%; }
#link .link { padding: 2px 8px 2px 3px;  margin: 2px 0;  background: 10px no-repeat;  float: left; }
#link #sl-4   { width: 140px; margin-left: 2px; }
#link #sl-5   { width: 140px; margin-left: 2px; }
#link #sl-6   { width: 140px; margin-left: 2px; }
#link #sl-7   { width: 140px; margin-left: 2px; }
* html #link #sl-4   { width: 150px; w\idth: 140px; }
* html #link #sl-5   { width: 150px; w\idth: 140px; }
* html #link #sl-6   { width: 150px; w\idth: 140px; }
* html #link #sl-7   { width: 150px; w\idth: 140px; }
#zapati { width: 100%;  background: url(Image/zapati.gif) repeat-y; }
* html #zapati {  padding-bottom: 10px; }
#zapati h2 { background: #CC3300;  border-top: 1px solid white; }
* html #zapati h2 { width: 100%; }
#zapati .fotoflek { padding: 2px 8px 2px 103px;  margin: 2px 0;  background: 10px no-repeat;  float: left;   width: 200px; }
#zapati #sl-1   { width: 180px; }
#zapati #sl-2   { width: 190px; margin-left: 2px; }
#zapati #sl-3   { width: 220px; margin-left: 2px; }
* html #zapati #sl-1   { width: 290px; w\idth: 180px; }
* html #zapati #sl-2   { width: 300px; w\idth: 190px; }
* html #zapati #sl-3   { width: 180px; w\idth: 220px; }
#zapati h3, #zapati p { margin: 0 0 0.2em 0; }
.b {font-weight: bold;}
.i {font-style: italic;}
hr {color:white; }
.font1  { font-family: Tahoma; font-size: 11px; color: yellow;  font-weight: bold; }
.font2  { font-family: Tahoma; font-size: 11px; color: red;  font-weight: bold; }
.font3  { font-family: Tahoma; font-size: 12px; color: yellow;  font-weight: bold; text-decoration: none; }
p   { font-family: Tahoma; font-size: 11px; color: black; }
#galerie { background: #cc6633;  border-top: 1px solid white; position: relative;  margin: 0 0px;   padding: 7px 15px;}
#galerie p { margin: 0;     padding: 0;       position:relative; }

