h1 {
	font-size: 14px;
	display: inline;
	font-weight: normal;
}

#HP-wrap{
    border-top: 4px solid #C7C7C7;
}

#HP-cont{
	display: table;
	table-layout: fixed;
	margin: 0 auto -4px;
	max-width: 1000px;
	width: 100%;
	text-align: center;
	position: relative;
	top: -4px;
}

#HP-cont .HP-HR:hover,
#HP-cont .HP-IT:hover{
	background: #e8ddc8;
}

#HP-cont .HP-CH:hover,
#HP-cont .HP-AL:hover{
    background: #c8d8e8;
}

#HP-cont .HP-SK:hover{
	background: #d1e4d8;
}

#HP-cont .HP-CH,
#HP-cont .HP-AL{
    border-top: 4px solid #007faf;
    color: #356f88;
}

#HP-cont .HP-SK{
    border-top: 4px solid #428500;
    color: #4d8059;
}

#HP-cont .HP-HR,
#HP-cont .HP-IT{
    border-top: 4px solid #e48905;
    color: #a87c3c;
}

#HP-cont .HP-box{
	display: table-cell;
	position: relative;
	padding: 0 5px;
	box-sizing: border-box;
}

#HP-cont a{
	display: inline-block;
	text-align: center;
	min-width: 100%;
	padding: 5px 0;
	margin: 0 auto;
	font-size: 13px;
	box-sizing: border-box;
	color: #356f88;
}

#HP-cont a:hover{
    text-decoration: none;
}

#HP-cont img {
	height: 18px;
	vertical-align: sub;
	margin: 0 5px 0 3px;
}

/* ================================================================== 650 px ================================================================== */

@media screen and (max-width: 650px) {

	#HP-cont .ACTIVE-IT,
	#HP-cont .ACTIVE-HR,
	#HP-cont .ACTIVE-GB,
	#HP-cont .ACTIVE-GR,
	#HP-cont .ACTIVE-CZ{
		display: none;
	}
}

/* ================================================================== 500 px ================================================================== */

@media screen and (max-width: 500px) {

	#HP-cont .CZ{
		display: inline-block;
		width: calc(50% - 4px);
        box-sizing: border-box;
	}

	#HP-cont .ACTIVE-CZ{
		display: none;
	}

	#HP-cont .ACTIVE-PL{
		display: none;
	}

	#HP-cont{
	margin: 0 auto;
	top: 0px;
	}

	#HP-wrap{
	border-top: 0px;
	}
}


/* ================================================================== 420 px ================================================================== */

@media screen and (max-width: 420px) {

	#HP-cont .IT,
	#HP-cont .HR,
	#HP-cont .GB,
	#HP-cont .GR{
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
	}

	#HP-cont .ACTIVE-IT,
	#HP-cont .ACTIVE-HR,
	#HP-cont .ACTIVE-GB,
	#HP-cont .ACTIVE-GR{
		display: none;
	}

}



/* odstraneni modreho ramecku u aktivniho prvku */
body a{
	outline: none;
}

body area{
	outline: none;
}

.bottom-info-text a,
.info-text a,
.moto2 a,
.moto10 a {
	text-decoration:underline;
}



/* pomocne tridy */
.text-align-center {
	text-align: center;
}

.border-0 {
	border: 0;
}