.hryContent{
	margin-left:10px;
	flex-grow: 1;
}

.hryIcons{
	width:75px;
	align-self: center;
}

.hraNazev{
	color:#0070AF;
	font-size: 1.4em;
	overflow-wrap: break-word;
	display:block;
	margin-bottom:10px;
}

.hryItem{
	display:flex;
	flex-direction: row;
}

.hryItem:hover{
	background-color: #efefef;
}

.vekLabelRight{
	float: right;
}


.hryImage{
	min-width: 120px;
	max-width: 120px;
	display: flex;
	align-items: center;
}

.hryImage img{
	width: 100%;
}

.vekLabel{
	font-weight:bold;
}

.vekLabelOffset{
	margin-top: 16px;
}

.pioLargeLabel{
	color: #0070af;
	font-size: 19px !important;
	line-height: 1.5;
}

.tableWrapper {
    overflow-x: auto;
}

input.miniBox[type="text"]{
	width:15%;
}

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

.boldLabel{
	font-weight: bold;
	padding-bottom: 6px;
	font-size:14px;
}

.centerLabel{
	text-align: center;
}

.flexWrap{
	display:flex;
}

.flexItm{
	width:25%;
	align-self: flex-end;
}

.flexItm input, input.flexItm{
	border: 1px solid #ABADB3;
	border-radius: 5px;
	height: 29px;
	padding-left: 7px;
	padding-right: 7px;
}

/* DETAIL */

.mainContentWrapper h3{
	font-size: 19px;
    line-height: 1.5;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #0070af;
}

.headerWrapper{
	display:flex;
	flex-wrap:wrap;
	text-align: center;
}

.headerItem .imgWrapper{
	height:60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.headerHighlight{
	font-weight: 700;
}

.leftPanel{
	width: 50%;
	display: flex;
	flex-direction: column;
}

.rightPanel{
	width: 50%;
	align-self: center;
	justify-content: center;
	display: flex;
}

.imageWrapper img{
	max-width: 100%;
}

.panelItem {
    display: flex;
	margin-bottom: 3px;
}

.panelLabel {
    width: 32%;
}

.panelText {
	width:68%;
    font-weight: 700;
	align-self: center;
}

.galeryWrapper{
	display: flex;
	flex-wrap: wrap;
}

.galeryWrapper a{
	max-width: 24%;
	margin-left: 1%;
}

.galeryWrapper img{
	max-width: 100%;
}

.zprava{
	width: 100%;
	margin-top: 25px;
}

.zprava strong{
	color: #C62803;
}

.reakce{
	background: blue;
	width: 100%;
	margin-top: 25px;
}

.diskuseForm textarea {
	width: 100%;
}

.diskuseForm.diskuseSubForm {
	display: none;
}

.diskuseForm .button {
	margin-top: 15px;
}

.panelWrapper{
	margin-top: 20px;
	display: flex;
}

.mainContentWrapper{
	margin-top: 10px;
}

.contentLabel{
	color:#0070af;
	line-height: 1.5;
	font-size: 19px;
}

.panelText p{
	margin-bottom: 0px;
	margin-top: 0px;
}

.normalLink{
	text-decoration:underline;
	color:blue;
}

@media screen and (max-width: 800px){
	.panelItem {
	    display: block;
	    margin-bottom: 10px;
	}
	
	.panelLabel {
		width: 100%;
	}
	
	.panelText {
		width: 100%;
	}
	
	.rightPanel {
		margin-left: 20px;
	}
}

@media screen and (max-width: 690px) {
	.right{
	   width: 100%; 
	   margin-left:0px;
	}
	.left{
	   width: 100%;
	   float:none;
	}
}

@media screen and (max-width: 600px) {
	.pioFormInputContainer{
		margin-left: 0px !important;
	}
	
	.pioFormLabelContainer{
		width: 100% !important;
	}

	.hryImage{
		min-width: 90px;
		max-width: 90px;
	}
	
	.flexWrap{
		flex-direction: column;
	}
	
	.boldLabel{
		margin-top: 6px;
		padding-bottom: 0px;
	}
	
	.flexItm{
		width: 100% !important;
	}
	
	.centerLabel{
		text-align: left;
	}
}

@media screen and (max-width: 420px){
	.panelWrapper{
		flex-direction: column;
	}
	
	.leftPanel{
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.rightPanel{
		width: 100%;
		align-self: center;
		justify-content: center;
		display: flex;
		margin-left: 0px;
	}
}

@media screen and (max-width: 410px) {
	a.button, input.button{
		width: 100%;
	}
	
	.hryList{
		overflow-x: auto;
	}
	
	.hryImage{
		min-width: 60px !important;
		max-width: 60px !important;
	}
	
	.hryIcons img{
		width:45px;
	}
}