/*  -------------- Top menu --------------------*/
.header 
{
	/*display: flex;*/
	/*justify-content: center;*/
	background: none repeat scroll 0 0 #ffff;
	height: 75px;
	top: 0;
	z-index: 10000;
	/* padding-bottom: 40px; */
	position: fixed;
	padding: 0 10px;
}
		
.header a.menu-left {
	background: center center no-repeat transparent;

	/*background-image: url("/images/Hambac.png"); */
	background-repeat: no-repreat;
	background-size: 30px auto;
	display: block;
	width: 40px;
	height: 40px;
	position: relative;
	top: 0px;
	left: 1px;
	/*border-right: 1px solid #afc7b0;*/
	padding-right: 4px;
}
.header a.menu-left-back {
	background: center center no-repeat transparent;
	background-image: url(/gui/spat.png);
	background-repeat: no-repreat;
	background-size: 27px auto;
	display: block;
	width: 36px;
	height: 40px;
	position: relative;
	top: -1px;
	left: 0px;
	/*border-right: 1px solid #afc7b0;*/
	padding-right: 4px;
	display: none;
}
.header a.menu-top {
	background: center center no-repeat transparent;
	background-image: url(/img/knizka_blog3.png);
	/*background-repeat: no-repreat;*/
	background-size: 46px auto;
	display: block;
	width: 40px;
	height: 40px;
	/*position: absolute;
	top: -1px;
	right: 0px;*/
	/*border-left: 1px solid #afc7b0;*/
	/*padding-left: 18px;*/
}
#inner-wrapper {
	height: 100% !important;
	padding: 0;
	margin: 0;
	width: 100% !important;
	margin-top: 95px;
}

#wrapper
{
	width: 100%;
	padding-top: 0px;
}
body 
{
	background-color: #e6f0e7;
}
@media screen and (max-width: 1180px) {
		html
		{
			height: 100%;
		}
		#lave_menu_scroll
		{
			display: none;
		}
		.bublina_wrap {
			text-align: center;
			margin: 0px 0px 20px 0px;
		}
		body {
			/*background: none;*/
		}
		.sidebar_extraright
		{
			display: none;
		}
		.pr15_sidebar_extraleft
		{
			padding-right: 0;
		}
		#gallery {
			padding: 15px 0px !important;
		}
		.pr10
		{
			padding-right: 0;
			
		}
		.pl10
		{
			padding-left: 0;
			
		}
		.pr11
		{
			padding-left: 0;
			padding-right: 0px;
		}
		.none980
		{
			display: none;
		}
		.none {
			display: block;
		}
		/*#content .text {
			padding: 0;
		}*/
		.pleft24 {
			padding-left: 0px;
			padding-right: 0px;
		}
		.pleft35
		{
			padding-left: 10px;
		}
		#pbOverlay{
			height: calc(100% - 39px) !important;
			margin-top: 39px !important;
		}
		.napoleon
		{
			width: 100%;
		}

		.sidebar_extraleft
		{
			display: none;
		}
		.pleft15 {
			padding-left: 0px;
		}
		#header {
			display: none;
		}
		
		#zalozky{
			display: none;
		}
		.flex.between-mobil-around
		{
			justify-content: space-around;
		}
		.six-col 
		{
			width:  100%;
			padding: 0px 10px;
			box-sizing: border-box;
		}
		form.search
		{
			display:block;
			margin-bottom: 15px;
		}
		#sidebar_right form.search
		{
			margin-bottom: 7px;
			margin-top: 7px;
		}
	
		.listing-margin
		{
			margin-left:5px;
		}
		/*  -------------- modre menu --------------------*/
		#sidebar_left
		{
			/*width: 282px;*/
			padding-top: 0px;
		}
		.sidebar_extraleft .metodik_img_div
		{
			width: 100% !important;
			height: 80px!important;
			max-width: 63px;
		}
		.sidebar_extraleft .metodik_img_div img {
			height: 100% !important;
			max-height: 50px !important;
		}
		#sidebar_left .mobil_ikony .metodik_img_div span, .sidebar_extraleft .mobil_ikony .metodik_img_div span, .mobil_ikony .metodik_img_div span
		{
			font-size: 11px;
		}
		/*.four-col {
			width: 636px; 
		}*/
		.sidebar_extraleft h2.mobil_ikony_header, .sidebar_extraleft h2.mobil_ikony_header
		{
			font-size: 12px;
			padding: 5px 2px 5px 5px;
			width: calc( 100% - 7px);
			max-width: 303px;
		}
		.sidebar_extraleft {
			max-width: 100%;
		}
		
		/*  -------------- LAVE menu sidebar na mobil --------------------*/
		.two-col {
			width: 100%;
		}
		#sidebar_left.mm-menu,
		#sidebar_right.mm-menu
		{
			background: #fff;
			color: #333333;
			margin-left: 4px;
			padding-top: 4px;
			padding-left: 4px;
			overflow: auto;
			width: 66%;
		}
		#sidebar_right ul li, #sidebar_left ul li {
			text-align: left;
		}	
		#sidebar_right ul li.center, #sidebar_left ul li.center {
			text-align: center;
		}
		.mm-menu {
			width: 56%;
			min-width: 140px;
			max-width: 341px;
		}
		.mm-menu > .mm-panel
		{
			padding: 4px;
		}
		

		#stred_980 {
			width: 100%;
			max-width: 100%;
		}
		
	
	/*	#content p
		{
			margin-left: 0px;
		}
}
*/

@media screen and (max-width: 980px) {
	
	#lave_menu_scroll
	{
		display: block;
	} 
	
	#sidebar_left ul
	{
		margin-left: 0px;
	}
	.zobacik_vyber
	{
		display: none !important;
	}

}

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

	
    #sidebar_left 
    {
        margin: 0 auto;
		min-width: unset;
    }
    .prispevok {
        width: 100%;
        margin-left: 0px;
    }
    
    .inner-wrapper, .wrapper {
        width: 100%;
    }
    
    #header ul.menu li a {
        padding: 0 11px;
    }
	.show690
	{
		display: block !important;	
	}
	.napoleon
	{
		padding-right:0;
	}
    #header {
        width: 100%;
    }
    
    .two-col {
        width: 50%;
    }
	.aktuality_div
	{
		width: 100%;
	}
	.prispevok-main
	{
		width: auto;
	}
	
}
@media screen and (max-width: 580px) {
    .two-col {
        width: 50%;
    }
    #header p {
        width: 100%;
	}
	.clanok {
		padding: 12px 7px 12px 7px;
	}
}

@media screen and (max-width: 480px) {
	#content p.text_bublina
	{
		margin-top: 0;
		margin-left: 36px;
	}
	.had{
		width:80%;
		height: auto;
		margin: auto;
	}
	.img_bublina {
		padding: 20px 20px 5px;
		width: auto;
		text-align: center;
		text-align: center;
		max-width: fit-content;
		box-sizing: content-box;
		max-height: 30px;
	}
	span.logo_text
	{
		font-size: 17px;
	}
	.hide480
	{
		display: none !important;
	}

	.flex.row480-column
	{
		flex-direction:column !important;
	}
	.none480
	{
		display: none !important;	
	}
	.show480
	{
		display: block !important;	
	}
	
    #header ul.menu
    {
        display:none;
    }
    .six-col 
    {
        width:  100%;
		padding: 0;
    }
	.bublina_wrap
	{
		margin: 0px 10px 10px 10px;
	}
	#inner-wrapper
	{
		margin-top: 65px;
	}
	.header
	{
		height: 55px;
	}
	.one-and-half-col{
		display: block;
		border-right:0;
		margin-right: 0px;
    padding-right: 5px;
    padding-left: 5px;

	}
	#inner-footer_wrapper{
		display: block;
	}
    .inner-wrapper 
    {
        width: 100%;
    /*	float: none;*/
    }
    form.search
    {
        display:block;
    }
    .wrapper
    {
        width: 100%;
    }
    #header p 
    {
        top: 8px;
        width: auto;
        z-index: 1;
        right: auto;
    }
   
	.sidebar_extraleft
		{
			display: none;
		}
    select.menu_mobil
    {
        float: right;
        margin-right: 5px;
        margin-top: -25px;
    }
   
    #sidebar_left 
    {
        margin: 0 auto;
    }
    .flex{
        /*display: block;*/
	}
	.flex.pb20{
        display: block;
    }
    .nastenka
    {
        background: none;
    }
    #content h2, .prispevok  {
        margin-left: 0;
    }
    .four-col, #content .prispevok-main .zobrazit-subory {
        width:100%;
    }
    .two-col {
        width: 100%;
	}
	
	
	#sidebar_left.mm-menu,
	#sidebar_right.mm-menu
	{
		background: #fff;
		color: #333333;
		margin-left: 0px;
		padding-top: 4px;
		padding-left: 4px;
		overflow: auto;
		width: 65%;
	}
	#sidebar_right ul li, #sidebar_left ul li {
		text-align: left;
	}
	.mm-menu {
		width: 77%;
		min-width: 140px;
		max-width: 426px;
	}
	.mm-menu > .mm-panel
	{
		padding: 4px;
	}    
    #content .prispevok .obsah {
        padding-left: 3px;
        padding-right: 3px;
        width: 98%;
    }
   
    #header {
        width: 100%;
    }
	.pr20 {
		padding-right: 0px;
	}
	.container
	{
		padding: 0 8px;
		box-sizing: border-box;
	}
	
	
}
@media screen and (max-width: 460px) {

	.none460
	{
		display: none !important;	
	}
	.show460
	{
		display: block !important;	
	}
	.header
	{
		height: 55px;
	}
	/*#had{
		display: none;
	}
	#had2
	{
		display: block;
	}*/
	#had {
		max-width: 30px;
	}
	h1
	{
		font-size: 29px;
		line-height: 35px;
	}	
	span.logo_text
	{
		font-size: 15px;
	
	}
	/*--------------------------------------------------------------------------*/
}
@media screen and (max-width: 221px) {
	.none220
	{
		display: none !important;	
	}
}