/* CSS Document */
* {
    margin: 0;
    padding: 0;
}
body, table, table td, form, div, a, input, textarea, select, button, p {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
}
html, body {
    text-align: left;
}
html {
}
body {
    text-align: center;
    color: #2b2b2b;
    background: #5e5e5e url('../images/bodyBg.png') repeat-x scroll left top;
}
form {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
img,
a img {
    border-width: 0;
}
a:link,
a:visited {
    color: #000;
    font-weight: normal;
}
a:link .hl,
a:visited .hl {
    color: #cf0100;
}
a:hover,
a:hover.hhl .hl {
    color: #0081c0;
}
.bold {
    font-weight: bold;
}
.right {
    text-align: right;
}
.u {
    text-decoration: underline;
}
.i {
    font-style: italic;
}
.clr {
    font-size: 1px;
    height: 1px;
    clear: both;
}
/*.req {
    color: #f22;
    font-size: 13px;
    font-weight: bold;
}*/
ul, li {
    list-style-type: none;
}
input, select {
    vertical-align: middle;
}
input.text,
textarea.text,
input.errtext,
textarea.errtext {
    padding: 3px 4px 1px 4px;
    border-color: #c48830;
    border-style: solid;
    border-width: 1px;
    color: #000;
    vertical-align: middle;
    font-weight: normal;
    margin-right: 2px;
}
input.text {
    height: auto;
}
input.checkbox {
    width: 12px;
    overflow: hidden;
    margin: 0px 3px 3px 3px;
    height: auto;
    vertical-align: middle;
}
select {
    padding: 0;
    height: 18px;
    overflow: hidden;
    border: 2px solid #e5ad1c;
    background-color: #fff;
    color: #000;
    margin-right: 2px;
}
select.m {
    height: auto;
}
select option {
    padding-right: 10px;
}
select.errtext,
select.text {
    /*border: 1px solid #8f9ea5;*/
    font-size: 11px;
}
input.fault,
textarea.fault,
select.fault {
    /*background-color: #ffe6e6;*/    
    border-top-color: red;    
    border-left-color: red;
    border-right-color: red;
    border-bottom-color: red;
}
input.button {
    padding: 0 2px;
    font-size: 10px;
    height: 16px;
}
form div {
    text-align: left;
}
.w100 {
    width: 100%;
}
.w99 {
    width: 99%;
}
.clear {
    clear: both;
}
.hide {
    display: none;
}
.red {
    color: #f00;
}
.center {
    text-align: center;
}
.bs10 {
    margin-bottom: 10px;
}
.mt6 {
    margin-top: 6px;
}
.bodyImage {
    background: url('../images/bodyImage.png') no-repeat scroll center top;    
    text-align: center;
}
.bodyContainer {
    width: 950px;
    margin: 0 auto;
    text-align: left;    
}
.head {
    width: 800px;    
    margin: 0 75px;    
    height: 239px;
    background: url('../images/headBg.png') no-repeat scroll center top;
    text-align: center;    
}
.head .date {
    display: block;
    line-height: 18px;
    padding: 6px 0 0px 0;    
    vertical-align: middle;    
    text-transform: uppercase;    
    color: #fff;    
    font-weight: bold;    
    text-align: center;    
}
.head .flash {
    overflow: hidden;    
    text-align: center;    
    width: 100%;    
    max-height: 206px;
}
.head a.logo:link,
.head a.logo:visited {
    display: block;
    margin: 0 auto;    
    width: 200px;    
    height: 180px;    
}
.pageLayer {
    padding: 0;    
    text-align: left;
    background: url('../images/pageLayer.gif') repeat-y scroll left top;
}
.pageLayer .pageLayerBg {
    background: url('../images/pageLayerBottomBg.gif') no-repeat scroll left bottom;
    height: 100%;    
}
.pageLayer .leftColumn {
    float: left;    
    width: 335px;
    overflow: hidden;    
    padding-top: 34px;
    position: relative;
}
.pageLayer .leftColumn .mainMenu {
    padding-left: 75px;    
    height: auto;
    background: url('../images/tabMenu.gif') no-repeat scroll 38px top;
}
.pageLayer .leftColumn .mainMenu .top,
.pageLayer .leftColumn .mainMenu .bottom {
    background: url('../images/mainMenuTop.gif') no-repeat scroll left top;    
    font-size: 1px;    
    line-height: 1px;    
    height: 1px;    
    display: block;
}
.pageLayer .leftColumn .mainMenu .bottom {
    background-image: url('../images/mainMenuBottom.gif');    
}
.pageLayer .leftColumn .mainMenu ul li {
    display: block;    
    height: 38px;
    overflow: hidden;
}
.pageLayer .leftColumn .mainMenu ul li a:link,
.pageLayer .leftColumn .mainMenu ul li a:visited {
    display : block;    
    overflow: hidden;
    line-height: 38px;    
    height: 38px;    
    vertical-align: middle;    
    color: #fff;    
    font-weight: bold;    
    text-transform: uppercase;
    padding: 0 0 0 40px;
    background: url('../images/menuItem.gif') no-repeat scroll left top;
}
.pageLayer .leftColumn .mainMenu ul li a:hover {
    background-position: left -38px;
}
.pageLayer .leftColumn .mainMenu ul li a:link.active,
.pageLayer .leftColumn .mainMenu ul li a:visited.active {
    background-position: left -76px;
}
.pageLayer .leftColumn .mainMenu ul li a:hover.active {
    background-position: left -76px;
}
.pageLayer .leftColumn .qContact {
    padding-left: 75px;
    margin-top: 28px;    
    height: 191px;
    background: url('../images/tabRychlyKontakt.gif') no-repeat scroll 38px top;
}
.pageLayer .leftColumn .qContact .cont {
    background: url('../images/leftKontaktBg.jpg') no-repeat scroll left top;    
    padding: 26px 20px 30px 0;
}
.pageLayer .leftColumn .qContact .cont .tel,
.pageLayer .leftColumn .qContact .cont .mail,
.pageLayer .leftColumn .qContact .cont .icq {
    display: block;    
    line-height: 40px;
    padding-right: 36px;
    text-align: right;    
    vertical-align: middle;    
    color: #fff;
    font-weight: bold;    
    background-attachment: scroll;    
    background-position: right center;    
    background-repeat: no-repeat;
}
.pageLayer .leftColumn .qContact .cont .tel {
    background-image: url('../images/iconPhone.gif');
}
.pageLayer .leftColumn .qContact .cont .mail {
    background-image: url('../images/iconMail.gif');
}
.pageLayer .leftColumn .qContact .cont .icq {
    background-image: url('../images/iconIcq.gif');
}
.pageLayer .leftColumn .qContact .cont a:link,
.pageLayer .leftColumn .qContact .cont a:visited {
    color: #fff;
    font-weight: bold;    
}
.pageLayer .leftColumn .qContact .cont a:hover {
    text-decoration: underline;
}
.pageLayer .leftColumn .qContact .cont .tel .hl,
.pageLayer .leftColumn .qContact .cont .mail .hl,
.pageLayer .leftColumn .qContact .cont .icq .hl {
    color: #f98f07;
}
.pageLayer .leftColumn .news {
    padding-left: 75px;
    margin-top: 28px;    
    height: auto;    
    min-height: 189px;
    background: url('../images/tabNovinky.gif') no-repeat scroll 38px top;
}
.pageLayer .leftColumn .news .list {
    padding-right: 10px;    
}
.pageLayer .leftColumn .news .list .item {
}
.pageLayer .leftColumn .news .list .item span.label {
    color: #ef8907;    
    font-weight: bold;
    background: url('../images/leftLine1.gif') no-repeat scroll left bottom;    
    padding: 0 0 4px 12px;
}
.pageLayer .leftColumn .news .list .item p {
    color: #fff;    
    font-weight: normal;    
    text-align: justify;    
    font-size: 11px;
    background: url('../images/leftLine2.gif') no-repeat scroll left bottom;    
    padding: 8px 30px 12px 12px;
}
.pageLayer .leftColumn .news .list .item a:link,
.pageLayer .leftColumn .news .list .item a:visited {
    color: #fff;
    font-weight: bold;
}
.pageLayer .leftColumn .news .list .item a:link.more,
.pageLayer .leftColumn .news .list .item a:visited.more {
    display: block;    
    margin: 8px 30px 0 160px;
    padding-right: 14px;    
    color: #cc7900;    
    text-align: right;    
    font-size: 11px;    
    line-height: 14px;    
    font-weight: bold;
    background: url('../images/raquo.gif') no-repeat scroll right 5px;    
}
.pageLayer .leftColumn .news .list .item a:hover {
    text-decoration: underline;
}
.pageLayer .leftColumn .info {
    padding-left: 75px;
    margin-top: 28px;    
    height: auto;    
    min-height: 194px;
    background: url('../images/tabInformace.gif') no-repeat scroll 38px top;
}
.pageLayer .leftColumn .info .cont {
    background: url('../images/leftInformaceBg.jpg') no-repeat scroll left top;    
    padding: 6px 20px 45px 0;
}
.pageLayer .leftColumn .info .cont .rank {
    padding-left: 120px;    
}
.pageLayer .leftColumn .rankfb {
    padding-left: 85px;    
}
.pageLayer .leftColumn .info .cont .line {
    display: block;    
    clear: left;    
    padding-left: 120px;    
    color: #cc7900;    
    font-weight: bold;
}
.pageLayer .leftColumn .info .cont .line .label {
    color: #fff;    
    font-weight: normal;    
    display: block;    
    width: 60px;    
    float: left;
}
.pageLayer .leftColumn .produkty {
    padding-left: 75px;
    margin-top: 28px;    
    height: auto;    
    min-height: 189px;
    background: url('../images/tabProdukty.gif') no-repeat scroll 38px top;
}
.pageLayer .leftColumn .produkty h2 {
    background: url('../images/h2LeftBg.gif') no-repeat scroll left top;    
    color: #f98f07;    
    font-weight: bold;    
    font-size: 12px;
    text-transform: uppercase;
    line-height: 14px;    
}
.pageLayer .leftColumn .produkty h2 a:link,
.pageLayer .leftColumn .produkty h2 a:visited {
    display: block;
    color: #f98f07;    
    font-weight: bold;    
    font-size: 12px;
    line-height: 14px;    
    padding: 8px 0 12px 39px;    
    text-transform: uppercase;
}
.pageLayer .leftColumn .produkty h2.close a {
    background: url('../images/raquo_closed.gif') no-repeat scroll 21px 11px;    
}
.pageLayer .leftColumn .produkty h2.open a {
    background: url('../images/raquo_opened.gif') no-repeat scroll 21px 13px;    
}
.pageLayer .leftColumn .produkty h2 a:hover {
    text-decoration: underline;
}
.pageLayer .leftColumn .produkty ul {
    padding: 0 0 10px 19px;
}
.pageLayer .leftColumn .produkty ul li {
    line-height: 20px;    
    color: #fff;
}
.pageLayer .leftColumn .produkty ul li.sp {
    height: 6px;
    font-size: 5px;
}
.pageLayer .leftColumn .produkty ul li a:link,
.pageLayer .leftColumn .produkty ul li a:visited {
    line-height: 20px;
    padding-left: 20px;    
    color: #fff;
    display: block;
}
.pageLayer .leftColumn .produkty ul li a:hover {
    text-decoration: underline;
}
.pageLayer .leftColumn .produkty ul li a:link.active,
.pageLayer .leftColumn .produkty ul li a:visited.active {
    height: 30px;
    line-height: 30px;
    background: url('../images/produktActive.gif') no-repeat scroll right top;
    color: #3c3b3b;
    font-weight: bold;    
}
.pageLayer .leftColumn .lined {
    display: block;
    margin-left: 75px;
    background: url('../images/leftLine3.gif') no-repeat scroll left top;    
    font-size: 1px;    
    line-height: 1px;    
    height: 2px;    
}
.pageLayer .leftColumn a.zodkazy:link,
.pageLayer .leftColumn a.zodkazy:visited {
    display: block;
    margin: 0 0 0 75px;
    position: absolute;
    bottom: 0;
    height: 120px;
    width: 250px;
}
.pageLayer .flagColumn {
    float: left;    
    width: 70px;    
    padding: 88px 0 54px 0;
    background: url('../images/flagsBg.gif') no-repeat scroll left 88px;    
}
.pageLayer .flagColumn ul {
    display: block;
    padding-top: 8px;    
}
.pageLayer .flagColumn ul li {
    display: block;    
    width: 100%;    
    height: 30px;    
    overflow: hidden;
    margin-bottom: 1px;
    background-position: left -30px;
    background-attachment: scroll;
    background-repeat: no-repeat;    
}
.pageLayer .flagColumn ul li.cz {
    background-image: url('../images/flags_cz.gif');
}
.pageLayer .flagColumn ul li.en {
    height: 31px;    
    background-image: url('../images/flags_en.gif');
}
.pageLayer .flagColumn ul li.de {
    background-image: url('../images/flags_de.gif');
}
.pageLayer .flagColumn ul li.active {
    background-position: left center;
}
.pageLayer .flagColumn ul li a:link,
.pageLayer .flagColumn ul li a:visited {
    background: url('../images/raquo3.gif') no-repeat scroll 38px -10px;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    line-height: 30px;
    vertical-align: middle;
    display: block;
    padding-left: 44px;    
    border: 0px solid blue;
}
.pageLayer .flagColumn ul li a:hover {
    background-position: 38px center;
    text-decoration: none;
}
.foot {
    clear: both;
    width: 950px;
    height: 68px;
    margin-bottom: 10px;
    background: url('../images/footBg.gif') no-repeat scroll left bottom;    
}
.foot .copy {
    font-size: 11px;
    padding-top: 16px;    
    text-align: center;    
    color: #fff;
}
.foot .copy a:link,
.foot .copy a:visited {
    font-size: 11px;    
    color: #111010;    
    font-weight: bold;
}
.foot .copy a span.b {
    color: #fff;
    font-weight: normal;
}
.foot .copy a:hover {
    text-decoration: underline;
}
.foot .links {
    padding-top: 24px;
}
.foot .links ul {
    text-align: center;
}
.foot .links ul li {
    display: inline;    
    margin: 1px;
    color: #fff;    
    font-size: 10px;
}
.foot .links ul li a:link,
.foot .links ul li a:visited {
    color: #fff;    
    font-size: 10px;
}
.foot .links ul li a:hover {
    text-decoration: underline;
}
.pageLayer .page {
    float: left;    
    width: 540px;
    overflow: hidden;    
    background: url('../images/contentTopBg.gif') no-repeat scroll left 88px;    
}
.pageLayer .page p {
    padding: 0 30px;    
    text-align: justify;    
    line-height: 15px;
}
.pageLayer .page p.tor {
    padding-left: 66px;
}
.pageLayer .page p.raqued {
    background: url('../images/raquo2.gif') no-repeat scroll 50px 3px;
    text-indent: 36px;    
}
.pageLayer .page p.bp8 {
    padding-bottom: 8px;
}
.pageLayer .page p.c {
    clear: both;
}
.pageLayer .page p.center {
    text-align: center;
}
.pageLayer .page a:link,
.pageLayer .page a:visited {
    color: #2b2b2b;
}
.pageLayer .page a:hover {
    text-decoration: underline;
    color: #0081c0;
}
.pageLayer .tab {
    padding: 0 30px;
}
.pageLayer .tab table {
    border-collapse: collapse;
}
.pageLayer .tab table td {
    border: 1px solid #7d4d0f;
    padding: 1px;
}
.pageLayer .tab table.noborder td {
    border-width: 0px;
}
.pageLayer .tab table td .ceniko {
    display: block;    
    padding-left: 20px;
}
.pageLayer .tab table td.label {
    padding: 5px 10px;
}
.pageLayer .page a.backlink:link,
.pageLayer .page a.backlink:visited {
    margin-left: 30px;
    display: block;    
    background: url('../images/laquo.gif') no-repeat scroll 20px 3px;
    text-indent: 36px;
    color: #2b2b2b;    
}
.pageLayer .page a.backlink:hover {
    text-decoration: underline;
}
.pageLayer .page h1.orange {
    background: url('../images/topOrange.png') no-repeat scroll left top;
    height: 88px;
    overflow: hidden;    
}
.pageLayer .page h1.orange span.line1 {
    color: #fff;    
    display: block;
    padding: 24px 0 0 30px;
    text-transform: uppercase;    
    font-size: 15px;    
    font-weight: bold;    
    font-family: arial;
}
.pageLayer .page h1.orange span.line1 span.okr {
    color: #ffe9cd;
}
.pageLayer .page h1.orange a:link,
.pageLayer .page h1.orange a:visited {
    font-size: 15px;    
    font-weight: bold;    
    font-family: arial;
    color: #000;
}
.pageLayer .page h1.orange a:hover {
    text-decoration: underline;
}
.pageLayer .page h1.orange span.line2 {
    color: #fff;    
    display: block;
    padding: 10px 0 0 10px;
    text-align: center;
    text-transform: uppercase;    
    font-size: 15px;    
    font-weight: bold;
    font-family: arial;
}
.pageLayer .page h1 span.black {
    color: black;
}
.pageLayer .page h1 .low {
    text-transform: none;
}
.pageLayer .page h2 {
    background: url('../images/h2bg.gif') no-repeat scroll left top;    
    height: 48px;    
    line-height: 40px;    
    padding: 0 0 0 30px;    
    font-size: 14px;    
    font-weight: bold;
}
.pageLayer .page h2.raquo {
    background: url('../images/raquo2.gif') no-repeat scroll 50px 10px;
    height: 38px;    
    line-height: 30px;    
    padding: 0 0 0 66px;
    font-size: 12px;  
}
.pageLayer .page h2.raquom {
    background: url('../images/raquo2.gif') no-repeat scroll 50px 10px;
    height: 30px;    
    line-height: 30px;    
    padding: 0 0 0 66px;
    font-size: 10px;   
}
.pageLayer .page .artr {
    padding: 0 30px;    
    display: block;
}
.pageLayer .page .artr img {
    float: right;
}
.pageLayer .page .artfixl {
    margin: 0 30px;
    width: 236px;
    height: 181px;    
    display: block;    
    float: left;    
    overflow: hidden;    
    text-align: center;
    background: url('../images/artBg.gif') no-repeat scroll left top;    
}
.pageLayer .page .artfixl img {
    margin-top: 15px;
}
.pageLayer .page .artfixr {
    margin: 0 30px;
    width: 236px;
    height: 181px;    
    display: block;    
    float: right;    
    overflow: hidden;    
    text-align: center;
    background: url('../images/artBg.gif') no-repeat scroll left top;    
}
.pageLayer .page .artfixrf {
    right: 30px;
    width: 236px;
    height: 181px;    
    display: block;    
    float: right;
    position: relative;    
    overflow: hidden;    
    text-align: center;
    background: url('../images/artBg.gif') no-repeat scroll left top;    
}
.pageLayer .page .artfixrvf {
    right: 30px;
    width: 236px;
    height: 298px;    
    display: block;    
    float: right;
    position: relative;    
    overflow: hidden;    
    text-align: center;
    background: url('../images/artVBg.gif') no-repeat scroll left top;    
}
.pageLayer .page .artfixrf img,
.pageLayer .page .artfixrvf img {
    margin-top: 15px;
}
.pageLayer .page .artfixrnml {
    margin-left: 0;
}
.pageLayer .page .artfixr img {
    margin-top: 15px;
}
.pageLayer .page .galerie {
    text-align: center;    
    padding: 0 20px;
}
.pageLayer .page .galerie a:link,
.pageLayer .page .galerie a:visited {
}
.pageLayer .page .galerie a img {
    padding: 1px;
    border: 1px solid #6a6a6a;
}
.pageLayer .page ul.raqued {
    padding: 0 0 0 30px;
}
.pageLayer .page ul.raqued li {
    line-height: 18px;    
    color: #303030;    
    background: url('../images/raquo2.gif') no-repeat scroll 20px 9px;
    padding: 4px 0 2px 36px;    
}
.pageLayer .page ul.raqued li a:link,
.pageLayer .page ul.raqued li a:visited {
    color: #303030;
    font-weight: bold;    
}
.pageLayer .page ul.raqued li a:hover {
    text-decoration: underline;
}
.pageLayer .form {
    padding: 0 30px;
}
.pageLayer .form table.form {
    width: 100%;
}
.pageLayer .form table.form td {
    padding: 4px;
}
.pageLayer .form table.form td.label {
    color: #323232;    
    font-weight: bold;    
    text-align: right;    
    padding-right: 10px;
}
.pageLayer .form table.form tr td span.capit {
    letter-spacing: 1px;
    font-weight: bold;
}
.pageLayer .proddata {
    padding: 0;
    margin: 0 0 12px 10px;
    width: 254px;
    border: 1px solid #cd7402;
    background-color: #e28002;
    overflow: hidden;
}
.pageLayer .proddata .fix {
    padding: 5px 6px;
}
.pageLayer .proddata table {
    width: 100%;
}
.pageLayer .proddata table td {
    vertical-align: top;
}
.pageLayer .proddata table td.label {
    background: url('../images/raquo2.gif') no-repeat scroll left 3px;
    padding: 0 10px 0 14px;
    font-weight: bold;
    white-space: nowrap;
}
.pageLayer .proddata table td.value {
    text-align: right;
    font-weight: bold;
    padding-left: 8px;
}
.pageLayer .proddata table td.label .novat,
.pageLayer .proddata table td.value .novat {
    font-weight: normal;
}
.pageLayer .prodlinks {
    background: url('../images/produktBg.gif') no-repeat scroll left top;
    height: 97px;
    padding: 0 0 0 18px;
}
.pageLayer .prodlinks ul {
    padding: 45px 0 0 0;
}
.pageLayer .prodlinks ul li {
    float: left;
    width: 50%;
}
.pageLayer .prodlinks ul li a:link,
.pageLayer .prodlinks ul li a:visited {
    display: block;
    background: url('../images/raquo2.gif') no-repeat scroll left 3px;
    padding: 0 20px 0 14px;
    font-weight: bold;
    color: #2b2b2b;
}
.pageLayer .prodlinks ul li a:hover {
    text-decoration: underline;
}
.sysMessages {
    background-color: #e9eaff;
    border: 2px solid #5f9ccf;
    padding: 5px 10px 6px 6px;
    text-align: left;
    color: #000;
    margin: 20px 20px 0px 20px;
}
.sysMessagesHeaded .label {
    display: block;
    padding-left: 20px;
    font-weight: bold;
    margin-bottom: 6px;
}
.sysMessages ul {
    padding-left: 20px;
}
.sysMessagesHeaded ul {
    padding-left: 60px;
}
.sysMessages ul li {
    font-weight: bold;
    font-size: 11px;
    line-height: 18px;
    vertical-align: middle;
    min-height: 18px;
}
.sysMessages ul li a:link,
.sysMessages ul li a:visited {
    text-decoration: underline;    
    font-weight: bold;
}
.sysMessages ul li a:hover {
    text-decoration: none;
}
.sysMessagesHeaded ul li {
    list-style-type: disc;
    font-weight: normal;
}
.sysMessagesDone {
    border: 1px solid #ceeec9;
}
.sysMessagesInfo {
    border: 1px solid #cbd9e9;
}
.sysMessagesError {
    border: 1px solid #eccac8;
    font-weight: bold;
    color: #420000;
}