/* ----------- vypis prispevku - kostieky (základní typ prezentace) -------------- */




#portmain .art-middle .vtitle {
	padding: 0px 3px 7px 0px;
	font-size: 1.0rem;
	margin:0 0 5px 0; 
	padding-bottom:0px; 
		
	display: block;
	position: relative;
}

#portmain .art-middle .vabst {
	font-size: 85%;
	
	padding-right: 3px;
	line-height: 1.3em;
	
}


#portmain .art-middle .vmini {
	margin-right: 0px;
}

#portmain .art-middle .vmini img {
	width: 100%;
	
	
box-sizing: border-box;

}


#portmain .art-middle .vclean {
	clear: left;
	height: 1px;
	font-size: 1px;
	position: relative;

}

#portmain .art-middle .vnomini .vtitle {
	margin-left: 0px;
}

#portmain .art-middle .vnomini .vabst {
	margin-left: 0px;

}


#portmain .art-middle .vypis {
margin-top: 15px;
	padding-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
}


#portmain .art-middle .vdate {
	font-weight: normal;
	
	
	font-size: 80%;
	
	
}



#portmain .art-middle .vsubj a {
	
	display: block;

}

#portmain .art-middle .vsubj  {
	display: block;
	width: 100%;

}

#portmain .art-middle div.vtitle a:hover {
	color: #368EB4;
}

#portmain .art-middle .vtitle::before{
}

#portmain .art-middle .vtitle::after {
	display: block;
position: absolute;
bottom: -5px;
left: 0;
width: 10px;
height: 3px;
content: "";
}

#portmain .art-middle .vsubj::after {
	
}





/* ----------- vypis prispevku - kolecka - typ 1 -------------- */

#portmain .art-middle .typ-vypis-1 .vitem {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;

	padding-left: 0px;
	padding-right: 9px;
	
	position: relative;
	box-sizing: border-box;
}


#portmain .art-middle .typ-vypis-1 .vitem {
	padding-right: 0px;
	margin-bottom: 10px;



	


}

#portmain .art-middle .vypis.typ-vypis-1 .vitem:nth-child(2n+1) {


}

#portmain .art-middle .vypis.typ-vypis-1 .vitem:nth-child(2n+2) {


}


#portmain .art-middle .vypis.typ-vypis-1 .vitem:nth-child(3n+1) {
	
}


#portmain .art-middle .typ-vypis-1 .vtitle {
	border-bottom: none;
	

}

#portmain .art-middle .typ-vypis-1 .vabst {
	padding-top: 1px;

	
	
}


#portmain .art-middle .typ-vypis-1 .vmini {
  overflow: hidden;
}

#portmain .art-middle .typ-vypis-1 .vitem .vmini img {
	max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#portmain .art-middle .typ-vypis-1 .vitem:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


#portmain .art-middle .typ-vypis-1 .vclean {


}

#portmain .art-middle .typ-vypis-1 .vnomini .vtitle {
	
}

#portmain .art-middle .typ-vypis-1 .vnomini .vabst {

	

}


#portmain .art-middle .typ-vypis-1 .vypis {
	
}


#portmain .art-middle .typ-vypis-1 .vdate {
	font-size: 80%;
	padding: 3px;
	margin: 0;
}



#portmain .art-middle .typ-vypis-1 .vsubj a {
	padding-left: 0px;

	
}

#portmain .art-middle .typ-vypis-1 .vsubj  {
/*	border-bottom:1px solid #CCCCCC; */
	font-weight: bold;
/*	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top: 5px;
	padding-bottom: 5px; */

}

#portmain .art-middle .typ-vypis-1 div.vtitle a:hover {
	color: #036e5c;

	
}

#portmain .art-middle .typ-vypis-1 .vtitle::before{
}

#portmain .art-middle .typ-vypis-1 .vtitle::after {
/*	background-color: #f99a30;
display:block; 
	position:absolute; bottom:-8px; left:0px; 
	width:19px; height:7px; content:"";
	color: #f99a30;*/
	display: none; 
}

#portmain .art-middle .typ-vypis-1 .vsubj::after {
	
}





#portmain .art-middle .typ-vypis-1 .vdetail {
	text-align: right;
	margin-right: -4px;
	margin-top: 5px;
	display:none;	
}

#portmain .art-middle .typ-vypis-1 .vdetail a {
background-color: #ff3333;
display:inline-block;
padding: 5px 7px;
border-radius: 15px;
color: #ffffff;	

}



#portmain .art-middle  .dalsiaktuality {
	text-align: right;
	margin: 18px 0 10px;
}
#portmain .art-middle  .dalsiaktuality .fa {
	display: none;
}
#portmain .art-middle  .dalsiaktuality a {
	display: inline-block;
	padding: 0.55em 1.3em;
	border: 2px solid #009ee3;
	border-radius: 999px;
	color: #0080bb !important;
	font-weight: bold;
	text-decoration: none !important;
	transition: background-color .2s, color .2s;
}
#portmain .art-middle  .dalsiaktuality a::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f061";
	margin-left: 0.6em;
}
#portmain .art-middle  .dalsiaktuality a:hover,
#portmain .art-middle  .dalsiaktuality a:focus {
	background-color: #009ee3;
	color: #ffffff !important;
}
/* --------------bloky ve fotogalerii----------------- */

.pgkt-fof1 #portmain .art-middle .typ-vypis-1 .vitem .inn {
    background-color: #fff;
	padding: 10px;
	}
/* --- specialne pro fotogalerii ---- */

#podbody #portmain .onecol .vypis-copper-alba {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}

#podbody #portmain .onecol .vitem {
	width: 32.0%;
	
}

#podbody #portmain .onecol .vitem .vmini {
	width: 100%;
	float:none;
}

#podbody #portmain .onecol .vypis-copper-alba .vitem  {
	height: auto !important;
	max-width: 260px;
}

#podbody #portmain .onecol .vypis-copper-alba .vitem .vmini img {
	height: auto !important;
}

#podbody #portmain .onecol .vypis-copper-alba .vitem .vdetail {
	text-align: right;
}

#podbody #portmain .onecol .vitem .vtitle {
	margin:5px 0px;
}
#podbody #portmain .onecol .vitem .vtitle:after {
	display:none;
}

#podbody #portmain .onecol .vitem .vabst {
	margin-left:0px;
}

#podbody #portmain .onecol .vypis .vitem:nth-child(2n+1) {
	clear: none;
}

#podbody #portmain .onecol .vypis .vitem:nth-child(3n+1) {
	clear: left;
}

/* ------------------------------------------------------------------------------ */


/* ----------- vypis prispevku - kostieky - typ 2 -------------- */


#portmain .art-middle .vypis.typ-vypis-2 .vitem {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 9px;
	width: 33.3%;
	float: left;
	position: relative;
	box-sizing: border-box;
	margin-right: 1.3%;
}

#podbody #portmain .vypis.typ-vypis-2 .vitem .vmini {
	width: 100%;
	float:none;
}


#podbody #portmain .vypis.typ-vypis-2 .vitem .vtitle
{
  margin: 5px 0px;
  text-align: center;
}

#podbody #portmain .vypis.typ-vypis-2 .vitem .vabst
{
  margin-left: 0px;
}

#portmain .art-middle .vypis.typ-vypis-2 .vitem:nth-child(2n+1) {

}

#portmain .art-middle .vypis.typ-vypis-2 .vitem:nth-child(3n+1) {
	clear: none;
}

#portmain .art-middle .vypis.typ-vypis-2 .vitem .vdetail {
	text-align: right;
}



/* --------------------------vypis na další stránce - onecol typ 1---------------------------- */

#portmain .art-middle.onecol .vypis.typ-vypis-1 .vitem:nth-child(2n+1) {
padding-right: 0px;

}
#portmain .art-middle.onecol .vypis.typ-vypis-1 .vitem:nth-child(2n+2) {
padding-left: 0px;

}
#portmain .art-middle.onecol .vypis.typ-vypis-1 .vitem:nth-child(3n+1) {


}
#portmain .art-middle.onecol .vypis.typ-vypis-1 .vitem:nth-child(3n+2) {
	
}
#portmain .art-middle.onecol .vypis.typ-vypis-1 .vitem:nth-child(3n+3) {
	

}

/* --------------------------vypis radkovy - zs - puvodni---------------------------- */

#podbody #portmain .onecol .vypis.typ-vypis-7 .vitem, #podbody #portmain  .vypis.typ-vypis-7 .vitem  {
	
width: 100%;
margin-bottom: 20px;
}

#podbody #portmain .onecol .vypis.typ-vypis-7 .vitem .vmini, #podbody #portmain  .vypis.typ-vypis-7 .vitem .vmini  {
	
float: left;
width: 120px;
margin-right: 20px;
overflow: hidden;
}

#podbody #portmain .onecol .vypis.typ-vypis-7 .vitem .vsubj, #podbody #portmain  .vypis.typ-vypis-7 .vitem .vsubj  {
font-weight: bold;
}

#podbody #portmain .onecol .vypis.typ-vypis-7 .vitem .vmini img, #podbody #portmain  .vypis.typ-vypis-7 .vitem .vmini img  {
max-width: 100%;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

#podbody #portmain .onecol .vypis.typ-vypis-7 .vitem .vmini:hover img, #podbody #portmain  .vypis.typ-vypis-7 .vitem .vmini:hover img  {
 -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#podbody #portmain .onecol .vypis.typ-vypis-7 .vitem .vdetail, #podbody #portmain  .vypis.typ-vypis-7 .vitem .vdetail  {
	
text-align: right;
margin-right: -4px;
margin-top: 5px;
}

#podbody #portmain .onecol .vypis.typ-vypis-7 .vitem .vdetail a, #podbody #portmain  .vypis.typ-vypis-7 .vitem .vdetail a  {
	

display: none;
}



/* ------------------------------------------------------------------------------ */
/* ------------------------- výpis v pravém sloupci ----------------------------- */
/* ------------------------------------------------------------------------------ */

#port-right .vitem {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

#port-right .vtitle {
	padding: 0px 0px 0px 0px;
	font-size: 1.1rem;
	margin:0 0 0.2em 0; 
	padding-bottom:0px; 
	width: 100%;
	display: block;
	position: relative;
}

#port-right .vabst {
	font-size: 85%;
	text-align: justify;
	padding-right: 0px;
	margin-top: 0px;
	padding-left: 1.2rem;
}


#port-right  .vmini {
	margin-right: 0px;
}

#port-right .vmini img {
	width: 100%;
}


#port-right .vclean {
/*	clear: both; */
	clear: left;
	height: 1px;
	font-size: 1px;
	position: relative;

}

#port-right .vnomini .vtitle {
	margin-left: 0px;
}

#port-right .vnomini .vabst {
	margin-left: 0px;

}


#port-right .vypis {
	padding-top: 0px;
	padding-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}


#port-right .vdate {
	font-weight: normal;
	margin-bottom: 5px;
	padding-left: 10px;
	font-size: 80%;
	position: absolute;
	right: 0px;
	bottom: -4ex;
	display: none;
}



#port-right .vsubj a {
	text-decoration: none;	
	padding-left: 1.2rem;
	display: block;
}

#port-right .vsubj  {
	display: block;
	width: 100%;
	position: relative;

}

#port-right .dekorace {
	position: absolute;
	left: 0;
	top: 0.2em;
}

#port-right div.vtitle a:hover {
	color: #368EB4;
}

#port-right .vtitle::before{
}

#port-right .vtitle::after {
}


#port-right .vdetail {
	display: none;
}

#port-right .vdetail a {
}






/* ------------------uredni deska   Predchozi stranka na 1 strance */








/* formatovani vypisu razeneho datumove a abecedne */
.i-vypisda .vhlavicka, .i-vypisab .vhlavicka  {
	background-color: #0ca471;
padding: 5px 0px;
margin-top: 20px;
margin-bottom: 10px;


	

	
}

 .i-vypisda .vhlavicka .vdateh, .i-vypisab .vhlavicka .vdateh {
	float: right;
	width: 200px;
	color: #FFFFFF;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;






	
}
.i-vypisda .vhlavicka .vsubjh, .i-vypisab .vhlavicka .vsubjh {
	margin-right: 96px;
	padding: 0px;
	margin-left: 0px;



}
#port-middle .i-vypisda .vhlavicka .vsubjh h5, #port-middle .i-vypisab .vhlavicka .vsubjh h5 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #FFFFFF;
border-bottom: 1px none;

}

#port-middle .i-vypisda .vhlavicka .vsubjh h5::after, #port-middle .i-vypisab .vhlavicka .vsubjh h5::after {
	display:none;


}


.i-vypisda .vitem, .i-vypisab .vitem  {
	margin-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #8fc746;
	padding-bottom: 5px;


	
}
.i-vypisda .vitem .vtitle, .i-vypisab .vitem .vtitle {

	
}
.i-vypisda .vitem .vtitle .vdate, .i-vypisab .vitem .vtitle .vdate {
	float: right;
	width: 89px;
	text-align: right;
	margin-right: 5px;


	
}
.i-vypisda .vitem .vtitle .vsubj, .i-vypisab .vitem .vtitle .vsubj {
	margin-right: 96px;
	padding: 0px;
	margin-left: 0px;
	font-weight: bold;

}

.i-vypisda .vitem .vabst, .i-vypisab .vitem .vabst {
	margin-right: 96px;
	padding: 5px 0px 0px 5px;
	margin-left: 0px;

}
.i-vypisda .vitem .vmini, .i-vypisab .vitem .vmini {
	float: left;
	width: 90px;
	

}
.i-vypisda .vitem .vmini a, .i-vypisab .vitem .vmini a {
	

}
.i-vypisda .vitem .vmini a img, .i-vypisab .vitem .vmini a img {
	border: 1px solid #333333;

	

}

.i-vypisda .vitem .vclean, .i-vypisab .vitem .vclean {
	clear: both;

}

/* formatovani vypisu uredni deska */

#portmain .art-middle .i-vypisde .vtitle {
   border-bottom: 1px none;
}


#portmain .art-middle .i-vypisde .vtitle::after {
    background-color: #00aeef;
	display: none;
}
#portmain .art-middle .i-vypisde h5::after {
    background-color: #00aeef;
	display: none;
}


.i-vypisde .vhlavicka  {
	background-color: #87b847;
	padding: 5px 0px;
	margin-top: 10px;
	margin-bottom: 10px;


	

	
}

 .i-vypisde .vhlavicka .voddateh {
	float: left;
	width: 90px;
	color: #FFFFFF;
	
	margin-left: 5px;
	font-weight: bold;






	
}

 .i-vypisde .vhlavicka .vdodateh {
	float: right;
	width: 190px;
	color: #FFFFFF;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;
	
}

 .i-vypisde .vhlavicka .vdateh {
	float: left;
	width: 90px;
	color: #FFFFFF;
	
	margin-left: 5px;
	font-weight: bold;
	
}



.i-vypisde .vhlavicka .vsubjh {
	margin-right: 190px;
	margin-left: 90px;
	padding: 0px;
	margin-left: 0px;
}
#port-middle .i-vypisde .vhlavicka .vsubjh h5 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #FFFFFF;
border-bottom: 1px none;
	

	
}
.i-vypisde .vitem  {
	margin-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #87b747;
	padding-bottom: 5px;


	
}
.i-vypisde .vitem .vtitle {

	
}
.i-vypisde .vitem .vtitle .voddate {
	float: left;
	width: 90px;
	text-align: left;
	margin-left: 5px;


	
}
.i-vypisde .vitem .vtitle .vdodate {
	float: right;
	width: 100px;
	text-align: right;
	margin-right: 5px;


	
}
.i-vypisde .vitem .vtitle .vsubj {
	margin-right: 100px;
	margin-left: 96px;
	padding: 0px;
	font-weight: bold;
	text-align: left;
}

#port-middle .i-vypisde .vitem .vtitle .vsubj a {



	
}

.i-vypisde .vitem .vabst {
	margin-right: 105px;
	margin-left: 101px;
	padding: 5px 0px 0px 5px;
	

}

.i-vypisde .vitem .vclean {
	clear: both;

}

#page_UD h4 {
	
	padding: 0px;


	
}
/* formatovani vypisu jen jeden sloupec */
.i-vypissi .vhlavicka  {
	background-color: #87b847;
	padding: 5px 0px;
	margin-top: 10px;
	margin-bottom: 10px;


	

	
}

 .i-vypissi .vhlavicka .voddateh {
	float: left;
	width: 90px;
	color: #FFFFFF;
	
	margin-left: 5px;
	font-weight: bold;






	
}

 .i-vypissi .vhlavicka .vdodateh {
	float: right;
	width: 190px;
	color: #FFFFFF;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;






	
}
.i-vypissi .vhlavicka .vsubjh {
	margin-right: 190px;
	margin-left: 90px;
	padding: 0px;
	margin-left: 0px;
}
#port-middle .i-vypissi .vhlavicka .vsubjh h5 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #FFFFFF;

	

	
}
.i-vypissi .vitem  {
	margin-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dedede;
	padding-bottom: 5px;



	
}
.i-vypissi .vitem .vtitle {


	
}
.i-vypissi .vitem .vtitle .vsubj {
	
	padding: 0px;
	font-weight: bold;
	text-align: left;
}



.i-vypissi .vitem .vabst {
	
	padding: 5px 0px 0px 5px;
	

}
.i-vypissi .vitem .vmini {
	float: left;
	width: 90px;
	

}
.i-vypissi .vitem .vmini a {
	

}
.i-vypissi .vitem .vmini a img {
	border: 1px solid #333333;

	

}
.i-vypissi .vitem .vclean {
	clear: both;

}

/* strankovani */
#vhnav {
	padding-top:1px;
	padding-bottom: 1px;
	text-align: right;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 1px;
}

#vdnav {
	padding-top:1px;
	padding-bottom: 2px;
	text-align: right;
	margin: 3px;
	margin-top: 12px;
}

.vnav {
}

.vprev {
	background-image: url(images/prev.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 10px;
}

vprev_dis {
	padding-left: 10px;
}
/* Predchozi stranka na 1 strance */
a.vprev_dis { 
}


.vnext {
	background-image: url(images/next.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 10px;
}

.vnext_dis {
	padding-right: 10px;
}

a.vnext_dis {
}

.vpcount {
}




/* ----------- vypis prispevku - fotogalerie - obce - square -------------- */






#portmain .art-middle .vypis-square .vitem {
	width: 33.3%;  
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 15px;
float:left;
padding-right: 0px;
}

#portmain .art-middle .vypis-square .vitem .inn {
	position: relative;


}

#portmain .art-middle .vypis.vypis-square .vitem:nth-child(2n+1) {  
	
}
#portmain .art-middle .vypis.vypis-square .vitem:nth-child(2n) {  
	
}



#portmain .art-middle .vypis.vypis-square .vitem:nth-child(3n+1) {  
	clear: left;
}

#portmain .art-middle .vypis.vypis-square .vitem:nth-child(3n+1) .inn {  
	padding-left: 0px;
	padding-right: 10px;
}
#portmain .art-middle .vypis.vypis-square .vitem:nth-child(3n+2) .inn {  
	padding-left: 5px;
	padding-right: 5px;
}
#portmain .art-middle .vypis.vypis-square .vitem:nth-child(3n) .inn {  
	padding-left: 10px;
	padding-right: 0px;
}

#portmain .art-middle .vypis-square .vtitle {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5da229;
	
	
	
	
	

}

#portmain .art-middle .vypis-square .vitem .vabst {
	padding-top: 10px;
	
	padding-bottom: 10px;
	
	
}

#portmain .art-middle .vypis-square .vmini {
	
	
	

}

#portmain .art-middle .vypis-square .vmini a {
	
	
	padding: 0px;
	display: block;




}



#portmain .art-middle .vypis-square .vmini img {
	
}

#portmain .art-middle .vypis-square .vclean {
}

#portmain .art-middle .vypis-square .vnomini .vtitle {
}

#portmain .art-middle .vypis-square .vnomini .vabst {
}

#portmain .art-middle .vypis-square .vypis {
}

#portmain .art-middle .vypis-square .vdate {
}

#portmain .art-middle .vypis-square .vsubj a {
	padding-left: 0px;
	

   
}

#portmain .art-middle .vypis-square .vsubj  {
	
	padding-top: 10px;



}
#portmain .art-middle .vypis-square div.vtitle a {
text-decoration: none;
}

#portmain .art-middle .vypis-square div.vtitle a:hover {
color: #036e5c;
}

#portmain .art-middle .vypis-square .vtitle::before{
}

#portmain .art-middle .vypis-square .vtitle::after {
background-color: #5da229;
display:block; 
	position:absolute; bottom:-9px; left:0px; 
	width:19px; height:7px; content:"";
	color: #163733;

}

#portmain .art-middle .vypis-square .vdetail {
}

#portmain .art-middle .vypis-square .vdetail a {
	background-color: #e43333;
	display: in-line block;
	padding: 2px 7px 2px 7px;
	border-radius: 15px;
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
    line-height: 16px;

}

#portmain .art-middle .vypis-square .vdetail a::after {
	content:">"
    

}

/* -----------  obce 2018 vypis -------------- */

#port-middle  .vtitle {
	padding: 3px 3px 3px 0px;
	padding: 0px;
	margin-left: 90px;


}

#port-middle  .vabst {
	font-size: 85%;
	text-align: justify;

	margin-left: 90px;


}


#port-middle  .vmini {
	float: left;
	width: 80px;
	margin-right: 10px;

}
#port-middle .vmini img {
	/* border: 1px solid #000000;
 	height: 60px !important;
	width: 80px !important;*/



}


#port-middle .vclean {
	clear: both;
	height: 10px;
	font-size: 1px;
	position: relative;
}

#portmain .art-middle .vtitle {

    padding: 3px 3px 3px 0px;
    padding: 0px;
    margin-left: 90px;

}

#portmain .art-middle .vtitle  a {



}

#port-middle  .vnomini .vabst {

    margin-left: 0px;

}

#portmain .art-middle  .vnomini .vtitle {

    margin-left: 0px;

}

/* -------- */

#port-middle .vtitle {
	padding: 3px 3px 3px 0px;
	padding: 0px;
	margin-left: 90px;


}

#port-middle .vabst {
	font-size: 85%;
	text-align: justify;
	
	margin-left: 140px;


}


#port-middle .vmini {
	float: left;
	width: 120px;
	margin-right: 10px;

}
#port-middle  .vmini img {
/*	border: 1px solid #000000;*/
/*	height: 120px !important;*/
/*	width: 80px !important; */



}


#port-middle  .vclean {
	clear: both;
	height: 10px;
	font-size: 1px;
	position: relative;
}

#portmain .art-middle  .vtitle {

    padding: 3px 3px 3px 0px;
    padding: 0px;
    margin-left: 140px;

}

#portmain .art-middle  .vtitle  a {



}

#port-middle .vnomini .vabst {

    margin-left: 0px;

}

#port-middle  .vnomini .vtitle {

    margin-left: 0px;

}

#portmain .art-middle .vtitle .vsubj a {

    

}

.zd_body  {

    text-align: left;
    font-size: 90%;
	padding-bottom: 10px;

}

/* -----------   spec -------------- */


/* ------ typ-vypis-2 jako karticky (uredni deska, aktuality ...) ------ */
#portmain .art-middle .vypis.typ-vypis-2 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - 32px) / 3)), 1fr));	/* max. 3 sloupce */
	gap: 16px;
	margin-top: 20px;
}
#portmain .art-middle .vypis.typ-vypis-2 .vitem {
	float: none;
	width: auto !important;
	margin: 0;
	padding: 0;
	clear: none !important;
}
#portmain .art-middle .vypis.typ-vypis-2 .vitem > .inn {
	height: 100%;
	box-sizing: border-box;
	padding: 14px 16px 12px;
	background: #ffffff;
	border: 1px solid #d6e2e8;
	border-top: 4px solid #adc801;
	border-radius: 10px;
	font-size: 0.85em;
	color: #5a6a70;
	line-height: 1.4;
	transition: border-color .2s, box-shadow .2s;
}
#portmain .art-middle .vypis.typ-vypis-2 .vitem > .inn:hover {
	border-color: #009ee3;
	box-shadow: 0 4px 14px rgba(0, 158, 227, .15);
}
#portmain .art-middle .typ-vypis-2 .vtitle {
	position: static;
	padding: 0;
	margin: 0 0 8px;
	background: none;
}
#portmain .art-middle .typ-vypis-2 .vtitle::after {
	display: none;
}
#portmain .art-middle .typ-vypis-2 .vtitle,
#portmain .art-middle .typ-vypis-2 .vdate,
#portmain .art-middle .typ-vypis-2 .vsubj {
	text-align: left !important;
}
#portmain .art-middle .typ-vypis-2 .vdate {
	display: inline-block;
	margin-bottom: 6px;
	padding: 2px 8px;
	background: #e5f5fc;
	color: #0070a8;
	border-radius: 4px;
	font-size: 0.85em;
	font-weight: bold;
}
#portmain .art-middle .typ-vypis-2 .vsubj {
	font-size: 1.15em;
}
#portmain .art-middle .typ-vypis-2 .vsubj a {
	color: #1a3039;
	font-weight: bold;
	text-decoration: none !important;
}
#portmain .art-middle .typ-vypis-2 .vsubj a:hover,
#portmain .art-middle .typ-vypis-2 .vsubj a:focus {
	color: #0080bb;
	text-decoration: underline !important;
}
#portmain .art-middle .typ-vypis-2 .vabst {
	text-align: left !important;
	font-size: 1.1em;	/* perex (karta ma 0.85em) */
	line-height: 1.45;
}
/* karticky s miniaturou (napr. obce.asp - znaky): obrazek a nazev na stred */
#portmain .art-middle .typ-vypis-2 .vitem:not(.vnomini) .vtitle,
#portmain .art-middle .typ-vypis-2 .vitem:not(.vnomini) .vsubj {
	text-align: center !important;
}
#portmain .art-middle .typ-vypis-2 .vmini {
	margin: -4px 0 10px;
}

/* ------ fotogalerie (vypis-copper-alba) jako karticky - stejny styl jako typ-vypis-2 ------ */
#podbody #portmain .art-middle .vypis.vypis-copper-alba {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - 32px) / 3)), 1fr));	/* max. 3 sloupce */
	gap: 16px;
	margin-top: 20px;
}
#podbody #portmain .art-middle .vypis-copper-alba .vitem {
	float: none;
	width: auto !important;
	max-width: none;
	height: auto !important;
	margin: 0;
	padding: 0 !important;
	clear: none !important;
	display: flex;
	flex-direction: column;
	background: #ffffff;
	border: 1px solid #d6e2e8;
	border-top: 4px solid #adc801;
	border-radius: 10px;
	overflow: hidden;
	transition: border-color .2s, box-shadow .2s;
}
#podbody #portmain .art-middle .vypis-copper-alba .vitem:hover,
#podbody #portmain .art-middle .vypis-copper-alba .vitem:focus-within {
	border-color: #009ee3;
	box-shadow: 0 4px 14px rgba(0, 158, 227, .15);
}
#podbody #portmain .art-middle .vypis-copper-alba .vmini {
	float: none;
	width: 100%;
	margin: 0;
	overflow: hidden;
}
#podbody #portmain .art-middle .vypis-copper-alba .vmini img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	transition: transform .3s;
}
#podbody #portmain .art-middle .vypis-copper-alba .vitem:hover .vmini img {
	transform: scale(1.04);
}
#podbody #portmain .art-middle .vypis-copper-alba .vtitle {
	position: static;
	margin: 0;
	padding: 12px 16px 4px;
	text-align: left;
	border: none;
	background: none;
}
#podbody #portmain .art-middle .vypis-copper-alba .vsubj {
	font-size: 1.1em;
	text-align: left;
}
#podbody #portmain .art-middle .vypis-copper-alba .vsubj a {
	color: #1a3039;
	font-weight: bold;
	text-decoration: none !important;
}
#podbody #portmain .art-middle .vypis-copper-alba .vsubj a:hover,
#podbody #portmain .art-middle .vypis-copper-alba .vsubj a:focus {
	color: #0080bb;
	text-decoration: underline !important;
}
#podbody #portmain .art-middle .vypis-copper-alba .vabst {
	margin: auto 0 0;
	padding: 0 16px 12px;
	text-align: right;
	font-size: 0.85em;
}
#podbody #portmain .art-middle .vypis-copper-alba .vdetail a {
	color: #0080bb;
	font-weight: bold;
	text-decoration: none !important;
}
#podbody #portmain .art-middle .vypis-copper-alba .vdetail a::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	margin-left: 0.4em;
	font-size: 0.8em;
}
#podbody #portmain .art-middle .vypis-copper-alba .vclean {
	display: none;
}

/* fotogalerie.asp (pageKat FO): alba max. 4 vedle sebe, jinde zustavaji 3 */
#podbody.pgkt-fo #portmain .art-middle .vypis.vypis-copper-alba {
	grid-template-columns: repeat(auto-fill, minmax(max(220px, calc((100% - 48px) / 4)), 1fr));
}