BODY {color: #383431; font-size: 13px; font-family: arial; margin: 0px; background-image: url('/images/top-bg.jpg'); background-position: top; background-repeat: repeat-x;}

.hideText {display: none;}

A {text-decoration: none;}
A:HOVER {text-decoration: underline;}
IMG {border: 0px;}

#mainFrame {width: 1000px; margin-left: auto; margin-right: auto;}
#logoFrame {width: 330px; height: 111px; float: left;}
#logoFrame A {width: 330px; height: 111px; float: left; display: block; background-image: url('/images/logo.jpg');}
#topFrame {float: right;}
#topFrame .topRightFrame {float: left; height: 111px; padding: 0px 20px 0px 20px;}
#topFrame .topRightFrame .mainHeading {font-size: 19px; font-weight: normal; color: #26474c; text-transform: uppercase; margin: 0px 0px 0px 0px;}
#topFrame .topRightFrame P {width: 100%; float: left; margin: 0px 0px 3px 0px; color: #26474c;}
#topFrame .topRightFrame .leftArrow {color: #26494d; width: 100%; padding: 0px 0px 0px 20px; margin: 0px 0px 5px 0px; float: left; background-image: url('/images/arrow-r.png'); background-position: left center; background-repeat: no-repeat; clear:both;}
#topFrame .topRightFrame .first {margin-top: 20px;}
#topFrame .topRightFrame H3 {font-size: 15px; color: #EC6602; margin: 0px 0px 10px 0px;}
#topFrame .line {width: 280px; height: 79px; margin: 16px 0px; float: left; border-left: 1px #20494b solid;}
#topFrame .topRightFrame .username {width: 168px; height: 25px; float: left; padding: 0px 0px 0px 5px; border: 1px #d6d5d4 solid; font-size: 13px; color: #868381; margin: 0px 0px 6px 0px;}
#topFrame .topRightFrame .password {width: 135px; height: 25px; float: left; padding: 0px 0px 0px 5px; border: 1px #d6d5d4 solid; font-size: 13px; color: #868381; margin: 0px 0px 6px 0px;}
#topFrame .topRightFrame .submit {width: 33px; height: 27px; float: left; padding: 0px; border: 1px #d6d5d4 solid; font-size: 13px; color: #FFF; margin: 0px 0px 6px 0px; background-color: #ec6602;}

#topFrame .hotlineFrame {float: left; height: 95px; padding: 16px 20px 0px 20px;}
#topFrame .hotlineFrame P {width: auto; float: left; color: #ed1c24; font-weight: normal; margin: 0px;}
#topFrame .hotlineFrame .hotline {font-size: 20px; margin: 10px 10px 0px 0px;}
#topFrame .hotlineFrame .orders {font-size: 14px; margin: 5px 0px 0px 0px;}
#topFrame .hotlineFrame IMG {float: left;}

#timingFrame {width: 930px; height: 55px; padding: 0px 20px 0px 50px; float: left; background-color: #d9001a; color: #FFF; margin: 7px 0px 10px 0px; background-image: url('/images/timer.png'); background-position: 10px center; background-repeat: no-repeat;}
#timingFrame P {margin: 19px 0px 0px 0px; font-size: 15px;}

/*#topMenuFrame #menuFrameContainer {position: relative; width: 1000px; height: 55px; float: left; z-index: 80;}
#topMenuFrame {position: relative; width: 1000px; height: 55px; float: left; margin: 8px 0px 0px 0px; z-index: 90;}
#topMenuFrame UL {height: 55px; float: left; margin: 0px; padding: 0px; list-style: none; z-index: 90;}
#topMenuFrame UL LI {position: relative; height: 55px; float: left; margin: 0px; padding: 0px; background-image: url('/images/top-menu-sepr.jpg'); background-position: right; background-repeat: no-repeat; z-index: 80;}
#topMenuFrame UL LI A {height: 38px; padding: 17px 15px 0px 15px; float: left; color: #383431; font-family: trebuchet MS; font-size: 15px; z-index: 80;}
#topMenuFrame UL LI A:HOVER {text-decoration: none; color: #211d1b;}
#topMenuFrame UL .last {background-image: none;}
#topMenuFrame UL LI .submenu {position: absolute; top: 47px; left: 0px; height: auto; width: 150px; float: left; display: none; z-index: 80;}
#topMenuFrame UL LI .submenu LI {width: 150px; height: auto; float: left; background-color: #ec6602; background-image: none; color: #FFF; border-left: 1px #e7e7e7 solid; border-right: 1px #e7e7e7 solid; border-bottom: 1px #e7e7e7 solid; z-index: 80;}
#topMenuFrame UL LI .submenu LI A {width: 130px; color: #FFF; height: auto; padding: 5px 10px 5px 10px; font-weight: normal; font-size: 14px; float: left; z-index: 80;}
#topMenuFrame UL LI .submenu LI A:HOVER {background-color: #473c37;}
#topMenuFrame .orange {color: #ec6602;}
#topMenuFrame .orange:HOVER {color: #ec6602;}
#topMenuFrame .mainMenu {width: 750px;}
#topMenuFrame .langMenu {width: 250px; float: right;}
#topMenuFrame .langMenu LI {float: right;}
#topMenuFrame .langMenu LI A {height: 36px; padding: 20px 15px 0px 15px; font-size: 13px;}
#topMenuFrame .langMenu .flag {float: right; padding: 0px; margin: 0px 0px 0px 5px; top: -1px; position: relative;}
#topMenuFrame .langMenu .flag A {padding-left: 5px;}
#topMenuFrame .langMenu .noRightPadding {padding-right: 0px;}*/

#mainLeftFrame {width: 721px; float: left;}
#mainLeftFrame #bannerFrame {width: 721px; height: 231px; float: left; margin: 0px 0px 8px 0px;}
#mainLeftFrame .homeBanners {width: 721px; float: left;}
#mainLeftFrame .homeBanners .item1 {width: 233px; height: 143px; float: left; background-color: #dfdfdf; padding: 1px; margin: 0px 8px 0px 0px; background-image: url('/images/content-banner-01.jpg');}
#mainLeftFrame .homeBanners .item1 A {width: 220px; height: 130px; padding: 13px 0px 0px 13px; float: left; display: block; font-size: 20px; color: #FFF; font-weight: bold; font-family: trebuchet MS; }
#mainLeftFrame .homeBanners .item2 {width: 219px; height: 129px; float: left; padding: 8px;}
#mainLeftFrame .homeBanners .item2 IMG {float: left; margin: 0px 8px 0px 0px; width: 93px;}
#mainLeftFrame .homeBanners .item2 H3 {font-size: 13px; font-weight: bold; color: #ec6602; margin: 5px 0px 10px 0px;}
#mainLeftFrame .homeBanners .item2 H3 A {color: #ec6602;}
#mainLeftFrame .homeBanners .item2 P {margin: 0px 0px 10px 0px; color: #FFF;}
#mainLeftFrame .homeBanners .item2 .leftArrow {color: #FFF; padding: 0px 0px 0px 13px; float: left; background-image: url('/images/banner-li.png'); background-position: left center; background-repeat: no-repeat;}
#mainLeftFrame .homeBanners .top {height: 100px; width: 219px; float: left;}
#mainLeftFrame .homeBanners .bottom {height: 29px; float: left;}
#mainLeftFrame .homeBanners .red {background-image: url('/images/content-banner-bg-red.jpg'); margin: 0px 8px 0px 0px;}
#mainLeftFrame .homeBanners .blue {background-image: url('/images/content-banner-bg-blue.jpg');}

#mainLeftFrame .homeTextLeft {width: 351px; float: left; padding: 20px 20px 20px 0px;}
#mainLeftFrame .homeTextRight {width: 340px; float: left; padding: 20px 10px 20px 0px;}
#mainLeftFrame .homeTextRight .newsFrame {width: 340px; float: left; margin: 0px 0px 10px 0px;}
#mainLeftFrame .homeTextRight .newsFrame H3 {font-size: 12px; font-weight: bold; margin: 0px 0px 0px 0px; color: #ec6602;}
#mainLeftFrame .homeTextRight .newsFrame H3 A {color: #ec6602;}
#mainLeftFrame .homeTextRight .newsFrame P {margin: 0px;}
#mainLeftFrame .homeTextFrame H3 {font-size: 16px; font-weight: bold; color: #ec6602; margin: 0px 0px 10px 0px;}
#mainLeftFrame UL {list-style: none; margin: 0px; padding: 0px;}
#mainLeftFrame UL LI {margin: 0px 0px 5px 0px; padding: 0px 0px 0px 23px; background-image: url('/images/content-li.jpg'); background-position: left center; background-repeat: no-repeat;}
#mainLeftFrame UL LI A {color: #383431;}
#mainLeftFrame UL LI A:HOVER {color: #ec6602;}
#mainLeftFrame P A {color: #ec6602;}

/* TinyMCE */
#contentFrame {width: 714px; float: left; padding: 0px 7px 0px 0px;}
#contentFrame H2 {width: 684px; float: left; display: block; background-color: #e7e7e7; padding: 10px 15px; color: #ec6602; font-size: 14px; font-weight: bold; margin: 0px 0px 15px 0px;}
#contentFrame H3 {color: #ec6602; font-size: 14px; font-weight: bold; margin: 15px 0px 7px 0px;}
#contentFrame H4 {color: #ec6602; font-size: 14px; font-weight: normal; margin: 12px 0px 5px 0px;}
#contentFrame UL {list-style: none; margin: 0px; padding: 0px; clear: both;}
#contentFrame UL LI {margin: 0px 0px 5px 0px; padding: 0px 0px 0px 23px; background-image: url('/images/content-li2.jpg'); background-position: 10px 6px; background-repeat: no-repeat;}
#contentFrame UL LI A {color: #383431; text-decoration: underline;}
#contentFrame UL LI A:HOVER {color: #ec6602; text-decoration: none;}
#contentFrame P {margin: 0px 0px 10px 0px;}
#contentFrame P A {color: #ec6602;}
#contentFrame TABLE {border-collapse: collapse;}
#contentFrame TABLE TH {border: 0px; padding: 5px 10px; background-color: #ec6602; color: #FFF; font-weight: bold; text-align: left;}
#contentFrame TABLE TD {border: 0px; padding: 5px 10px; color: #777675;}
#contentFrame .sedyBorder1px TH {border: 1px #DFDFDF solid;}
#contentFrame .sedyBorder1px TD {border: 1px #DFDFDF solid;}
#contentFrame HR {width: 714px; height: 1px; line-height: 1px; float: left; border: 0px; background-color: #DFDFDF; margin: 15px 0px 15px 0px;}
#contentFrame .obrazekVlevo {float: left; border: 1px #DFDFDF solid; margin: 10px 10px 10px 0px;}
#contentFrame .obrazekVpravo {float: right; border: 1px #DFDFDF solid; margin: 10px 0px 10px 10px;}
#contentFrame .obrazekVlevo {float: left; border: 1px #d6d5d4 solid; margin: 10px 10px 10px 0px;}
#contentFrame .obrazekVpravo {float: right; border: 1px #d6d5d4 solid; margin: 10px 0px 10px 10px;}
#contentFrame .cerny {color: #000;}
#contentFrame .cernyTucny {color: #000; font-weight: bold;}
#contentFrame .cernyTucnyVelky {color: #000; font-weight: bold; font-size: 16px;}
#contentFrame .cerverny {color: #d9001a;}
#contentFrame .cervernyTucny {color: #d9001a; font-weight: bold;}
#contentFrame .cervernyTucnyVelky {color: #d9001a; font-weight: bold; font-size: 16px;}
#contentFrame .oranzovy {color: #ec6602;}
#contentFrame .oranzovyTucny {color: #ec6602; font-weight: bold;}
#contentFrame .oranzovyTucnyVelky {color: #ec6602; font-weight: bold; font-size: 16px;}
#contentFrame .tabulkaLiberec {background-color: #c6c6c6;}
#contentFrame .tabulkaPraha {background-color: #feead2;}
#contentFrame .tabulkaOstrava {background-color: #fff6a7;}
#contentFrame .tabulkaTabor {background-color: #f5a41c;}
#contentFrame .tabulkaPlzen {background-color: #d0cdae;}
/* END TinyMCE */

#contentFrame .nadpisSvetleSedePozadi {width: 684px; float: left; display: block; background-color: #f5f5f5; padding: 10px 15px; color: #ec6602; font-size: 14px; font-weight: bold; margin: 15px 0px 15px 0px;}
#contentFrame .galleryFrame {width: 714px; float: left; margin: 15px 0px 15px 0px; text-align: center;}
#contentFrame .galleryFrame IMG {border: 1px #DFDFDF solid; margin: 0px 5px 1px 0px;}

#contentFrame .clearBoth {clear: both;}
#contentFrame .error {color: red;}
#contentFrame .done {color: green;}
#contentFrame .downloadItem {width: 714px; float: left; border-bottom: 1px #d6d5d4 solid; margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px;}
#contentFrame .downloadItem IMG {width: 99px; float: left; border: 1px #d6d5d4 solid; margin: 0px 15px 10px 0px;}
#contentFrame .downloadItem H4 {margin: 0px 0px 5px 0px; font-weight: bold;} 

#mainRightFrame {width: 271px; float: left; padding: 0px 0px 0px 8px;}
#mainRightFrame .bannerFrame {width: 271px; height: 231px; float: left; margin: 0px 0px 8px 0px;}
#mainRightFrame .newsletterFrame {width: 243px; min-height: 120px; float: left; padding: 13px 13px 10px 13px; border: 1px #d6d5d4 solid;}
#mainRightFrame .newsletterFrame H3 {font-size: 15px; font-weight: bold; color: #383431; margin: 0px 0px 13px 0px; padding: 0px; float: left;}
#mainRightFrame .newsletterFrame .email {width: 243px; height: 23px; float: left; border: 1px #d6d5d4 solid; color: #868381; font-size: 13px; padding: 0px; margin: 0px 0px 10px 0px;}
#mainRightFrame .newsletterFrame .bgRed {border-color: #d9001a; background-color: #FFF0F0;}
#mainRightFrame .newsletterFrame .submit {width: 245px; height: 33px; float: left; border: 1px #d6d5d4 solid; color: #FFF; font-size: 13px; padding: 0px; margin: 0px 0px 0px 0px; background-color: #ec6602;}
#mainRightFrame .newsletterFrame .souhlas {margin: 0px; padding: 0px; color: #868381;}
#mainRightFrame .newsletterFrame .souhlas INPUT {margin: 2px 5px 0px 0px; float: left;}
#mainRightFrame .banner {width: 271px; float: left; margin: 8px 0px 0px 0px;}

#homeBottomBannerFrame {width: 1000px; float: left; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; border-top: 1px #dfdfdf solid;}
#homeBottomBannerFrame .banner1 {width: 357px; float: left; margin: 0px 8px 0px 0px;}
#homeBottomBannerFrame .banner2 {width: 356px; height: 140px; float: left; margin: 0px 8px 0px 0px;}
#homeBottomBannerFrame .link {width: 100%; float: left; text-align: center; margin: 5px 0px; color: #383431;}
#homeBottomBannerFrame .banner3 {width: 271px; float: left;}

#bottomFrame {width: 100%; margin: 15px 0px 0px 0px; background-color: #afc7cb; float: left; color: #26494d;}
#bottomFrame A {color: #26494d;}
#bottomFrame #contentBottomFrame {width: 1000px; margin-left: auto; margin-right: auto;}
#bottomFrame #contentBottomFrame .leftFrame {width: 500px; float: left; padding: 15px 0px 15px 0px;}
#bottomFrame #contentBottomFrame .leftFrame P {margin: 0px 0px 10px 0px; color: #26494d;}
#bottomFrame #contentBottomFrame .rightFrame {width: 440px; float: right; padding: 15px 0px 15px 60px;}
#bottomFrame #contentBottomFrame .rightFrame .column {width: 180px; float: left; height: 101px; padding: 10px 0px 0px 20px; margin: 0px 0px 0px 20px; background-image: url('/images/top-sepr.jpg'); background-position: left; background-repeat: repeat-y;}
#bottomFrame #contentBottomFrame .rightFrame .column .leftArrow {color: #26494d; padding: 0px 0px 0px 20px; margin: 0px 0px 8px 0px; float: left; background-image: url('/images/arrow-r.png'); background-position: left center; background-repeat: no-repeat; clear: both;}
#bottomFrame #contentBottomFrame  .bottomLeftFrame {width: 500px; float: left;}


#bottomFrame #contentBottomFrame .bottomLeft {width: 400px; float: left; color: #26494d; margin: 15px 0px 0px 0px;}
#bottomFrame #contentBottomFrame .bottomRight {width: 600px; float: left; text-align: right; color: #26494d; margin: 15px 0px 0px 0px;}

.bgRed {border-color: #d9001a; background-color: #FFF0F0;}
.error {color: red;}
.done {color: green;}
