.clanekIconWrap{
	margin: 10px 0px 10px 10px;
	max-width: 100px;
	min-width: 100px;
}

.clanekContentWrap{
	margin: 10px 0px;
	padding: 1px 10px 1px 10px;
}

.clanekIconWrap img{
	width:100%;
}

.clanekContentWrap h3{
	color: #0070af;
	margin-top: 0px;
	margin-bottom: 0px;

}

.clanekItem{
	position:relative;
	cursor:pointer;
	min-height: 116px;
	display:flex;
}

.clanekItem:hover{
	background-color: #f1f1ee;
}

.clanekStav{
	color: #0070af;
	font-style: italic;
}

.tableWrapper{
	overflow-x: auto;
	margin-bottom: 15px;
}

td.linkTd{
	padding:0px;
	margin-right:0px;
	margin-left:0px;
}

.linkTd a{
	padding:10px;
	width:100%;
	display:block;
}

tr.globalListRow:hover {
    background-color: #f1f1ee !important;
}

.pioFormContentRow .pioFormLabelContainer{
	width: 125px;
}

.pioFormContentRow .pioFormInputContainer{
	margin-left: 125px;
}

a.button, input.button{
	margin-bottom: 5px;
}

.clanekContentWrap p{
	max-height: 56px;
	overflow: hidden;
}

li.nadpis {
    font-weight: 900;
    color: black;
	text-indent: 0px;
}

.excerptBackground{
	position: absolute;
	right: 10px;
	bottom: 5px;
}

.contentWrapper{
	margin-bottom:15px;
}

.editCell .multiLine{
	line-height: 2;
}

@media screen and (max-width: 410px) {
	a.button, input.button{
		width: 100%;
	}
	
	.clanekIconWrap{
		max-width: 65px;
		min-width: 65px;
	}
	
	.clanekContentWrap{
		margin-left: 5px;
		padding: 1px 5px 1px 5px;
	}
	
	.clanekContentWrap{
		overflow-wrap: break-word;
	}
	
	.contentWrapper{
		overflow-wrap: break-word;
	}
}

@media screen and (max-width: 587px) {
	.pioEditTable td {
		font-size: 12px;
		padding: 3px;
	}
}

@media screen and (max-width: 522px) {
	.pioEditTable td {
		font-size: 11px;
		padding: 1px;
	}
}

/********************************** 
**********   Detail    ************
***********************************/

.detailPerex{
	font-style: italic;
	font-weight: bold;
}

.detailMainFoto{
	max-width:350px;
	margin: 0px 10px 10px 0px; 
	float: left;
}

.detailAuthor{
	font-size: 0.9em;
    font-style: italic;
    margin-top: 3px;
}

.detailImgGalery{
	max-width:150px;
	margin-right:10px;
}

.detailLinks{
	margin-top: 0px;
}

@media screen and (max-width: 420px) {
	.detailMainFoto{
		max-width:120px;
	}
	
	.detailImgGalery{
		max-width:110px;
	}
}

@media screen and (max-width: 290px) {
	.detailMainFoto{
		max-width:100%;
	}
	
	.detailImgGalery{
		max-width:48%;
	}
}