/*-------------------------------------------------*/
/*           Responsive part                       */
/*-------------------------------------------------*/

/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {

	/* width: 540px; */
	#telo {
		_background: silver;
		padding-bottom: 420px;
	}

	#telo-obsah-vrch-in,
	#telo-obsah-spodok-in,
	.pata-obsah {
		max-width: 540px;
		min-width: 540px;
	}

	#kolotoc {
		height: 395px;
	}

	#kolotoc .snimka {
		height: 395px;
	}

	#hlavicka-obsah {
		padding-top: 175px;
	}

	#uvod #hlavicka-obsah {
		padding-top: 395px;
	}

	#jazykove-menu {
		left: 15px;
		top: 285px;
	}

	#socialne-menu {
		left: 15px;
		top: 340px;
	}

	#horne-menu {
		width: 305px;
		width: 270px;
		left: auto;
		right: 15px;
		height: auto;
		z-index: 13;
	}

	#horne-menu A {
		padding: .5rem;
	}

	#horne-menu A#horne-menu-login {
		background-position: .5rem center;
		background-position: left center;
		width: 100%;
		padding-left: 1rem;
	}

	#horne-menu A#horne-menu-login SPAN {
		display: inline;
	}

	#horne-menu A#horne-menu-login SPAN:before {
		display: none;
	}

	#stredne-menu {
		font-size: .95em;
	}

	#spodne-menu {
		top: 120px;
		width: 270px;
		padding-top: .5rem;
		padding-bottom: .5rem;
		z-index: 11;
	}

	#hlavne-menu {
		background: none;
	}

	#hlavne-menu LI.uroven1 {
		position: relative;
		width: 510px;
		min-height: 60px;
		margin-top: 10px;
		margin-right: 0;
		float: none;
	}

	#hlavne-menu LI#mm-1 {
		background-color: #fccbcb;
	}

	#hlavne-menu LI#mm-2 {
		background-color: #feedb8;
	}

	#hlavne-menu LI#mm-3 {
		background-color: #bbddfd;
	}

	#hlavne-menu LI#mm-4 {
		background-color: #d6efc0;
	}

	#hlavne-menu LI#mm-5 {
		background-color: #efd8fb;
	}

	#uvod #hlavne-menu LI#mm-1 A.uroven1,
	#uvod #hlavne-menu LI#mm-2 A.uroven1,
	#uvod #hlavne-menu LI#mm-3 A.uroven1,
	#uvod #hlavne-menu LI#mm-4 A.uroven1,
	#uvod #hlavne-menu LI#mm-5 A.uroven1 {
		height: 60px;
	}

	#hlavne-menu LI#mm-1 A.uroven1,
	#hlavne-menu LI#mm-2 A.uroven1,
	#hlavne-menu LI#mm-3 A.uroven1,
	#hlavne-menu LI#mm-4 A.uroven1,
	#hlavne-menu LI#mm-5 A.uroven1 {
		position: absolute;
		width: 100%;
		padding-top: 0;
		padding-left: 50px;
		padding-right: 20px;
		margin-right: 0;
		margin-bottom: 0;
		height: 60px;
		border-radius: .25rem;
		_z-index: 10;
	}

	#hlavne-menu LI#mm-1 A.uroven1 SPAN,
	#hlavne-menu LI#mm-2 A.uroven1 SPAN,
	#hlavne-menu LI#mm-3 A.uroven1 SPAN,
	#hlavne-menu LI#mm-4 A.uroven1 SPAN,
	#hlavne-menu LI#mm-5 A.uroven1 SPAN {
		display: table-cell;
		line-height: auto;
		font-size: 1em;
		vertical-align: middle;
		text-align: left;
		height: 60px;
	}

	#uvod #hlavne-menu LI#mm-1 A.uroven1 SPAN,
	#uvod #hlavne-menu LI#mm-2 A.uroven1 SPAN,
	#uvod #hlavne-menu LI#mm-3 A.uroven1 SPAN,
	#uvod #hlavne-menu LI#mm-4 A.uroven1 SPAN,
	#uvod #hlavne-menu LI#mm-5 A.uroven1 SPAN {
		position: relative;
		z-index: 20;
	}

	#hlavne-menu LI#mm-1 A.uroven1 {
		/* cervena ::: svetla / tmava -->> #fccbcb / #fb4747 */
		background: #fb4747 url(../../pics/layout/ico-mm-wht-1.svg) 12px center no-repeat;
		background-size: 30px 35px;
	}

	#hlavne-menu LI#mm-2 A.uroven1 {
		/* zlta ::: svetla / tmava -->> #feedb8 / #feb412 */
		background: #feb412 url(../../pics/layout/ico-mm-wht-2.svg) 10px center no-repeat;
		background-size: 35px 35px;
	}

	#hlavne-menu LI#mm-3 A.uroven1 {
		/* modra ::: svetla / tmava -->> #bbddfd / #3795ff */
		background: #3795ff url(../../pics/layout/ico-mm-wht-3.svg) 10px center no-repeat;
		background-size: 35px 35px;
	}

	#hlavne-menu LI#mm-4 A.uroven1 {
		/* zelena ::: svetla / tmava -->> #d6efc0 / #5ec012 */
		background: #5ec012 url(../../pics/layout/ico-mm-wht-4.svg) 10px center no-repeat;
		background-size: 35px 35px;
	}

	#hlavne-menu LI#mm-5 A.uroven1 {
		/* fialova ::: svetla / tmava -->> #efd8fb / #b638fe */
		background: #b638fe url(../../pics/layout/ico-mm-wht-5.svg) 10px center no-repeat;
		background-size: 35px 35px;
	}

	#hlavne-menu-nav-1,
	#hlavne-menu-nav-2,
	#hlavne-menu-nav-3,
	#hlavne-menu-nav-4,
	#hlavne-menu-nav-5 {
		margin-top: 20px;
	}

	SPAN.uroven2 {
		top: 0;
	}

	#uvod #hlavne-menu LI.uroven1 SPAN.uroven2 {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	#submenu A.uroven1 {
		background-position: 475px center;
	}

	#submenu A.uroven1.selected {
		background-position: 470px center;
	}

	.uputavka {
		width: 245px;
	}

	#najcitanejsie {
		width: 245px;
	}

	#pata {
		height: 400px;
		overflow: auto;
	}

	#pata-vrch {
		height: 100px;
	}

	#pata-spodok {
		background: #0055bb;
		height: 300px;
		overflow: hidden;
		/*padding-top: 45px;*/
	}

	#system-menu {
		height: 100px;
		overflow: hidden;
	}

	#system-menu A {
		text-align: center;
	}

	#system-menu-nav UL {
		width: 510px;
		flex-wrap: wrap;
	}

	#pata #copyright {
		margin-top: 35px;
		padding-left: 50px;
	}

	#pata #copyright SPAN {
		display: block;
	}

	#pata #dokumenty {
		margin-top: 35px;
		float: left;
	}

	#pata #pristupnost,
	#pata #gdpr {
		position: relative;
		padding-left: 10px;
	}

	#pata #pristupnost SPAN:before,
	#pata #gdpr SPAN:before {
		background: #fed100;
		content: '';
		display: block;
		width: 3px;
		height: 15px;
		position: absolute;
		left: 0;
		top: 0.35em;
	}

	#pata #counter {
		margin-top: 45px;
		float: right;
		text-align: right;
	}

	#galeria-detail IMG {
		max-width: 510px;
	}

	.nahlad {
		width: 163.33px;
	}

	.nahlad:nth-of-type(4n) {
		margin-right: 10px;
	}

	.nahlad:nth-of-type(3n) {
		margin-right: 0;
	}

	.nahlad IMG {
		max-width: 163.33px;
	}

	#content {
		max-width: 510px;
	}

	#content IMG {
		max-width: 510px;
		height: auto;
	}

	#search FORM[name=search] INPUT[type=text] {
		width: 405px;
	}
}