body {
 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;
 background: url(.././images/bg-content.jpg) repeat center top;
}

img {
 border: 0px none;
}


/* 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 {
 text-align: center;
}
#page-footer-bg {
 height: 74px;
 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: 326px;
 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;
}
#page-footer-container {
 margin: auto;
 padding: 0px;
 width: 952px;
 height: 74px;
 text-align: right;
 background: url(.././images/bg-footer.jpg) no-repeat left top;
}
#page-footer-container #invisible {
 visibility: hidden;
}
#page-footer-container #copy {
 padding: 10px 20px 0px 0px;
 color: #888;
}
#page-footer-container #copy a {
 color: #555;
 text-decoration: none;
}
#page-footer-container #copy a:hover {
 color: #555;
 text-decoration: none;
 border-bottom: 1px #555 dashed;
}

/* 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: 235px;
 margin: 2px 0px 7px 13px;
 padding: 0px;
}
.menulist ul, li{
 font-size: 10pt;
 list-style-type: none;
 padding: 0px;
 margin: 0px;
}
.menulist li {
 padding: 0px;
 margin: 0px;
}
.menulist a {
 color: #FFF;
 display: block;
 text-decoration: none;
 padding: 3px 3px 3px 16px;
 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-bullet-white.png) center left no-repeat;
}
.menulist a:hover {
 color: #EEE;
 background: #320000 url(.././images/menu-bullet-red.png) center 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: #EEE;
 background: #320000 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 0px 5px 12px;
}
#searchpanel .searchpanel-query {
 margin: 3px 0px 5px 0px;
 border: 1px solid #773030 ;
 background-color: #4B0000;
 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;
 width: 672px;
}
.index-uvod .image {
}
.index-uvod .nadpis {
}
.index-uvod .text {
}
.index-uvod .text h1, h2, h3 {
}
.index-uvod .text h2 {
}
.index-uvod .text h3 {
}
.index-uvod .text p {
}
.index-uvod .vice {
}
.index-uvod .vice a {
}
.index-uvod .vice a:hover {
}


/* index - boxy */
.box-line {
}
.index-box {
 float: left;
 
}
.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 17px;
}
.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: 8px 0px 0px 46px;
 margin: 0px;
 color: #FFF;
}
.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 {
 margin: 0px 0px 5px -5px;
 padding: 11px 0px 0px 32px;
 background: url(.././images/index-box-bg-reference.jpg) no-repeat center center !important;
 width: 676px;
 height: 44px;
}
.index-box .box-header-bg-kontakty {
 margin: 5px 0px 0px 11px;
 padding: 16px 0px 0px 32px;
 background: url(.././images/index-box-bg-kontakty.jpg) no-repeat left center !important;

 width: 676px;
 height: 47px;
}
.index-box .box-header-bg-napiste {
 margin: 0px 0px 15px 11px;
 padding: 8px 0px 0px 38px;
 height: 41px;
 background: url(.././images/index-box-bg-napiste.jpg) repeat-x left center !important;
}
.index-box .box-header-bg-aktuality {
 margin: 3px 0px 0px 11px;
 padding: 11px 0px 0px 14px;
 background: url(.././images/index-box-bg-aktuality.jpg) no-repeat left center !important;
 height: 44px;
}
.index-box .box-header-bg-dokument {
 margin: 0px 0px 5px 11px;
 padding: 11px 0px 0px 15px;
 background: url(.././images/index-box-bg-dokument.jpg) no-repeat left center !important;
 width: 661px;
 height: 44px;
}
.index-box .box-header-bg-online {
 margin: 10px 0px 5px 11px;
 padding: 10px 0px 0px 10px;
 background: url(.././images/index-box-bg-online.jpg) no-repeat left center !important;
 width: 676px;
 height: 43px;
}
.index-box .box-header-bg-nabidka {
 margin: 0px 0px 0px 11px;
 padding: 10px 0px 0px 38px;
 height: 41px;
 background: url(.././images/index-box-bg-nabidka.jpg) no-repeat left center !important;
 width: 676px;
 height: 43px;
}


.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: scroll;
 margin: 0px 5px 0px 7px;
 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; */
 background-color: #6B0101;
}
#news-box .new {
 margin: 0px;
 padding: 0px;
}
#news-box a {
 color: #FFF;
 text-decoration: none;
 border-bottom: 1px dashed #FFF;
}
#news-box a:hover {
 color: #CCC;
 text-decoration: none;
 border-bottom: 1px dashed #CCC;
}

/* nadpisy - levý sloupec */
#h2-menu, #h2-news, #h2-blog, #h2-banner {
 margin: 0px 0px 0px 6px;
 padding: 0px;
 height: 24px;
 font-size: 0px;
 line-height: 0px;
 color: #8D0000;
}
#h2-menu {
 background: url(.././images/img-menu-h2.png) no-repeat left center;
}
#h2-news {
 background: url(.././images/img-novinky-h2.png) no-repeat left center;
}
#h2-blog {
 background: url(.././images/img-blog-h2.png) no-repeat left center;
}
#h2-banner {
 background: url(.././images/img-banner-h2.png) no-repeat left center;
}


/* nadpisy - modifikace */
.h2-left {
 padding: 0px 0px 3px 5px;
 float: left;
 width: 66%;
}
.h2-right {
 text-align: right;
 padding: 1px 10px 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, .nabidka-container {
 border-top: #AAA dashed 1px;
 padding: 0px 15px 0px 15px;
 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;
}
.produkt .nazev {
 font-weight: bold;
 margin: 0px 0px 5px 0px;
}
.produkt .popis {
 color: #405F87;
}
.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: #72BD07;
}

/* reference */
.reference, .sluzby {
 width: 215px;
 height: 170px;
 float: left;
 padding: 0px 0px 5px 0px;
 margin: 0px 5px 5px 0px;
 border-left: #7B0000 solid 1px;
 border-right: #7B0000 solid 1px;
 border-bottom: #7B0000 solid 1px;
}
.sluzby {
 height: 240px;
}
.reference .nazev, .sluzby .nazev {
 font-weight: bold;
 margin: 0px 0px 5px 0px;
 padding: 3px 0px 3px 0px;
 border-top: #7B0000 solid 1px;
 border-bottom: #7B0000 solid 1px;
 background-color: #EEE;
 text-align: center;
}
.reference .nazev a, .sluzby .nazev a {
 color: #000;
 text-decoration: none;
}
.reference .popis, .sluzby .popis {
 color: #000;
 padding: 3px 5px 3px 5px;
 text-align: center;
}
.reference .popis a, .sluzby .popis a {
 color: #000;
 text-decoration: none;
}
.reference .popis {
 color: #000;
 padding: 3px 5px 3px 5px;
 text-align: center;
}
.reference .img-stahnout, .sluzby .img-stahnout {
 margin: 10px 10px 5px 0px;
}
.reference-lichy {
 border-right: #7B0000 dashed 1px;
 padding: 5px 10px 5px 5px;
}
.reference .img-sample, .sluzby .img-sample {
 text-align: center;
 font-size: 11pt;
 font-weight: bold;
}
.reference img, .sluzby img {
 border: 1px solid #7B0000;
}
.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: #000;
}
.tiny-content h3 {
 color: #000;
 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: #000;
 background-color: #DDD;
 text-decoration: none;
 border-bottom: 1px dashed #555;
}

/* kontakty */
.kontakty-adresa {

}
.kontakty-adresa .h2, .kontakty-mapa .h2 {
 color: #FFF;
 background-color: #750000;
 margin: 0px 0px 0px 6px;
 padding: 3px 2px 3px 8px;
 width: 666px;
 font-size: 9pt;
 font-weight: bold;
}
.kontakty-adresa p {
 color: #000;
 padding: 0px 2px 0px 10px;
 margin: 5px 0px 5px 0px;
 font-size: 9pt;
}

.kontakty-table, .aktuality-table, .uvod-table {
 width: 676px;
 margin: 0px 0px 5px 6px;
 padding: 0px;
}
.aktuality-table {

}
.kontakty-table {
 
}
.uvod-table {
 width: 654px;
 margin: 0px 0px 5px 0px;
}

.kontakty-table .nadpis, .aktuality-table .nadpis, .uvod-table .nadpis {
 color: #FFF;
 background-color: #7B0000;
 font-size: 9pt;
 font-weight: bold;
 padding: 3px 0px 3px 8px; 
}
.aktuality-table .nadpis, .uvod-table .nadpis {
 color: #000;
 background-color: #EEE;
 border-bottom: 1px #7B0000 solid;
 border-top: 1px #7B0000 solid;
 width: 70%;
}
.kontakty-table .nadpis {

}

.kontakty-table .data, .aktuality-table .data, .uvod-table .data {
 padding: 5px 5px 0px 6px;  
 color: #000;
 font-size: 9pt;
 font-weight: normal; 
}
.aktuality-table .data a, .uvod-table .data a {
 color: #555;
 text-decoration: none;
 border-bottom: 1px dashed #555;
 padding: 1px;
 margin: 0px;
}
.aktuality-table .data a:hover, .uvod-table .data a:hover {
 color: #7B0000;
 border-bottom: 1px dashed #7B0000;
 text-decoration: none;
 padding: 1px;
 margin: 0px;
}
.kontakty-table .email a {
 color: #555;
 text-decoration: none;
 border-bottom: 1px dashed #555;
 padding: 1px;
 margin: 0px;
}
.kontakty-table .email a:hover {
 color: #7B0000;
 border-bottom: 1px dashed #7B0000;
 text-decoration: none;
 padding: 1px;
 margin: 0px;
}
.aktuality-table .datum, .uvod-table .datum {
 color: #000;
 background-color: #EEE;
 padding: 3px 8px 0px 0px;
 font-size: 8pt;
 font-weight: normal;
 width: 29%;
 text-align: right;
 border-bottom: 1px #7B0000 solid;
 border-top: 1px #7B0000 solid;
}

/* form-table */
.form-table {
 width: 100%;
 width: 676px;
 margin: 0px 0px 5px 6px;
 padding: 0px;
 font-size: 10pt;
 color: #FFF;
}
.form-table td {
 padding: 5px;
}
.form-table .nadpis {
 color: #FFF;
 background: url(.././images/index-box-bg-napiste.jpg) repeat-x left center !important;
 padding: 15px 0px 0px 80px;
 font-size: 9pt;
 height: 44px; 
}
.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 #888;
 color: #000;
 background-color: #EEE;
 font-size: 10pt;
}
.form-table .textarea textarea {
 border: 1px solid #888;
 color: #000;
 background-color: #EEE;
 font-size: 10pt;
 height: 120px; 
}
.form-table .send input {
 border: 1px solid #555;
 color: #000;
 background-color: #EEE;
 font-size: 10pt;
 width: 150px;
 text-align: center; 
}


/* box - kontakt */
.box-kontakt {
 width: 687px; 
}
.box-kontakt td, tr, table {
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
 font-size: 7.5pt;
 font-weight: normal;
 color: #555;
 vertical-align: top;
 margin: 0px;
}
.kontakt-input-text {
 color: #000;
 width: 570px;
 height: 16px;
 border: 1px solid #888;
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
 font-size: 9pt;
 font-weight: normal;
 background-color: #DDD;
}
.kontakt-textarea {
 color: #000;
 width: 570px;
 height: 80px;
 border: 1px solid #888;
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
 font-size: 9pt;
 background-color: #DDD;
}
.kontakt-input-submit {
 color: #555;
 width: 130px;
 border: 1px solid #888;
 background-color: #DDD;
 font-size: 9pt;
 font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
}
.uvod-kontakt {
 margin: 0px 0px 0px 13px;
 padding: 0px;
}

.uvod-kontakt .name_size{
 width:70px; 
}

.uvod-kontakt .button_align{
 text-align: right; 
}

/* bannery */
.left-banner {
margin: 0px 0px 0px 6px;
width: 250px;
}


/* jednoduchý dokument */
.dokument, .nabidka-container {
 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: #222;
 margin: 0px 0px 0px 6px;
}
.dokument h1, .nabidka-container h1 {
 color: #000;
 background-color: #EEE;
 height: 20px;
 margin: 0px -4px 0px -10px;
 padding: 4px 2px 3px 20px;
 font-size: 9pt;
 border-top: 1px #7B0000 solid;
 border-bottom: 1px #7B0000 solid;
}
.dokument h1 {width: 653px;}
.nabidka-container h1 {
 margin: 0px;
 border: 1px #7B0000 solid;
 padding: 4px 2px 3px 10px;
} 
.dokument h2, .nabidka-container h2 {
 color: #000;
 background: url(.././images/nadpis-uni-sip.jpg) no-repeat left top !important;
 height: 30px;
 margin: 0px -4px 0px 0px;
 padding: 5px 2px 3px 30px;
 width: 650px;
 font-size: 9pt;
 border: 0px;
}
.dokument p, .nabidka-container p {
 margin: 0px;
 padding: 0px 8px 5px 5px;
}

/* rezervace */
#rezervace {
 margin: 0px 0px 0px 20px;
 width: 650px;
}
#rezervace .select {
 border: 1px solid #888;
 color: #780000;
 background-color: #FFF;
}
#rezervace .text {
 margin: 0px 15px 0px 0px;
 border: 1px solid #888;
 color: #000;
 background-color: #EFEFEF;
}
#rezervace .submit {
 margin: 0px 15px 0px 0px;
 border: 1px solid #888;
 color: #000;
 background-color: #EFEFEF;
}

/* univerzální styly - šířky atd. */
.w50 {width: 50px;}
.w75 {width: 75px;}
.w100 {width: 100px;}
.w115 {width: 115px;}
.w200 {width: 200px;}

.align-r {text-align: right;}

/* nabídka - úvod - zbytek jako novinky */
.nabidka-container {
 height: 300px;
 overflow: scroll;
 margin: 0px 0px 0px 6px;
}

.cleaner {clear: both;}