/* fotogalerie přes AltID nebo přes makro - globální */
/* nekteré aplikace mají už hotovo, jako souřást lokálních css */

.ftg_item  {
	background-color: #f0f0f0;
	padding: 5px 5px 2px;
	float: left;
	margin-right: 6px;
	margin-bottom: 25px;
	border: 1px solid #CCCCCC;
	width: 368px;
	height: 253;

}

.ftg_item .ftg_img  {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;



	
}

.ftg_item .ftg_img a {
	
	padding-bottom: 0px !important;
	
	

}

.ftg_item .ftg_img a img {
	background-color: #FFFFFF;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin-bottom: 0px;





}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -70px;
	z-index: 1003;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
			border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: normal;
}
/* fotogalerie - makra */

.ai-blok-imggal .inn, .ai-blok-imgfile  .inn  {
	display: flex;
  width: 100%;
  flex-wrap: wrap;
  
}


.ai-imgfile, .ai-imggal   {
	background-color: #f0f0f0;
	padding: 5px 5px 5px;
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
	border: 1px solid #CCCCCC;
	/*width: 372px;*/
	width: 32.0%;
	

}

.ai-imgfile, .ai-imggal  {
	
	
	box-sizing: border-box;
	margin-right: 1%;

}
@media only screen and (max-width: 930px) {
.ai-imgfile, .ai-imggal, .hornidolnitexty .ai-imggal, .hornidolnitexty .ai-imgfile {
	
	width: 48%;
	

}
	}


@media only screen and (max-width: 480px) {
.ai-imgfile, .ai-imggal, .hornidolnitexty .ai-imggal, .hornidolnitexty .ai-imgfile {
	
	width: 99%;
	

}
	}

.ai-blok-imgfile   {
	
/*	padding: 15px 10px;*/
}

.ai-pop   {
	
	display: none;
}



 #port-right .ai-imggal   {
	
	width: auto;
	

}

 .hornitexty .ai-imggal  {
	
	margin-right: 1%;
}

.hornitexty .ai-imggal:nth-child(3n+1) {
	clear: left;
}




 .ai-imggal .ai-cover  {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;



	
}

.ai-imggal .ai-cover a {
	
	padding-bottom: 0px !important;
	
	

}

#portmain .ai-imggal .ai-cover a img, #portmain .ai-imgfile .ai-cover a img {
	background-color: #FFFFFF;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin-bottom: 0px;
	width: 100%;
	display: block;
	aspect-ratio: 3/2;






}

/* ----- */

.ftg_item  {
	background-color: #f0f0f0;
	padding: 5px 5px 2px;
	float: left;
	margin-right: 10px;
margin-bottom: 10px;
	border: 1px solid #CCCCCC;
/*	width: 364px;*/
	height: 253;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.rr-box .ftg_item  {
	padding: 0px;
	
	border: 1px none #CCCCCC;
	
}


#port-right .ftg_item  {
	
margin-right: 0px;
	
	width: 100px;
	margin-right: 0px;
}

.hornitexty .ftg_item  {
	width: 32%;
	margin-right: 1%;
}

.hornitexty .ftg_item:nth-child(3n+1) {
	clear: left;
}

.ftg_item .ftg_img  {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;



	
}

.ftg_item .ftg_img a {
	
	padding-bottom: 0px !important;
	
	

}

.ftg_item .ftg_img a img {
	background-color: #FFFFFF;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin-bottom: 0px;





}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -70px;
	z-index: 1003;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
			border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: normal;
}
.ai-item  {
	background-color: #f0f0f0;
	padding: 5px 5px 2px;
	float: left;
	margin-right: 10px;
margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	width: 364px;
	height: 253;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

#port-right .ai-item {
    background-color: #f0f0f0;
    padding: 0px;
    float: left;
    margin-right: 0px;
    margin-bottom: 15px;
    border: 1px none #CCCCCC;
    width: auto;
    height: 253;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}