/* Dobré triky na rozmiestnenie nájdeme na: 
     https://css-tricks.com/a-couple-of-use-cases-for-calc/
     W3C : http://www.w3schools.com/css/css_intro.asp
     http://www.w3schools.com/tags/ref_pxtoemconversion.asp
*/


/****************
*  KONŠTRUKCIA  *
****************/

.kontajner { width: 100%; min-width: 570px; max-width: 1451px; margin: auto; } /* mobil: 330x570 px; ..HD=1920p */
.zalamovac { position: relative; overflow: auto; }
div.prihl { 
    position: absolute; margin: auto; width: 250px; height: 50px;
    top: 13%; left: calc(100% - 260px);
    border: 2px solid black; border-radius: 6px;
    background-color: aliceblue; box-shadow: 3px 3px 5px black;  
    }

ul.menu { list-style-type: none; height: 26px; margin: 0 4px 10px 4px; padding: 0; overflow: hidden; background-color: #2C9829; border-radius: 4px; box-shadow: 3px 3px 5px gray; }
li.menu { float: left; border-right: 0.25px dotted silver; margin: 0; padding: 0; }
li.menu a { display: block; color: white; text-align: center; padding: 4px 16px; text-decoration: none; }
li.menu a:hover { background-color: #111; }
.active { background-color: #204422; }

   /*  Vitaj */
#lavypanelv { width: 27%;}      /* 200px; */
#obsahv { margin: 0 0 0 28%; }  /* margin: 0 210px;  */
.blok0 h2 a.v {
	background: url("./imgs/orn.png") no-repeat 0 50%;
	font-size: 1.4em;
	text-transform: lowercase;
	text-align: center;
	margin: 0.75em 0 1em; }
.obsahv h2 b { background: white; font-weight: normal; padding: 0 1em; }

p.v { padding-top: 0.5em; text-align: justify; font: normal 1em "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif; }
h1.v { padding: 3% 1%; background: url("./imgs/logo-bg.png") no-repeat 50% 0;}
h1 a.v {padding-top: 105px; height: 162px;display: block;text-align: center;}
a.v { color: #890101; text-decoration: none; -moz-transition: 0.2s color linear; -webkit-transition: 0.2s color linear; transition: 0.2s color linear; }
a.v:hover {	color: #DF3030; }
h2.v {
	font: normal 2em "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif;
	text-align: center;
	margin-bottom: 0.25em;
}
sup, sub { font: normal 0.5em sans-serif; }

hr.v { border: 0; width: 60%; background: url("./imgs/orn.png") no-repeat 0 100%; background-position: 50% 100%; padding: 1.2em 0 1em 0; }
input.ima{
    margin:0;padding:0;border:0;outline:0; max-width: 100%; margin-bottom: 10px;
    font-size:100%;vertical-align:baseline;background:transparent; 
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.figure { float: left; font-size: 10px; letter-spacing: 0.05em; line-height: 1.1; margin: 0 3.317535545023696682% 1.5em 0; 
          text-align: center; text-transform: uppercase; width: 22%;	}  /* width: 30.121642969984202211%; */
.figure b { display: block; font-size: 14px; font-family: "Book Antiqua", "Palatino Linotype", Georgia, serif; letter-spacing: 0.1em; }
.figure img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); 
              -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); display: block; margin: 0 auto 1em; }
li#f-zateplenie, li#f-oou { margin-right: 0; }

    /* FLOAT */
#blok00 { 
    clear: left; }
#lavypanel,#lavypanelv,#kalendar,#pokoniec, #blok0, #blok00,#bloka, #blokb,#blok1,#blok1a, #blok2,#blok3, #blok12, #blokc { 
    float: left; }

    /* POSITION */
div.graf, #blok1,#blok1a, #blok2,#blok3, #blok12, #blokc,table.ucet { 
    position: relative; }

    /* margin */
#vrch h1, #vrch p, #menulist, img.opa, h3, h4, td.spot,table.kal,th.kal,td.kalc,td.kalm { 
    margin: 0; }                                     /* margin: 0;        */
#blok1,#blok1a, #blok2,#blok3,#blok12,#blokc { 
    margin: 2px; }                                   /* margin: 2px;      */
#vrch, #pravybok, #spodok, .ponuka { 
    margin: 4px; }                                   /* margin: 4px;      */
#bloka, #blokb { 
    margin-top: 4px; }                               /* margin-top: 4px;  */
div.okraj { 
    margin: 0 4px; }                                 /* margin: 0 4px;    */
#obsah { 
    margin: 0 16%; }                                 /* margin: 0 210px;  */
div.pr_ok { 
    margin: 0 0 10px 0; }                            /* margin: 0 0 10px 0; */ 
div.okr, div.okr0, div.okr1, div.okr2, div.okr3, div.okr4, div.okr5, div.okr6 { 
    margin: 6px 4px 0 4px; }                         /* margin: 6px 4px 0 4px; */ 
p, .pod_h3 { 
    margin: 0.2em 0 0 0; }
.vlavo { 
    margin: 0.6em 0 0 0; }
div.oznam{ 
    margin: 0.6em 4px 0 4px; }
div.okr1, div.okr6 {
    margin-top: 20px;
}

    /* padding */
#vrch h1, #vrch p, #menulist, img.opa, td.spot,table.kal,th.kal,td.kalc,td.kalm,div.okr, div.okr0, div.okr1, div.okr2, div.okr3, div.okr4, div.okr5, div.okr6, div.oznam  { 
    padding: 0; }                                                   /* padding: 0;       */
#blok1,#blok1a, #blok2,#blok3, #blok12, #blokc { 
    padding: 4px; }                                                 /* margin: 4px;      */
div.pr_ok { 
    margin: 0 0 10px 0; padding: 4px 4px; }                         /* padding: 4px 4px; */  
div.okraj { 
    padding: 4px 0 0 0; }                                           /* padding: 4px 0 0 0; */
#vrch { 
    padding: 1.25%; }                                               /* padding: 15px;     - platí len pre <vrch> */
.pod_h3 { 
    padding: 4px 0px; }


    /* okraje - border */
#blok1, #blok2, #blok3, #blok1a,  #blok12, #blokc { 
    border: 1px solid #C0C0C0; }            /* border: 1px solid #C0C0C0; */
.ponuka, #spodok, table.kal { 
        border: 1px solid #E1E1E1 }
table.ms { border: 0.25px solid; }

    /* border-radius */
#vrch, #pravybok, #spodok, .ponuka, #blok1,#blok1a, #blok2,#blok3, #blok12, #blokc, div.pr_ok, div.pr_okrpodnadp { 
    border-radius: 4px; }                /* border-radius: 4px; */ 
div.okraj { 
    border-bottom-left-radius: 4px;      /*  */
    border-bottom-right-radius: 4px; }
div.okr, div.okr0, div.okr1, div.okr2, div.okr3, div.okr4, div.okr5, div.okr6, div.oznam { 
    border-top-left-radius: 4px; 
    border-top-right-radius: 4px; }

    /* box-shadow */
div.okr, div.okraj, div.okr0, div.okr1, div.okr2, div.okr3, div.okr4, div.okr5, div.okr6, div.oznam { 
    box-shadow: 3px 3px 3px silver; }           /* 3 3 3 silver */
#blok1,#blok1a, #blok2,#blok3, #blok12, #blokc {
    box-shadow: 5px 5px 5px #E1E1E1; }          /* 5 5 5 silver */
#vrch { 
    box-shadow: 3px 1px 5px gray; }

    /*   šírka   */
#wi, #wir, #wib { width: auto; }
#blok0, #blok00,table.kal,table.ucet,table.ms { 
    width: 100%; }                              /* width: 100%; */
  #bloka { width: 60%; }
      #blok1 { width: calc(64% - 16px); }       /* -16 => (2 margin, 1 border, 5 padding) */
      #blok1a { width: calc(50% - 16px); }
      #blok2 { width: calc(36% - 16px); }
      #blok12 { width: calc(100% - 16px); }
  #blokb { width: 40%; }
     #blok3 { width: calc(100% - 16px); }
  #blokc { width: calc(100% - 16px); }
#wi-40, #wi-40r, #wi-40b { width: 4%;}      /* width: 40px; */
#wi-50, #wi-50r, #wi-50b { width: 5%;}      /* width: 50px; */
#wi-60, #wi-60r, #wi-60b { width: 6%;}      /* width: 60px; */
#wi-70, #wi-70r, #wi-70b { width: 7%;}      /* width: 70px; */
#wi-80, #wi-80r, #wi-80b { width: 8%;}      /* width: 80px; */
#wi-90, #wi-90r, #wi-90b { width: 9%;}      /* width: 90px; */

/*  definícia tabulka - TD */ 
  td.def02 { width: 2px; }
  td.def03 { width: 3px; }
  td.def05 { width: 5px; }
  td.def06 { width: 6px; }
  td.def10 { width: 10px; }
  td.def18 { width: 18px; }
  td.def18c { width: 18px; border-top: thin dotted; }
  td.def25 { width: 25px; }
  td.def30 { width: 35px; }
  td.def40 { width: 40px; }
  td.def45 { width: 45px; }
  td.def60 { width: 60px; }
  td.def65 { width: 65px; }
  td.def70 { width: 70px; }
  td.def75 { width: 75px; }
  td.def80 { width: 80px; }
  td.def95 { width: 95px; }
  td.def100 { width: 100px; }
  td.def145 { width: 145px; }
  td.def255 { width: 255px; }
  td.def270 { width: 270px; }

/****************
*    ALERT      *
****************/
.upozornenie {
  padding: 20px;
  background-color: #47A8F5;
  color: white;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

/*************
*    písmo   *
*************/

    /* color  */
#vrch,#pravybok,.ponuka:active,th.kal,div.okr, div.okr0, div.okr1, div.okr2, div.okr3, div.okr4, div.okr5, div.okr6,div.oznam, div.pr_ok,div.pr_okrnadp, button.skryty[type="submit"] { 
    color: #ffffff; }   /* white */
#wir,#wi-40r,#wi-50r,#wi-60r,#wi-70r,#wi-80r,#wi-90r { 
    color: red; }       /* red */
#wib,#wi-40b,#wi-50b,#wi-60b,#wi-70b,#wi-80b,#wi-90b { 
    color: blue; }      /* blue */
#FP-ali-Pr { 
    color: #BF0000; }
div.okraj { 
    color: #333333; }

    /* font */
div.okr, div.okr0, div.okr1, div.okr2, div.okr3, div.okr4, div.okr5, div.okr6,div.oznam { 
    font: bolder 100%/120% sans-serif; }
td.ms1 {font: italic sans-serif; }

td.ucet_s { 
    font-size: 60%; }
td.kal_m, td.ms1 { 
    font-size: 70%; }
#spodok,th.kal { 
    font-size: 80%; }
div.okraj { 
    font-size: 90%; }
.pr_txt, .pr_txth { 
    font: 90% serif; }
table.ms { 
    font: 100% sans-serif; }      
td.kal_c { 
    font-size: 150%; }
p, .pod_h3, .vlavo { 
    font: 90% serif; }
    
    /* Váha písma */
div.okraj,td.kal_m { 
    font-weight: normal; } 

    /* line */
#spodok { line-height: 130%; }  /* 14px */
td.kal_c { line-height: 90%; }

    /* zarovnanie */
#spodok,table.kal,div.okr, div.okr0, div.okr1, div.okr2, div.okr3, div.okr4, div.okr5, div.okr6,div.oznam, div.pr_okrnadp,div.pr_okrpodnadp,td.ucet_c,th.ms,th.ms2,#FP-ali-C { 
    text-align: center; } 
div.okraj,div.pr_ok,.pod_h3,.vlavo,#FP-ali-J { 
    text-align: justify; }
th.ucet, th.ucet2,#FP-ali-L { 
    text-align: left; }  
td.ucet_b,td.ucet_b0,td.ucet_b1,td.ucet_sum, td.ucet_s,td.ucet_s2, td.spot,td.f_cena,#wir,#wi-40r,#wi-50r,#wi-60r,#wi-70r,#wi-80r,#wi-90r,#wib,#wi-40b,#wi-50b,#wi-60b,#wi-70b,#wi-80b,#wi-90b,#FP-ali-P,#FP-ali-Pr { 
    text-align: right; }  

    /* tieňovanie */
#pokoniec, span.tien { text-shadow: 3px 3px 3px rgba(0,0,0,0.15); }
div.pr_okrpodnadp, span.zvyraznennie { text-shadow: 2px 1px 3px #7A7A7A; }

/* background *
***************/
#blok1,#blok1a, #blok2,#blok3, #blok12, #blokc,.ponuka:hover,button.skryty:hover[type="submit"] { 
    background-color: #ffffff; }
.ponuka,button.skryty[type="submit"],#spodok  { 
    background-color: #f1f1f1; }
table.kal { 
    background-color: #F7FAFB; }
.ponuka:active,button.skryty:active[type="submit"] { 
    background-color: #000000; }
#pravybok { 
    background-color: #669AD6; }
#vrch { 
    background-color: #84c754;}
th.kal { background-color: #BB002A; }

 /* definícia ľavej, pravej a spodnej časti */
 #lavypanel { width: 15.384615%;} /* 200px; */
  .ponuka { padding: 2.5% 5%; list-style-type: none; cursor: pointer; } /*  padding: 0 10px; */
  
 #pravybok { width: 13.84615%; bottom: 0; top: 0; right: 0; position: absolute; } /* width: 180px; */
 



#kalendar { width: 10%; box-shadow: 5px 5px 5px #E1E1E1; } /* width: 100px; */
#pokoniec { width: 88%; margin-left: 1.03%; } 
         /* width: calc(100% - 120px); margin-left: 10px; Pozn.: 120px = šírka lavypanel-u */
    /*  - kalendár */
    table.kal,th.kal,td.kalc,td.kalm { font-family: Comic Sans MS; }
      th.kal {  font: 80%/150% bolder; }
      td.kal_c { font-weight: bolder; }
      




/* padding: 10px; */
#obsah, #obsahv, #pravybok, #spodok { padding: 0.769230%;} 

/* Bloky - DIV */

div.okr { background: #5483B5; }

div.okr1,div.okr5 { background: #034413; cursor: pointer; }
div.okr2, div.okr4 { background: #037922; cursor: pointer; }
div.okr3 { background: #00A72A; cursor: pointer; }
div.okr6 { background: #bf0000; cursor: pointer; }
div.oznam { background: #FF8F00; }  /* #9A4545 */


/*
div.okr0 { background: #018DFF; cursor: pointer; }
div.okr1 { background: #BB002A; cursor: pointer; }
div.okr2 { background: #01CA34; cursor: pointer; }
div.okr3 { background: #026596; cursor: pointer; }
div.okr4 { background: #F0740F; cursor: pointer; }
div.okr5 { background: #E1E1E1; cursor: pointer; }
div.okr6 { background: #05D2BE; cursor: pointer; }
div.oznam { background: #9A4545; }
*/

div.okraj { 
    font: 90% normal; color: #333333;
    border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; 
    }
div.pr_ok { margin: 0 0 10px 0; display: none;
    font: 90% normal; 
    box-shadow: 2px 2px 5px whitesmoke;
    }
div.pr_okrnadp { margin: 1px; padding: 0;
    font: 130%/160% bolder sans-serif; 
    border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 2px 2px 5px whitesmoke;
    background: #013A6C;
    }
div.pr_okrpodnadp { margin-top: 2px; padding: 2px 0;
    font: 100%/120% bold serif; text-shadow: 2px 1px 3px #7A7A7A;
    color: black; background: #DAF3F7; cursor: pointer; 
    }

/* Stĺpcové grafy */
div.graf { vertical-align: bottom; width: 18px; box-shadow: 2px 2px 2px #E1E1E1;}



/* elementy */

/* INPUT = http://www.w3schools.com/css/tryit.asp?filename=trycss_form_search_anim */

.vlavo { font: 80% sans-sefif; padding: 4px 10px 0px 10px;}
.pr_nadp { font: 1em serif; font-weight: bold; color: #F9F9F9; text-shadow: 2px 1px 3px #000000;} 
.pr_txt { color: #FAFAFA; } /*013A6C*/
.pr_txth { text-shadow: 1px 1px 3px black; } /*font-style: italic; */

a.nic{ padding: 0; margin: 0;}

a.sma { font: 0.8em italic sans-serif; }
a:link { text-decoration: none; color: #BB002A; }
a:hover { text-decoration: none; font: bold; color: #FF9900; }
a:visited { text-decoration: none; font: bold; color: #BB002A; }

a.mod { font: 1em bolder sans-serif; color: yellow; }
a.mod:link { text-decoration: none; color: yellow; }
a.mod:hover { text-decoration: none; font: normal; color: darkblue; }
a.mod:visited { text-decoration: none; font: normal; color: lightblue; }

button.skryty[type="submit"] {
    display: inline; border: none; 
}

h1 { font: bolder 200% sans-serif;}
h2 { font: bold 160% sans-serif;}
h3 { font: 117% Comic Sans MS; }
h4 { font: bold 0.9em/1.2em sans-serif; color: #708ECD; }

img.sha { box-shadow: 3px -3px 5px #BAB7B7; }
img.opa { opacity: 0.20; filter: alpha(opacity=80); } /* Pre IE8 a staršie */ 

/*
  zmena nastavení podľa média...
*/

@media screen and (max-width: 2190px) {
    body { margin: 0 2%; line-height: 0.26%; font: 200% Lucida Sans, Verdana; } /* margin: 0 20px; line-height: 26px; */
    #pravybok { display: block; } 
    #obsah { margin-right: 16%; }
    ul.menu { height: 36px; } 
}
@media screen and (max-width: 1980px) { 
    body { line-height: 0.5123%; font: 100% Lucida Sans, Verdana; }
    #pravybok { display: block; } 
    #obsah { margin-right: 16%; } 
    ul.menu { height: 26px; }
  }
@media screen and (max-width: 1400px) { 
    body { line-height: 0.5123%; font: 100% Lucida Sans, Verdana; }
    #pravybok { display: block; } 
    #obsah { margin-left: 225px; margin-right: 0%; } 
    ul.menu { height: 26px; }
    tr.ucet {font: 0.9em Lucida, sans-serif; }
    #pravybok { display: none; }
    #lavypanel { width: 220px; }
    p.pod_h3,p.v { font: 0.9em serif;}
  }
@media screen and (max-width: 1232px) { 
    body { line-height: 0.45%; font: 100% Lucida Sans, Verdana; }
    #pravybok { display: block; } 
    #obsah { margin-left: 225px; margin-right: 0%; } 
    ul.menu { height: 26px; }
    tr.ucet {font: 0.9em Lucida, sans-serif; }
    #blokb { display: block; }
    #bloka { width: 60%; }
      #lavypanel { width: 220px; }
      #pravybok { display: none; }
    p.pod_h3,p.v { font: 0.70em serif;}
  }
@media screen and (max-width: 1173px) { 
    body { line-height: 0.45%; font: 100% Lucida Sans, Verdana; }
    #pravybok { display: block; } 
    #obsah { margin-left: 225px; margin-right: 0%; } 
    ul.menu { height: 26px; }
    tr.ucet {font: 0.9em Lucida, sans-serif; }
    td.ms {font: italic 0.6em sans-serif;}
    #blokb { display: block; }
    #bloka { width: 60%; }
      #lavypanel { width: 220px; }
      #pravybok { display: none; }
    p.pod_h3,p.v { font: 0.70em serif;} 
    div.okr { font: bolder 120%/140% sans-serif; }
  }
@media screen and (max-width: 894px) { /* môj mobil 570px/352px // Natália: 360px*640px */
    body { line-height: 0.45%; font: 100% Lucida Sans, Verdana; }
    #pravybok { display: block; } 
    #obsah { width: 100%; margin: 0;} 
    ul.menu { height: 26px; }
    tr.ucet {font: 0.9em Lucida, sans-serif; }
    td.ms {font: italic 50% sans-serif;}    
    #blokb { display: block; }
    #bloka { width: 60%; }
      #lavypanel { display: none; }
      #pravybok { display: none; }
    p.pod_h3,p.v { font: 0.70em serif;} 
    h1 { font: bolder 180% sans-serif;} 
    div.okr { font: bolder 100%/130% sans-serif; }
    /* úprava pre prihlásenie - mobilom */
  }
@media screen and (max-width: 620px) { /* môj mobil 570px/352px // Natália: 360px*640px */
    body { line-height: 0.45%; font: 100% Lucida Sans, Verdana; }
    #pravybok { display: block; } 
    #obsah { width: 100%; margin: 0;} 
    ul.menu { height: 26px; }
    tr.ucet {font: 0.9em Lucida, sans-serif; }
    td.ms {font: italic 50% sans-serif;}    
    #blokb { display: none; }
    #bloka { width: 100%; }
      #lavypanel { display: none; }
      #pravybok { display: none; }
    p.pod_h3,p.v { font: 0.70em serif;} 
    h1 { font: bolder 180% sans-serif;} 
    div.okr { font: bolder 100%/130% sans-serif; }
    /* úprava pre prihlásenie - mobilom */
  }

cite { font: 0.8em italic Comic sans-serif; padding: 4px 10px; text-align: justify; }
#bodky { font: 0.8em italic Comic Sans MS; border-bottom: 1px dotted #E1E1E1;}

#poznamky {
    line-height:24px; 
    float: right; padding:5px;
    background-color: #99CCFF; border-radius: 4px; color: #ffffff;
    width: 15vw; height: auto;
}



/* Tabuľky */
/***********/

/*  - účet */

th.ucet, th.ucet2 { padding-bottom: 4px; border-bottom: 1.5px solid; border-color: #0A4988; }
  th.ucet2 { padding-top: 10px;}
th.spot { font: bolder 70%/150% sans-serif; vertical-align: middle; text-shadow: 3px 2px 5px gray; }
  th.spot2 { font: bold 50%/80% sans-serif; vertical-align: text-top; }

tr.ucet { padding-bottom: 2px; border-bottom: 1px dotted #E1E1E1; line-height: 14px; }
  tr.ucet.hover { background-color: silver; }
tr.spot { padding: 0; vertical-align: bottom; border-bottom: 1px dotted #E1E1E1; line-height: 14px; }

td.ucet { font: italic 80% sans-serif; border-bottom: 1px dotted #E1E1E1; }
 td.ucet_podtrh { font: normal 20%/20% sans-serif; border-bottom: 1px dotted #E1E1E1; background-color: #FFB758; }
 td.ucet_b { font: italic 70% sans-serif; border-bottom: 1px dotted #E1E1E1; }
 td.ucet_b0 { font: italic 80% sans-serif; border-bottom: 1px dotted #E1E1E1; }
 td.ucet_b1 { font: normal 60% sans-serif; border-bottom: 1px dotted #E1E1E1; color: #BA5501; }
 td.ucet_c { font: italic 70% sans-serif; border-bottom: 1px dotted #E1E1E1; }
 td.ucet_d { font: italic 76% sans-serif; border-bottom: 1px dotted #E1E1E1; }
 td.ucet_sum, td.ucet_s { font: bolder 80% sans-serif; border-top: 1px solid; padding-top: 4px;  }
   td.ucet_s2 { font: 60%/80% sans-serif; }
td.spot { font: 60% italic sans-serif; text-shadow: 1px 1px 3px #76A2C6; }
td.fou,.f_cena,.f_datum, .f_pozn, .f_poz { font: italic 70% sans-serif; border-bottom: 1px dotted #E1E1E1; }



/* Monitor spotrieb energií */
th.ms { margin: 0; padding: 0; font: bolder 80% sans-serif; text-shadow: 2px 1px 2px #C1C1C1; } /* margin-bottom: 0; padding-bottom: 0; */
th.ms2 { margin: 0; padding: 0; font: normal 60% sans-serif; border-bottom: 2px solid blue; } /* margin-top: 0; padding-top: 0; */
 th.ms_m { width: 0.09%;} /* 2px */
 th.ms_m2, th.ms_m2c { width: 0.31%; } /* 5px */
 th.ms_m2c { border-right: 1px dotted; border-color: #000000; }
td.ms { font: italic 75% sans-serif; border-bottom: 0.7px dotted #E1E1E1; } /* font: italic 80% sans-serif; */

/*  zmena fontu písma */
#FP-N { font-style: normal;}
#FP-I { font-style: italic;}
#FP-B { font-weight: bold; }
#FP-BB { font-weight: bolder; }
#FP-U-plna { border-bottom: 1px solid #E1E1E1; }
#FP-U-botky { border-bottom: 1px solid #E1E1E1; }

#FP-hus-mensie { font-size: small; }
#FP-hus-male { font-size: smaller; }
#FP-hus-tlste { font-size: large; }
#FP-hus-tlstejsie { font-size: larger; }

#FP-v-90 { font-size: 0.9em; }
#FP-v-80 { font-size: 0.8em }
#FP-v-70 { font-size: 0.7em }
#FP-v-60 { font-size: 0.6em }
#FP-v-50 { font-size: 0.5em }

#FP-col-blu { color: #507EB9; }
#FP-col-bluP { color: #507EB9; text-align: right; }
#FP-col-blub { color: #B3C5FF; }
#FP-col-blu2 { color: #76A2C6; }
#FP-col-red { color: red; }
#FP-col-redP { color: red; text-align: right; }
#FP-col-redb { color: #F9CCCC; }
#FP-col-gra { color: #A2A2A2; }