body {font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; font-size: 10pt; padding: 0px; margin: 0px; background: url('.././images/bg-body.jpg') repeat-x center top; background-color: #78c800; color: #000; text-align: center;}

/* vrchní část hlavičky */
#header {width: 970px; height: 295px; margin: 0px auto 0px auto; padding: 0px; overflow: hidden;}
#header #top {height: 32px; color: #ccc; text-align: left; padding: 0px 20px 0px 20px; overflow: hidden;}
#header #top .text {float: left; margin: 4px 0px 0px 0px;}
#header #top .text a {color: #bbb; font-size: 11px;}
#header #top .text a:hover {color: #bbb; font-size: 11px;}
#header #top .search {float: right; margin: 3px 0px 0px 0px;}
#header #top .search input {color: #eee; background-color: #555; border: 1px solid #888; font-size: 11px;}
#header #top .search .input-search {}

#header #middle {height: 265px; background: transparent url(.././images/_bg-header.png) no-repeat center top;}

#header #flash {height: 220px; margin: 26px 0px 0px 0px;}

/* začištění float z hlavičky */
.cleaner {clear: both; height: 0px; line-height: 0px; font-size: 0px;}


/* zobrazení vlastních dat */
#main-data-top {background: transparent url(.././images/bg-main-top.jpg) no-repeat left top; height: 100%;}
#main-data-bottom {}
#main-data {width: 970px; margin: auto; background: transparent url(.././images/bg-main-middle.jpg) repeat-y left top;}

#main-data #col-left {width: 250px; margin: 20px 0px 0px 20px; float: left; text-align: left; padding: 0px 0px 0px 0px;}
#main-data #col-left .menu ul {list-style-type: none; padding: 0px 0px 0px 0px; margin: 5px 10px 0px 5px;}
#main-data #col-left .menu li {padding: 0px; margin: 0px; padding: 2px 0px 2px 0px;}
#main-data #col-left .menu a {display: block; text-decoration: none; font-weight: bold; font-size: 13px; color: #787878; font-weight: bolder; background: url(.././images/bg-menu-root-normal.png) no-repeat 2% 50%; padding: 5px 0px 5px 20px; position: relative; background: url(.././images/bg-menu-normal.png) no-repeat 2% 50%;}
#main-data #col-left .menu a:hover,
 #main-data #col-left .menu .on {color: #79c800; background: #eee url(.././images/bg-menu-hover.png) no-repeat 2% 50%;}

#main-data #col-left .menu .submenu-obal {padding: 0px 0px 3px 0px; margin: 0px 0px 0px 0px;}
#main-data #col-left .menu .submenu-obal .submenu-ul {list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 20px;}
#main-data #col-left .menu .submenu-obal .submenu-li {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;}
#main-data #col-left .menu .submenu-obal a {display: block; text-decoration: none; font-weight: bold; font-size: 13px; color: #787878; font-weight: bolder; background: url(.././images/bg-menu-sub-normal.png) no-repeat 2% 50%; padding: 5px 0px 5px 20px; position: relative; background: url(.././images/bg-menu-normal.png) no-repeat 2% 50%;}
#main-data #col-left .menu .submenu-obal a:hover,
 #main-data #col-left .menu .submenu-obal .on {color: #79c800; background: #eee url(.././images/bg-menu-hover.png) no-repeat 2% 50%;}

/* MODUL */
/* modul - nadpis v levém sloupci */
#main-data #col-left .modul-bg {background: url(.././images/bg-modul-left.jpg) no-repeat right bottom; padding: 0px 10px 25px 0px; margin: 0px 0px 10px 0px;}
#main-data #col-left .modul-nadpis {color: #000; padding: 0px; margin: 10px 0px 0px 0px; font-size: 9pt; font-weight: bold; position: relative; height: 33px;}
#main-data #col-left .modul-nadpis span {visibility: hidden;}
 #main-data #col-left .bg-menu {background: url(.././images/bg-modul-menu.png) no-repeat left top;}
 #main-data #col-left .bg-anketa {background: url(.././images/bg-modul-anketa.png) no-repeat left top;}
 #main-data #col-left .bg-reklama {background: url(.././images/bg-modul-reklama.png) no-repeat left top;}
 #main-data #col-left .bg-novinky {background: url(.././images/bg-modul-novinky.png) no-repeat left top;}
 #main-data #col-left .bg-apoc {background: url(.././images/bg-modul-apoc.png) no-repeat left top;}

/* modul - aktualni pocasi v levém sloupci */
#main-data #col-left .pocasi {padding: 5px 0px 10px 12px; color: #000; position: relative;}
#main-data #col-left .pocasi strong {color: #777;}
#main-data #col-left .pocasi table {width: 195px; margin: 0px 0px 12px 0px; color: #333; font-size: 9pt;}
#main-data #col-left .pocasi .small {font-size: 11px;}
#main-data #col-left .pocasi a {margin: 20px 0px 0px 0px; color: #000; color: #777; text-decoration: underline;}
#main-data #col-left .pocasi img {border: 0px none #fff; margin: 5px 5px 25px 0px; width: 100px; height: 100px;}
#main-data #col-left .pocasi .teplota {position: absolute; left: 115px; top: 80px; font-size: 20px; font-weight: bold; line-height: 25px;}
#main-data #col-left .pocasi .teplota span {font-size: 10px; line-height: 10px;}

/* MODUL */
/* modul - novinky v levém sloupci */
#main-data #col-left .novinky {}
#main-data #col-left .novinky .novinka {font-size: 8pt; padding: 15px 20px 0px 10px;}
#main-data #col-left .novinky .novinka .datum {color: #555; font-weight: bold;}
#main-data #col-left .novinky .novinka .text {text-align: justify;}
#main-data #col-left .novinky .novinka a {text-decoration: underline; color: #468200; font-weight: bold;}
#main-data #col-left .novinky .novinka a:hover {color: #777;}

/* MODUL */
/* modul - anketa v levém sloupci anke.php */
#main-data #col-left .anketa {margin-bottom: 10px; text-align: center;}
#main-data #col-left .t-anketa {width: 200px; font-size: 8pt; text-align: left; margin: 0px 0px 0px 10px;}
#main-data #col-left .t-anketa .t-nadpis {padding: 15px 0px 10px 0px;}
#main-data #col-left .t-anketa .popis {}
#main-data #col-left .t-anketa .hlasu {font-weight: bold; color: #999; width: 20px;}
#main-data #col-left .t-anketa .bar {}
#main-data #col-left .t-anketa .bar-pack {background-color: #fff; width: 172px; height: 7px; padding: 0px; line-height: 0px; border: 1px solid #75d71e;}
#main-data #col-left .t-anketa .bar-pack img {margin: 1px 1px 1px 1px; padding: 0px; height: 5px;}
#main-data #col-left .t-anketa .proc {color: #000;}
#main-data #col-left .t-anketa .obal {height: 5px;}
#main-data #col-left .t-anketa .hlasu-celkem {font-weight: bold;}

/* MODUL */
/* modul - banner v levém sloupci */
#main-data #col-left .bannery {margin: 0px 0px 0px 10px;}
#main-data #col-left .bannery .item {margin: 0px 0px 10px 0px;}
#main-data #col-left .bannery img {border: 4px solid #ddd !important;}

/* pravý sloupec */
#main-data #col-right {width: 670px; float: left; text-align: left; background: url('.././images/right-bg.png') no-repeat left top; padding: 0px; margin: 10px 0px 10px 0px; overflow: hidden;}

/* MODUL */
/* jednotlivé moduly - podle potřeb společnosti */
.modul {width: 670px;}

/* MODUL */
/* text na úvodní straně */
.mod-uvod-text {margin: 10px 0px 10px 16px;}
.mod-uvod-text .nadpis {font-size: 14pt; color: #333; padding: 25px 0px 0px 25px; margin: 0px;}
.mod-uvod-text .text {font-size: 9pt; color: #000; padding: 25px 25px 25px 25px; margin: 0px;}

/* MODUL */
/* jednoduchý dokument sdoc.php - sdoc.html */
.mod-sdoc {font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;}
.mod-sdoc h1 {text-transform: uppercase; font-size: 16pt; line-height: 16pt; color: #75d71e; padding: 10px 25px 0px 10px; margin: 0px;}
.mod-sdoc h2 {font-size: 14pt; color: #aece27; padding: 25px 25px 0px 10px; margin: 0px;}
.mod-sdoc .text {font-size: 9pt; color: #000; padding: 15px 25px 45px 10px; margin: 0px; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif !important;}
.mod-sdoc .text h1,
 .mod-sdoc .text h2,
  .mod-sdoc .text h3,
   .mod-sdoc .text h4 {color: #a2a1a1; margin: 0px 0px 8px 0px; padding: 0px;}
.mod-sdoc .text h1,
  .mod-sdoc .text h2 {font-size: 15pt !important; text-transform: uppercase;}
.mod-sdoc .text ul {padding: 0px 0px 0px 20px; margin: 0px;}
.mod-sdoc .text ul li {list-style-image: url('.././images/ul-li-bullet.png');}
.mod-sdoc .text a {color: #aece27; font-weight: bold;}
 .mod-sdoc .text a:hover {text-decoration: none;}
.mod-sdoc .text b,
 .mod-sdoc .text strong {font-weight: bold; color: #333;}
.mod-sdoc .more {color: #aece27; font-weight: bold;}

/* galerie */
.mod-galerie {padding: 5px 25px 0px 10px;}
.mod-galerie .galerie-item {width: 157px; height: 170px; float: left; margin: 10px 10px 0px 0px; text-align: center;}
.mod-galerie .galerie-item .title {text-align: center; font-weight: bold; color: #444; margin: 0px 0px 4px 0px; height: 32px;}
.mod-galerie .galerie-item .image {}
.mod-galerie .galerie-item .image img {border: 4px #ddd solid;}
.mod-galerie .galerie-item .text {}

/* stránkování */
.strankovani {margin: 0px 10px 0px 10px; text-align: center;}
.strankovani a {color: #000 !important; text-decoration: none;}
.strankovani a:hover {text-decoration: none !important; color: #000 !important;}
.strankovani .strana {background: transparent url(.././images/strankovani-normal.png) no-repeat center top; display: block; width: 27px; height: 27px; float: left; text-align: center; padding: 6px 0px 0px 0px; overflow: hidden;}
.strankovani .strana:hover,
 .strankovani .on {background: url(.././images/strankovani-on.png) no-repeat center top;}


/* MODUL */
/* kontakty kont.php - kont.html */
/* formulář kontaktů */
.mod-kontakt {}
.mod-kontakt .kontakt-form {margin: 15px 0px 0px 0px;}
.mod-kontakt .kontakt-form td {vertical-align: top; padding: 3px 5px 3px 2px; font-size: 8pt; text-align: left;}
.mod-kontakt .kontakt-form .nadpis {font-size: 13pt; line-height: 14pt; padding: 0px 0px 10px 0px; color: #999; font-weight: bold; padding: 0px 0px 5px 2px;}
.mod-kontakt .kontakt-form input {width: 300px;}
.mod-kontakt .kontakt-form input,
.mod-kontakt .kontakt-form textarea {border: 1px solid #888; background-color: #e5fac6; color: #436e00; margin: 0px 0px 0px 0px; padding: 3px; font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif; font-size: 9pt; font-weight: bold;}
.mod-kontakt .kontakt-form textarea {height: 73px; width: 300px;}
.mod-kontakt .kontakt-form .captcha {float: left; margin: 0px 5px 0px 0px; border: 1px solid #888;}
.mod-kontakt .kontakt-form .input-captcha {width: 175px; float: left;}
.mod-kontakt .kontakt-form .odeslat {width: 308px; background-color: #79c800; color: #fff;}

.mod-kontakt .kontakty {font-size: 9pt; color: #000; padding: 15px 25px 15px 10px; margin: 0px;}
.mod-kontakt .kontakty a{text-decoration: none; color: #436e00; font-weight: bold;}
.mod-kontakt .kontakty img{border: none;}
.mod-kontakt .kontakty strong {font-weight: bold; color: #333;}
.mod-kontakt .kontakty .kontakty-table {font-size: 9pt; text-align: left; color: #436e00; background-color: #e5fac6; margin: 10px 0px 0px 0px; width: 625px; border: 1px solid #777;}
.mod-kontakt .kontakty .kontakty-table td { padding: 5px 5px 5px 5px;}
.mod-kontakt .kontakty .kontakty-table .sudy td {background-color: #f5ffe7;}
.mod-kontakt .kontakty .form-table td { padding: 2px;}
.mod-kontakt .kontakty .kontakty-table a {color: #436e00; font-weight: normal; text-decoration: underline;}
.mod-kontakt .kontakty .kontakty-table a:hover {color: #000;}
.mod-kontakt .kontakty .kontakty-table .nadpis {font-size: 10pt; font-weight: bold; padding: 5px; color: #fff; background-color: #79c800;}
.mod-kontakt .kontakty .form-table .popis { font-size: 9pt; padding: 0px 0px 0px 10px; width: 100px}
.mod-kontakt .kontakty .form-table .text { padding: 5px 10px 0px 0px; text-align: right; vertical-align: middle;}

/* MODUL */
.header-img {}
.header-img h1 {text-transform: uppercase; font-size: 16pt; color: #a2a1a1; padding: 20px 20px 0px 10px; margin: 0px;}
.header-img img {margin: 2px 20px 0px 20px; border: 0;}
.header-img .right {text-align: right;}


/* MODUL */
/* download */
.mod-download {padding: 20px 20px 45px 10px;}
.mod-download .item {width: 600px;}
.mod-download .item .nadpis {font-weight: bold; font-size: 12pt; height: 24px;}
.mod-download .item .ico {text-align: center; width: 100px; font-size: 8pt; padding: 5px 0px 5px 0px;}
.mod-download .item .ico img {border: 0; width: 50px;}
.mod-download .item .ico a {text-decoration: none; color: #000;}
.mod-download .item .timestamp {padding: 0px; height: 15px;}
.mod-download .item td {vertical-align: top;}

/* MODUL */
/* news */
.mod-news {}
.mod-news h1 {text-transform: uppercase; font-size: 16pt; color: #67af00; padding: 25px 25px 0px 25px; margin: 0px;}
.mod-news .text {font-size: 9pt; color: #000; padding: 15px 25px 0px 25px; margin: 0px;}
.mod-news .text h1,
 .mod-news .text h2,
  .mod-news .text h3,
   .mod-news .text h4 {color: #a2a1a1; margin: 0px 0px 8px 0px; padding: 0px;}
.mod-news .text h1,
  .mod-news .text h2 {font-size: 14pt; text-transform: uppercase;}
.mod-news .text h2 {font-size: 12pt !important; text-transform: none;}

/* sitemap */
.mod-sitemap {width: 500px;}
.mod-sitemap ul {list-style-type: none; padding: 0px 0px 0px 0px; margin: 15px 10px 0px 5px;}
.mod-sitemap li {padding: 0px; margin: 0px; padding: 1px 0px 1px 0px;}
.mod-sitemap a {display: block; text-decoration: none; font-weight: bold; font-size: 13px; color: #787878; font-weight: bolder; padding: 1px 0px 1px 5px; position: relative;}
.mod-sitemap a:hover,
 .mod-sitemap .on {color: #79c800;}

.mod-sitemap .sitemap-obal {padding: 0px 0px 3px 0px; margin: 0px 0px 0px 0px;}
.mod-sitemap .sitemap-obal .sitemap-ul {list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 25px;}
.mod-sitemap .sitemap-obal .sitemap-li {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 5px;}
.mod-sitemap .sitemap-obal a {display: block; text-decoration: none; font-weight: bold; font-size: 13px; color: #787878; font-weight: bolder; padding: 1px 0px 1px 0px; position: relative;}
.mod-sitemap .sitemap-obal a:hover,
 .mod-sitemap .sitemap-obal .on {color: #79c800;}


/* hledání */
.mod-search {}
.mod-search {margin: 10px 5px 20px 10px;}
.mod-search .nadpis {font-weight: bold; color: #000; font-size: 14px;}
.mod-search .nadpis span {color: #333; padding: 1px 3px 1px 3px; background-color: #fff09f;}
.mod-search .nadpis a {font-weight: bold; color: #555; text-decoration: none; padding: 5px; background-color: #e9ffd0; display: block;}
.mod-search .text {text-align: left; color: #555; margin: 15px 15px 30px 15px;}
.mod-search .text span {font-weight: bold; color: #333; padding: 1px 3px 1px 3px; background-color: #fff09f;}
.mod-search .text a {font-weight: bold; color: #555; text-decoration: underline;}

/* obecně */
.timestamp {font-size: 8pt; color: #444; padding: 0px 25px 0px 10px; margin: 0px;}
.timestamp strong {color: #555;}


/* ikony - tisk, email, pdf, zip atd. */
#system-icons {margin: 8px 0px 0px 0px; width: 100px; height: 18px; float: right;}
#system-icons a {color: #000; text-decoration: none;}
#system-icons .title {margin: 5px 0px 0px 0px; float: left; font-size: 11px;}
#system-icons .icon img {margin: 3px 0px 0px 3px; float: left; border: 0px none;}

/* patka stránky*/
#footer {width: 970px; margin: auto;}
#footer .inside {color: #468200; padding: 13px 25px 30px 20px; text-align: center; font-size: 8pt; background: transparent url(.././images/bg-main-bottom.jpg) no-repeat left bottom;}
#footer .inside a {color: #000;}


/**/
.align-right {text-align: right;}