@charset "windows-1250";
/* common styly pro v?cesloupcov? layout */


/*p {orphan: 2; widow: 2;}*/
/*p {break-before: column;}*/
p {break-inside: avoid;}
/* 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 {

}

/* 2 sloupce */
#port-middle .tb-sl-2 {

}

/* 3 sloupce */
#port-middle .tb-sl-3 {

}


/* 4 sloupce */
#port-middle .tb-sl-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 {
margin: 15px 0px;
font-size: 1em;
}

/* extra zv?razn?n? sloupec */
#port-middle .tb-bl-3 {
margin: 15px 0px;
color: #24aaa5;
text-align: center;
padding: 15px 60px;
font-size: 1.2em;
font-weight: bold;
}

/* 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 {

}

/* fotogalerie */
#port-middle  .hornitexty .ftg_item:nth-child(3n+1),#port-middle  .hornitexty .ai-imggal:nth-child(3n+1) {
  clear: none;
}

.hornitexty .ftg_item, .hornitexty .ai-imggal {

  box-sizing: border-box;
}

@media only screen and (max-width: 730px) {
#port-middle 	.hornitexty .ftg_item, #port-middle  .hornitexty .ai-imggal {
  width: 46.5%;
  margin-right: 1%;
}
	}
	
	@media only screen and (max-width: 480px) {
		#port-middle 	.hornitexty .ftg_item, #port-middle  .hornitexty .ai-imggal {
  width: 100%;
  
}
}