body {font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; font-size: 10pt; padding: 0px; margin: 0px; background: #fff url('.././images/bg-body.jpg') repeat-x center top; color: #000; text-align: center;}
#body-bottom {background: transparent url(.././images/bg-body-bottom.jpg) no-repeat center bottom; padding: 0px 0px 40px 0px;}

/* vrchní část hlavičky */
#header {width: 900px; margin: auto; padding: 0px; height: 215px; background: url(.././images/) no-repeat left top; overflow: hidden;}
#header #search {width: 160px; height: 23px; margin: 10px 0px 0px 740px; padding: 0px; text-align: right; overflow: hidden;}
#header #search .formsearch {padding: 0px; margin: 0px;}
#header #search .formsearch .search,
 #header #search .formsearch .btn {float: left; border: 0px none;}
#header #search .formsearch .search {border: 0px solid; font-size: 10pt; font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; background: #fff url('.././images/btn-search-input.png') repeat center top; color: #506a97; padding-left: 3px; width: 120px;}
#header #search .formsearch .btn {background: #fff url('.././images/btn-search-submit.png') no-repeat center center; width: 20px;}

/* menu v hlavičce */
#header #menu {width: 900px; margin: 152px 0px 0px 0px; padding: 0px 0px 0px 10px;}
#header #menu a {display: block; float: left; margin: 0px 7px 0px 0px; padding: 4px 4px 4px 4px; color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 12px; line-height: 12px;}
#header #menu a:hover {background-color: #000; color: #eee;}

/* začištění float z hlavičky */
.cleaner {clear: both;}


/* zobrazení vlastních dat */
#main-data {width: 900px; margin: auto; padding: 0px;}
#main-data-bottom {}


#main-data #col-left {width: 243px; margin: 0px; float: left; text-align: left; font-size: 9pt; padding: 10px 0px 0px 0px;}
#main-data #col-left .menu ul {list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 10px 20px 10px;}
#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: 9pt; color: #555; font-weight: bolder; background: url() no-repeat 2% 50%; padding: 5px 0px 5px 8px; position: relative;}
#main-data #col-left .menu a:hover,
 #main-data #col-left .menu .on {color: #555; background: #eee url() 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 5px;}
#main-data #col-left .menu .submenu-obal .submenu-li {padding: 5px 0px 2px 0px; margin: 0px 0px 0px 5px;}
#main-data #col-left .menu .submenu-obal a {display: block; text-decoration: none; font-weight: bold; font-size: 8pt; color: #000; font-weight: bolder; background: url() no-repeat 2% 50%; padding: 5px 0px 5px 8px; position: relative;}
#main-data #col-left .menu .submenu-obal a:hover,
 #main-data #col-left .menu .submenu-obal .on {color: #88181a; background: #eee url() no-repeat 2% 50%;}

/* MODUL */
/* modul - nadpis v levém sloupci */
#main-data #col-left .left-nadpis {height: 38px; color: #555; padding: 8px 0px 6px 15px; margin: 0px 0px 0px 3px; font-size: 11pt; font-weight: bold; position: relative; background: url(.././images/bg-menu-title.png) no-repeat left top; font-family: 'Palatino Linotype', 'Palatino Linotype CE', 'Georgia CE', 'Times New CE', 'New York CE', Georgia, times, serif; text-transform: uppercase;}

/* MODUL */
/* modul - novinky v levém sloupci */
#main-data #col-left .novinky {}
#main-data #col-left .novinky .novinka {font-size: 8pt; padding: 5px 20px 10px 20px;}
#main-data #col-left .novinky .novinka .nadpis a {text-decoration: none; color: #000; font-weight: bold;}
#main-data #col-left .novinky .novinka .nadpis a:hover {color: #777;}
#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 .text a {text-decoration: none; color: #000;}
#main-data #col-left .novinky .novinka .text a:hover {color: #777;}
#main-data #col-left .novinky .novinka .text p {margin: 0px 0px 5px 0px; padding: 0px;}

/* 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: auto;}
#main-data #col-left .t-anketa .t-nadpis {padding: 5px 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: #eee; width: 182px; height: 9px; padding: 1px 1px 1px 1px; line-height: 0px;}
#main-data #col-left .t-anketa .bar-pack img {margin: 1px 1px 1px 1px; padding: 0px; height: 7px;}
#main-data #col-left .t-anketa .proc {color: #000;}

#main-data #col-left .t-anketa .hlasu-celkem {font-weight: bold;}

/* pravý sloupec */
#main-data #col-right {width: 640px; float: left; text-align: left; background: url('') no-repeat left top; padding: 0px; margin: 0px 0px 0px 10px; overflow: hidden;}

/* MODUL */
/* jednotlivé moduly - podle potřeb společnosti */
.modul {width: 635px; padding: 0px; margin: 0px;}

/* 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 {margin: 0px 0px 10px 0px;}
/* .mod-sdoc h1 {text-transform: uppercase; font-size: 16pt; color: #a2a1a1; padding: 25px 25px 0px 25px; margin: 0px;} */
.mod-sdoc .text {font-size: 9pt; color: #000; padding: 5px 15px 25px 15px; margin: 0px;}
.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: 14pt; text-transform: uppercase;}
.mod-sdoc .text h2 {font-size: 12pt !important; text-transform: none;}
.mod-sdoc p {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; text-indent: 12px;}
.mod-sdoc a {text-decoration: underline; color: #777; font-weight: bold;}
.mod-sdoc a:hover {text-decoration: none; color: #999;}
.mod-sdoc .more {display: block; margin: -15px 0px 40px 15px !important; padding: 0px 0px 0px 0px; text-decoration: none; font-weight: bold; color: #b29e1f;}
.mod-sdoc .more:hover {text-decoration: underline;}

/* MODUL */
/* kontakty kont.php - kont.html */
/* formulář kontaktů */
.mod-kontakt {text-align: center;}
.mod-kontakt .kontakt-form {margin: 25px 0px 0px 0px; margin: auto;}
.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: 280px;}
.mod-kontakt .kontakt-form input,
 .mod-kontakt .kontakt-form textarea {border: 1px solid #888; background-color: #666; color: #fff; margin: 0px 0px 0px 0px; padding: 3px; font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; font-size: 9pt;}
.mod-kontakt .kontakt-form textarea {height: 73px; width: 280px;}
.mod-kontakt .kontakt-form .captcha {float: left; margin: 0px 5px 0px 0px; border: 1px solid #888;}
.mod-kontakt .kontakt-form .input-captcha {width: 155px; float: left;}
.mod-kontakt .kontakt-form .odeslat {width: 288px; background-color: #888;}

.mod-kontakt .kontakty {font-size: 9pt; color: #000; padding: 0px; margin: 0px;}
.mod-kontakt .kontakty .kontakty-table {font-size: 9pt; text-align: left; color: #000; background-color: #eee; margin: auto; margin-bottom: 30px; width: 585px; border: 1px solid #777;}
.mod-kontakt .kontakty .kontakty-table td { padding: 5px 5px 5px 5px;}
.mod-kontakt .kontakty .form-table td { padding: 2px;}
.mod-kontakt .kontakty .kontakty-table a { color: #333; font-weight: bold; text-decoration: underline;}
.mod-kontakt .kontakty .kontakty-table a:hover { color: #777;}
.mod-kontakt .kontakty .kontakty-table .nadpis { font-size: 10pt; font-weight: bold; padding: 5px; color: #fff; background-color: #555;}
.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;}

.mod-kontakt .map {margin: 0px 0px 30px 0px; border: 0px none;}

/* MODUL */
/* download */
.mod-download {padding: 20px 20px 45px 20px;}
.mod-download .item {width: 600px;}
.mod-download .item .nadpis {font-weight: bold; font-size: 12pt;}
.mod-download .item .ico {text-align: center; width: 100px; font-size: 8pt;}
.mod-download .item .ico img {border: 0;}
.mod-download .item .ico a {text-decoration: none; color: #000;}
.mod-download .item .timestamp {padding: 0px;}
.mod-download .item .text {}

/* MODUL */
/* news */
.mod-news {}
.mod-news h1 {text-transform: uppercase; font-size: 16pt; color: #a2a1a1; 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;}

/* MODUL */
/* bannery */
.bannery {text-align: center;}
.bannery img {border: 2px solid #ccc;}

/* MODUL */
/* fotogalerie */
.mod-galerie {margin: 0px 4px 10px 4px;}
.mod-galerie .galerie-item{float:left; width: 150px; height: 205px; margin: 10px 4px 0px 4px; text-align:center; border:0px solid #aaa;}
.mod-galerie .galerie-item .title{font-weight: bold; color: #444; padding:5px 5px 5px 5px; height: 30px;}
.mod-galerie .galerie-item .image{ vertical-align: middle;}
.mod-galerie .galerie-item .image img{border: 3px solid #ccc;}

.mod-reference {}
.mod-reference a {text-decoration: none; font-weight: bold; color: #444;}
.mod-reference a:hover {text-decoration: underline; color: #999;}
.mod-reference img {border: 4px solid #ccc;}
.mod-reference .img {float: left; width: 200px;}
.mod-reference .popis {float: left; margin: 0px 0px 0px 15px;}
.mod-reference .popis table {width: 400px; font-size: 10pt;}
.mod-reference .popis table .info {width: 105px; font-weight: bold; color: #888;}
.mod-reference .popis table .text {}
.mod-reference .popis table .text p {margin: 0px; padding: 0px;}
.mod-reference .gallery {float: left; margin: 10px 0px 0px 0px;}
.mod-reference .gallery div {float: left; width: 122px; height: 125px; overflow: hidden;}

/* hlavička obecně */
.mod-header {height: 46px; padding: 0px; margin: 10px 0px 15px 0px; background-color: #eee;}
.mod-header h1 {background-color: #eee; overflow: hidden; padding: 0px; margin: 0px;}
.mod-header h1 .text {width: 520px; height: 28px; float: left; font-size: 17pt; line-height: 17pt; color: #999; padding: 10px 0px 10px 15px; margin: 0px;}
.mod-header h1 .timestamp {width: 46px; height: 28px; float: right; font-size: 8pt; color: #fff; background-color: #aaa; padding: 10px 5px 10px 5px; margin: 0px; text-align: center; font-family: 'Georgia CE', 'Times New CE', 'New York CE', Georgia, times, serif;}
.mod-header .text {padding: 0px; margin: 0px 15px 20px 15px;}
.mod-header .text span {color: #444;}

.mod-header-h2 {height: 30px; padding: 0px; margin: 10px 0px 15px 0px; background-color: #eee;}
.mod-header-h2 h2 {background-color: #eee; overflow: hidden; padding: 0px; margin: 0px;}
.mod-header-h2 h2 .text {width: 520px; height: 22px; float: left; font-size: 14pt; line-height: 14pt; color: #999; padding: 9px 0px 6px 15px; margin: 0px;}
.mod-header-h2 h2 .timestamp {width: 46px; height: 22px; float: right; font-size: 8pt; color: #fff; background-color: #aaa; padding: 10px 5px 10px 5px; margin: 0px; text-align: center; font-family: 'Georgia CE', 'Times New CE', 'New York CE', Georgia, times, serif;}

/* hledání */
.mod-search {}
.mod-search {margin: 10px 5px 20px 0px;}
.mod-search .nadpis {font-weight: bold; color: #000; font-size: 14px;}
.mod-search .nadpis span {color: #777;}
.mod-search .nadpis a {font-weight: bold; color: #555; text-decoration: none; padding: 5px; background-color: #eee; 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;}

/* patka stránky*/
#footer {height: 120px; text-align: center;}
#footer .inside {width: 900px; margin: auto; padding: 25px 30px 0px 0px; text-align: right; font-size: 8pt;}
#footer .inside a {color: #444;}

/* stránkování */
.strankovani {margin: 0px 10px 0px 10px; text-align: center;}
.strankovani a {color: #000; text-decoration: none;}
.strankovani a:hover {text-decoration: none !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;}


/**/
.align-right {text-align: right;}