/* common styly pro v�cesloupcov� layout */

/* jeden sloupec - default */
.tb-sl-1 {

}

/* 2 sloupce */
.tb-sl-2 {

}

/* 3 sloupce */
.tb-sl-3 {

}


/* 4 sloupce */
.tb-sl-4 {

}

/* standardn� sloupec (nezv�razn�n�, ani nepotla�en� */
.tb-bl-1 {

}

/* potla�en� sloupec */
.tb-bl-0 {

}

/* zv�razn�n� sloupec */
.tb-bl-2 {

}

/* extra zv�razn�n� sloupec */
.tb-bl-3 {

}

/* sloupec typu A (interpretace z�le�� dle aplikace) */
.tb-bl-A {

}

/* sloupec typu B (interpretace z�le�� dle aplikace) */
.tb-bl-B {

}

/* sloupec typu C (interpretace z�le�� dle aplikace) */
.tb-bl-C {

}

/* sloupec typu B (interpretace z�le�� dle aplikace) */
.tb-bl-D {

}

/* -------------- obsahov� sloupec ------------------------- */

/* jeden sloupec - default */
#port-middle .tb-sl-1 {
column-count: 1;
}

/* 2 sloupce */
#port-middle .tb-sl-2 {
column-count: 2;
column-gap: 120px;
}

/* 3 sloupce */
#port-middle .tb-sl-3 {
column-count: 3;
}


/* 4 sloupce */
#port-middle .tb-sl-4 {
column-count: 4;
}

/* standardn� sloupec (nezv�razn�n�, ani nepotla�en� */
#port-middle .tb-bl-1 {

}

/* potla�en� sloupec */
#port-middle .tb-bl-0 {

}

/* zv�razn�n� sloupec */
#port-middle .tb-bl-2 {
background-color: #efefef;
font-size: 0.9em;
color: #656464;
padding: 15px 60px;
}

/* extra zv�razn�n� sloupec */
#port-middle .tb-bl-3 {

}

/* sloupec typu A (interpretace z�le�� dle aplikace) */
#port-middle .tb-bl-A {

}

/* sloupec typu B (interpretace z�le�� dle aplikace) */
#port-middle .tb-bl-B {

}

/* sloupec typu C (interpretace z�le�� dle aplikace) */
#port-middle .tb-bl-C {

}

/* sloupec typu B (interpretace z�le�� dle aplikace) */
#port-middle .tb-bl-D {

}

  @media only screen and (max-width: 1023px) {
#port-middle .tb-sl-2, #port-middle .tb-sl-3,  #port-middle .tb-sl-4 {
 column-count: 1;
}

#port-middle .tb-bl-2, #port-middle .tb-bl-3 {

  padding: 15px 20px !important;
}
}