/* ******************************************************* */
/* Copyright © 2019 Váš prostor, s.r.o. - všechna práva vyhrazena*/
/* Autor: Váš prostor, s.r.o.*/
/* ****************************************************** */
/* MENU HORIZONTAL */
/**tyto menu skryji vsechny*/
.menu_horizontal_hover {display: none;}
.menu_horizontal {display: none;}



.menu_vertical_obal_mobil ul li {display: none;}


/*pokud se klikne na ikonu tak jiz vidime li*/
.menu_vertical_obal_mobil_viditelne ul li {display:block;}

/*pod kategorie take nevidim*/
.menu_vertical_obal_mobil_viditelne ul li ul {display: none;}

/*selector pro menicka ktera maji pod urovne*/
.menu_vertical_obal_mobil_viditelne li  > a::after 
{
  content: '';
  position:absolute;
	right:5px;
  line-height:20px;
  color:white;
  font-weight:bold;
}

/*standarne nemaji nic*/
.menu_vertical_obal_mobil_viditelne li > a:only-child::after {
    content: '';
}

	/*ikonka pro rozjeti podurovni carek*/
	.menu_vertical_obal_mobil_viditelne ul li a.plusko, 	.menu_vertical_obal_mobil_viditelne ul li ul li a.plusko, 	.menu_vertical_obal_mobil_viditelne ul li.aktiv ul li a.plusko
	{
	position:absolute;
	top:0px;
	right:0px;	
	width:10px;
	}

.menu_vertical_obal_mobil_viditelne 
{	
	
	width:100%;
	background-color: transparent;
	background:none;
	z-index:400;
}




.menu_vertical_obal_mobil_viditelne ul
{	
	list-style-type: none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:#f1592a;
	
}

	.svetla ul
	{
		background:#3fbc93;
	}


	.menu_vertical_obal_mobil_viditelne ul li
	{
	
	background-color:#3fbc93;
	margin-bottom:2px;
	position:relative;
	text-align:left;
	}
	
		.svetla ul li
		{
			background:#3fbc93;
		}
	
	.menu_vertical_obal_mobil_viditelne ul li ul
{	
	list-style-type: none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color:#37a883;
}
	/*ikonka tri carek*/	
	.menu_vertical_obal_mobil_viditelne ul li.menu_ikona_mobil_li
	{
	display:none;
	}
	/*ikonka tri carek*/
	.menu_vertical_obal_mobil_viditelne ul li.menu_ikona_mobil_li a
	{
	display: none;
	
	}

.menu_vertical_obal_mobil_viditelne ul li a
{
	
	display: inline-block;
  color:white;
  text-align: center;
  padding: 13px 16px 13px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size:21px;
  width:100%;
	font-family:font_regular;
	
  
}

.menu_vertical_obal_mobil_viditelne ul li a.odkaz_pozadi_hlavni
{
	background-position: center top;
	background-repeat: no-repeat;
	padding-top:60px;
	
}

.menu_vertical_obal_mobil_viditelne ul li.aktiv a,.menu_vertical_obal_mobil_viditelne ul li ul li.aktiv a
{	
	background-color: transparent;
	color:white;
	font-family:font_regular;
	text-decoration:underline;
}

.menu_vertical_obal_mobil_viditelne ul li a:hover
{	
	background-color: transparent;
	color:black;
	font-family:font_regular;
	text-decoration:underline;
}

.menu_vertical_obal_mobil_viditelne ul li ul li , .menu_vertical_obal_mobil_viditelne ul li.aktiv ul li 
{
		background:#37a883;
		margin-bottom:2px;
		text-decoration:none;
}

/*druha*/
.menu_vertical_obal_mobil_viditelne ul li ul li a, .menu_vertical_obal_mobil_viditelne ul li.aktiv ul li a
{
	padding: 13px 16px 13px 26px;
	background-color:#37a883;
	color:white;
	font-family:font_regular;
	text-decoration:none;
  
}

.menu_vertical_obal_mobil_viditelne ul li ul li a:hover
{
	text-decoration:underline;
}

/*treti uroven*/
.menu_vertical_obal_mobil_viditelne ul li ul li ul
{
	list-style-type: none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color:#ffa72c;
}

.menu_vertical_obal_mobil_viditelne ul li ul li ul li a, .menu_vertical_obal_mobil_viditelne ul li.aktiv ul li ul li a
{
	padding: 13px 16px 13px 36px;
	background-color:#ffa72c;
	color:#000000;
	font-family:font_regular;
	text-decoration:none;
  
}

.menu_vertical_obal_mobil_viditelne ul li ul li ul li a:hover
{
	text-decoration:underline;
}

/*ctvrta uroven*/
.menu_vertical_obal_mobil_viditelne ul li ul li ul li ul li a, .menu_vertical_obal_mobil_viditelne ul li.aktiv ul li ul li ul li a
{
	padding: 13px 16px 13px 46px;
	background-color:#dadada;
	color:#000000;
	font-family:font_regular;
  
}





/* *########################################################################## *MENu horozintak transform to vertiacal *################################################################ */
/* *########################################################################## *//* *########################################################################## */


.menu_horizontal_obal_mobil 
{	
	float:left;
	background:transparent;
	width:100%;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space:nowrap;
	
	position:relative;
}

.menu_horizontal_obal_mobil  h3
{	
	font-size:26px;
}

.menu_horizontal_obal_mobil ul
{	
	width:100%;
	list-style-type: none;
	padding:0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
	background-color: transparent;
		    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
	}

	@media only screen and (max-width: 1180px)
		{
			.menu_horizontal_obal_mobil ul
			{
			
			}
		}
	
/*ikonka pro rozjeti podurovni carek*/
	.menu_horizontal_obal_mobil ul li a.plusko
	{
		display:none;
	}

.menu_horizontal_obal_mobil ul li
{	
	float:left;
	text-align:center;
	list-style-type: none;
	width:100%;
	line-height:50px;
	position:relative;
	transition:  0.3s ;
	background-color: transparent;
	
}
.menu_horizontal_obal_mobil ul li a
{	
	color:white;
	font-weight:normal;
	font-family: font_light;
	display:block;
	text-decoration:none;
	font-size:18px;
	
}
.menu_horizontal_obal_mobil ul li a:after
{	
	content:'→';
	font-size:14px;
	margin-left:5px;
	
}

.menu_horizontal_obal_mobil ul li.aktiv a
{	
	color:white;
	text-decoration:underline;
}
.menu_horizontal_obal_mobil ul li a:hover, .menu_horizontal_obal_mobil ul li.aktiv ul li a:hover
{	
	color:white;
	text-decoration:underline;
}














/* *########################################################################## *MENu PATICKA* *################################################################ */
/* *########################################################################## *//* *########################################################################## */

	.menu_paticka
	{
	min-height:50px;
	_height:50px;
	background:transparent;
	float:left;
	width:25%;
	}
	
	@media only screen and (max-width: 800px)
	{
		.menu_paticka
		{
		width:50%;
		margin-bottom:20px;
		
		}
	}
	
	
	@media only screen and (max-width: 400px)
	{
		.menu_paticka
		{
		width:98%;
		margin:2% 2% 2% 2%;
		}
	}
	
	.menu_paticka h3
	{
	font-family: font_heavy;
	color:#1371b8;
	font-weight:normal;
	display:block;
	text-decoration:none;
	font-size:15px;
	text-align:left;
	width:100%;
	margin:0 0 10px 0;
	padding:0;
	}
	
	/*parametry samotne prvni urovne*/
	.menu_paticka ul 
	{
	text-align:left;
	padding:0px;
	margin:0px;
	font-weight:normal;
	}
	
	.menu_paticka ul li 
	{
	list-style-type: none;
	clear:both;
	position:relative;
	line-height:20px;
	}
	
	.menu_paticka ul li a 
	{
	font-family: font_light;
	color:#282828;
	font-weight:normal;
	display:block;
	text-decoration:none;
	font-size:15px;
	}
	
		@media only screen and (max-width: 800px)
		{
			.menu_paticka ul li a 
			{
			font-size:12px;
			}
		}
	
	.menu_paticka ul li.aktiv a, .menu_paticka ul li a:hover
	{
	text-decoration:none;
	font-weight:bold;
	
	}
/* *########################################################################## *MENu TELO SEKUNDARNI* *######################################################## */
/* *########################################################################## *//* *########################################################################## */
.menu_telo_horizontal 
{	
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
}

.menu_telo_horizontal div.menu_telo_label
{	
	font-family: font_heavy;
	font-size:30px;
	margin-bottom:10px;
}

.menu_telo_horizontal ul
{
	list-style-type: none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}


.menu_telo_horizontal ul li
{	
	float:left;
	margin:0px 0px 5px 0px;
	padding:0px 20px 0px 0px;
	text-align:left;
	list-style-type: none;
	height:50px;
	line-height:50px;
	
	position:relative;
	transition:0.3s ;
	border:0;
	
}

	@media only screen and (max-width: 800px)
		{
			.menu_telo_horizontal ul li
			{
			padding-top:10px;
			width:33%;
			line-height:20px;
			}
		}
		
	@media only screen and (max-width: 600px)
		{
			.menu_telo_horizontal ul li
			{
			padding-top:10px;
			width:50%;
			line-height:20px;
			}
		}		
		
	@media only screen and (max-width: 400px)
		{
			.menu_telo_horizontal ul li
			{
			padding-top:10px;	
			width:100%;
			line-height:20px;
			}
		}	
.menu_telo_horizontal ul li div.obrazek_pred_odkazem
{
	
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	width:50px;
	height:50px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	
	position:absolute;
	left:0px;
	top:0px;
	
	
}

.menu_telo_horizontal ul li a
{	
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	font-family: font_regular;
	color:black;
	display:block;
	width:100%;
	height:100%;
	padding-left:55px;
	position:relative;
	
	
}

.menu_telo_horizontal ul li div.prejit_do_kategorii
{
	color:#ed9b00;
	font-size:14px;
	font-weight:normal;
	font-family: font_light;
	
	
}


/* *########################################################################## *//* *########################################################################## */
/* *########################################################################## *//* *########################################################################## */
/* *########################################################################## *//* *########################################################################## */
/* *########################################################################## *//* *########################################################################## */
/* *########################################################################## *//* *########################################################################## */
/* *########################################################################## *//* *########################################################################## */



	
.menu_vertical_paticka 
{	
	
	position:relative;
	width:50%;
	float:left;
	
}
	@media only screen and (max-width: 400px)
	{
		.menu_vertical_paticka 
		{
		width:100%;
		}
	}	

.menu_vertical_paticka h3
	{	
		padding-bottom:0px;
		margin-bottom:0px;
		width:50%;
	}
	
.menu_vertical_paticka h3 a
	{	
		color:black;
		font-weight:normal;
		display:block;
		text-decoration:none;
		font-size:16px;
		font-family:font_black;
		width:50%;
		text-decoration:underline;
	}
.menu_vertical_paticka ul
{	
	width:100%;
	list-style-type: none;
	padding:0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
	background-color: transparent;
	
}
	
	.menu_vertical_paticka ul li a
	{	
		color:black;
		font-weight:normal;
		display:block;
		text-decoration:none;
		font-size:14px;
		font-family:font_regular;
		line-height:25px;
		
	}
	
	.menu_vertical_paticka ul li a:hover
	{	
		text-decoration:underline;
	}