/* ----------- vypis prispevku - kostičky (základní typ prezentace) -------------- */

#portmain .art-middle .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;
	


}

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

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

/* --- specialne pro fotogalerii ---- */
#podbody #portmain .onecol .vitem {
	width: 33.3%;
}

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

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

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

#portmain .art-middle .vtitle {
	padding: 0px 0px 7px 0px;
	font-size: 1.4rem;
	margin:0 0 0 0; 
	padding-bottom:0px; 
	border-bottom:1px solid;
	
	display: block;
	position: relative;
}

#portmain .art-middle .vabst {
	font-size: 85%;
	text-align: justify;
	padding-right: 3px;
	
}

.pgkt-fo #portmain .art-middle .vabst {
	
	min-height: 70px;
}

.pgkt-uv #portmain .art-middle .vabst {
	
	min-height: 80px;
}


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

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

}


#portmain .art-middle .vclean {
/*	clear: both; */
	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 {
	padding-top: 10px;
	padding-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;

}


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



#portmain .art-middle .vsubj a {
	padding-left: 5px;
	display: block;
	text-decoration: none;
}

#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: -2px;
left: 0;
width: 40px;
height: 3px;
content: "";
}

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



/*
.art-middle .vitem1 {
	clear: left;
	margin-right: 20px;
}
*/

#portmain .art-middle .vdetail {
	text-align: right;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#portmain .art-middle .vdetail a {
	font-weight: normal;


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

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



	


}

#portmain .art-middle .typ-vypis-1 .vitem .inn {
	background-color: rgba(255, 255, 255, 0.92);
	padding: 20px;
   
}





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

}

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

}


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


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

}

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

	
	
}


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

	
}

#portmain .art-middle .typ-vypis-1 .vmini img {
	border-top: 1px solid #d4ddc4;
	




}


#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 {
	
}



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

	
}

#portmain .art-middle .typ-vypis-1 .vsubj  {
border-bottom:1px solid;	

}

#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:none; 
	position:absolute; bottom:-8px; left:0px; 
	width:19px; height:7px; content:"";
	color: #f99a30;
}

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





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

#portmain .art-middle .typ-vypis-1 .vdetail a {
background-color: #d25097;
display: in-line block;
padding: 7px 9px;
border-radius: 7px;
color: #ffffff;	

}

#portmain .art-middle  .dalsiaktuality {
	display: in-line block;
	padding: 5px 10px;
	border-radius: 15px;
	color: #163733;
	background-color: #d3ddc4;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;





}

#portmain .art-middle  .dalsiaktuality a {
	display: in-line block;
	color: #163733;
	text-decoration: none;
	padding-left: 5px;


	
	



}


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


/* ----------- vypis prispevku - kostičky - typ 2 -------------- */

#portmain .art-middle .typ-vypis-2 .vitem {
	width: 33.3%;  /* puvodne 33 procent, zmeneno hotely srni */
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 15px;


}

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

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

#portmain .art-middle .typ-vypis-2 .inn {
	background: rgba(245, 243, 239, 0.7);
	color: #000000;
	border-bottom: 1px solid #e9e9e9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #e9e9e9;
	border-right-color: #e9e9e9;
	border-left-color: #e9e9e9;
	padding: 20px;
}

#portmain .art-middle .typ-vypis-2 .vtitle {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	
	 background: rgba(245, 243, 239, 0.7);
	color: #000000;
	border-bottom: 1px none #e9e9e9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #e9e9e9;
	border-right-color: #e9e9e9;
	border-left-color: #e9e9e9;

}

#portmain .art-middle .typ-vypis-2 .vitem .vabst {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	background: rgba(245, 243, 239, 0.7);

	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e9e9e9;
	border-right-color: #e9e9e9;
	border-bottom-color: #e9e9e9;
	border-left-color: #e9e9e9;

}

#portmain .art-middle .typ-vypis-2 .vmini {
	

 background: rgba(245, 243, 239, 0.7);

border: solid #ffffff 1px;
border-bottom-style: none; 
}

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




}



#portmain .art-middle .typ-vypis-2 .vmini img {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-top-color: #d3ddc4;
border-right-color: #d3ddc4;
border-bottom-color: #d3ddc4;
border-left-color: #d3ddc4;
}

#portmain .art-middle .typ-vypis-2 .vclean {
}

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

#portmain .art-middle .typ-vypis-2 .vnomini .vabst {
}

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

#portmain .art-middle .typ-vypis-2 .vdate {
}

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

   
}

#portmain .art-middle .typ-vypis-2 .vsubj  {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e9e9e9;



}

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

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

#portmain .art-middle .typ-vypis-2 .vtitle::after {
background-color: #a798ad;
display:block; 
	position:absolute; bottom:9px; left:10px; 
	width:60px; height:4px; content:"";
	color: #fc7a41;

}

/* ------------------------ ruzne barby - obdélník - Pivovar modrava   ------------------------ */

#podbody #portmain .onecol .typ-vypis-2 .vitem:nth-child(3n+1) .vtitle::after {
  background-color: #d25097;
}

#podbody #portmain .onecol .typ-vypis-2 .vitem:nth-child(3n) .vtitle::after {
   background-color: #00b4f6;
}

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


#portmain .art-middle .typ-vypis-2 .vdetail {
}

#portmain .art-middle .typ-vypis-2 .vdetail a {
	background-color: #a798ad;
	display: in-line block;
	padding: 7px 9px;
	border-radius: 7px;
	color: #fff;

    

}
/* ------------------------ ruzne barby - sipka - Pivovar modrava   ------------------------ */

#podbody #portmain .onecol .typ-vypis-2 .vitem:nth-child(3n+1) .vdetail a {
  background-color: #d25097;
}

#podbody #portmain .onecol .typ-vypis-2 .vitem:nth-child(3n) .vdetail a {
   background-color: #00b4f6;
}

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



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

/* ------------------------ kostky od kraje   ------------------------ */

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

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

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

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


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

/* --------------------------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) {
padding-right: 20px;

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

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

}

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