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

/* Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {

	/* width: 720px; */
	#telo {
		_background: gold;
		padding-bottom: 320px;
	}

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

	#kolotoc {
		height: 475px;
	}

	#kolotoc .snimka {
		height: 475px;
	}

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

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

	#logo {
		height: 65px;
		height: 90px;
	}

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

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

	#horne-menu {
		width: 485px;
		height: 90px;
	}

	#horne-menu A SPAN:before {
		width: 2px;
	}

	#horne-menu A#horne-menu-login {
		background-position: 4px 16px;
	}

	#uvod #stredne-menu {
		top: 120px;
		width: 190px;
	}

	#uvod #stredne-menu UL {
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#uvod #stredne-menu A {
		width: 190px;
		margin-bottom: 15px;
		text-align: left;
	}

	#stredne-menu A#stredne-menu-login {
		_display: block;
	}

	#spodne-menu {
		top: 120px;
	}

	#hlavne-menu {
		background: url(../../pics/layout/bg-hlavne-menu-690.png) center top no-repeat;
	}

	#hlavne-menu LI.uroven1 {
		width: 130px;
		margin-right: 10px;
	}

	#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 {
		padding-left: 10px;
		padding-right: 10px;
		background-image: none;
		font-weight: bold;
	}

	#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 {
		padding-top: 45px;
		padding-right: 2px;
		padding-left: 2px;
	}

	#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: block;
		height: auto;
		line-height: 1em;
		font-size: .85em;
		font-weight: normal;
		text-align: center;
	}

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

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

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

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

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

	#lavy-panel {
		margin-top: 20px;
	}

	#submenu A.uroven1 {
		background-position: 665px center;
		padding-top: 5px;
		padding-bottom: 5px;
	}

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

	.uputavka {
		width: 335px;
		margin-right: 20px;
		float: left;
	}

	.uputavka:nth-of-type(2) {
		margin-top: 0;
	}

	.uputavka:nth-of-type(2n) {
		margin-right: 0;
	}

	#najcitanejsie {
		width: 335px;
		float: left;
	}

	#pata {
		height: 300px;
	}

	#pata-spodok {
		height: 240px;
	}

	#system-menu-https SPAN:after,
	#system-menu-home SPAN:after,
	#system-menu-rss SPAN:after,
	#system-menu-login SPAN:after,
	#system-menu-search SPAN:after,
	#system-menu-mapa SPAN:after {
		content: '';
	}

	#pata #copyright {
		float: none;
	}

	#dokumenty,
	#counter {
		margin-top: 15px;
	}

	#content {
		max-width: 690px;
	}

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