body,
a,
.hlavniodkaz,
.i_text             {color: #000000}

/* .pruhikontext, */
.zapatiodkaz,
.zapatitext,
.menuhistorie,
.i_white            {color: #FFFFFF}

.ctkodkazsekce,
/*.hlavninadpis,*/
.i_darkcolor        {color: #444}
.i_semidarkcolor    {color: #bbb}
.i_semidarkbgcolor  {background-color: white}
.ohranicenyoddilvnitrni,
.i_lightbgcolor     {background-color: #e6e6e6}
.i_semilightbgcolor {background-color: #e8e8e8}

TH,
.i_background       {background-color: white}
/* .i_background       {background-color: #e6e6e6} */
.i_lightborder      {border-color: #c7e0cf}

TABLE,
.filterPages,
.ohranicenyoddil,
.i_border           {border-color: #555} 

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    scrollbar-face-color:#9cc9ab;
    scrollbar-highlight-color:#b8d8c1;
    scrollbar-3dlight-color:#b8d8c1;
    scrollbar-darkshadow-color:#b8d8c1;
    scrollbar-shadow-color:#b8d8c1;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-track-color:#c7e0cf;
}

H2	{font-size:14pt; margin-bottom:4px; }
P	{margin-top:2px; margin-bottom:2px; text-align:justify}

a {
    text-decoration: none;
    color: #000000;
}

a:hover {
    text-decoration: underline;
}

.zapatiodkaz {
    text-decoration: none;
}

.menutitulek {
    color: black;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    margin-top:0px;
    margin-bottom:0px;
}

.menutext {
    font-size:12px;
    margin: 1px;
}
.menurubrika {
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: 40px;
    padding: 4px;
}

.menurubrikainfo {
    font-size: 12px;
    font-style: normal;
    padding: 4px;
}

.honzaMenu { 
    width:100%; 
    border-width:0px; 
    border-style:solid; 
    border-collapse:separate;
}

.honzaMenu TD.honzaLink  {
    /* border-width: 1px; */
    border-style: none;
    /* border-color: #c7e0cf; */
    font-size: 75%;
    padding: 3px 1px 2px 3px;
    cursor: pointer;
}
.honzaLink a {
    color: black;
    text-decoration: none;
}
.honzaLink a:hover {
    color: black;
    text-decoration: none;
}
.honzaLink a:visited {
    color: black;
    text-decoration: none;
}
.honzaLink a:active {
    color: black;
    text-decoration: none;
}

.hlavninadpis {
    color: black;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom:8px;
    margin-top: 10px;
}

.hlavninadpissekce {
    font-size: 12px;
    font-weight: bold;
    margin-top:10px;
    margin-bottom:4px;
}

.hlavniodkaz {
    font-size: 12px;
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 2px;
}
.hlavnivice {
    font-size: 10px;
    font-weight: bold;
    padding-left: 20px;
    margin-top: 4px;
}


.menuhistorie {
    font-size: 10px;
    font-weight: bold;
}

.zapatitext {
    color: black;
    font-size: 10px;
    font-weight: bold;
    padding-right: 4px;
}

.dokumentytd {
    background-color: red;
}

.ctkodkazsekce {
    font-size: 13px;
    font-weight: bold;
    margin-top:0px;
    margin-bottom:0px;
}
.ctknadpis {
    font-size: 16px;
    font-weight: bold;
    margin-top:10px;
    margin-bottom:8px;
}
.ctkinfo {
    font-size: 10pt;
    font-weight: normal;
    text-align: justify;
    margin-top:4pt;
    margin-bottom:4pt;
    margin-right: 20pt;
}
.ctktext {
    font-size: 12px;
    font-weight: normal;
    margin-top:20px;
    margin-bottom:4px;
}

TABLE { 
    width:100%; 
    border-width:1px; 
    border-style:hidden;
    border-collapse:collapse;
}
TD {
    font-size: 10pt;
}
TH{
    font-size: 10pt;
    font-weight: bold;
    color:	black;
    background:	white;    
     /* background:	#618c67;    */
}

.form_label {
    background-color: #B8D8C1;
    color: #000000;
    border-style: none;
}

.filterPages {
    /*border-style:solid; */
    border-width:1px; 
    margin-bottom:4px; 
    padding:1px; 
    padding-left:3px; 
    width:auto; 
    margin-right:4px;
}

.slozkaGarant {
    font-weight: bold;
    text-align:center;
}

.slozkaPopis {
    border-width:1px;
    border-style:none;

}

.ohranicenyoddil {
    border-style:solid;
    border-width:1px;
    padding:2px;
}

.ohranicenyoddilvnitrni {
    border-style:solid;
    border-width:1px;
    padding:2px;
    border-color: #999;
    margin-bottom: 3px;
}

.portal	{
    text-align:left;
    text-indent: -24px;
    margin-left: 24px;
}

.condensed {
    font-stretch: condensed;
}
.ultracondensed {
    font-stretch: ultra-condensed;
    font-size: 0.75em;
}
.white {color: #FFFFFF}
.black {color: #000000}

.intralogodiv {
    background-color: #d20019;
    margin-left: 75px; 
    margin-right: 3px; 
    margin-top: 1px; 
    height: 92%;  
    z-index: 0;
}
.intralogop {
    font-family: Calibri, Arial Narrow, Helvetica, Arial;
    font-size: 4em;
    margin-left: 15px;
    font-weight: lighter;
    line-height: 1.2em;
}
.cmkoslogo {
    float: left; 
    height: 95%; 
    z-index: 1;
}
.maintable1 {
    border-width: 0; 
    border-top-width: 1px; 
    border-bottom-width: 1px; 
    border-style: solid; 
    border-color: #FFFFFF;
}
.zapatidiv {
    /*color: black;*/
    position:relative; 
    width:100%; 
    bottom:0px; 
    height:20px; 
    z-index:1; 
    /* background-image: url('images/menubar.gif');  */
    border-top-width:0px; 
    padding-top:3px; 
    padding-left:3px;
}
.levemenuTable {
    /* border-width:1px;  */
    /* border-style: solid; */
    border-style: none; 
    /* border-color:#618C67;  */
    margin-bottom:5px;
}
.levemenuBG {
    /* background-image: url("../images/menubar.gif"); */
    background-color: #e6e6e6;
}
.intraHeader {
    border-width:0px; 
    border-bottom-style: solid; 
    border-bottom-color: #FFFFFF;
}
.intrabarROW1 {
    /* margin-right: 3px; */
    /* background-color: #e6e6e6 */
    padding: 0px;
    
}
.intrabarDIV1 {
    margin-right: 3px; 
    margin-left: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 100%;
    background-color: #e6e6e6;
}
.pruhikontext {
    color: black;
    font-size: 12px;
    line-height: 12px;
    margin-top: 3px;
    margin-bottom: 1px;
}
.cLoginFail {
    color: red;
}
.dhintdiv {
    visibility: hidden; 
    position: absolute; 
    left: 192px; 
    top: 115px; 
    height: 10px;
    z-index: 0;
    background: #fb9;
    opacity: 0;
    transition: opacity 1s;   
}
.dhintinput {
    width: 300px;
    font-size: 12pt; 
    font-style: italic;
    color: black;
    background-color: #fb9;
    
    padding-left: 3px;
    border-radius: 2px;
    border-width: 1px;
    /*border-style: solid;*/
    border-color: #111;
}
.ttBar {
    position: relative;
    display: inline-block;
    font-size: 10pt;
   /* border-bottom: 1px dotted black;    */
}
.ttBar .ttTextUp, .ttBar .ttTextDown {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.7s;   
    width: calc(60vw - 100px);
    /*
    resize: both;
    overflow: auto;
    */    
    background-color: #fb9;
    color: #444;
    font-size: 75%;
    padding: 5px;
    /*border-radius: 6px;*/
    border-width: 1px;
    border-style: solid;
    border-color: #777;
}
.ttBar .ttTextUp {
    position: absolute;
    z-index: 2;
    bottom: 125%;
    left: 45%;
    margin-left: -10px;    
}
.ttBar .ttTextDown {
    position: absolute;
    z-index: 2;
    top: 120%;
    left: 45%;
    margin-left: -10px;    
    
}
/* arrow made from border...
.ttBar .ttTextUp::after, .ttBar .ttTextDown::after  {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
*/
.ttBar:hover .ttTextUp, .ttBar:hover .ttTextDown {
    visibility: visible;
    opacity: 1;
}

.newlayout201808 {
    color: red;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom:15px;
    margin-top:15px;
    
    opacity: 0.7;
    /*transition: opacity 0.7s;   */
    position: inherit;
    background-color: #fb9;
    padding: 5px;
    border-radius: 4px;
    border-width: 1px;
    border-style: hidden;
    border-color: #222;
}

.vanoce2 {
    color: #AA33CC;
    font-family: Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-bottom:8px;
}

.fullTd{
    margin: 0;
    font-size: 0;
}
.mDivLeft, .mDivRight{
  display: inline-block;
  width: 50%;
  vertical-align: top;
  font-size: 10pt;
}
.mDivLeft{
  float: left;
  /*background-color: aqua; */
}
.mDivRight{
  float: right;
  /* background-color: gold; */
}
@media screen and (max-width: 900px) { /* width at which layout changes  */
  .mDivLeft, .mDivRight {
    width: 100%;
    /* float:none;
    position: static; */
    /* width: 90px; -- set to the smaller value you want */  
  }
}
.mapsemail {
    color: blue;
    font-size: 6px;
}