html {
 background-color: #ddd;
 background: url('.././images/bg-body.png') repeat center top;
 width: 99.9%;
}

body {
 padding: 0px;
 margin: 0px;
 background: url('.././images/bg-body.png') repeat center top;
 text-align: center;
 font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
}
.page-top {background: url('.././images/bg-body-top.png') repeat-x center top;}
.page-middle {background: url('.././images/bg-body-middle.png') repeat-y center top;}
.page-bottom {background: url('.././images/bg-body-bottom.png') repeat-x center bottom;}

.container {
 width: 980px;
 margin: auto;
 text-align: left;
}
.container .header {
 width: 979px;
 height: 167px;
 float: left;
 margin: 10px 0px 0px 0px;
 background: url('.././images/bg-header-static.jpg') no-repeat left top;
}
.container .header .bookmark {
 border: 0;
 display: block;
 margin: 1px 0px 0px 830px;
}
.container .header .bookmark img {border: 0;}
.container .menu {
 float: left;
 height: 33px;
 margin: 0px;
}
.container .menu ul {
 width: 978px; 
 height: 33px;
 overflow: hidden;
 padding: 0px;
 margin: 0px 0px 0px 1px;
 background: url('.././images/bg-menu-normal.png') repeat-x left top;
}
.container .menu li {
 float: left;
 list-style-type: none;
 padding: 0px;
 margin: 0px;
}
.container .menu a {
 display: block;
 height: 33px;
 padding: 9px 13px 0px 13px;
 margin: 0px;
 color: #fff;
 text-align: center;
 text-decoration: none;
 font-size: 10pt;
 line-height: 10pt;
 font-weight: bold;
}
.container .menu a:hover {
 color: #083050;
 background: url('.././images/bg-menu-hover.png') repeat-x left top;
}

.cols {
 background: url('.././images/bg-container.png') repeat-y left top;
 font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
 font-size: 10pt;
 padding: 0px 0px 10px 0px;
}

.cols .col-left .title, .cols .col-right .title {
 background: url('.././images/bg-menu-title.png') no-repeat left top;
 height: 30px;
 color: #083050;
 margin: 4px 0px 0px 0px;
}
.cols .col-left .title .text, .cols .col-right .title .text {
 padding: 8px 0px 0px 25px;
 font-size: 10pt;
 line-height: 10pt;
 font-weight: bold;
}

/* levý sloupec */
.cols .col-left {
 float: left;
 width: 200px;
 margin: 0px 0px 0px 1px;
}

/* vyhledávání */
.search {
 height: 18px;
 margin: 8px 0px 10px 4px;
}
.search .text {
 float: left;
 border: 1px solid #ccc;
 background-color: #fff;
 width: 155px;
}
.search .button {
 float: left;
 border: 0px none #fff;
 margin: 0px 0px 0px 3px;
 width: 18px;
 height: 19px;
 background: url('.././images/bg-search-button.png') no-repeat left center;
}

/* seznam-abecedni */
.seznam-abecedni {
 width: 180px;
 text-align: center;
 margin: auto;
}
.seznam-abecedni td {
 width: 30px;
}
.seznam-abecedni td a {
 display: block;
 width: 15px;
 margin: 0px 0px 0px 0px;
 padding: 3px;
 color: #083050;
 font-size: 9pt;
 line-height: 10pt;
 text-decoration: none;
 text-align: center;
}
.seznam-abecedni td a:hover {
 color: #fff;
 background-color: #083050;
}

/* katalog firem - obory */
.cols .col-left .katalog {
 width: 200px;
 margin: 4px 0px 0px 0px;
}
.cols .col-left .katalog ul {
 padding: 0px 0px 0px 0px;
 margin: 0px;
}
.cols .col-left .katalog ul li {
 list-style-type: none;
}
.cols .col-left .katalog a {
 display: block;
 margin: 0px 0px 0px 5px;
 padding: 3px 0px 3px 18px;
 background: url('.././images/bg-katalog-normal.png') no-repeat left center;
 color: #3B6381;
 font-size: 9pt;
 line-height: 11pt;
 text-decoration: none;
}
.cols .col-left .katalog a:hover, .cols .col-left .katalog .on {
 color: #000;
 background: url('.././images/bg-katalog-hover.png') no-repeat left center;
}

/* prostřední sloupec */
.cols .col-middle {
 float: left;
 width: 602px;
}
.mod {
 width: 601px;
}

/* katalog firem - obory */
.mod-prehled .katalog {
 width: 275px;
 margin: 4px 0px 0px 15px;
 float: left;
}
.mod-prehled .katalog ul {
 padding: 0px 0px 0px 0px;
 margin: 0px;
}
.mod-prehled .katalog ul li {
 list-style-type: none;
}
.mod-prehled .katalog a {
 display: block;
 margin: 0px;
 padding: 0px 0px 0px 20px;
 background: url('.././images/bg-katalog-normal.png') no-repeat left center;
 color: #3B6381;
 font-size: 10pt;
 line-height: 15pt;
 text-decoration: none;
}
.mod-prehled .katalog a:hover, .mod .mod-prehled .katalog .on {
 color: #000;
 background: url('.././images/bg-katalog-hover.png') no-repeat left center;
}

/* výpis firem v kategorii */
.mod-vypis-kategorie {}
.mod-vypis-kategorie .inner {padding: 0px 10px 0px 10px;}
.mod-vypis-kategorie .inner .navigate {
 width: 573px;
 text-align: right;
}
.mod-vypis-kategorie .inner .navigate .back,
.mod-vypis-kategorie .inner .navigate .add,
.mod-vypis-detail .navigate .btn-menu,
.mod-vypis-detail .navigate .desc  {
 padding: 0px 16px 0px 0px;
 color: #777;
 font-size: 9pt;
 font-weight: bold;
 text-decoration: none;
 background: url('.././images/bg-navigate-add.png') no-repeat right center;
}
.mod-vypis-detail .navigate {text-align: right;}
.mod-vypis-detail .navigate .desc {
 text-align: left;
 padding: 3px 5px 2px 8px;
 margin: 5px 0px 0px 0px;
 width: 132px;
 height: 20px;
 display: block;
 float: left;
 font-size: 10pt;
 font-weight: bold;
 color: #2B3969;
 background: url('.././images/bg-navigate-desc.png') no-repeat left center;
}
.mod-vypis-detail .navigate .btn-menu {
 text-align: left;
 padding: 3px 5px 2px 8px;
 margin: 5px 0px 0px 0px;
 width: 132px;
 height: 20px;
 display: block;
 float: left;
 font-size: 10pt;
 font-weight: bold;
 color: #2B3969;
 background: url('.././images/bg-navigate-menu.png') no-repeat left center;
}
.mod-vypis-detail .navigate .desc:hover,
.mod-vypis-detail .navigate .btn-menu:hover {color: #000; text-decoration: underline;}

.mod-vypis-kategorie .inner .navigate .back {
 background: url('.././images/bg-navigate-back.png') no-repeat right center;
}
.mod-vypis-kategorie .inner .navigate .add:hover,
.mod-vypis-kategorie .inner .navigate .back:hover {color: #000;}
.mod-vypis-kategorie .inner table {
 width: 575px;
 font-size: 10pt;
 margin: 10px 0px 0px 0px;
 border-bottom: 1px solid #ccc;
}
.mod-vypis-kategorie .inner table .title {
 height: 25px;
 color: #083050;
 font-size: 10pt;
 font-weight: bold;
}
.mod-vypis-kategorie .inner table .title .l {background: url('.././images/bg-table-title.png') no-repeat left center; padding: 0px 0px 0px 10px;}
.mod-vypis-kategorie .inner table .title .r {background: url('.././images/bg-table-title.png') no-repeat right center; padding: 0px 10px 0px 10px;}

.mod-vypis-kategorie .inner table .data {
 font-size: 10pt;
 line-height: 14pt;
}
.mod-vypis-kategorie .inner table .sudy {background-color: #eee!important;}
.mod-vypis-kategorie .inner table .data a {
 color: #083050;
 text-decoration: none;
 font-weight: normal;
}
.mod-vypis-kategorie .inner table .data a:hover {color: #000;}
.mod-vypis-kategorie .inner table .data .l {padding: 4px 0px 4px 10px; border-left: 1px solid #ccc; width: 300px;}
.mod-vypis-kategorie .inner table .data .r {padding: 4px 10px 4px 10px; border-right: 1px solid #ccc;}

/* vyhledávání */
.mod-hledani .inner table .data .l {padding: 4px 0px 4px 10px; border-left: 1px solid #ccc; width: 400px;}

/* detail společnosti */
.mod-vypis-detail .inner {padding: 0px 10px 0px 10px;}
.mod-vypis-detail .inner .logo {
 text-align: center;
 padding: 10px 0px 5px 0px;
}
.mod-vypis-detail .inner .text {
 margin: 2px 0px 0px 0px;
 padding: 0px 20px 0px 10px;
 font-size: 10pt;
 line-height: 13pt;
 color: #083050;
}
.mod-vypis-detail .inner .text p {
 margin: 0px;
 padding: 0px 0px 10px 0px !important;
 font-size: 9pt;
}
.mod-vypis-detail .inner .text h1, h2, h3 {
 color: #083050;
 font-size: 13pt;
 margin: 2px 0px 5px 0px;
 padding: 0px;
 text-align: left;
 background: url('');
}
.mod-vypis-detail .inner .text h2 {font-size: 12pt;}
.mod-vypis-detail .inner .text h3 {font-size: 10pt;}

.mod-vypis-detail .inner table {
 width: 575px;
 font-size: 10pt;
 margin: 10px 0px 10px 0px;
 border-bottom: 1px solid #ccc;
}
.mod-vypis-detail .inner .info {width: 350px; height: 220px; float: left;}
.mod-vypis-detail .inner .open {width: 220px; height: 220px; float: left; margin: 10px 0px 10px 5px;}
.mod-vypis-detail .inner table .title {
 height: 25px;
 color: #083050;
 font-size: 10pt;
 font-weight: bold;
}
.mod-vypis-detail .inner table .title .l {background: url('.././images/bg-table-title.png') no-repeat left center; padding: 0px 0px 0px 10px;}
.mod-vypis-detail .inner .open .title .l {background: url('.././images/bg-table-title.png') no-repeat right center; padding: 0px 0px 0px 10px;}
.mod-vypis-detail .inner table .title .r {background: url('.././images/bg-table-title.png') no-repeat right center; padding: 0px 10px 0px 0px;}

.mod-vypis-detail .inner table .data {}
.mod-vypis-detail .inner table .data a {
 color: #083050;
 text-decoration: none;
}
.mod-vypis-detail .inner table .data td {vertical-align: top;}
.mod-vypis-detail .inner table .data img {border: 0px #fff none; margin: 5px 0px 2px 0px;}
.mod-vypis-detail .inner table .data .l {padding: 3px 0px 3px 10px; border-left: 1px solid #ccc; width: 300px;}
.mod-vypis-detail .inner .info .data .l {width: 120px; font-weight: bold;}
.mod-vypis-detail .inner .open .data .l {width: 30px; font-weight: bold;}
.mod-vypis-detail .inner table .data .r {padding: 3px 10px 3px 0px; border-right: 1px solid #ccc;}

.mod-vypis-detail .inner .gallery .data td {text-align: center;}

.cols .col-right {
 float: left;
 width: 176px;
}

/* jednoduchý dokument */
.mod-sdoc {color: #083050;}
.mod-sdoc .inner {padding: 0px 10px 0px 10px;}
.mod-sdoc .inner .text table {
 font-size: 10pt;
 margin: 5px;
}
.mod-sdoc .inner .text p {
 font-size: 10pt;
 margin: 0px 0px 5px 0px;
 padding: 0px;
}
.mod-sdoc .inner .text h1, .mod-sdoc .inner .text h2, .mod-sdoc .inner .text h3 {
 font-size: 13pt;
 margin: 2px 0px 5px 0px;
 padding: 0px;
 text-align: left;
}
.mod-sdoc .inner .text h2 {font-size: 12pt;}
.mod-sdoc .inner .text h3 {font-size: 10pt;}
.mod-sdoc .inner .text img {border: 0;}

/* kontakty */
.mod-kont {}
.mod-kont .inner {padding: 0px 10px 0px 10px;}
.mod-kont .inner .kontakt-table {
 width: 575px;
 font-size: 10pt;
 margin: 10px 0px 0px 0px;
 border-bottom: 1px solid #ccc;
}
.mod-kont .inner .kontakt-table .title {
 height: 25px;
 color: #083050;
 font-size: 10pt;
 font-weight: bold;
}
.mod-kont .inner .kontakt-table .title .l {background: url('.././images/bg-table-title.png') no-repeat left center; padding: 0px 0px 0px 10px;}
.mod-kont .inner .kontakt-table .title .c {background: url('.././images/bg-table-title.png') no-repeat center center; padding: 0px 0px 0px 0px;}
.mod-kont .inner .kontakt-table .title .r {background: url('.././images/bg-table-title.png') no-repeat right center; padding: 0px 10px 0px 0px;}

.mod-kont .inner .kontakt-table .data {}
.mod-kont .inner .kontakt-table .data a {
 color: #083050;
 text-decoration: none;
 font-weight: normal;
}
.mod-kont .inner .kontakt-table .data a:hover {color: #000;}
.mod-kont .inner .kontakt-table .data .l {padding: 3px 0px 3px 10px; border-left: 1px solid #ccc;}
.mod-kont .inner .kontakt-table .data .r {padding: 3px 10px 3px 0px; border-right: 1px solid #ccc;}


/* registrace firmy */
.mod-registrace-firmy {color: #083050;}
.mod-registrace-firmy .inner {padding: 0px 15px 0px 15px;}
.mod-registrace-firmy .inner .firma td {
  padding: 3px;
  color: #083050;
  font-size: 10pt;
}
.mod-registrace-firmy .inner .firma td .btn-delete {width: 120px;}
.mod-registrace-firmy .inner .firma td .input-file {width: 245px;}
.mod-registrace-firmy .inner .firma td input, .mod-registrace-firmy .inner .firma td textarea {
 width: 300px;
 border: 1px solid #bbb;
}
.mod-registrace-firmy .inner .firma td textarea {width: 400px;}

/* h1 pro všechny */
.inner h1 {
 width: 575px;
 height: 25px;
 overflow: hidden;
 margin: 2px 0px 0px 0px;
 padding: 9px 0px 0px 25px;
 font-size: 13pt;
 line-height: 13pt;
 color: #083050;
 background: url('.././images/bg-header-h1.png') no-repeat left center;
}
/* h1 pro všechny */
.h2 .top {background: url('.././images/bg-header-h2-top.png') no-repeat left top;}
.h2 .bottom {background: url('.././images/bg-header-h2-bottom.png') no-repeat left bottom;}
.h2 {background-color: #cdcdcd; width: 575px; margin: 5px 0px 0px 0px;}
.h2 h2 { 
 font-size: 10pt;
 line-height: 14pt;
 color: #083050;
 margin: 0px 0px 0px 0px;
 padding: 5px 10px 5px 10px;
}


.footer {
 margin: auto;
 width: 980px;
 height: 80px;
 background: url('.././images/bg-footer.png') no-repeat left bottom;
}
.footer .inner {
 padding: 12px 0px 0px 0px;
 height: 80px;
 margin: 0px;
 color: #083050;
 text-align: center;
 font-size: 9pt;
 line-height: 10pt;
}
.inner a {
 color: #083050;
 text-decoration: none;
 font-weight: bold;
}
/* universal */ 
.cleaner {
 clear: both;
 line-height: 0pt;
 font-size: 0pt;
 height: 0px;
}

.red{
 color:red;
}