body {
 background-image: url(.././images/bg-body.jpg);
 padding: 0px;
 margin: 0px;
 text-align: center;
 font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
 font-size: 9pt;
}

img {
 border: 0px none;
}

#flags {
 padding: 265px 15px 0px 0px;
 height: 22px;
 text-align: right;
}
#flags img {
 border: 2px #888 solid;
}

/* pozadí stránky */ 
#page-container {
 background: url(.././images/bg-page.jpg) no-repeat center top;
 text-align: center;
}

#page-header-bg {
 background: url(.././images/flash-podklad.jpg) repeat-x center top;
 text-align: center;
}

#page-content-bg {
 background: url(.././images/bg-content.jpg) repeat center top;
 text-align: center;
}

#page-content-bg-top {
 background: url(.././images/bg-content-top.jpg) no-repeat center top;
 text-align: center;
}

#page-content-bg-bottom {
 background: url(.././images/bg-content-bottom.png) no-repeat center bottom;
 text-align: center;
}

#page-footer-bg {
 background: url(.././images/bg-footer.jpg) repeat-x center top;
 height: 43px;
 text-align: center;
}

/* kontejnery s textem a konkrétním pozadím určeným v sekci "pozadí stránky" */
#page-header-container {
 margin: auto;
 width: 952px;
 height: 325px;
 padding: 0px;
}
#page-content-container {
 margin: auto;
 padding: 0px;
 width: 952px;
 text-align: left;
 background: url(.././images/bg-content-inside.jpg) repeat-y left top !important;
}
#page-footer-container {
 margin: auto;
 width: 952px;
 height: 43px;
 background: url(.././images/bg-footer-inside.jpg) no-repeat left top;
 padding: 20px 0px 0px 0px;
}
#page-footer-container .ref {
 color: #000;
 text-decoration: none;
 border-bottom: 1px #888 dashed;
 padding-bottom: 2px;
}

/* LEVÝ SLOUPEC */
#page-content-col-left-container {
 margin: 0px 0px 0px 7px;
 padding: 0px;
}
#page-content-col-left {
 width: 254px;
 float: left;
 margin-bottom: 0px;
}


/* PRAVÝ SLOUPEC */
#page-content-col-right-container {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
#page-content-col-right {
 width: 683px;
 float: left;
 margin-bottom: 0px;
 text-align: justify;
 font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
 font-size: 8pt;
}


/* Levé MENU */
.menulist {
 width: 253px;
 margin: 2px 0px 7px -2px;
 padding: 0px;
}
.menulist ul, li{
 font-size: 10pt;
 list-style-type: none;
 padding: 0px;
 margin: 0px;
}
.menulist li {
 padding: 0px;
 margin: 0px 0px 10px 0px;
}
.menulist a {
 color: #FFF;
 display: block;
 text-decoration: none;
 padding: 3px 3px 3px 20px;
 margin: 0px;
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
 font-size: 8pt;
 line-height: 12pt;
 background: url(.././images/menu-bg.png) top left no-repeat;
 border-top: 1px #555 dashed;
 border-bottom: 1px #555 dashed;
}
.menulist a:hover {
 color: #CCC;
 background: url(.././images/menu-bg-blue.png) top left no-repeat;
}
.menulist .vnorene {
 margin: 0px 0px 0px 10px;
}
.menulist .vnorene a {
 color: #FFF;
 display: block;
 text-decoration: none;
 padding: 3px 3px 3px 14px;
 margin: 0px;
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
 font-size: 8pt;
 line-height: 15pt;
 background: url(.././images/menu-bullet-white.png) center left no-repeat;
}
.menulist .vnorene a:hover {
 color: #CCC;
 background: url(.././images/menu-bullet-red.png) center left no-repeat;
}


/* zakončení floatování */
#cleaner {clear: both;}


/* searchpanel - panel hledání */
#searchpanel {
 font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
 font-size: 0pt;
 margin: 0px;
 padding: 0px 0px 5px 5px;
 width: 240px;
}
#searchpanel .searchpanel-query {
 margin: 3px 0px 5px 0px;
 border: 1px solid #DDD;
 background-color: #333;
 width: 172px;
 height: 15px;
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
 font-size: 9pt;
 color: #FFF;
}
#searchpanel .searchpanel-submit {
 border: 0px none;
 margin: 0px 0px 4px 5px;
 background-image: url(.././images/btn-search.png);
 height: 19px;
 width: 58px;
}


/* index - úvodní panel */
.index-uvod {
 margin: 0px 6px 0px 4px;
 float: none;
 vertical-align: top;
 color: #484848;
 width: 672px;
}
.index-uvod .image {
 float: left;
 margin: 10px 3px 10px 5px;
}
.index-uvod .nadpis {
 float: left;
 margin: 10px 0px 0px 5px;
 color:#7B797B;
 font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
 font-size: 20px;
}
.index-uvod .nadpis:first-letter{
 color:#AD3031;
}

.index-uvod .text {
 font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
 font-size: 8pt;
 width: 508px;
 float: right;
 margin: 0px 0px 10px 0px;
}
.index-uvod .text h1, h2, h3 {
 padding: 0px;
 margin: 0px;
 font-size: 10pt;
 line-height: 13pt;
}
.index-uvod .text h2 {
 font-size: 9pt;
 line-height: 13pt;
 color: #FFF;
}
.index-uvod .text h3 {
 font-size: 8pt;
 line-height: 12pt;
}
.index-uvod .text p {
 padding: 5px 0px 0px 0px;
 margin: 0px;
}

.index-uvod .vice {
 margin: 3px 0px 5px 0px;
 float: right;
}
.index-uvod .vice a {
 text-decoration: none;
 color: #D74040;
}
.index-uvod .vice a:hover {
 text-decoration: underline;
 color: #D74040;
}


/* index - boxy */
.box-line {
}
.index-box {
 float: left;
 color: #FFF;
}
.index-box .box-header-bg {
 background: url(.././images/index-box-bg.jpg) repeat-x center top;
 text-align: left;
 height: 34px;
 padding: 0px;
 margin: 0px;
}
.index-box .box-content {
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
 font-size: 8pt;
 padding: 5px;
}
.index-box .box-content-reference {
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
 font-size: 8pt;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 2px; 
}
.index-box .box-content-reference .nadpis {
 margin: 3px 0px 7px 0px;
 background: url(.././images/nadpis-uni-sip.jpg) no-repeat left top;
 height: 30px;
 padding: 5px 0px 0px 30px;
 font-size: 9pt;
 color: #FFF;
}

.index-box .box-div {
 background: url(.././images/index-divider.png) repeat-y center top;
 height: 173px;
}


.index-box h2 {
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
 font-size: 9.5pt;
 font-weight: normal;
 padding: 2px 0px 4px 10px;
 margin: 0px 0px 0px 2px;
 color: #FFF;
 width: 675px;
 height: 19px;
 background: #4F4F4F url(.././images/nadpis-uni-car.jpg) no-repeat right center !important;
}
.index-box .box-header-bg-tiny {
 margin: 0px 0px 15px 2px;
 background: url(.././images/nadpis-uni-sip.jpg) no-repeat left center !important;
}
.index-box .box-header-bg-reference {

}
.index-box .box-header-bg-kontakty h2 {
 background: #4C4C4C url(.././images/nadpis-uni-dve-car.jpg) no-repeat right center !important;
}
.index-box .box-header-bg-napiste {

}
.index-box .box-header-bg-aktuality {

}
.index-box .box-header-bg-produkty h2 {
 background: #4F4F4F url(.././images/nadpis-uni-dve-car.jpg) no-repeat right center !important;
}
.index-box .box-header-bg-dokument {

}

.tiny-content {
 margin: 2px 5px 0px 5px;
 color: #FFF;
}

.box-divider {
 width: 10px; 
}
.box-tdrs {
 width: 295px;
 text-align: center;
}
.box-posledni-prace {
 width: 377px;
 text-align: center;
}

/* #news-box */
#news-box {
 height: 280px;
 overflow-y: scroll;
 margin: 0px 5px 0px 0px;
 font-size: 8pt;
 color: #FFF;
}
#news-box h3 {
 font-size: 8pt;
 margin: 4px 0px 3px 0px;
 padding: 0px 0px 0px 3px;
 background: url(.././images/bg-novinka.jpg) no-repeat right center;
}
#news-box .new {
 margin: 0px;
 padding: 0px;
}
#news-box a {
 color: #FFFFBD;
 text-decoration: none;
 border-bottom: 1px dashed #FFFFBD;
}
#news-box a:hover {
 color: #FFFFBD;
 text-decoration: none;
 border-bottom: 1px dashed #FFFFBD;
}

/* nadpisy - levý sloupec */
#h2-menu, #h2-news, #h2-blog, #h2-banner {
 margin: 0px 0px 0px -2px;
 padding: 0px;
 font-size: 8pt;
 height: 42px;
 font-size: 0px;
}

/* nadpisy - modifikace */
.h2-left {
 padding: 0px 0px 3px 5px;
 float: left;
 width: 66%;
}
.h2-right {
 text-align: right;
 padding: 1px 20px 0px 0px;
 float: right;
 width: 28%;
 font-size: 8pt;
}
.h2-right a {
 color: #333;
 text-decoration: none;
 font-size: 8pt;
 height: 8pt; 
}
.h2-right a:hover {
 color: #333;
 text-decoration: underline;
}
.h2-right img {
 border: 0px none;
}
.h2-right .blue {
 color: rgb(0,0,153);
}

/* dokumenty */
.dokument {
 border-top: #AAA dashed 1px;
 padding: 3px 0px 0px 5px;
 margin: 0px 0px 5px 0px;
}
.dokument .nazev {
 font-size: 10pt;
 font-weight: bold;
 margin: 0px 0px 5px 0px;
}
.dokument .popis {
 font-size: 9pt;
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
 font-weight: normal;
 width: 600px;
}
.dokument .stahnout {
 width: 80px;
 text-align: center;
 vertical-align: middle;
}
.dokument .img-stahnout {
 border: 0px;
}

/* produkty */
.produkt {
 border-top: #AAA dashed 1px;
 width: 318px;
 height: 120px;
 float: left;
 padding: 5px 10px 5px 10px;
 color: #444;
}
.produkt .nazev {
 font-weight: bold;
 margin: 0px 0px 5px 0px;
}
.produkt .popis {
 color: #444;
}
.produkt .img-stahnout {
 margin: 10px 10px 5px 0px;
}
.produkt-lichy {
 border-right: #AAA dashed 1px;
 padding: 5px 10px 5px 5px;
}
.produkt .img-sample {
 float: right;
 margin: 0px 0px 0px 10px;
 text-align: center;
 font-size: 11pt;
 font-weight: bold;
 color: #444;
}

/* reference */
.reference, .sluzby, .nabidka {
 width: 210px;
 height: 200px;
 float: left;
 padding: 0px 0px 5px 0px;
 margin: 0px 0px 5px 10px;
 border-left: #4C4C4C solid 1px;
 border-right: #4C4C4C solid 1px;
 border-bottom: #4C4C4C solid 1px;
}
.sluzby {
 height: 230px;
}
.nabidka {
 width: 335px;
 height: 280px;
}
.reference .nazev, .sluzby .nazev, .nabidka .nazev {
 font-weight: bold;
 margin: 0px 0px 5px 0px;
 padding: 3px 0px 3px 0px;
 border-top: #4C4C4C dashed 1px;
 border-bottom: #4C4C4C dashed 1px;
 background-color: #4C4C4C;
 text-align: center;
 height: 30px;
 overflow: hidden;
}
.reference .nazev a, .sluzby .nazev a, .nabidka .nazev a {
 color: #FFF;
 text-decoration: none;
}
.reference .popis, .sluzby .popis, .nabidka .popis {
 color: #444;
 padding: 3px 5px 3px 5px;
 text-align: center;
}
.reference .popis a, .sluzby .popis a, .nabidka .popis a {
 color: #333;
 text-decoration: none;
}
.reference .popis {
 color: #333;
 padding: 3px 5px 3px 5px;
 text-align: center;
}
.reference .img-stahnout, .sluzby .img-stahnout, .nabidka .img-stahnout {
 margin: 10px 10px 5px 0px;
}
.reference-lichy {
 border-right: #AAA dashed 1px;
 padding: 5px 10px 5px 5px;
}
.reference .img-sample, .sluzby .img-sample, .nabidka .img-sample {
 text-align: center;
 font-size: 11pt;
 font-weight: bold;
 color: #72BD07;
}
.reference img, .sluzby img, .nabidka img {
 border: 0px none;
}
.reference p {
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}


/* články */
.tiny-content {
 font-size: 9pt;

}
.tiny-content div, p, table, td, tr, li, ul, a {
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif !important;
 font-size: 9pt !important;
 font-weight: normal;
}
.tiny-content h1 {
 background: url(.././images/index-clanek-h2-bullet.png) no-repeat left center;
 text-align: left;
 padding: 2px 3px 3px 15px;
 margin: 0px 0px 0px 0px;
 border-bottom: 1px solid #CCC;
 font-weight: bold;
 font-size: 9pt;
 line-height: 9pt;
}
.tiny-content h2 {
 text-align: left;
 padding: 2px 3px 3px 15px;
 margin: 0px 0px 0px 0px;
 font-weight: bold;
 font-size: 9pt;
 line-height: 9pt;
 background-color: #D6D6D6;
 color: #FFF;
}
.tiny-content h3 {
 color: #FFF;
 font-weight: bold;
 font-size: 12pt;
 padding: 5px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}
.tiny-content h3 {
 font-size: 10pt;
}
.tiny-content p {
 padding: 0px 0px 0px 0px;
 margin: 5px 0px 0px 0px;
}
.tiny-content ul {
 padding: 0px 0px 0px 20px;
}
.tiny-content li {
 padding: 0px 0px 0px 15px !important;
 background: url('.././images/odrazka.gif') no-repeat left center !important;
}
.tiny-content a {
 color: #DDD;
 text-decoration: none;
 border-bottom: 1px dashed #555;
}
.tiny-content a:hover {
 color: #FFF;
 background-color: #DDD;
 text-decoration: none;
 border-bottom: 1px dashed #555;
}

/* kontakty */
.kontakty-adresa {

}
.kontakty-adresa .h2, .kontakty-mapa .h2 {
 color: #FFF;
 background-color: #C4C4C4;
 height: 18px;
 margin: 0px -4px 0px -3px;
 padding: 2px 2px 3px 10px;
 width: 673px;
 font-size: 9pt;
 font-weight: bold;
}

.kontakty-adresa p {
 color: #333;
 padding: 0px 2px 0px 5px;
 margin: 5px 0px 5px 0px;
 font-size: 9pt;
}
.kontakty-mapa p {
 text-align: center;
 padding: 0px 0px 0px 3px;
 margin: 10px 0px 5px 0px;
}
.kontakty-mapa a {
 color: #333;
 text-decoration: none;
 border-bottom: 1px dashed #333;
}

.kontakty-table, .aktuality-table {
 width: 685px;
 margin: 0px -4px 5px -3px;
 padding: 0px 0px 3px 0px;
}
.aktuality-table {
 color: #333;
}
.kontakty-table {

}
.kontakty-table .nadpis, .aktuality-table .nadpis {
 color: #FFF;
 font-size: 9pt;
 font-weight: bold;
 height: 20px;
 background-color: #4C4C4C;
}
.aktuality-table .nadpis {
 padding: 3px 0px 2px 10px;
 background-color: #4C4C4C;
}
.kontakty-table .nadpis {
 padding: 3px 0px 2px 10px;
}
.aktuality-table .pozadi {
 background-color: #4C4C4C;
}

.kontakty-table .data, .aktuality-table .data {
 padding: 5px 5px 0px 10px;  
 color: #333;
 font-size: 9pt;
 font-weight: normal; 
 background-color: #FFF;
}
.aktuality-table .data a {
 color: #4C4C4C;
 text-decoration: none;
 border-bottom: 1px dashed #555;
 padding: 2px;
 margin: 0px;
}
.aktuality-table .data a:hover {
 color: #4C4C4C;
 border-bottom: 1px dashed #555;
 text-decoration: none;
 padding: 2px;
 margin: 0px;
}
.kontakty-table .email a {
 color: #4C4C4C;
 text-decoration: none;
 border-bottom: 1px dashed #555;
 padding: 2px;
 margin: 0px;
}
.kontakty-table .email a:hover {
 color: #888;
 border-bottom: 1px dashed #888;
 text-decoration: none;
 padding: 2px;
 margin: 0px;
}
.aktuality-table .datum {
 color: #FFF;
 background-color: #4C4C4C;
 padding: 2px 8px 0px 0px;
 font-size: 8pt;
 font-weight: normal;
 width: 160px;
 text-align: right;
}

/* form-table */
.form-table {
 width: 100%;
 width: 685px;
 margin: 0px -4px 5px -3px;
 padding: 0px;
 font-size: 10pt;
 color: #FFF;
}
.form-table {
 margin: 0px -4px 20px -3px;
}
.form-table td {
 padding: 5px;
}
.form-table .nadpis {
 color: #FFF;
 background: #4C4C4C url(.././images/nadpis-uni-car.jpg) no-repeat right center;
 padding: 3px 0px 3px 10px;
 font-size: 9pt;
 height: 20px; 
}
.form-table .popis {
 color: #333;
 padding: 0px 0px 0px 10px;
}
.form-table .text, .send, .textarea {
 width: 550px; 
 text-align: right;
}
.form-table .text input, .textarea textarea, .send input {
 width: 520px; 
 text-align: left;
 margin: 0px 20px 0px 0px;
}
.form-table .text input {
 border: 1px solid #587CE2;
 color: #000;
 background-color: #EEE;
 font-size: 10pt;
}
.form-table .textarea textarea {
 border: 1px solid #587CE2;
 color: #000;
 background-color: #EEE;
 font-size: 10pt;
 height: 120px; 
}
.form-table .send input {
 border: 1px solid #587CE2;
 color: #000;
 background-color: #EEE;
 font-size: 10pt;
 width: 150px;
 text-align: center; 
}


/* box - kontakt */
.box-kontakt {
 width: 682px;
}
.box-kontakt td, tr, table {
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
 font-size: 7.5pt;
 font-weight: bold;
 color: #333;
 vertical-align: top;
}
.kontakt-input-text {
 color: #000;
 width: 580px;
 height: 16px;
 border: 1px solid #587CE2;
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
 font-size: 9pt;
 font-weight: normal;
 background-color: #EEE;
}
.kontakt-textarea {
 color: #000;
 width: 580px;
 height: 80px;
 border: 1px solid #587CE2;
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
 font-size: 9pt;
 background-color: #EEE;
}
.kontakt-input-submit {
 color: #000;
 width: 130px;
 border: 1px solid #587CE2;
 background-color: #EEE;
 font-size: 9pt;
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
}


/* bannery */
.left-banner {margin: 0px 0px 0px -1px;}



/* produkt - detail */
.produkt-detail-img {
 text-align: center;
 margin: 20px 0px 10px 0px;
}
.produkt-detail-popis {
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
 font-size: 10pt;
 text-align: center;
 margin: 10px 0px 30px 0px;
 padding: 0px 10px 0px 10px;
 color: #000;
}


/* jednoduchý dokument */
.dokument {
 border: 0px;
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
 font-size: 10pt;
 text-align: justify;
 line-height: 14pt;
 color: #333; 
}
.dokument h1 {
 color: #FFF;
 background: url(.././images/nadpis-doku-h1.jpg) no-repeat left top !important;
 height: 30px;
 margin: 0px -4px 0px -3px;
 padding: 2px 2px 3px 30px;
 width: 654px;
 font-size: 9pt;
 border: 0px;
}
.dokument h2 {
 color: #000;
 background: url(.././images/nadpis-uni-sip.jpg) no-repeat left top !important;
 height: 30px;
 margin: 0px -4px 0px -3px;
 padding: 5px 2px 3px 30px;
 width: 654px;
 font-size: 9pt;
 border: 0px;
}
.dokument p {
 margin: 0px;
 padding: 0px 8px 5px 10px;
}
.dokument a {
 padding: 0px 0px 2px 0px;
 color: #333;

 text-decoration: none;
}
.dokument a:hover {
 padding: 0px 0px 2px 0px;
 color: #111;

 text-decoration: none;
}

/* úvodní strana */