BODY {font-family: 'Open Sans', sans-serif; margin: 0px; padding: 0px;}

.greenTopGg {width: 100%; float: left; background-image: url('/images/top-bg.jpg'); background-repeat: repeat-x;}
.greenTopGg2 {width: 100%; float: left; background-image: url('/images/top-bg2.jpg'); background-repeat: repeat-x;}

.mainFrame {width: 1400px; margin: 0px auto;}
.hidden {display: none;}
.kotva {width: 100%; height: 0px; float: left; line-height: 0px; text-decoration: none;}
.obrazekVlevo {float: left; margin: 0px 15px 10px 0px;}
.obrazekVpravo {float: right; margin: 0px 0px 10px 15px;}
.box {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

IMG {border: 0px;}
A {text-decoration: none;}
P {line-height: 1.6;}

#loaderOverlay {width: 100%; height: 100%; float: left; background-color: rgba(0,0,0,0.3); position: fixed; top: 0px; left: 0px; display: none; z-index: 1000;}
#loaderOverlay .inner {width: 100%; height: 100%; float: left; display: flex; justify-content: space-around; align-items: center;}
#loaderOverlay P {color: #FFF; font-size: 18px !important; font-weight: 500;}

.flexOrder {display: flex; flex-direction: column; width: 100%; float: left;}

#topFrame {width: 100%; height: auto; float: left;}
#topFrame .top {width: 100%; height: 147px; float: left;}
#topFrame .topLine {width: 100%; height: 29px; float: left; background-color: #eef4e8;}
.topLogoFrame {width: 100%; height: 118px; float: left; display: flex; align-items: center; justify-content: space-between;}
.topLogoFrame .left {display: flex; align-items: flex-end;}
.topLogoFrame .right {display: none;}
.topLogoFrame .linksFrame {width: 31px; height: 116px; float: right; padding: 2px 10px 0px 0px;}
.topLogoFrame .linksFrame .icon {width: 31px; height: 29px; float: left; display: block; margin: 7px 0px 0px 0px;}
.topLogoFrame .linksFrame .icon.facebook {background-image: url('/images/icon-facebook.png');}
.topLogoFrame .linksFrame .icon.youtube {background-image: url('/images/icon-youtube.png');}
.topLogoFrame #searchFrame {width: 240px; height: 22px; margin: 10px 0px 0px 0px; float: right; color: #58595b;}
.topLogoFrame #searchFrame INPUT[type=text] {width: 220px; height: 22px; padding: 0px 5px; margin: 0px; border: 0px; float: left; background-color: transparent; color: #58595b; font-size: 13px; text-align: left; border-bottom: 2px #cfddbf solid;}
.topLogoFrame #searchFrame INPUT[type=submit] {width: 20px; height: 22px; padding: 0px; margin: 0px; border: 0px; float: left; background-color: transparent; cursor: pointer; background-image: url('/images/icon-zoom.png'); background-position: center center; background-repeat: no-repeat;}

.logoFrame {width: 450px; height: 77px; margin: 0px 0px 0px 0px; float: left; background-image: url('/images/logo-cz.png'); background-position: center left; background-repeat: no-repeat;}
.logoFrame.en {background-image: url('/images/logo-en.png');}
.logoFrame.sk {background-image: url('/images/logo-sk.png');}
.logoFrame IMG {max-width: 100%; max-height: 100%; width: auto; height: auto;}
.logoFrame .sekceName {display: none;}
.logoTextFrame {width: 187px; height: auto; margin: 0px 0px 0px 10px; float: left; display: flex;}
.logoTextFrame IMG {max-width: 100%; max-height: 100%; width: auto; height: auto;}
#topFrame .guy {width: 101px; height: 100px; margin: 9px 0px 0px 0px; float: left;}
#topFrame .links {width: auto; margin: 9px 9px 0px 0px; float: right;}
#topFrame .links A {color: #77787a; width: 178px; font-size: 16px; padding: 5px 0px 5px 25px; margin: 0px 0px 5px 0px; background-position: right center; float: left; display: block; background-repeat: no-repeat; position: relative; clear: both;}
#topFrame .links A:AFTER {position: absolute; content: ""; left: 10px; top: 11px; width: 6px; height: 11px; float: left; background-image: url('/images/arrow-r.png');}
#topFrame .links A:HOVER {text-decoration: underline;}
#topFrame .links A.cty {background-image: url('/images/icon-cty.jpg');}
#topFrame .links A.vik {background-image: url('/images/icon-vik.jpg');}
#topFrame .links A.let {background-image: url('/images/icon-let.jpg');}
#topFrame .topBanner {width: 270px; height: 147px; float: left; margin: 0px 0px 0px 50px;}
#topFrame .leftFrame {width: auto; float: left;}
#topFrame .leftFrame A {width: 100%; height: 29px; padding: 5px 15px 0px 15px; color: #58595b; background-color: #cfdebe; float: left; display: block; font-size: 14px; }
#topFrame .leftFrame A:HOVER {background-color: #b4d095;}
#topFrame .rightFrame {width: auto; height: 29px; float: right;} 
#topFrame .rightFrame #flagsFrame {width: 100px; height: 100%; min-height: 29px; margin: 0px 0px 0px 2px; float: left; background-color: #cfdebe; color: #58595b; position: relative;}
#topFrame .rightFrame #flagsFrame A {width: 100px; height: 100%; min-height: 29px; padding: 0px 0px 0px 28px; color: #58595b; background-position: right 10px center; float: left; display: flex; align-items: center; background-repeat: no-repeat; font-size: 12px;}
#topFrame .rightFrame #flagsFrame .link {position: relative;}
#topFrame .rightFrame #flagsFrame .link:AFTER {position: absolute; content: ""; left: 10px; top: calc(50% - 3px); width: 11px; height: 6px; float: left; background-image: url('/images/arrow-d-green.png');}
#topFrame .rightFrame #flagsFrame .cz {background-image: url('/images/flag-cz.jpg');}
#topFrame .rightFrame #flagsFrame .en {background-image: url('/images/flag-en.jpg');}
#topFrame .rightFrame #flagsFrame .submenu {width: 100%; height: auto; display: none; margin: 0px 0px 0px 0px; float: left; background-color: #cfdebe; color: #58595b; position: relative; z-index: 100;}
#topFrame .rightFrame #flagsFrame .submenu.active {display: block;}
#topFrame .rightFrame #flagsFrame .submenu .link:AFTER {left: 12px; top: 8px; width: 6px; height: 11px; float: left; background-image: url('/images/arrow-r-green.png');}
#topFrame .rightFrame #flagsFrame .link:HOVER {background-color: #b4d095;}
@media only screen
and (max-width: 380px)
{
  #topFrame .rightFrame {height: 40px;}
}

#topFrame .rightFrame #langsFrame {width: 160px; height: 29px; margin: 0px 0px 0px 2px; float: left; background-color: #cfdebe; color: #58595b; position: relative;}
#topFrame .rightFrame #langsFrame A {width: 100%; height: 29px; padding: 4px 15px 0px 28px; color: #58595b; background-position: right 10px center; float: left; display: block; background-repeat: no-repeat; font-size: 14px; }
#topFrame .rightFrame #langsFrame .link {position: relative; width: 100%; float: left; display: block; background-color: #cfdebe; z-index: 100;}
#topFrame .rightFrame #langsFrame .link:AFTER {position: absolute; content: ""; left: 10px; top: 11px; width: 11px; height: 6px; float: left; background-image: url('/images/arrow-d-green.png'); font-size: 12px;}
#topFrame .rightFrame #langsFrame .submenu {width: 100%; height: 29px; display: none; margin: 0px 0px 0px 0px; float: left; background-color: #cfdebe; color: #58595b;}
#topFrame .rightFrame #langsFrame .submenu.active {display: block;}
#topFrame .rightFrame #langsFrame .submenu .link:AFTER {left: 12px; top: 8px; width: 6px; height: 11px; float: left; background-image: url('/images/arrow-r-green.png');}
#topFrame .rightFrame #langsFrame .link:HOVER {background-color: #b4d095;}

#topFrame .rightFrame .userFrame {width: 270px; height: 100%; float: left; display: flex; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 2px; background-color: #cfdebe; font-size: 13px; color: #58595b; position: relative;}
#topFrame .rightFrame .userFrame .mainLink {background-image: url('/images/icon-lektori.png'); background-position: right 7px center; background-repeat: no-repeat;}
#topFrame .rightFrame .userFrame.logout .mainLink {background-image: url('/images/icon-logout.png');}
#topFrame .rightFrame .userFrame .mainLink {width: 100%; float: left; display: flex; align-items: center; height: 100%; padding: 0px 45px 0px 28px; color: #58595b; position: relative;}
#topFrame .rightFrame .userFrame .mainLink SPAN {margin: 0px 3px;}
#topFrame .rightFrame .userFrame .mainLink:AFTER {position: absolute; content: ""; left: 10px; top: calc(50% - 3px); width: 11px; height: 6px; float: left; background-image: url('/images/arrow-d-green.png');}
#topFrame .rightFrame .userFrame .mainLink:HOVER {background-color: #b4d095;}
#topFrame .rightFrame .userFrame .submenu {width: 100%; min-width: 180px; height: auto; float: left; display: none; position: absolute; z-index: 100; padding: 0px 0px 0px 0px; top: 16px; left: 0px; list-style: none;}
#topFrame .rightFrame .userFrame .submenu.active {display: block;}
#topFrame .rightFrame .userFrame .submenu LI {width: 100%; padding: 0px 0px 0px 0px; height: auto; border-right: 0px; float: left; background-image: none; border-bottom: 1px #8eb85c solid;}
#topFrame .rightFrame .userFrame .submenu LI A {width: 100%; padding: 10px 15px; color: #FFF; height: auto; border: 0px; float: left; text-transform: none; font-weight: normal; font-size: 14px; background-image: url('/images/submenu-bg.png'); background-repeat: repeat;}
#topFrame .rightFrame .userFrame .submenu LI A:HOVER {background-image: url('/images/menu-bg-on.jpg');}
#topFrame .rightFrame .userFrame .submenu LI .blue {background-image: url('/images/submenu-bg-blue.png');}
#topFrame .rightFrame .userFrame .submenu LI .blue:HOVER {background-color: #49a8c4; background-image: none;}
#topFrame .rightFrame .userFrame .submenu LI .yellow {background-image: url('/images/submenu-bg-yellow.png');}
#topFrame .rightFrame .userFrame .submenu LI .yellow:HOVER {background-color: #d6c01c; background-image: none;}
#topFrame .rightFrame .userFrame.lektor {width: auto;}

#menuFrame {width: 100%; height: auto; margin: 0px 0px 0px 0px; float: left; background-color: #619227;}
#menuFrame UL {width: 100%; height: auto; float: left; padding: 0px; margin: 0px; list-style: none;}
#menuFrame UL LI {position: relative; height: 50px; float: left; display: flex; padding: 0px 1px 0px 0px; margin: 0px; text-transform: uppercase; font-size: 14px; font-weight: 200; border-right: 1px solid rgba(255,255,255,0.3);}
#menuFrame UL LI A {height: 100%; float: left; display: flex; align-items: center; padding: 0px 13px 0px 13px; margin: 0px; color: #FFF; text-decoration: none;}
#menuFrame UL LI:last-child {background-image: none;}
#menuFrame UL LI:HOVER {background-color: #517d1e;}
#menuFrame UL .last {background-image: none;}
#menuFrame UL .last A {} 
#menuFrame UL LI .submenu {width: 180px; height: auto; float: left; display: none; position: absolute; z-index: 100; top: 50px; left: 0px; background-image: url('/images/submenu-bg.png'); background-repeat: repeat;}
#menuFrame UL LI .submenu LI {width: 100%; padding: 0px; height: auto; border-right: 0px; float: left; background-image: none; background-image: url('/images/submenu-sepr.png'); background-position: bottom; background-repeat: repeat-x;}
#menuFrame UL LI .submenu LI A {width: 100%; padding: 10px 15px; color: #FFF; height: auto; border: 0px; float: left; text-transform: none; font-weight: normal; font-size: 14px;}
#menuFrame UL LI .submenu LI A:HOVER {background-image: url('/images/menu-bg-on.jpg');}

.bannerFrame2020 {width: 100%; float: left; display: flex; background-color: #FFF; margin: 10px 0px;}
.bannerFrame2020 A {position: relative;}
.bannerFrame2020 A:HOVER:AFTER {content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.10); position: absolute;}
.bannerFrame2020 IMG {float: left; width: 100%; height: auto;}
.bannerFrame2020 .left {flex: 2;}
.bannerFrame2020 .right {flex: 1; display: flex; flex-direction: column;}
.bannerFrame2020 .right .elem-1 {margin: 0px 0px 0px 3px;}
.bannerFrame2020 .right .elem-2 {margin: 3px 0px 0px 3px;}

#sekceMenuFrame {width: 100%; height: 50px; margin: 0px 0px 0px 0px; float: left;}
#sekceMenuFrame UL {width: auto; height: 50px; float: left; padding: 0px; margin: 0px; list-style: none;}
#sekceMenuFrame UL LI {position: relative; height: 50px; float: left; padding: 0px 1px 0px 0px; margin: 0px; text-transform: uppercase; font-size: 14px; font-weight: 200; background-position: right; background-repeat: no-repeat;}
#sekceMenuFrame UL LI A {height: 35px; float: left; padding: 15px 15px 0px 15px; margin: 0px; color: #FFF; text-decoration: none;}
#sekceMenuFrame UL LI:HOVER {}
#sekceMenuFrame UL .last {background-image: none;}
#sekceMenuFrame UL .last A {} 
#sekceMenuFrame UL LI .submenu {width: 180px; height: auto; float: left; display: none; position: absolute; z-index: 100; top: 50px; left: 0px; background-repeat: repeat;}
#sekceMenuFrame UL LI .submenu LI {width: 180px; padding: 0px; height: auto; border-right: 0px; float: left; background-image: none; background-image: url('/images/submenu-sepr.png'); background-position: bottom; background-repeat: repeat-x;}
#sekceMenuFrame UL LI .submenu LI A {width: 100%; padding: 10px 15px; color: #FFF; height: auto; border: 0px; float: left; text-transform: none; font-weight: normal; font-size: 14px;}
#sekceMenuFrame UL LI .submenu LI A:HOVER {}
#sekceMenuFrame .icon {width: 50px; height: 50px; display: block;}
#sekceMenuFrame .comp {background-image: url('/images/icon-comp.jpg');}
#sekceMenuFrame .face {background-image: url('/images/icon-face.jpg');}
#sekceMenuFrame .sun {background-image: url('/images/icon-sun.jpg');}
#sekceMenuFrame .fl {float: left;}
#sekceMenuFrame .fr {float: right;}

.sekceFrameMenuBlue {background-color: #22beec;}
.sekceFrameMenuBlue UL LI {background-image: url('/images/menu-sepr-blue.jpg');}
.sekceFrameMenuBlue UL LI:HOVER {background-color: #49a8c4;}
.sekceFrameMenuBlue UL LI .submenu {background-image: url('/images/submenu-bg-blue.png');}
.sekceFrameMenuBlue UL LI .submenu LI A:HOVER {background-color: #49a8c4;}
.sekceFrameMenuGreen {background-color: #619227;}
.sekceFrameMenuGreen UL LI {background-image: url('/images/menu-sepr.jpg');}
.sekceFrameMenuGreen UL LI:HOVER {background-color: #6da621;}
.sekceFrameMenuGreen UL LI .submenu {background-image: url('/images/submenu-bg.png');}
.sekceFrameMenuGreen UL LI .submenu LI A:HOVER {background-image: url('/images/menu-bg-on.jpg');}
.sekceFrameMenuYellow {background-color: #eed939;}
.sekceFrameMenuYellow UL LI {background-image: url('/images/menu-sepr-yellow.jpg');}
.sekceFrameMenuYellow UL LI:HOVER {background-color: #d6c01c;}
.sekceFrameMenuYellow UL LI .submenu {background-image: url('/images/submenu-bg-yellow.png');}
.sekceFrameMenuYellow UL LI .submenu LI A:HOVER {background-color: #d6c01c;}
#sekceMenuFrame.sekceFrameMenuYellow UL LI A {color: #a8890a;}
#sekceMenuFrame.sekceFrameMenuYellow UL LI A:HOVER {color: #FFF;}
#sekceMenuFrame.sekceFrameMenuYellow UL LI .submenu A {color: #a8890a;}
#sekceMenuFrame.sekceFrameMenuYellow UL LI .submenu A:HOVER {color: #FFF;}
.sekceFrameMenuRed {background-color: #ea212d;}
.sekceFrameMenuRed UL LI {background-image: none; border-right: 1px #ff4753 solid;}
.sekceFrameMenuRed UL LI:HOVER {background-color: #ff4753;}
.sekceFrameMenuRed UL LI .submenu {background-image: none; background-color: #ff4753;}
.sekceFrameMenuRed UL LI .submenu LI A:HOVER {background-color: #ea212d;}


#contentFullFrame {width: 100%; min-height: 300px; padding: 15px 0px; float: left;}
#contentFullFrame .homeButtonFrame {width: 320px; height: 191px; padding: 38px 30px 15px 30px; margin: 40px 0px 20px 0px; float: left; background-position: bottom; background-repeat: no-repeat; position: relative; color: #7d7f7e;}
#contentFullFrame .homeButtonFrame H2 {font-size: 24px; font-weight: 500; margin: 0px 0px 5px 0px; text-align: center;}
#contentFullFrame .homeButtonFrame H2 A {color: inherit;}
#contentFullFrame .homeButtonFrame UL {line-height: 1.3; color: #7d7f7e;}
#contentFullFrame .homeButtonFrame .arrows {position: absolute; right: 20px; bottom: 14px; width: 25px; height: 18px; display: block; background-image: url('/images/double-arrows-r.png');}
#contentFullFrame .homeButtonFrame:HOVER .arrows {bottom: 18px;}
#contentFullFrame .icon-cty {background-image: url('/images/panel-blue.png'); margin-right: 10px;}
#contentFullFrame .icon-cty H2 {color: #30bfea;}
#contentFullFrame .icon-cty:HOVER {background-image: url('/images/panel-blue-on.png');}
#contentFullFrame .icon-vik {background-image: url('/images/panel-green.png'); margin-right: 10px;}
#contentFullFrame .icon-vik H2 {color: #81bc38;}
#contentFullFrame .icon-vik:HOVER {background-image: url('/images/panel-green-on.png');}
#contentFullFrame .icon-mez {background-image: url('/images/panel-red.png');}
#contentFullFrame .icon-mez H2 {color: #ea212d;}
#contentFullFrame .icon-mez:HOVER {background-image: url('/images/panel-red-on.png');}
#contentFullFrame .homeButtonFrame P {width: 220px; float: left; font-size: 13px; color: #7d7f7e; margin: 0px 0px 10px 0px; line-height: 1.2;}

.contentGreenBg {}
.contentWhiteBg {}

#contentLeftMenu {width: 230px; float: left; margin: 0px 30px 20px 0px;}
#contentLeftMenu H2 {width: 100%; padding: 10px 15px; float: left; font-size: 17px; font-weight: bold; margin: 12px 0px 0px 0px;}
#contentLeftMenu A {width: 100%; padding: 10px 15px; float: left; font-size: 15px;}
#contentLeftMenu .u2 {width: 100%; padding: 10px 15px 10px 35px; float: left; font-size: 14px; color: #58595b; border-bottom: 1px #99d9f2 solid;}
#contentLeftMenu .u2Vik {width: 100%; padding: 5px 15px 5px 35px; float: left; font-size: 14px; color: #58595b;}
#contentLeftMenu .u2Vik.termins {padding: 5px 15px 5px 20px; margin-left: 15px; background-color: #f0f0f0;}
#contentLeftMenu .gray {color: #6e6f71; border-bottom: 1px #6e6f71 solid;}
#contentLeftMenu .grayA {color: #6e6f71; border-bottom: 1px #d9d9d9 solid;}
#contentLeftMenu .grayA:HOVER {color: #4e4e4e;}
#contentLeftMenu .selected {border: 0px;}
#contentLeftMenu .bold {font-weight: bold;}
#contentLeftMenu .blue {background-color: #d3eaf0;}

#contentLeftMenu .leftFiltr {width: 100%; float: left; margin: 0px; padding: 0px; list-style: none;}
#contentLeftMenu .leftFiltr LI {width: 100%; float: left; border-bottom: 1px #d9d9d9 solid;}
#contentLeftMenu .leftFiltr LI A {border-bottom: 0px; color: #6e6f71;}
#contentLeftMenu .leftFiltr LI A:HOVER {text-decoration: underline;}
#contentLeftMenu .leftFiltr LI .leftSubmenu {width: 100%; float: left; margin: 0px; padding: 0px 0px 10px 0px; list-style: none;}
#contentLeftMenu .leftFiltr LI .leftSubmenu LI {border-bottom: 0px;}
#contentLeftMenu .leftFiltr LI .leftSubmenu LI A {width: 100%; padding: 5px 15px 5px 35px; border-bottom: 0px;}
#contentLeftMenu .leftFiltr LI .leftSubmenu LI .filtrCheckbox {width: 200px; padding: 3px 15px 3px 15px; float: left; color: #6e6f71; font-size: 10px;}
#contentLeftMenu .leftFiltr LI .leftSubmenu LI .filtrCheckbox INPUT {float: left; margin: 0px 5px 2px 0px;}

.leftMenu-cty H2 {color: #1690bb; border-bottom: 1px #1690bb solid;}
.leftMenu-cty A {color: #1690bb; border-bottom: 1px #99d9f2 solid;}
.leftMenu-cty A:HOVER {color: #0b6b8d;}

.leftMenu-vik H2 {color: #699f26; border-bottom: 1px #699f26 solid;}
.leftMenu-vik A {color: #699f26; border-bottom: 1px #b5e17f solid;}
.leftMenu-vik A:HOVER {color: #457509;}
#contentLeftMenu.leftMenu-vik .u2 {border-bottom: 1px #b5e17f solid;}

.leftMenu-let H2 {color: #decb5f; border-bottom: 1px #decb5f solid;}
.leftMenu-let A {color: #decb5f; border-bottom: 1px #DECB5F solid;}
.leftMenu-let A:HOVER {color: #c8b029;}
#contentLeftMenu.leftMenu-let .u2 {width: 180px; padding: 10px 15px 10px 35px; float: left; font-size: 14px; color: #58595b; border-bottom: 1px #DECB5F solid;}

.leftMenu-mez H2 {color: #ea212d; border-bottom: 1px #ea212d solid;}
.leftMenu-mez A {color: #ea212d; border-bottom: 1px #ea212d solid;}
.leftMenu-mez A:HOVER {color: #ea212d;}

.leftMenu-obecna H2 {color: #f59331; border-bottom: 1px #f59331 solid;}
.leftMenu-obecna A {color: #f59331; border-bottom: 1px #f7dbbe solid;}
.leftMenu-obecna A:HOVER {color: #f59331;}
#contentLeftMenu.leftMenu-obecna .u2 {border-bottom: 1px #f7dbbe solid;}

#homeColumnsFrame {width: 980px; float: left; margin: 20px 0px;}
#homeColumnsFrame .homeColumnsFrameLeft {width: 762px; float: left;}
#homeColumnsFrame .homeColumnsFrameLeft #homeTextFrame {width: 742px; float: left; margin: 0px 20px 20px 0px; color: #58595b; font-size: 14px;}
#homeColumnsFrame .homeColumnsFrameLeft #homeTextFrame H2 {margin: 0px;}
#homeColumnsFrame .homeColumnsFrameLeft #homeTextFrame P {color: #58595b; font-size: 14px; margin: 10px 0px;}
#homeColumnsFrame .homeColumnsFrameLeft #homeTextFrame A {color: #58595b; text-decoration: underline;}
#homeColumnsFrame .homeColumnsFrameLeft #homeTextFrame .yellowHeader {color: #e6c30f; border-bottom: 1px solid #decb5f; margin: 0px 0 12px; padding: 0 10px 9px; width: 700px;}

#submenuColumnsFrame {width: calc(100% - 260px); float: right; margin: 10px 0px 20px 0px;}
#submenuColumnsFrame.fullWidth {width: 100%;}


@media only screen
and (max-width: 900px)
{
  /*#contentLeftMenu {width: 100%; margin: 0px 0px 20px 0px; display: flex; flex-wrap: wrap;}
  #contentLeftMenu H2 {display: none;}
  #contentLeftMenu A {width: auto; padding: 10px 30px; margin: 0px 5px 5px 0px; background-color: #30bfeb; color: #FFF; display: block; float: left; border: 0px;}
  #contentLeftMenu.leftMenu-obecna .u2 {display: none; border: 0px;}
  
  #submenuColumnsFrame {width: 100%;}*/
}


.columnsContainer .columnFrameHomeText {width: 732px; margin: 0px 30px 20px 0px; float: left;}
.columnsContainer .columnFrameHomeText H3 {width: 100%; float: left; font-size: 18px; color: #d9001a; margin: 0px 0px 10px 0px; padding: 0px 12px 10px 12px; border-bottom: 1px #d9001a solid; font-weight: 200; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.columnsContainer .columnFrameHomeText P {width: 100%; float: left; font-size: 14px; color: #58595b; margin: 0px 0px 10px 0px; padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.columnsContainer .columnFrameHomeText .more {padding: 7px 13px; float: left; display: block; background-color: #fe354d; color: #FFF;}
.columnsContainer .columnFrameHomeText .more:HOVER {background-color: #d9001a;}
.columnsContainer .columnFrameHomeText .inner {width: 708px; padding: 0px 12px 10px 12px; float: left;}

.columnsHomeContainer {width: 762px; float: left;}

.columnsContainer .columnFrame {width: 230px; float: left; margin: 0px 30px 0px 0px;}
.columnsContainer .columnFrame H3 {width: 206px; float: left; font-size: 18px; color: #76a833; margin: 0px 0px 10px 0px; padding: 0px 12px 10px 12px; text-transform: uppercase; border-bottom: 1px #76a833 solid; font-weight: 200;}
.columnsContainer .columnFrame H3.yellow {color: #e6c30f; border-bottom: 1px #e6c30f solid;}
.columnsContainer .columnFrame .arrowFrame {width: 215px; padding: 0px 0px 0px 15px; margin: 10px 0px 10px 0px; float: left; background-image: url('/images/arrow-r.png'); background-position: left 5px; background-repeat: no-repeat; border-bottom: 1px #d9d9d9 solid;}
.columnsContainer .columnFrame .arrowFrame.yellow {background-image: url('/images/arrow-r-orange.png');}
.columnsContainer .columnFrame .arrowFrame H4 {width: 215px; float: left; font-size: 16px; color: #58595b; margin: 0px 0px 3px 0px; font-weight: bold;}
.columnsContainer .columnFrame .arrowFrame P {width: 215px; float: left; font-size: 14px; color: #58595b; margin: 0px 0px 10px 0px;}
.columnsContainer .columnFrame .arrowFrame A {color: #58595b;}
.columnsContainer .columnFrame .arrowFrame A:HOVER {color: #76a833;}
.columnsContainer .columnFrame .arrowFrame .date {margin-bottom: 0px; font-weight: bold;}
.columnsContainer .columnFrame .arrowFrame .inverse {color: #76a833;}
.columnsContainer .columnFrame .arrowFrame .inverse:HOVER {color: #58595b !important; text-decoration: underline;}
.columnsContainer .columnFrame .arrowFrame .inverse.yellow {color: #58595b;}
.columnsContainer .columnFrame .last {border-bottom: 0px;}
.columnsContainer .columnFrame .archiv {color: #58595b; font-size: 14px; text-decoration: underline; /*text-decoration: underline; float: left; margin: 0px 0px 0px 15px;*/}
.columnsContainer .columnFrame .archiv:HOVER {text-decoration: none;}

.columnsContainer .columnFrame2 {width: 212px; float: left; margin: 0px 30px 0px 0px;}
.columnsContainer .columnFrame2 H3 {width: 188px; float: left; font-size: 18px; color: #76a833; margin: 0px 0px 10px 0px; padding: 0px 12px 10px 12px; text-transform: uppercase; border-bottom: 1px #76a833 solid; font-weight: 200;}
.columnsContainer .columnFrame2 H3.yellow {color: #e6c30f; border-bottom: 1px #e6c30f solid;}
.columnsContainer .columnFrame2 .arrowFrame {width: 197px; padding: 0px 0px 0px 15px; margin: 10px 0px 10px 0px; float: left; background-image: url('/images/arrow-r.png'); background-position: left 5px; background-repeat: no-repeat; border-bottom: 1px #d9d9d9 solid;}
.columnsContainer .columnFrame2 .arrowFrame.yellow {background-image: url('/images/arrow-r-orange.png');}
.columnsContainer .columnFrame2 .arrowFrame H4 {width: 197px; float: left; font-size: 16px; color: #58595b; margin: 0px 0px 3px 0px; font-weight: bold;}
.columnsContainer .columnFrame2 .arrowFrame P {width: 197px; float: left; font-size: 14px; color: #58595b; margin: 0px 0px 10px 0px;}
.columnsContainer .columnFrame2 .arrowFrame A {color: #58595b;}
.columnsContainer .columnFrame2 .arrowFrame A:HOVER {color: #76a833; text-decoration: underline !important;}
.columnsContainer .columnFrame2 .arrowFrame .date {margin-bottom: 0px; font-weight: bold;}
.columnsContainer .columnFrame2 .arrowFrame .inverse {color: #76a833;}
.columnsContainer .columnFrame2 .arrowFrame .inverse:HOVER {color: #58595b; text-decoration: underline;}
.columnsContainer .columnFrame2 .last {border-bottom: 0px;}
.columnsContainer .firstColumn {margin-left: 10px;}

.columnsContainer .blueColumn H3 {color: #1690bb; border-bottom: 1px #1690bb solid;}
.columnsContainer .blueColumn .arrowFrame {background-image: url('/images/arrow-r-gray.png');}
.columnsContainer .blueColumn .arrowFrame A:HOVER {color: #0a698b;}

.columnsContainer .greenColumn H3 {color: #699f26; border-bottom: 1px #699f26 solid;}
.columnsContainer .greenColumn .arrowFrame {background-image: url('/images/arrow-r-gray.png');}
.columnsContainer .greenColumn .arrowFrame A:HOVER {color: #457509;}

.columnsContainer .columnFrameOrange {width: 218px; float: left; margin: 0px 0px 0px 0px;}
.columnsContainer .columnFrameOrange H3 {width: 194px; float: left; font-size: 18px; color: #ee7f01; margin: 0px 0px 0px 0px; padding: 0px 12px 10px 12px; text-transform: uppercase; border-bottom: 1px #ee7f01 solid; font-weight: 200;}
.columnsContainer .columnFrameOrange .innerOrange {width: 202px; float: left; padding: 8px; background-color: #ee7f01;}
.columnsContainer .columnFrameOrange .arrowFrame {width: 187px; padding: 0px 0px 0px 15px; margin: 0px 0px 10px 0px; float: left; background-image: url('/images/arrow-r-orange.png'); background-position: left 5px; background-repeat: no-repeat; border-bottom: 1px #d9d9d9 solid;}
.columnsContainer .columnFrameOrange .arrowFrame H4 {width: 187px; float: left; color: #FFF; font-size: 14px; font-weight: bold; margin: 3px 0px 2px 0px;}
.columnsContainer .columnFrameOrange .arrowFrame P {width: 187px; float: left; font-size: 13px; color: #FFF; margin: 0px 0px 10px 0px; line-height: 1.3;}
.columnsContainer .columnFrameOrange .arrowFrame A {color: #FFF;}
.columnsContainer #contentFrame .columnFrameOrange .arrowFrame A {color: #FFF;}
.columnsContainer .columnFrameOrange .arrowFrame A:HOVER {text-decoration: underline;}
.columnsContainer .columnFrameOrange .arrowFrame .autor {font-style: italic;}
.columnsContainer .columnFrameOrange .last {border-bottom: 0px; margin-bottom: 0px;}

#contentFrame {width: 100%; float: left;}
#contentFrame.fullWidth {width: 100%;}
#contentFrame.home {margin-top: 15px;}
#contentFrame H2 {width: 100%; float: left; font-size: 18px; font-weight: normal; padding: 0px 10px 9px 10px; margin: 10px 0px 12px 0px; font-weight: normal; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
#contentFrame H2 .linkRight {float: right; color: #58595B; font-size: 12px; font-weight: 300; margin: 5px 0px 0px 0px;}
#contentFrame H2 .linkRight:HOVER {text-decoration: underline;}
#contentFrame H3 {margin: 10px 0px 10px 0px; font-size: 17px; font-weight: bold;}
#contentFrame H3 .date {font-size: 12px; font-weight: 600; color: #1690bb;}
#contentFrame P {font-size: 13px; color: #58595B;}
#contentFrame UL {font-size: 13px; color: #58595B; list-style-type: square; line-height: 1.6; clear: both; float: left;}
#contentFrame OL {font-size: 13px; color: #58595B; line-height: 1.6; clear: both; float: left; width: 100%;}
#contentFrame P A {color: #1690bb; text-decoration: underline;}
#contentFrame P A:HOVER {text-decoration: none;}
#contentFrame UL A {color: #1690bb; text-decoration: underline;}
#contentFrame UL A:HOVER {text-decoration: none;}
#contentFrame OL A {color: #1690bb; text-decoration: underline;}
#contentFrame OL A:HOVER {text-decoration: none;}
#contentFrame .underlineGreen {width: 100%; float: left; font-size: 16px; font-weight: normal; padding: 0px 10px 9px 10px; margin: 10px 0px 12px 0px; font-weight: normal; color: #699f26; border-bottom: 1px #699f26 solid;}
#contentFrame .noBottomMargin {margin-bottom: 0px;}
#contentFrame .kurzFrame {width: 720px; float: left; border-bottom: 1px #d9d9d9 solid; padding: 0px 0px 10px 0px; margin: 0px 0px 15px 0px;}
#contentFrame .kurzFrame .textFrame {width: 345px; padding: 0px 30px 0px 0px; float: left;}
#contentFrame .kurzFrame .textFrame H3 {width: 335px; float: left; padding: 0px 0px 0px 10px; margin: 0px; background-image: url('/images/arrow-r-gray.png'); background-position: left; background-repeat: no-repeat; font-size: 14px; font-weight: bold;}
#contentFrame .kurzFrame .textFrame H3 A {color: #1690bb;}
#contentFrame .kurzFrame .textFrame H3 A:HOVER {text-decoration: underline;}
#contentFrame .kurzFrame .textFrame P {width: 335px; float: left; padding: 0px 0px 0px 10px; margin: 0px 0px 10px 0px; font-size: 13px; color: #58595b; line-height: 1.4;}
#contentFrame .kurzFrame .grayFrame {width: 305px; padding: 12px 20px; float: left; background-color: #e5e5e5;}
#contentFrame .kurzFrame .grayFrame P {font-size: 14px; color: #58595b; line-height: 1.6; margin: 0px;}
#contentFrame .kurzFrame .grayFrame P STRONG {font-weight: normal; color: #1690bb;}
#contentFrame .kurzFrame.mez .descFrame H3 {color: #ea212d;}
#contentFrame .kurzFrame.mez .descFrameGray P B {color: #ea212d;}
#contentFrame .buttonReg {width: 100%; float: left; padding: 10px 10px; margin-top: 10px; text-align: center; font-weight: bold; color: #FFF; font-size: 16px; background-color: #ea212d; text-transform: uppercase; text-decoration: none;}
#contentFrame .buttonReg:HOVER {background-color: #c90e1a;}


#contentFrame .last {border: 0px; margin-bottom: 0px;}
#contentFrame .error {color: #d9001a;}
#contentFrame .done {color: green;}
#contentFrame .errorFrame {width: 100%; float: left; color: #FFF; font-weight: 600; padding: 8px 15px; background-color: #d9001a; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
#contentFrame .doneFrame {width: 100%; float: left; color: #FFF; font-weight: 600; padding: 8px 15px; background-color: green; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

#contentFrame H2.greenHeader {font-weight: bold; font-size: 20px; margin-top: 9px;}
#contentFrame H2.greenHeader.widthButton {padding: 0px 0px 0px 10px;}
#contentFrame H2.greenHeader .tlacitkoModre { float: right; margin: 0px; padding: 7px 10px;}

#contentFrame .sedy {color: #888;}
#contentFrame .nadtrzeny {width: 100%; float: left; border-top: 1px #ccc solid; padding-top: 10px;}
#contentFrame .floated {float: left; margin: 0px 0px 10px 0px;}
#contentFrame .fullFloated {width: 100%; float: left; color: #545454; margin: 15px 0px 5px 0px;}

#contentFrame .kurzyTable {width: 100%; float: left; border-collapse: collapse; margin: 0px 0px 10px 0px;}
#contentFrame .kurzyTable TH {background-color: #8bc43f; color: #FFF; font-size: 14px; font-weight: bold; padding: 8px 10px;}
#contentFrame .kurzyTable TD {font-size: 12px; padding: 8px 10px;}
#contentFrame .kurzyTable TD IMG {max-width: none;}
#contentFrame .kurzyTable TD.program {width: 600px;}
#contentFrame .kurzyTable TR:nth-child(even) {background: #FFF;}
#contentFrame .kurzyTable TR:nth-child(odd) {background: #eaeaea;}
#contentFrame .kurzyTable .tiny {font-weight: normal;}
#contentFrame .kurzyTable .alignR {text-align: right;}
#contentFrame .kurzyTable .alignL {text-align: left;}
#contentFrame .kurzyTable .termin {float: right; padding: 5px 10px; background-color: #8bc43f; color: #FFF; }
#contentFrame .kurzyTable .termin:HOVER {color: #000;}
#contentFrame .kurzyTable .delete {float: right; padding: 5px 10px; background-color: #d0d0d0; color: #000; margin: 3px 0px 0px 0px;}
#contentFrame .kurzyTable .delete:HOVER {background-color: #d0d0d0; color: #000;}
#contentFrame .kurzyTable .total {background-color: #8bc43f; font-weight: bold; color: #FFF; font-size: 14px;}
#contentFrame .kurzyTable .big {font-weight: bold; font-size: 14px;}
#contentFrame .kurzyTable .small {font-size: 11px;}
#contentFrame .kurzyTable .poznamkaTextarea {width: 100%; float: left; margin: 10px 0px;}
#contentFrame .kurzyTable .borderBottomBig {border-bottom: 3px #8bc43f solid;}
#contentFrame .kurzyTable .buttonsTd {width: 70px;}
#contentFrame .kurzyTable .small {font-size: 10px;}
#contentFrame .kurzyTable .drive {color: #d9001a; text-decoration: line-through;}

/*#contentFrame .kurzyTableDiv {width: 100%; float: left; margin: 0px 0px 10px 0px; display: flex; flex-wrap: wrap; display: none;}
#contentFrame .kurzyTableDiv .row {width: 100%; display: flex;}
#contentFrame .kurzyTableDiv .cell {flex-grow: 0; flex-shrink: 0;}
#contentFrame .kurzyTableDiv .cell.program {width: 30%;}
#contentFrame .kurzyTableDiv .cell.mesto {width: 30%;}
#contentFrame .kurzyTableDiv .cell.termin {width: 30%;}
#contentFrame .kurzyTableDiv .cell.typ {width: 30%;}
#contentFrame .kurzyTableDiv .cell.button {width: 30%;}*/

#contentFrame TABLE {width: 100%; float: left; border-collapse: collapse; margin: 0px 0px 10px 0px; color: #58595B;}
#contentFrame TABLE TH {background-color: #8bc43f; color: #FFF; font-size: 14px; font-weight: bold; padding: 8px 10px;}
#contentFrame TABLE TD {font-size: 12px; padding: 8px 10px;}
#contentFrame TABLE TR:nth-child(even) {background: #FFF;}
#contentFrame TABLE TR:nth-child(odd) {background: #eaeaea;}

#contentFrame TABLE.materials TH {background-color: #FFF; color: #363636; font-size: 13px; font-weight: 600; text-align: left; border: 1px #64d1f1 solid;}
#contentFrame TABLE.materials TD {background-color: #FFF; border: 1px #64d1f1 solid; color: #58595b;}

#contentFrame .napsaliFrame {width: 680px; float: left; padding: 15px 20px; background-color: #eaeaea; margin: 0px 0px 20px 0px;}
#contentFrame .napsaliFrame .image {width: 200px; float: left; margin: 0px 20px 0px 0px;}
#contentFrame .napsaliFrame .desc {width: 460px; float: left;}
#contentFrame .napsaliFrame .desc.full {width: 660px; float: left;}

#contentFrame .rozvrhTable {width: 100%; float: left; border-collapse: collapse;}
#contentFrame .rozvrhTable.fixed {table-layout: fixed;}
#contentFrame .rozvrhTable TH {background-color: #8bc43f; color: #FFF; font-size: 14px; font-weight: bold; padding: 8px 10px; border-bottom: 1px #eaeaea solid;}
#contentFrame .rozvrhTable TD {font-size: 12px; padding: 8px 10px; border-bottom: 1px #eaeaea solid;}
#contentFrame .rozvrhTable TD .red {color: #d9001a;}
#contentFrame .rozvrhTable .alignR {text-align: right;}
#contentFrame .rozvrhTable .alignL {text-align: left;}
#contentFrame .rozvrhTable .termin {float: right; padding: 5px 10px; background-color: #8bc43f; color: #FFF; }
#contentFrame .rozvrhTable .termin:HOVER {background-color: #d0d0d0; color: #000;}
#contentFrame .rozvrhTable TR:nth-child(even) {background: #FFF;}
#contentFrame .rozvrhTable TR:nth-child(odd) {background: #FFF;}
#contentFrame .rozvrhTable A {color: #1690bb; text-decoration: underline;}

#contentFrame .note {margin: 15px 0px 0px 0px; float: left; font-style: italic;}

#contentFrame .doneContainer {float: left; width: 688px; padding: 7px 15px; border: 1px green solid; color: green; background-color: #e4ffe4; font-weight: bold;}

#contentFrame .filtrContainer {width: 690px; float: left; padding: 8px 15px; margin: 0px 0px 10px 0px; background-color: #d3eaf0;}
#contentFrame .filtrContainer B {color: #1690bb;}
#contentFrame .green {background-color: #d7e5c7;}

#contentFrame .filterFrame {width: 100%; float: left; display: flex; padding: 12px 15px; margin: 0px 0px 5px 0px; background-color: #d7e5c7; flex-wrap: wrap;}
#contentFrame .filterFrame LABEL {margin: 0px 50px 0px 0px; color: #1690bb; font-size: 16px; font-weight: bold; text-transform: uppercase;}
#contentFrame .filtersFrame .heading {width: 100%; padding: 0px 15px; float: left; font-size: 16px; font-weight: bold; margin: 15px 0px 0px 0px;}

#ui-datepicker-div .ui-datepicker-calendar {font-size: 11px;}

/* BUTTON V TABULCE PŘEDMĚTŮ */
#contentFrame .rozvrhTable input[type=radio] {
    display:none;
    margin:0px;
}
#contentFrame .rozvrhTable input[type=radio] + label {
    width: 100%;
    display:inline-block;
    margin:-2px 0px;
    padding: 4px 12px;
    background-color: #e7e7e7;
    border-color: #ddd;
    border: 3px #e7e7e7 solid;
    cursor: pointer;
}
#contentFrame .rozvrhTable input[type=radio] + label .size {width: 40px; float: left; padding: 6px 0px 0px 0px; font-weight: bold;}
#contentFrame .rozvrhTable input[type=radio] + label .sex {width: 70px; float: left; padding: 6px 0px 0px 0px;}
#contentFrame .rozvrhTable input[type=radio] + label .dostupnost {width: 110px; float: left; padding: 6px 0px 0px 0px;}
#contentFrame .rozvrhTable input[type=radio] + label .price {width: 100px; float: left; text-align: right; font-size: 24px; color: #333; font-weight: bold;}
#contentFrame .rozvrhTable input[type=radio]:checked + label {
  background-image: none;
  background-color:#f7f7f7;
  border: 3px #8bc43f solid;
}
#contentFrame .rozvrhTable input[type=radio] + label:HOVER {border-color: #d3d3d3;}
#contentFrame .rozvrhTable input[type=radio]:checked + label .price {color: #16aaa1;}
#contentFrame .rozvrhTable .detailLink {width: 100%; float: left; padding: 5px 0px; text-align: center; background-color: #e7e7e7;}
#contentFrame .rozvrhTable .detailFrame {width: 100%; float: left; padding: 5px 10px; text-align: center; background-color: #e7e7e7;}
#contentFrame .rozvrhTable .detailFrame IMG {max-width: 100%; height: auto;}
#contentFrame .rozvrhTable .detailFrame P:first-child {margin-top: 0px;}
/* BUTTON V TABULCE PŘEDMĚTŮ */



/* tinymce */
.tinymceCont IMG {max-width: 100%; height: auto;}
.tinymceCont IFRAME {max-width: 100%;}

#contentFrame .zeleny {color: #a7cc46;}
#contentFrame .zelenyVelky {color: #a7cc46; font-size: 18px;}
#contentFrame .zelenyTucny {color: #a7cc46; font-weight: bold;}
#contentFrame .zelenyVelkyTucky {color: #a7cc46; font-size: 18px; font-weight: bold;}
#contentFrame .modry {color: #30bfea;}
#contentFrame .modryVelky {color: #30bfea; font-size: 18px;}
#contentFrame .modryTucny {color: #30bfea; font-weight: bold;}
#contentFrame .modryVelkyTucky {color: #30bfea; font-size: 18px; font-weight: bold;}
#contentFrame .zluty {color: #decb5f;}
#contentFrame .zlutyVelky {color: #decb5f; font-size: 18px;}
#contentFrame .zlutyTucny {color: #decb5f; font-weight: bold;}
#contentFrame .zlutyVelkyTucky {color: #decb5f; font-size: 18px; font-weight: bold;}
#contentFrame .cerveny {color: #ea212d;}
#contentFrame .cervenyVelky {color: #ea212d; font-size: 18px;}
#contentFrame .cervenyTucny {color: #ea212d; font-weight: bold;}
#contentFrame .cervenyVelkyTucky {color: #ea212d; font-size: 18px; font-weight: bold;}
#contentFrame .oranzovy {color: #f59331;}
#contentFrame .oranzovyVelky {color: #f59331; font-size: 18px;}
#contentFrame .oranzovyTucny {color: #f59331; font-weight: bold;}
#contentFrame .oranzovyVelkyTucky {color: #f59331; font-size: 18px; font-weight: bold;}
#contentFrame .sedy {color: #bcbdc0;}
#contentFrame .sedyVelky {color: #bcbdc0; font-size: 18px;}
#contentFrame .sedyTucny {color: #bcbdc0; font-weight: bold;}
#contentFrame .sedyVelkyTucky {color: #bcbdc0; font-size: 18px; font-weight: bold;}
#contentFrame .tabulkaBezPozadi {background-color: #fff;}
#contentFrame .tabulkaBezPozadi TR TD {background-color: #fff;}
@media only screen
and (max-width: 600px)
{
  #contentFrame .zelenyVelky {font-size: 16px;}
  #contentFrame .zelenyVelkyTucny {font-size: 16px;}
  #contentFrame .modryVelky {font-size: 16px;}
  #contentFrame .modryVelkyTucny {font-size: 16px;}
  #contentFrame .zlutyVelky {font-size: 16px;}
  #contentFrame .zlutyVelkyTucny {font-size: 16px;}
  #contentFrame .cervenyVelky {font-size: 16px;}
  #contentFrame .cervenyVelkyTucny {font-size: 16px;}
  #contentFrame .oranzovyVelky {font-size: 16px;}
  #contentFrame .oranzovyVelkyTucny {font-size: 16px;}
  #contentFrame .sedyVelky {font-size: 16px;}
  #contentFrame .sedyVelkyTucny {font-size: 16px;}
}

#contentFrame .zelenaLinka {background-color: #a7cc46;}
#contentFrame .oranzovaLinka {background-color: #f59331;}
#contentFrame .modraLinka {background-color: #30bfea;}
#contentFrame .cervenaLinka {background-color: #ea212d;}
#contentFrame .sedaLinka {background-color: #bcbdc0;}
#contentFrame .odrazkaZelenaSipka {list-style-type: none;}
#contentFrame .odrazkaZelenaSipka LI {padding-left: 20px; background-image: url('/images/arrow-r.png'); background-position: left 5px; background-repeat: no-repeat;}
#contentFrame .odrazkaOranzovaSipka {list-style-type: none;}
#contentFrame .odrazkaOranzovaSipka LI {padding-left: 20px; background-image: url('/images/arrow-r-orange.png'); background-position: left 5px; background-repeat: no-repeat;}
#contentFrame .odrazkaModraSipka {list-style-type: none;}
#contentFrame .odrazkaModraSipka LI {padding-left: 20px; background-image: url('/images/arrow-r-blue.png'); background-position: left 5px; background-repeat: no-repeat;}
#contentFrame .odrazkaSedaSipka {list-style-type: none;}
#contentFrame .odrazkaSedaSipka LI {padding-left: 20px; background-image: url('/images/arrow-r-gray.png'); background-position: left 5px; background-repeat: no-repeat;}
#contentFrame .odrazkaCervenaSipka {list-style-type: none;}
#contentFrame .odrazkaCervenaSipka LI {padding-left: 20px; background-image: url('/images/arrow-r-red.png'); background-position: left 5px; background-repeat: no-repeat;}

#contentFullFrame UL {font-size: 13px; color: #58595B; list-style-type: square; line-height: 1.6; clear: both; float: left;}
#contentFullFrame .homeButtonFrame UL {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 12px;}
#contentFullFrame .zelenaLinka {background-color: #699f26;}
#contentFullFrame .oranzovaLinka {background-color: #ee7f01;}
#contentFullFrame .modraLinka {background-color: #1690bb;}
#contentFullFrame .odrazkaZelenaSipka {list-style-type: none;}
#contentFullFrame .odrazkaZelenaSipka LI {padding-left: 20px; background-image: url('/images/arrow-r.png'); background-position: left 5px; background-repeat: no-repeat;}
#contentFullFrame .odrazkaOranzovaSipka {list-style-type: none;}
#contentFullFrame .odrazkaOranzovaSipka LI {padding-left: 20px; background-image: url('/images/arrow-r-orange.png'); background-position: left 5px; background-repeat: no-repeat;}
#contentFullFrame .odrazkaModraSipka {list-style-type: none;}
#contentFullFrame .odrazkaModraSipka LI {padding-left: 20px; background-image: url('/images/arrow-r-blue.png'); background-position: left 5px; background-repeat: no-repeat;}
#contentFullFrame .odrazkaCervenaSipka {list-style-type: none;}
#contentFullFrame .odrazkaCervenaSipka LI {padding-left: 20px; background-image: url('/images/arrow-r-red.png'); background-position: left 5px; background-repeat: no-repeat;}

#homeColumnsFrame .zeleny {color: #699f26;}
#homeColumnsFrame .zelenyVelky {color: #699f26; font-size: 18px;}
#homeColumnsFrame .zelenyTucny {color: #699f26; font-weight: bold;}
#homeColumnsFrame .zelenyVelkyTucky {color: #699f26; font-size: 18px; font-weight: bold;}
#homeColumnsFrame .modry {color: #1690bb;}
#homeColumnsFrame .modryVelky {color: #1690bb; font-size: 18px;}
#homeColumnsFrame .modryTucny {color: #1690bb; font-weight: bold;}
#homeColumnsFrame .modryVelkyTucky {color: #1690bb; font-size: 18px; font-weight: bold;}
#homeColumnsFrame .zluty {color: #decb5f;}
#homeColumnsFrame .zlutyVelky {color: #decb5f; font-size: 18px;}
#homeColumnsFrame .zlutyTucny {color: #decb5f; font-weight: bold;}
#homeColumnsFrame .zlutyVelkyTucky {color: #decb5f; font-size: 18px; font-weight: bold;}
#homeColumnsFrame .cerveny {color: #d9001a;}
#homeColumnsFrame .cervenyVelky {color: #d9001a; font-size: 18px;}
#homeColumnsFrame .cervenyTucny {color: #d9001a; font-weight: bold;}
#homeColumnsFrame .cervenyVelkyTucky {color: #d9001a; font-size: 18px; font-weight: bold;}
#homeColumnsFrame .tabulkaBezPozadi {background-color: #fff;}
#homeColumnsFrame .tabulkaBezPozadi TR TD {background-color: #fff;}

#contentFrame .tlacitkoZlute {/*width: 270px;*/ float: left; display: block; clear: both; padding: 10px 30px; margin: 10px 0px; text-decoration: none; text-align: center; font-weight: bold; color: #a8890a; font-size: 16px; background-color: #eed939; text-transform: uppercase;}
#contentFrame .tlacitkoZlute:HOVER {text-decoration: none; color: #fcf64a; background-color: #d6c01c;}
#contentFrame .tlacitkoModre {/*width: 270px;*/ width: auto; float: left; display: block; clear: both; padding: 10px 30px; text-decoration: none; background-color: #30bfea; text-align: center; font-weight: bold; color: #ffffff; font-size: 16px; text-transform: uppercase;}
#contentFrame .tlacitkoModre:HOVER {text-decoration: none; color: #ffffff; background-color: #dcf3f5;}
#contentFrame .tlacitkoModre A {text-decoration: none !important;}
#contentFrame .tlacitkoZelene {width: auto; clear: both; display: block; float: left; padding: 10px 30px; margin: 10px 0px; font-size: 16px; background-color: #a7cc46; font-weight: bold; text-decoration: none; text-align: center; color: #ffffff; text-transform: uppercase;}
#contentFrame .tlacitkoZelene:HOVER {text-decoration: none; color: #ffffff; background-color: #e8f2db;}
#contentFrame .tlacitkoCervene {width: auto; clear: both; display: block; float: left; padding: 10px 30px; margin: 10px 0px; font-size: 16px; background-color: #ea212d; font-weight: bold; text-decoration: none; text-align: center; color: #ffffff; text-transform: uppercase;}
#contentFrame .tlacitkoCervene:HOVER {text-decoration: none; color: #ffffff; background-color: #f8dbd9;}
#contentFrame .tlacitkoOranzove {width: auto; clear: both; display: block; float: left; padding: 10px 30px; margin: 10px 0px; font-size: 16px; background-color: #f59331; font-weight: bold; text-decoration: none; text-align: center; color: #ffffff; text-transform: uppercase;}
#contentFrame .tlacitkoOranzove:HOVER {text-decoration: none; color: #ffffff; background-color: #feefe0;}

#contentFrame .tlacitkoZlute.male {font-size: 14px; font-weight: normal;}
#contentFrame .tlacitkoModre.male {font-size: 14px; font-weight: normal;}
#contentFrame .tlacitkoZelene.male {font-size: 14px; font-weight: normal;}
#contentFrame .tlacitkoCervene.male {font-size: 14px; font-weight: normal;}
#contentFrame .tlacitkoOranzove.male {font-size: 14px; font-weight: normal;}

/* templates */
.tinymceBlokModry {width: 100%; float: left; padding: 10px 20px; margin: 15px 0px; background-color: #dcf3f5; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.tinymceBlokZeleny {width: 100%; float: left; padding: 10px 20px; margin: 15px 0px; background-color: #e8f2db; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.tinymceBlokCerveny {width: 100%; float: left; padding: 10px 20px; margin: 15px 0px; background-color: #f8dbd9; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.tinymceBlokOranzovy {width: 100%; float: left; padding: 10px 20px; margin: 15px 0px; background-color: #feefe0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.tinymceBlokCitace {width: 100%; float: left; padding: 0px 20px; margin: 15px 0px; border-left: 5px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

#contentFrame A {color: inherit;}
#contentFrame A:HOVER {text-decoration: none;}
#contentFrame P A {color: inherit; text-decoration: underline;}
#contentFrame TABLE A {color: inherit; text-decoration: underline;}
#contentFrame TABLE A:HOVER {text-decoration: none;}
#contentFrame HR {width: 100%; height: 1px; border: 0px; float: left; background-color: #ccc; margin: 5px 0px 15px 0px;}

#contentFrame .kurzLine {width: 100%; float: left; margin: 0px 0px 10px 0px;}
#contentFrame .kurzName {width: 380px; float: left; font-size: 15px; font-weight: bold; color: #1690bb; padding: 0px 0px 0px 10px; margin: 7px 0px 15px 0px; background-image: url('/images/arrow-r-gray.png'); background-position: left center; background-repeat: no-repeat;}
#contentFrame .kurzOrderButton {width: 270px; float: right; padding: 10px 10px; text-align: center; font-weight: bold; color: #e5e5e5; font-size: 16px; background-color: #619227; text-transform: uppercase;}
#contentFrame .kurzOrderButton:HOVER {background-color: #6d9f33;}
#contentFrame .kurzOrderButtonBlue {width: 270px; float: right; padding: 10px 10px; text-align: center; font-weight: bold; color: #FFF; font-size: 16px; background-color: #22beec; text-transform: uppercase;}
#contentFrame .kurzOrderButtonBlue:HOVER {background-color: #1690bb;}
#contentFrame .kurzOrderButtonYellow {width: 270px; float: right; padding: 10px 10px; text-align: center; font-weight: bold; color: #FFF; font-size: 16px; background-color: #f1dd43; text-transform: uppercase;}
#contentFrame .kurzOrderButtonYellow:HOVER {background-color: #d6c01c;}
#contentFrame .floatLeft {float: left;}

#contentFrame .bigGreenButton {width: auto; float: right; padding: 10px 17px 8px 17px; text-align: center; font-weight: bold; color: #e5e5e5; font-size: 16px; background-color: #619227; text-transform: uppercase; text-decoration: none;}
#contentFrame .bigGreenButton:HOVER {background-color: #6d9f33;}

#contentFrame .kurzDetailFrame {width: 100%; float: left; margin: 0px 0px 0px 0px;}
#contentFrame .kurzDetailFrame .grayFrame {width: 100%; padding: 12px 20px; margin: 0px 0px 1px 0px; float: left; background-color: #e5e5e5; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
#contentFrame .kurzDetailFrame .grayFrame .column {width: 340px; float: left; }
#contentFrame .kurzDetailFrame .grayFrame .column P {font-size: 14px; color: #58595b; line-height: 1.6; margin: 0px;}
#contentFrame .kurzDetailFrame .grayFrame .column P B {font-weight: normal; color: #1690bb;}
#contentFrame .kurzDetailFrame .grayFrame .columnFull {width: 480px; float: left; }
#contentFrame .kurzDetailFrame .grayFrame .columnRight {width: 200px; float: right; }
#contentFrame .kurzDetailFrame .grayFrame .columnRight .iconsFrame {width: auto; float: right;}
#contentFrame .kurzDetailFrame .grayFrame .columnRight .logo {float: right; margin: 5px 0px 0px 0px;}
#contentFrame .kurzDetailFrame .submenuFrame {width: 100%; float: left; background-color: #22beec;}
#contentFrame .kurzDetailFrame .submenuFrame A {padding: 10px 14px; float: left; border-right: 1px #64d1f1 solid; color: #FFF; font-size: 14px;}
#contentFrame .kurzDetailFrame .submenuFrame A:HOVER, #contentFrame .kurzDetailFrame .submenuFrame .on {background-color: #1690bb;}
#contentFrame .kurzDetailFrame .submenuFrame .print {float: right; background-color: #616264;}
#contentFrame .kurzDetailFrame .submenuFrame .last {border: 0px;}
#contentFrame .kurzDetailFrame .kurzDetailDescFrame {width: 100%; float: left; margin: 10px 0px;}
#contentFrame .kurzDetailFrame .kurzDetailDescFrame P {font-size: 13px; color: #58595b; margin: 10px 0px;}
#contentFrame .kurzDetailFrame .kurzDetailDescFrame H3 {color: #1690bb; font-size: 18px; font-weight: bold;}
#contentFrame .kurzDetailFrame .kurzDetailDescFrame HR {width: 100%; height: 1px; border: 0px; float: left; background-color: #ccc; margin: 5px 0px 15px 0px;}
#contentFrame .kurzDetailFrame .kurzDetailDescFrame .price {font-size: 16px; font-weight: 600;}


#contentFrame .kurzFrame {width: 100%; float: left; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; border-bottom: 1px #d9d9d9 solid;}
#contentFrame .kurzFrame .descFrame {width: 336px; width: calc(100% - 374px); float: left; padding: 0px 0px 0px 10px; margin: 0px 30px 0px 0px; background-image: url('/images/arrow-r-gray.png'); background-position: left 5px; background-repeat: no-repeat;}
#contentFrame .kurzFrame .descFrame H3 {width: 100%; float: left; font-size: 14px; font-weight: bold; color: #1690bb; margin: 2px 0px 2px 0px;}
#contentFrame .kurzFrame .descFrame H3 A {color: #1690bb;}
#contentFrame .kurzFrame .descFrame H3 A:HOVER {text-decoration: underline;}
#contentFrame .kurzFrame .descFrame P {width: 100%; float: left; font-size: 13px; color: #58595b; margin: 0px; line-height: 1.4; }
#contentFrame .kurzFrame .descFrameGray {width: 344px; min-height: 100px; float: left; padding: 18px 20px 50px 20px; margin: 0px 0px 50px 0px; background-color: #e5e5e5; position: relative;} 
#contentFrame .kurzFrame .descFrameGray P {width: 100%; float: left; margin: 0px 0px 0px 0px; line-height: 1.4; }
#contentFrame .kurzFrame .descFrameGray P B {color: #1690bb; font-weight: normal;}
#contentFrame .kurzFrame .descFrameGray .logo {float: left; margin: 5px 0px 5px 0px; clear: both;}
#contentFrame .kurzFrame .descFrameGray.new {background-image: url('/images/is_new.jpg'); background-position: right center; background-repeat: no-repeat;}
#contentFrame .kurzFrame .descFrameGray.new_en {background-image: url('/images/is_new_en.jpg'); background-position: right center; background-repeat: no-repeat;}
#contentFrame .kurzFrame .descFrameGray .partnerLine {width: 100%; padding: 0px 20px; float: left; position: absolute; top: calc(100% - 31px); left: 0px; }
#contentFrame .kurzFrame .descFrameGray .partnerLine .partner {padding: 9px 15px; display: block; float: left; background-color: #FFF; border-radius: 10px; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15);}
#contentFrame .kurzFrame .descFrameGray .partnerLine .iconsFrame {width: auto; float: right; display: flex; align-items: flex-start;}
#contentFrame .kurzFrame .descFrameGray .partnerLine .iconsFrame .icon {}


.contentFrame-obecna H2 {color: #f59331; border-bottom: 1px #f59331 solid;}
.contentFrame-cty H2 {color: #1690bb; border-bottom: 1px #1690bb solid;}
.contentFrame-cty .referFrame H3 A {color: #1690BB;}
.contentFrame-vik H2 {color: #699f26; border-bottom: 1px #699f26 solid;}
.contentFrame-vik .referFrame H3 A {color: #699f26;}
.contentFrame-let H2 {color: #decb5f; border-bottom: 1px #decb5f solid;}
.contentFrame-let .referFrame H3 A {color: #decb5f;}
.contentFrame-mez H2 {color: #ea212d; border-bottom: 1px #ea212d solid;}
.contentFrame-mez .referFrame H3 A {color: #ea212d;}
.contentFrame-obecna H2.gray {color: #a9aeb2; border-bottom: 1px #a9aeb2 solid;}

#contentFrame.contentFrame-vik H2.noUnderline {float: left; border: 0px; padding: 0px; margin: 10px 0px 15px 0px; font-size: 20px; font-weight: bold;}

#contentFrame .backToList {width: 100%; float: left; font-size: 18px; font-weight: normal; padding: 0px 10px 9px 10px; margin: 10px 0px 12px 0px; font-weight: normal; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
#contentFrame.contentFrame-cty .backToList {color: #1690bb; border-bottom: 1px #1690bb solid;}
#contentFrame.contentFrame-vik .backToList {color: #699f26; border-bottom: 1px #699f26 solid;}
#contentFrame.contentFrame-let .backToList {color: #decb5f; border-bottom: 1px #decb5f solid;}

#contentFrame .referFrame {width: 100%; float: left; margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; border-bottom: 1px solid #D9D9D9;}
#contentFrame .referFrame H3 {width: 100%; float: left; margin: 0px 0px 10px 0px; font-size: 16px; font-weight: bold;}
#contentFrame .referFrame H3 A {text-decoration: underline;}
#contentFrame .referFrame H3 A:HOVER {text-decoration: none;}
#contentFrame .referFrame H3 .small {color: #58595B; font-size: 14px; font-weight: normal;}
#contentFrame .referFrame P {color: #58595B;}
#contentFrame .referFrame .photo {width: 130px; float: left; border: 2px #ccc solid; margin: 0px 16px 15px 0px;}
#contentFrame .referFrame .withPhoto {width: calc(100% - 150px);}
#contentFrame .last {border-bottom: 0px;}

#fullGrayFrame {width: 100%; height: 84px; float: left; background-color: #d9d9d9;}
#fullFbFrame {width: 100%; height: auto; margin: 10px 0px; padding: 10px 0px 0px 0px; float: left; background-color: #fff; border-top: 2px #d9d9d9 solid;}

#fullBottomFrame {width: 100%; padding: 60px 0px; float: left; background-color: #c5170c; font-size: 13px; color: #fafcf7;}
#fullBottomFrame .bottomCont {width: 100%; float: left; display: flex;}
#fullBottomFrame A {color: #fafcf7;}
#fullBottomFrame P {margin: 0px 0px 10px 0px;}
#fullBottomFrame .columnFrame {width: 33.33%; float: left; padding: 0px 25px; margin: 0px 0px 0px 0px; border-left: 2px #d1453d solid; font-size: 12px;}
#fullBottomFrame .columnFrame H3 {width: 200px; float: left; margin: 0px 0px 10px 0px; color: #fafcf7; font-size: 13px; font-weight: bold; text-transform: uppercase;}
#fullBottomFrame .columnFrame.col2 {font-size: 20px; font-weight: 700;}
#fullBottomFrame .columnFrame.col3 {font-size: 20px; font-weight: 700;}
#fullBottomFrame .columnFrame:first-child {border: 0px; padding-left: 0px;}
#fullBottomFrame .columnFrame:last-child {padding-right: 0px;}
#fullBottomFrame A:HOVER {text-decoration: underline;}
#fullBottomFrame .facebook {width: 100%; height: auto; margin: 5px 0px 5px 0px; padding: 10px 0px 10px 50px; float: left; display: block; background-image: url('/images/icon-fb.png'); background-position: left center; background-repeat: no-repeat;}
#fullBottomFrame .facebook:HOVER {text-decoration: underline;}
#fullBottomFrame .youtube {width: 100%; height: auto; margin: 5px 0px 5px 0px; padding: 10px 0px 10px 50px; float: left; display: block; background-image: url('/images/icon-youtube2.png'); background-position: left center; background-repeat: no-repeat;}
#fullBottomFrame .youtube:HOVER {text-decoration: underline;}
#fullBottomFrame .instagram {width: 100%; height: auto; margin: 5px 0px 5px 0px; padding: 10px 0px 10px 50px; float: left; display: block; background-image: url('/images/icon-instagram.png'); background-position: left center; background-repeat: no-repeat;}
#fullBottomFrame .instagram:HOVER {text-decoration: underline;}
#fullBottomFrame .linkedin {width: 100%; height: auto; margin: 5px 0px 5px 0px; padding: 10px 0px 10px 50px; float: left; display: block; background-image: url('/images/icon-linkedin.png'); background-position: left center; background-repeat: no-repeat;}
#fullBottomFrame .linkedin:HOVER {text-decoration: underline;}
#fullBottomFrame .mail {width: 100%; height: auto; margin: 35px 0px 5px 0px; padding: 10px 0px 10px 50px; float: left; display: block; background-image: url('/images/icon-mail2.png'); background-position: left center; background-repeat: no-repeat;}
#fullBottomFrame .mail:HOVER {text-decoration: underline;}

#fullBottomFrameMobile {width: 100%; padding: 30px 0px; float: left; background-color: #c5170c; font-size: 13px; color: #fafcf7; font-size: 18px; font-weight: bold; color: #FFF; text-align: center;}
#fullBottomFrameMobile A {color: #FFF; text-decoration: underline;}

#bottomSocialMobile {width: 100%; height: auto; max-height: 70px; margin: 0px 0px 10px 0px; display: none; justify-content: space-between;}
#bottomSocialMobile .link {width: auto; max-width: 18%; height: auto; max-height: 100%; display: flex; align-items: center; justify-content: center;}
#bottomSocialMobile .link IMG {width: 80px; height: 80px;}

.apple {width: 258px; height: 126px; margin: 10px 0px 0px 0px; float: right; background-image: url('/images/jablko.png');}

.fb-like {width: 100%; float: left; margin: 20px 0px 0px 0px;}
.floated {float: left;}
.floated-r {float: right;}
.line {width: 100%; float: left;}

.tallyFrame {width: 100%; float: left; display: flex; /*justify-content: space-around;*/ margin: 10px 0px 20px 0px;}
.tallyFrame .tally {width: 345px; display: flex; float: left; background-color: #f6f6f6; border: 2px #dedede solid;}
.tallyFrame .tally .col {flex: 1; text-align: center; padding: 10px; float: left;}
.tallyFrame .tally .col H3 {font-family: arial; font-size: 20px; font-weight: bold; color: gray;}
.tallyFrame .tally .col .no {margin: 0px 0px 10px 0px; font-weight: bold; font-size: 20px;}
.tallyFrame .tally .col .no.c-red {color: red;}
.tallyFrame .tally .col .no.c-green {color: green;}
.tallyFrame .tally .col .no.c-gold {color: gold;}

.flo-r {float: right !important;}

.counterFrame {width: 100%; float: left; display: flex; flex-wrap: wrap;}
.counterFrame .counter {width: calc(25% - 7.5px); padding: 25px; float: left; margin: 0px 10px 10px 0px; display: flex; flex-wrap: wrap; justify-content: space-around;}
.counterFrame .counter .circle {width: 200px; height: 70px; color: #3bc0eb; font-weight: 600; display: flex; align-items: flex-end; justify-content: space-around; font-size: 45px;}
.counterFrame .counter .textBig {width: 100%; float: left; color: #afb1af; font-size: 14px; text-align: center; margin: 0px 0px 0px 0px;}
.counterFrame .counter .textSmall {width: 100%; float: left; color: #afb1af; font-size: 14px; text-align: center; margin: 0px 0px 0px 0px;}
.counterFrame.vik .counter .circle {color: #699f26;}
.counterFrame.vik .counter {padding: 10px;}
.counterFrame.cty .counter .circle {color: #30bfea;}
.counterFrame.cty .counter {padding: 10px;}
.counterFrame.mez .counter .circle {color: #ea212d;}
.counterFrame.mez .counter {padding: 10px;}

.partnersCont {width: 100%; height: auto; float: left; margin: 20px 0px 0px 0px;}
.partnersCont H2 {font-size: 33px; font-weight: 500; color: #7d7f7e; margin: 10px 0px 5px 0px;}
.partnersCont .partnersFrame {width: 100%; float: left; margin: 0px 0px 30px 0px; display: flex; flex-wrap: wrap; justify-content: space-around;}
.partnersCont .partnersFrame .partner {width: auto; padding: 20px; display: flex; float: left; align-items: center; justify-content: center;}
.partnersCont .partnersFrame .partner IMG {height: 80px;}

.boxesFrame {width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: space-between;}
.boxesFrame .boxFrame {width: calc(33.33% - 30px); padding: 6px 6px 36px 6px; margin: 20px 0px; float: left; background-color: #ccc; color: #7e8b8c; border-radius: 3px; background-image: url('/images/double-arrows-r.png'); background-repeat: no-repeat; background-position: right 12px bottom 9px;}
.boxesFrame .boxFrame .inner {width: 100%; height: 100%; padding: 10px 10px; float: left; text-align: center; background-color: #FFF; display: flex; flex-wrap: wrap; align-items: flex-start;}
.boxesFrame .boxFrame .textBig {width: 100%; float: left; text-align: center; font-size: 30px;}
.boxesFrame .boxFrame .textSmall {width: 100%; float: left; text-align: center; font-size: 19px;}
.boxesFrame.cty .inner {color: #30bfea;}
.boxesFrame.mez .inner {color: #ea212d;}
#contentFrame.contentFrame-vik .boxesFrame .boxFrame {background-color: #a7cc46; color: #a7cc46;}
#contentFrame.contentFrame-vik .boxesFrame .boxFrame:HOVER {background-color: #e8f2db;}
#contentFrame.contentFrame-cty .boxesFrame .boxFrame {background-color: #30bfea; color: #a7cc46;}
#contentFrame.contentFrame-cty .boxesFrame .boxFrame:HOVER {background-color: #dcf3f5;}
#contentFrame.contentFrame-mez .boxesFrame .boxFrame {background-color: #ea212d; color: #a7cc46;}
#contentFrame.contentFrame-mez .boxesFrame .boxFrame:HOVER {background-color: #f9dbd9;}
 
.filtersFrame {width: 100%; float: left; display: flex; flex-direction: column; margin: 0px 0px 10px 0px;}
.filtersFrame.green {background-color: #d7e5c7;}
.filtersFrame .flex {display: flex;}
.filtersFrame .filterFrame .paramName {width: 100%; float: left; margin: 0px 0px 3px 0px; font-size: 14px; font-weight: bold;}
.filtersFrame .filterFrame {width: calc(25% - 15px); float: left; margin: 0px 20px 0px 0px;}
.filtersFrame .filterFrame:last-child {margin-right: 0px;}
.filtersFrame .filterFrame SELECT {width: 100%; padding: 5px 10px; border: 1px #ccc solid;}
 
.centerer {width: 100%; float: left; display: flex; justify-content: space-around;}
.fb-page {width: 500px;}

.formFrameLeft {width: 100%; float: left;}
.checkboxFrameButtonCont {width: 100%; float: left; padding: 0px 0px 0px 0px; /* 245px */ display: flex; justify-content: space-around;}
.checkboxFrameButtonCont.left {justify-content: flex-start; margin-left: 235px;}
.checkboxFrameButton {color: #FFF;}
.checkboxFrameButton A {width: auto; float: left; padding: 8px 15px; margin: 10px 0px 5px 0px; background-color: #6d9f33; color: #FFF; font-size: 14px; text-decoration: none; cursor: pointer;}
.checkboxFrameButton A:HOVER {text-decoration: underline !important;}
.checkboxFrameButton INPUT[type=checkbox] {opacity: 0.7;}
.checkboxFrameButton INPUT[type=checkbox]:CHECKED {opacity: 1;}
.formFrameLeft .checkboxFrameButtonCont {display: block; }
.formFrameLeft .formLine .formSubmit {margin-left: 0px;}

#contentFrame .table-students {width: 100%; float: left; margin: 0px 0px;}
#contentFrame .table-students TH {padding: 10px 10px; border-bottom: 1px #f59331 solid; font-size: 13px; font-weight: 500; color: #f59331; background-color: #FFF;}
#contentFrame .table-students TD {padding: 10px 10px; border-bottom: 1px #f59331 solid; font-size: 13px; color: #5b6771;}
#contentFrame .table-students .colName {font-size: 16px; font-weight: 600;}
#contentFrame .table-students .colName .fakulta {color: #a9aeb2;}
#contentFrame .table-students .colSchool {font-size: 16px;}
#contentFrame .table-students .colYear {font-size: 16px;}
#contentFrame .table-students .colCTM {background-color: red;}

#ajax-content-school {width: 100%; float: left;}
#ajax-content-school .schoolLogo {max-width: 50%; max-height: 200px; width: auto; height: auto; margin: 10px 0px;}

#contentFrame .studentLine {width: 100%; float: left; border-bottom: 1px #a9aeb2 solid; font-size: 16px; padding: 8px 0px;}
#contentFrame .studentLine .descFrame {width: 70%; float: left;}
#contentFrame .studentLine .descFrame .col1 {width: 30%; float: left;}
#contentFrame .studentLine .descFrame .col2 {width: 42%; float: left;}
#contentFrame .studentLine .descFrame .col3 {width: 20%; float: left;}
#contentFrame .studentLine .descFrame .name {font-size: 16px; font-weight: 600;}
#contentFrame .studentLine .descFrame .fakulta {font-size: 16px; font-weight: 600; color: #a9aeb2;}
#contentFrame .studentLine .descFrame P {font-size: 16px; margin: 0px;}
#contentFrame .studentLine .descFrame .citat {float: left; padding: 15px 30px; background-image: url('/images/uvozovky.png'); background-position: 10px 10px; background-repeat: no-repeat;}
#contentFrame .studentLine .descFrame .citat P {font-size: 12px; font-style: italic;}
#contentFrame .studentLine .descFrame .stipendium {padding: 5px 10px; margin: 0px 10px 0px 0px; float: left; background-color: #619227; font-size: 12px; color: #FFF;}
#contentFrame .studentLine .linksFrame {width: 15%; float: left;}
#contentFrame .studentLine .linksFrame .link {width: auto; display: block; float: left; padding: 5px 10px; font-size: 12px; clear: both; margin: 0px 0px 10px 0px; color: #FFF;}
#contentFrame .studentLine .linksFrame .link.red {background-color: #ea212d;}
#contentFrame .studentLine .linksFrame .link.blue {background-color: #3bc0e8;}
#contentFrame .studentLine .heading {font-size: 14px; color: #a9aeb2;} 

#content2020 {}
#content2020 .newsListFrame {width: 100%; float: left; display: flex; flex-wrap: wrap;}
#content2020 .newsListFrame .newsFrame {width: calc(25% - 15px); padding: 10px; color: #7d7f7e; background-color: #FFF; border: 1px #ccc solid; margin: 10px 20px 10px 0px; font-size: 14px; display: flex; flex-direction: column; justify-content: space-between; transition: all 200ms;}
#content2020 .newsListFrame .newsFrame:HOVER {}
#content2020 .newsListFrame .newsFrame IMG {width: 100%; height: auto; float: left; margin: 0px 0px 10px 0px;}
#content2020 .newsListFrame .newsFrame P {margin: 0px;}
#content2020 .newsListFrame .newsFrame .imageDescFrame {width: 100%; float: left;}
#content2020 .newsListFrame .newsFrame .imageDescFrame .cat {text-transform: uppercase;}
#content2020 .newsListFrame .newsFrame .imageDescFrame H3 {font-size: 14px; font-weight: 600; margin: 10px 0px 5px 0px;}
#content2020 .newsListFrame .newsFrame .newsBottomFrame {width: 100%; float: left;}
#content2020 .newsListFrame .newsFrame .newsBottomFrame .date {text-align: center; color: #7d7f7e; margin: 10px 0px 0px 0px;}
#content2020 .newsListFrame .newsFrame .link {text-decoration: underline;}
#content2020 .newsListFrame .newsFrame .color {color: #f59331;}
#content2020 .newsListFrame .newsFrame.orange .color {color: #f59331;}
#content2020 .newsListFrame .newsFrame.blue .color {color: #3bc0eb;}
#content2020 .newsListFrame .newsFrame.green .color {color: #699f26;}
#content2020 .newsListFrame .newsFrame.red .color {color: #ea212d;}
#content2020 .newsListFrame .newsFrame.yellow .color {color: #decb5f;}
#content2020 .newsListButtonsFrame {width: 100%; float: left; display: flex; justify-content: flex-end;}
#content2020 .newsListButtonsFrame .button-1 {width: calc(25% - 15px); padding: 10px; background-color: #619227; color: #FFF; text-transform: uppercase; text-align: center;}

#content2020 .referListFrame {width: 100%; float: left; display: flex; flex-wrap: wrap;}
#content2020 .referListFrame .referFrame {width: calc(25% - 15px); padding: 10px; color: #7d7f7e; border: 1px #ccc solid; margin: 10px 20px 10px 0px; font-size: 14px; display: flex; flex-direction: column; justify-content: space-between; transition: all 200ms;}
#content2020 .referListFrame .referFrame H3 {font-size: 14px; font-weight: 600; margin: 0px 0px 10px 0px; color: #f59331;}
#content2020 .referListFrame .referFrame A {color: #f59331; text-decoration: underline;}
#content2020 .referListFrame .referFrame .buttonsFrame {display: flex; justify-content: flex-end;}
#content2020 .referListFrame .referFrame .descFrame {max-height: 150px; position: relative; overflow: hidden;}
#content2020 .referListFrame .referFrame.size-2 .descFrame {max-height: 300px;}
#content2020 .referListButtonsFrame {width: 100%; float: left; display: flex; justify-content: flex-end;}
#content2020 .referListButtonsFrame .button-1 {width: calc(25% - 15px); padding: 10px; background-color: #f59331; color: #FFF; text-transform: uppercase; text-align: center;}

#content2020 .textBoxListFrame {width: 100%; float: left; margin: 30px 0px;}
#content2020 .textBoxListFrame .textBoxFrame {width: 100%; min-height: 180px; float: left; position: relative; color: #FFF; margin: 0px 0px 20px 0px; background-color: #ccc; background-size: cover;}
#content2020 .textBoxListFrame .textBoxFrame:last-child {margin-bottom: 0px;}
#content2020 .textBoxListFrame .textBoxFrame IMG {width: 100%; height: auto; float: left;}
#content2020 .textBoxListFrame .textBoxFrame .descFrame {width: 100%; height: 100%; padding: 20px; float: left; display: flex; justify-content: space-between;}
#content2020 .textBoxListFrame .textBoxFrame .descFrame P {margin: 0px; color: #FFF;}
#content2020 .textBoxListFrame .textBoxFrame .descFrame .left {display: flex; flex-direction: column;}
#content2020 .textBoxListFrame .textBoxFrame .descFrame .left .heading {font-size: 16px; font-weight: 600;}
#content2020 .textBoxListFrame .textBoxFrame .descFrame .left .textBig {font-size: 22px; font-weight: 600; margin: 20px 0px 5px 0px;}
#content2020 .textBoxListFrame .textBoxFrame .descFrame .left .textSmall {font-size: 14px; font-weight: 400;}
#content2020 .textBoxListFrame .textBoxFrame .descFrame .right {display: flex; flex-direction: column; justify-content: flex-end;}
#content2020 .textBoxListFrame .textBoxFrame .descFrame .right .button {background-color: #FFF; padding: 15px 30px; display: block; float: right; font-size: 18px; font-weight: 700; text-align: center; white-space: nowrap;}
@media only screen
and (max-width: 800px)
{
  #content2020 .textBoxListFrame .textBoxFrame .descFrame {flex-direction: column;}
  #content2020 .textBoxListFrame .textBoxFrame .descFrame .left {margin-bottom: 20px;}
}

.gradientBottom {position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:50px;
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}

.gradientBottomXXX {position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:50px;
    background: -moz-linear-gradient(top,  rgba(137,255,241,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089fff1', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */}

.nasTymList {width: 100%; display: flex; flex-wrap: wrap;}
.nasTymList .nasTym {width: calc(25% - 15px); padding: 10px; color: #7d7f7e; background-color: #FFF; border: 1px #ccc solid; margin: 10px 20px 10px 0px; font-size: 14px; display: flex; flex-direction: column; justify-content: flex-start; transition: all 200ms;}
.nasTymList .nasTym:HOVER {}
.nasTymList .nasTym .photo {width: 100%; float: left;}
.nasTymList .nasTym .photo IMG {width: 100%; height: auto; float: left; margin: 0px 0px 10px 0px;}
.nasTymList .nasTym .name {width: 100%; float: left; font-size: 18px; font-weight: 600; color: #f59331;}
.nasTymList .nasTym .email {width: 100%; float: left;}
.nasTymList .nasTym .popis {width: 100%; float: left;}