BODY {margin: 0px; font-family: 'Open Sans', sans-serif; color: #414042; font-size: 14px; font-weight: 400; overflow-x: hidden; }
BODY {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

A {color: inherit; text-decoration: none; display: inline-block; }
P {line-height: 1.4; margin: 0px; }
HR {width: 100%; height: 1px; border: 0px; margin: 30px 0px; background-color: #e8e8e8;}
IMG {display: block;}
DIV { box-sizing: border-box; }

.box {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.hidden {display: none;}
.line {width: 100%; float: left;}
.line.space-between {display: flex; justify-content: space-between;}
.mainFrame   { width: 1400px; max-width: 100%; margin: 0px; display: inline-block; position: relative; left: calc(50% - 700px); }
.mainFrame2  { width: 1600px; max-width: 100%; margin: 0px; display: inline-block; position: relative; left: calc(50% - 800px); }

.whiteFrame { background-color: #fff; border: 1px solid white; }
.cookieFrame { width: 1000px; margin: 0px auto; }
.grayFrame {  }


@media only screen
and (max-width: 1600px)
{
  .mainFrame2{ left: 0px; }
  
}


@media only screen
and (max-width: 1400px)
{
  .mainFrame{ left: 0px; }
}




/* TinyMCE */
.tinymceCont {width: 100%; float: left;}
.tinymceCont H1 {font-size: 25px; font-weight: 700; margin: 0px 0px 20px 0px; color: #fa8200; text-transform: uppercase;}
.tinymceCont H2 {font-size: 24px; font-weight: 700; margin: 0px 0px 20px 0px; color: #fa8200;}
.tinymceCont H3 {font-size: 22px; margin: 20px 0px 10px 0px;}
.tinymceCont H4 {font-size: 20px; margin: 20px 0px 10px 0px;}
.tinymceCont H5 {font-size: 18px; margin: 20px 0px 10px 0px;}
.tinymceCont H6 {font-size: 16px; margin: 20px 0px 10px 0px;}
.tinymceCont P {font-size: 16px; margin: 10px 0px 10px 0px; line-height: 1.5; font-weight: 400;}
.tinymceCont UL {font-size: 16px; line-height: 1.5; font-weight: 400; list-style-type: square; margin: 0px; padding: 0px 0px 0px 20px; list-style-position: outside; display: flow-root;}
.tinymceCont UL LI {margin: 0px 0px 5px 15px;}
.tinymceCont OL {font-size: 16px; line-height: 1.5; font-weight: 400; margin: 0px; padding: 0px 0px 0px 35px; display: flow-root;}
.tinymceCont OL LI {margin: 0px 0px 5px 0px;}
.tinymceCont A {text-decoration: underline;}
.tinymceCont IFRAME {width: 100%; height: 400px; float: left;}
.tinymceCont .ta-c {text-align: center;}

.tinymceCont .formHeading {text-align: center; margin-bottom: 30px;}

@media only screen
and (max-width: 700px)
{
  .tinymceCont H1 {font-size: 23px;}
  .tinymceCont H2 {font-size: 23px;}
  .tinymceCont H3 {font-size: 20px;}
  .tinymceCont H4 {font-size: 18px;}
  .tinymceCont H5 {font-size: 16px;}
  .tinymceCont H6 {font-size: 15px;}
  .tinymceCont P {font-size: 14px;}
  .tinymceCont UL {font-size: 14px;}
}

.tinymceCont .tlacitko-fialove {padding: 15px 40px; margin-bottom: 10px; display: inline-block; background-color: #814997; color: #FFF;}
.tinymceCont .tlacitko-fialove-svetle {padding: 15px 40px; margin-bottom: 10px; display: inline-block; background-color: #c0a4cb; color: #FFF;}
.tinymceCont .tlacitko-cerne {padding: 15px 40px; margin-bottom: 10px; display: inline-block; background-color: #333333; color: #FFF;}
.tinymceCont .tlacitko-sede {padding: 15px 40px; margin-bottom: 10px; display: inline-block; background-color: #c2c2c2; color: #FFF;}

.tinymceCont .obrazek-vlevo {float: left; margin: 0px 20px 10px 0px;}
.tinymceCont .obrazek-vpravo {float: right; margin: 0px 0px 10px 20px;}

@media only screen
and (max-width: 650px)
{
  .tinymceCont .obrazek-vlevo {float: none; margin: 10px auto; width: 100%; display: flex; justify-content: space-around;}
  .tinymceCont .obrazek-vpravo {float: none; margin: 10px auto; width: 100%; display: flex; justify-content: space-around;}
}

.tinymceBlokSiroky900 {width: 900px; margin: 0px auto;}
@media only screen
and (max-width: 900px)
{
  .tinymceBlokSiroky900 {width: 100%;}
}

.mt-0 {margin-top: 0px !important;}
.mt-10 {margin-top: 10px !important;}
.mb-0 {margin-bottom: 0px !important;}

#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;}

.loaderInlineFrame {width: 100%; min-height: 200px; margin: 20px 0px; float: left; display: flex; align-items: center; justify-content: center; background-color: #f7f7f7; color: #888;}

.c-purple {color: #814997;}
.c-red {color: #e95847 !important;}
.c-green {color: green;}