.section-number { margin: 0px 0px -10px 0px; font-size: 28px; }
.h1h {  margin-bottom:22px }
.ulu {margin-top: -14px}

/* toto som dal preč na web epcinre.sk - asi to je zbytočne, ale ako to rozhaže niekdy tabuľku tak to bolo na to */
/* toto som dal preč na web epcinre.sk - asi to je zbytočne, ale ako to rozhaže niekdy tabuľku tak to bolo na to */
/* toto som dal preč na web epcinre.sk - asi to je zbytočne, ale ako to rozhaže niekdy tabuľku tak to bolo na to */
/* table, th, td {  border: 1px solid black;  border-collapse: collapse; padding:5px; margin-bottom:20px } */

/* ked potrebujes no text wrap na desktop, alebo bude wrapovat na mobile daj to do <span> tagu */
.nowrap-responsive {  white-space: nowrap; }  /* Default: no wrap on desktop */
@media screen and (max-width: 768px) 
{.nowrap-responsive { white-space: normal; word-wrap: break-word; } }  /* Mobile: allow wrapping */

/* Odporucanie - Tabulka 800px, center (s ramikom, bez ramika) */
.t800-no-border { border-collapse: collapse; max-width:820px;  margin: 10px auto 20px auto;} /* cierny ramikc */
.t800-no-border td, .t800-no-border th { border: 1px solid white; padding:10px } /* cierny ramik */
.t800-no-border th { font-weight:500 } /* horne pismo na tabulke 500 */
 
.t800 { border-collapse: collapse; max-width:820px;  margin: 10px auto 20px auto;} /* cierny ramikc */
.t800 td, .t800 th { border: 1px solid #424242; padding:10px } /* cierny ramik */
.t800 th { font-weight:500 } /* horne pismo na tabulke 500 */
 
.t800g { border-collapse: collapse; max-width:820px; width:100%;  margin: 10px auto 20px auto;} /* cierny ramikc */
.t800g td, .t800g th { border: 1px solid #424242; padding:10px } /* cierny ramik */
.t800g th { font-weight:500 } /* horne pismo na tabulke 500 */

/* text center */
.text-center { text-align: center; }

/* triedy I, II, III */
.tI {background:#2ecc71; width:60px  } 
.tII {background:#ffdd59; width:60px  } 
.tIIa {background:#ffdd59; width:60px  } 
.tIIb {background:#ffa801; width:60px  } 
.tIII {background:#FD7272; width:60px  } 
.bbold { text-align: center;  font-weight:500}

/* hrubka textu */
.font400 {font-weight:400 } 
.font500 {font-weight:500 } 

.modro-biela {background:#3498db; color: #FFF;}  /* modre pozadie a biely text */
.svetlo-modry {background:#E1F5FE}  /* modry pasik v tabulke */

.sive-skratky  { max-width:820px;  margin: -17px auto 20px auto; padding: 0px 2px; font-size:14px; text-align: justify; color:gray}

/*.t400 { border-collapse: collapse; width:820px }
/*.t400 td { border: 1px solid #424242; padding:5px  }

/* nadpis tabulky - modre pozadie a biely bold text */
.padhore td { vertical-align:top}


/* Obrazky v oporúčaniach */
.imgg { margin: 0px auto 0px auto; display: block;  width: 100%; max-width: 880px; height: auto;}
.imginfog { margin: 0px auto 0px auto; display: block;  width: 100%; max-width: 880px; height: auto;}
.imgg700 { margin: 0px auto 0px auto; display: block;  width: 100%; max-width: 700px; height: auto;}
.imgg600 { margin: 0px auto 0px auto; display: block;  width: 100%; max-width: 600px; height: auto;}
.imgg500 { margin: 0px auto 0px auto; display: block;  width: 100%; max-width: 500px; height: auto;}
.imgg300 { margin: 0px auto 0px auto; display: block; width:300px}



.kontainter1 {max-width:1000px}


/* nadpis v odporučaniach - kde je obsah */
.mainppp { margin-bottom: 0px; margin-top:5px; font-weight: 500; }
.mainppp + table { border: 0; border-collapse: collapse; /* odporúčané pri tabuľkách */ }
.mainppp + table td:first-child { padding-right: 5px;   vertical-align: top; }

.mainpppar { margin-bottom: 0px; margin-top:5px; font-weight: 500; }
.mainpppar + table { border: 0; border-collapse: collapse; /* odporúčané pri tabuľkách */ }
.mainpppar + table td:first-child { padding-left: 5px;   vertical-align: top; }