/*nastaveni v malem rozliseni */

@media screen and (min-width: 300px) {



.napis_novinka {
  position: absolute;
  top: 30px;
  right: 30px;
  background:rgb(29, 143, 231);
  color: white;
  padding: 5px 10px;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 20px;
  border-radius: 6px;
}



.napis_sleva {
  position: absolute;
  top: 30px;
  right: 30px;
  background:rgb(227, 10, 10);
  color: white;
  padding: 5px 10px;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 20px;
  border-radius: 6px;
}

	#logo_vrch_maly {
		display: block;
		max-width: 390px;
		top: 10px;
	
		
		
		 }

		 #logo_vrch_velky {
			display: none;
					
			 }


			 #fotografie {
				position: relative;
				text-align: center;
				float:none;
				width: auto;
				
			/*	border: 1px;
				border-style: solid;
		*/
		
			 }

			 #fotografie_uvod {
				position: relative;
			    display: inline-block; /*skrz zoibrazeni napisu novinka*/
				text-align: center;
				float: none;
				width: auto;
			/*	border: 1px;
				border-style: solid;
		*/
		
			 }

	
		
			 #text_vyrobky {
				float: none;
				position: relative;
				text-align:left;
				top: 5px;
				left: 5px;
		/*		border: 1px;
				border-style: solid;
		*/		box-sizing: border-box;
				height: auto;
				
				width: auto;
				margin-bottom: 15px;
				font-size: 12px;
				
				border-style: solid;
				border: 1px;
				border-color: #000000;
					
				
				
				}

				 #text_vyrobky_uvod {
				float: none;
				position: relative;
				text-align:left;
				top: 5px;
				left: 5px;
		/*		border: 1px;
				border-style: solid;
		*/		box-sizing: border-box;
				height: auto;
				
				width: auto;
				margin-bottom: 15px;
				font-size: 12px;
				
				border-style: solid;
				border: 1px;
				border-color: #000000;
					
				
				
				}

	



			.obrazek_jeden {
			width: 310px;
			border: 4px;
			border-radius: 10px;
			border-style: solid;
			height: auto;
			border-color: rgb(80, 179, 23);
			margin: 12px;
			transition: linear .1s;

		}

		.obrazek {
			width: 310px;
			border: 4px;
			border-radius: 10px;
			border-style: solid;
			height: auto;
			border-color: rgb(80, 179, 23);
			margin: 12px;
			transition: linear .1s;
			
			
		}


		.obrazek_uvod {
			width: 330px;
			border: 4px;
			border-radius: 10px;
			border-style: solid;
			height: auto;
			border-color: rgb(80, 179, 23);
			margin: 12px;
			transition: linear .1s;
			
			
		}

		.obrazek_uvod_navysku {
			width: 140px;
			border: 4px;
			border-radius: 10px;
			border-style: solid;
			height: auto;
			border-color: rgb(80, 179, 23);
			margin: 12px;
			transition: linear 0.2s;
			content-visibility: auto;
			visibility: 1s;
			

		}


		.obrazek_navysku {
			width: 140px;
			border: 4px;
			border-radius: 10px;
			border-style: solid;
			height: auto;
			border-color: rgb(80, 179, 23);
			margin: 12px;
			transition: linear .1s;
		}


		
	
		.obrazek_navysku:hover {
			box-shadow: black 4px 8px 15px; 
						 
		   }

		   .obrazek:hover {
			box-shadow: black 4px 8px 15px; 
						 
		   }

		   #ramecek_cena:hover {
			box-shadow: black 4px 8px 15px; 
						 
		   }

		     #ramecek_poptavka:hover {
			box-shadow: black 4px 8px 15px; 
						 
		   }
	
		   #menu {
			max-width: 1250px;
			margin: auto;
			height:30px;
			width: 100%;
			position: relative;
			top: 0px;
			border: 0px;
			border-style: none;
			z-index: 0;
			display: none;
	
	}

	

	#menu_vyjizdeci {
		width: 100%;
		z-index: 0;
		position: relative;
		height: auto;
		display:none;
		float: none;
		
		
	}



#ikona_menu{
	text-align: center;
	margin: auto;
	position: sticky;
	top: 0px;
	padding-top: 5px;
	min-width: 200px;
	width: 100%;
	height: 30px;
	font-size: 16px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: bold;
	color: azure;
	background-color: rgb(80, 179, 23);
	display: block;
	z-index: 10;
	border-top: 2px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 2px;
	border-style: solid;
	
		
}

#ikona_menu:hover{
	background-color: rgb(80, 179, 23);
	/*background-color: #e79f04;	*/
	color: black;
}


	  

	 
			
		#menu_male {
			text-align: center;
			margin: auto;
			padding-top: 10px;
			min-width: 200px;
			width: 100%;
			min-height: 30px;
			height: auto;
			font-size: 14px;
			font-family: Verdana, Geneva, Tahoma, sans-serif;
			font-weight: normal;
			color: azure;
			background-color: rgb(80, 179, 23);
			float:none;
			transition: background-color .3s , color .3s;
			
		}

		#menu_male_aktivni {
			text-align: center;
			margin: auto;
			padding-top: 10px;
			min-width: 200px;
			width: 100%;
			height: 30px;
			font-size: 14px;
			font-family: Verdana, Geneva, Tahoma, sans-serif;
			font-weight: bold;
			color: azure;
			background-color: rgb(0, 0, 0);
			float: none;
			transition: background-color .3s , color .3s;
			
		}


		#menu_male:hover {	

		color: rgb(0, 0, 0);

		/*background-color: #e79f04;		*/
		background-color: rgb(104, 250, 20);
		}



		  #obrazek_kontakt  { 
			width: 280px;
			
			position: relative;
			float:none;
			border-radius: 3px;
			border-style: solid;
			border-width: 3px;
			border-color:  rgb(80, 179, 23);;
			
		}
		
	

		#text_kontakt  { 
			width: 300px;
			top: 30px;
			width: 95%;
			position: relative;
			left: 20px;
			top: 20px;
		
		}


	


		#cara_deleni{
				
			width: 98%;
			max-height: 5px;
			position: relative;
			
			
		 }


	

		 #rozdelovnik {
			position: relative;
			margin: auto;
			float: none;
			text-align: center;
			font-size: 14px;
			font-family: Verdana, Geneva, Tahoma, sans-serif;
			font-weight: normal;
			width: 95%;
			min-width: 200px;
			height: 22px;
			padding-top: 6px;
			color: rgb(255, 255, 255);
			background-color: rgb(20, 20, 20);
			border-top: 2px;
			border-left: 0px;
			border-right: 0px;
			border-bottom: 2px;
			border-style: solid;
			transition: background-color .4s , color .4s;
			
		
		}
	
	
		#rozdelovnik:hover {
			/*background-color: #e79f04;	
			color: black;
		*/

		background-color: #ececec;	
			color: black;

		}

	
		 
	 /* zobrazovani galerie*/
	 .gallery {
		overflow: hidden;
		max-height: 0;
		opacity: 0;
		transition: max-height 0.6s ease, opacity 0.6s ease;
	/*	pointer-events:none ;*/
		margin-bottom: 10px;
		text-align: center;
	
		
   
	}
	  /* zobrazovani galerie*/
	.gallery.hidden {
		overflow: hidden;
		max-height: 10000px;
		opacity: 1;
		transition: max-height 1.5s ease, opacity 1.5s ease;
		
	/*	pointer-events:none;*/
		
	}



					#radek_rozdelovnik {
					position: relative;
					left: 0px;
					float: none;
					font-weight: normal;
					padding-top: 10px;
					padding-left: 10px;
					padding-bottom: 10px;
					font-size: 14px;
					width: 99%;		
					height: auto;
					border-radius: 5px;
					transition: 0.5s;
					color: rgb(0, 0, 0);
					background-color:  rgb(80, 179, 23);
					
	}


					#radek_rozdelovnik:hover {
					background-color: black;
					color: white;
					font-weight: bold;
				
				
					}


				
	
		#ramecek_poptavka {
			position: relative;
			float:none;
			margin: auto;
			box-sizing:border-box;
			margin-bottom: 20px;
			text-align: center;
			font-size: 16px;
			width: 350px;
			height: 60px;
			color: white;
			background-color: green;
			border-radius: 6px;
			transition: box-shadow .3s , color .3s;
			
		   				
		}



		


/*nastaveni drevenych vyrobku */

						.rozdelovnik_nadpis {
						position: relative;
						float: left;
						text-align: center;
						font-size: 14px;
						font-family: Verdana, Geneva, Tahoma, sans-serif;
						font-weight: normal;
						width: auto;
						min-width: 170px;
						height: 22px;
						padding-top: 6px;
						color: rgb(255, 255, 255);
						background-color: rgb(34, 37, 34);
						border: 0px;
						border-radius: 15px;
						
					
					}

						.rozdelovnik_obrazek {
						position: relative;
						display: inline-block;
						text-align: center;
					
						width:19%;
						min-width: 170px;
						margin: 6px;
						margin-bottom: 10px;
						height: auto;
						
						color: rgb(255, 255, 255);
						background-color: rgb(34, 37, 34);
						border: 0px;
						border-radius: 15px;
						border-style: solid;
						transition: linear .1s;

					
					}


					.rozdelovnik_obrazek:hover {
		
					box-shadow: rgb(0, 0, 0) 4px 8px 15px; 
			
					}

						.obrazek_drevo {
						
						width: 85%;
						border: 4px;
						border-radius: 10px;
						border-style: solid;
						
						border-color: rgb(80, 179, 23);
						margin: 5px;
						

		}

		.podmenu_drevo {
			margin: auto;
			text-align: center;
		}

				
					 /*konec astaveni drevenych vyrobku */


	




















}




/*nastaveni ve velkem rozliseni */

@media screen and (min-width: 1250px) {



	#logo_vrch_maly {
		display: none;
				
		 }

		 #logo_vrch_velky {
			
			display: block;
			max-width: 1000px;
			
					
			 }


		.obrazek_jeden {
			width: 460px;
			border: 4px;
			border-radius: 10px;
			border-style: solid;
			height: auto;
			border-color: rgb(80, 179, 23);
			margin: 12px;
			transition: linear .1s;

		}

		.obrazek {
			width: 260px;
			border: 4px;
			border-radius: 10px;
			border-style: solid;
			height: auto;
			border-color: rgb(80, 179, 23);
			margin: 12px;
			transition: linear .1s;

		}

		

			


		.obrazek_uvod {
			width: 500px;
			border: 4px;
			border-radius: 10px;
			border-style: solid;
			height: auto;
			border-color: rgb(80, 179, 23);
			margin: 12px;
			transition: linear 0.2s;
			content-visibility: auto;
			visibility: 1s;
			

		}

		.obrazek_uvod_navysku {
			width: 200px;
			border: 4px;
			border-radius: 10px;
			border-style: solid;
			height: auto;
			border-color: rgb(80, 179, 23);
			margin: 12px;
			transition: linear 0.2s;
			content-visibility: auto;
			visibility: 1s;
			

		}

     



		.obrazek:hover {
			/*
			border-color: rgb(248, 153, 36);
			opacity: 50%;
			*/
			box-shadow: black 4px 8px 15px; 
			
			}


				.obrazek_uvod:hover {
			/*
			border-color: rgb(248, 153, 36);
			opacity: 50%;
			*/
			box-shadow: black 4px 8px 15px; 
			
			}


		.obrazek_navysku {
			width: 160px;  /*180*/
			border: 4px;
			border-radius: 10px;
			border-style: solid;
			height: auto;
			border-color: rgb(80, 179, 23);
			margin: 12px;
			transition: linear .1s;
	
		}

		.pulitr{height: 225px; width: auto; /*180*/}
		.sklo {height: 225px;  width: auto; /*180*/}
		.stamprle {height: 225px;  width: auto; /*180*/}
		.sklenice {height: 225px;  width: auto; /*180*/}
	

			.obrazek_navysku:hover {
				box-shadow: black 4px 8px 15px; 
			  			   
			   }

			   #menu {
				max-width: 1250px;
				margin: auto;
				height:20px; 
				width: 100%;
				position: sticky;
				top: 0px;
				border: 0px;
				border-style: none;
				z-index: 10;
				display: block;
		
		}
   

	 #ikona_menu {
	
		display: none;

			}

		
		
				/*dalsi nastaveni v malym royliseni*/

				#obrazek_kontakt  { 
					width: 500px;
					position: relative;
					float: left;
					border-radius: 3px;
					border-style: solid;
					border-width: 3px;
					top: 0px;
					border-color:  rgb(80, 179, 23);
					
				}

				#text_kontakt  { 
					top: 0px;
					width: 500px;
					position: relative;
					float: left;
					left: 40px;
					
				}
		
		
 				#text_vyrobky_uvod {
					float:left;
					position: relative;
					text-align:left;
					top: 5px;
					left: 15px;
			/*		border: 1px;
					border-style: solid;
			*/
					height: auto;
					width: 50%;
					margin-bottom: 15px;
					font-size: 12px;
					
					}

		
				#fotografie {
					position:relative;
					text-align: left;
					display: inline-block; /*skrz zoibrazeni napisu novinka*/
					float:none;
					width: auto;
					height: auto;
					box-sizing: border-box;
					
							
			
				 }


				 #fotografie_uvod {
					position: relative;
					text-align: center;
					display: block;
					float: left;
					width: auto;
				/*	border: 1px;
					border-style: solid;
			*/
			
				 }
			

				

				 #text_vyrobky {
					float:none; /* dulezite*/
					position: relative;
					text-align:left;
					box-sizing: border-box;

					top: 5px;
					left: 15px;
					min-width: 1200px;
					height: auto;
					width: 100%;
					margin-bottom: 15px;
					font-size: 12px;
				
				
	
				
					/*
					
				    border-width: 1px;
					border-style: solid;
					border-color: #d81111;
			*/
					}


			
					#radek_rozdelovnik {
					position: relative;
					left: 0px;
					float: none;
					font-weight: normal;
					padding-top: 10px;
					padding-left: 10px;
					padding-bottom: 10px;
					font-size: 14px;
					width: 300px;		
					height: auto;
					border-radius: 5px;
					transition: 0.5s;
					color: rgb(0, 0, 0);
					background-color:  rgb(80, 179, 23);
					
	}

	
				
					#radek_rozdelovnik:hover {
					background-color: black;
					color: white;
					font-weight: bold;
				
				
					}
                         

					#rozdelovnik {
						position: relative;
						float: left;
						text-align: center;
						font-size: 14px;
						font-family: Verdana, Geneva, Tahoma, sans-serif;
						font-weight: normal;
						width: auto;
						min-width: 220px;
						height: 22px;
						padding-top: 6px;
						color: rgb(255, 255, 255);
						background-color: rgb(20, 20, 20);
						border-top: 2px;
						border-left: 0px;
						border-right: 0px;
						border-bottom: 2px;
						border-style: solid;
					
					}
				
				
					#rozdelovnik:hover {
					/*	background-color: #e79f04;	
						color: black;*/
					background-color: #ececec;	
					color: black;
					}



				

	 /* zobrazovani galerie*/
	 .gallery {
		overflow: hidden;
		max-height: 0;
		opacity: 0;
		transition: max-height 0.6s ease, opacity 0.6s ease;
	/*	pointer-events:none ;*/
		margin-bottom: 10px;
		text-align: left;
	
		
   
	}
	  /* zobrazovani galerie*/
	.gallery.hidden {
		overflow: hidden;
		max-height: 10000px;
		opacity: 1;
		transition: max-height 1.5s ease, opacity 1.5s ease;
		
	/*	pointer-events:none;*/
		
	}

				
				
	
		#ramecek_poptavka {
			position: relative;
			float:left;
			box-sizing:border-box;
			margin-bottom: 20px;
			margin-right: 20px;
			text-align: center;
			font-size: 16px;
			width: 350px;
			height: 60px;
			color: white;
			background-color: green;
			border-radius: 6px;
			transition: box-shadow .3s , color .3s;
			
		   
				
		}


.napis_novinka {
  position: absolute;
  top: 30px;
  right: 30px;
 background:rgb(29, 143, 231);
  color: white;
  padding: 5px 10px;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 20px;
  border-radius: 6px;
}

.napis_sleva {
  position: absolute;
  top: 30px;
  right: 30px;
  background: rgb(227, 10, 10);
  color: white;
  padding: 5px 10px;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 20px;
  border-radius: 6px;
}



/*nastaveni drevenych vyrobku */

						.rozdelovnik_nadpis {
						position: relative;
						float: left;
						text-align: center;
						font-size: 14px;
						font-family: Verdana, Geneva, Tahoma, sans-serif;
						font-weight: normal;
						width: auto;
						min-width: 220px;
						height: 22px;
						
						color: rgb(255, 255, 255);
						background-color: rgb(34, 37, 34);
						border: 0px;
						border-radius: 15px;
						
					
					}

						.rozdelovnik_obrazek {
						position: relative;
						display: inline-block;
						width: 18%;
						min-width: 220px;
						margin: 6px;
						
						height: auto;
						padding-top: 6px;
						color: rgb(255, 255, 255);
						background-color: rgb(34, 37, 34);
						border: 0px;
						border-radius: 15px;
						border-style: solid;
						transition: linear .1s;

					
					}


				

						.obrazek_drevo {
						
						width: 85%;
						border: 4px;
						border-radius: 10px;
						border-style: solid;
						
						border-color: rgb(80, 179, 23);
						margin: 12px;
						

		}

			.podmenu_drevo {
				
			
			text-align: left;
		}		

					 /*konec astaveni drevenych vyrobku */


			}
	 







	








		






/*celkove nastaveni */



	.rozdelovnik_obrazek:hover {
		
					box-shadow: rgb(0, 0, 0) 4px 8px 15px; 
			
					}

	
	#body {background-color: rgb(222, 222, 222);
		margin: auto;
		}

	
		#logo {
		
			max-width: 1250px;
			margin: auto;
			
			
			
		}


	  /*nastavi abz pri kliknuti na odkay stranka pomalu prejela*/
		html {scroll-behavior: smooth;

		}

/* nastaveni animace zobrazovane stranky z umele intelegince*/
.animated-box {
    opacity: 0;
    transform: translateY(0px);
    animation: animace_stranek 0.4s ease-out  forwards;
    animation-delay: 0.1s; 
}

@keyframes animace_stranek {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}
		








		#horni_kontakt {
			max-width: 1250px;
			float: none;
			margin: auto;
			text-align: right ;
			position: relative;
			top: 10px;
			right : 10px;
			font-size: 13px;
			font-family: Verdana, Geneva, Tahoma, sans-serif;
			color: rgb(0, 0, 0);
		}
			 
	
		
		#ramecek_cena {
			float: left;
			margin-bottom: 20px;
			text-align: center;
			font-size: 16px;
			width: 150px;
			height: 60px;
			color: white;
			background-color: green;
			border-radius: 6px;
			transition: box-shadow .3s , color .3s;
			
		}




	




		#zpet_nahoru {
			
			text-align: center;
			font-size: 14px;
			font-weight: bold;
			padding-top: 8px;
			font-family: Verdana, Geneva, Tahoma, sans-serif;
			width: 160px;
			height: 25px;
			color: rgb(255, 255, 255);
			background-color: #000000;	
			border-radius: 6px;
			border-color: rgb(12, 183, 17);
			border-width: 1px;
			border-style: solid;
			transition: box-shadow .3s , color .3s;
			
			
		}

		#zpet_nahoru:hover {
			box-shadow: black 4px 8px 15px;
			
			
		}
	

	#odkazy {
		padding: 10px;
	}


	/* unvisited link */
	a.odkazy_vrch:link {color: rgb(0, 0, 0);text-decoration: none;}
  
	/* visited link */
	a.odkazy_vrch:visited {	color: rgb(0, 0, 0);text-decoration: none;  }
	
	/* mouse over link */
	a.odkazy_vrch:hover {	color: rgb(0, 0, 0);;font-weight: bold;  }
	
	/* selected link */
	a.odkazy_vrch:active {	color: rgb(0, 0, 0); text-decoration: none; }



	/* unvisited link */
   a.odkazy_spodek:link {color: green;}
  
  /* visited link */
  a.odkazy_spodek:visited {	color: green;  }
  
  /* mouse over link */
    a.odkazy_spodek:hover {	color:rgb(215, 140, 18);font-weight: bold;  }
  
  /* selected link */
  a.odkazy_spodek:active {	color: rgb(0, 0, 0);  }


	/* unvisited link */
	a.odkaz_skok:link {color: rgb(0, 0, 0);text-decoration: underline; }
  
	/* visited link */
	a.odkaz_skok:visited {	color: rgb(0, 0, 0);  }
	
	/* mouse over link */
	  a.odkaz_skok:hover {	font-weight: bold;  }
	

	
	

	 
	 #menu_velke  {
		 text-align: center;
		 position: sticky;
		 margin: auto;
	 	 padding-top: 6px;
		 min-width: 125px;
		 width: 11.1%;
		 height: 40px;
		 font-size: 14px;
		 
		 font-family: Verdana, Geneva, Tahoma, sans-serif;
		 font-weight: normal ;
		 color: azure; 
		 background-color: rgb(80, 179, 23);
		 float:left;
		 transition: background-color .3s , color .3s;
		 border-top: 2px;
		 border-left: 0px;
		 border-right: 0px;
		 border-bottom: 2px;
		 border-style: solid;
	
	 }

	 #menu_velke_aktivni  {
		text-align: center;
		margin: auto;
		padding-top: 6px;
		min-width: 135px;
		width: 11.1%;
		height: 40px;
		font-size: 14px;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
		font-weight: bold;
		color: azure;
		background-color: rgb(20, 20, 20);
		float: left;
		transition: background-color .3s , color .3s;
		border-color: azure;
		border-top: 2px;
		border-left: 0px;
		border-right: 0px;
		border-bottom: 2px;
		border-style: solid;
   
	}




	


	#podmenu {
		width: 300px;
		position: relative;
		top: 13px;
		left: 0px;
		background-color: rgb(80, 179, 23);
		height: auto;
		z-index: 10;
		visibility: hidden;

		}


	
	#podmenu_tlacitko {
		text-align: center;
		margin: auto;
		font-size: 14px;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
		font-weight: bold;
		color: azure;
	    padding-top: 10px;	
	    height: 30px;
		float: none;
	    transition: background-color .3s , color .3s;
	} 

		#podmenu_tlacitko:hover {
			color: rgb(0, 0, 0);
			/*background-color: #e79f04;	*/
			background-color:rgb(80, 179, 23);
		}


		#menu_velke:hover  {
			color: rgb(0, 0, 0);
			
			background-color:rgb(80, 179, 23);	
		}


		#menu_velke:hover #podmenu {
			visibility: visible;
		}

	 


		#podmenu_mobil {
			width:100%;
			position: relative;
			top: 13px;
			left: 0px;
			/*background-color:  #e79f04;*/
			background-color:rgb(80, 179, 23);	

			height: auto;
			display: none;
			float: left;
			z-index: 10;
			margin-bottom: 20px;
			
		
			}


	 #hlavni {
		 max-width: 1250px;
		 width: 95%;
		 height: auto;
		 margin: auto;
		 padding: 0px;
		 position: relative;
		 text-align: left;
		 float: none;
		 top: 20px;
		 left: 0px;
		 font-size: 14px;
		 font-family: Verdana, Geneva, Tahoma, sans-serif;
		 color: rgb(0, 0, 0);
	 
	 }



	 
	 
	 
	 .obrazek_mapa:hover {opacity: 80%;
		
		}



	 #cara_deleni{
				
		width: 100%;
		max-height: 3px;
		
	 }


	 
	 #QR  { 
		width: 200px;
		position: relative;
		float: none;
		top: 0px;
		left: 10px;
		border-radius: 3px;
		border-radius: 10px;
		border-style: solid;
		border-width: 3px;
		border-color:  rgb(80, 179, 23);;
		
	}

	.mapka {
		margin: auto;
		position: relative;
		float: none;
		border-style: solid;
		border-width: 3px;
		border-radius: 10px;
		border-color:  rgb(80, 179, 23);
	}

	 	
	     



	h1, h2, h3, h4, h5, h6 {
		
		color:  rgb(255, 255, 255);
		font-size: 14px;
		font-weight: normal;
		margin: 0px;	 
	}

	

	.dovolena {
		margin: auto;
		padding: 20px;
		min-width: 300px;
		font-size: 25px;
		font-weight: bold;
		color: white;
		text-align: center;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
		background-color: red;
		border-radius: 10px;
	
	
	}

		.vanoce {
		margin: auto;
		padding: 20px;
		min-width: 300px;
		font-size: 25px;
		font-weight: bold;
		color: rgb(0, 0, 0);
		text-align: center;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
		background-color: rgb(211, 208, 44);
		border-radius: 10px;
			
	}

		.velikonoce {
		margin: auto;
		padding: 20px;
		min-width: 300px;
		font-size: 25px;
		font-weight: bold;
		color: rgb(0, 0, 0);
		text-align: center;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
		background-color: rgb(47, 163, 57);
		border-radius: 10px;
	}

		.akce {
		margin: auto;
		padding: 20px;
		min-width: 300px;
		font-size: 25px;
		font-weight: bold;
		color: rgb(255, 255, 255);
		text-align: center;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
		background-color: rgb(13, 50, 218);
		border-radius: 10px;
	}


	

	#uvod_odstavec  { 
		margin: auto;
		width: 95%;
		position: relative;
		float: none;
		text-align: center;
		
	

	}

	#spodni_menu  { 
		margin: auto;
		width: 95%;
		max-width: 1250px;
		height: auto;
		position: relative;
		top: 40px;
		
	}

	
	#spodni_menu_zasilkovna  { 
		
		width: 33%;
		position: relative;
		top: 0px;
		left: 0px;
		font-size: 14px;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
		color: rgb(0, 0, 0);
		float: left;
		
				
	}

	
	#spodni_menu_pocitadlo  { 
		
		width: 33%;
		position: relative;
		top: 0px;
		left: 0px;
		height: 220px;
		font-size: 14px;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
		color: rgb(0, 0, 0);
		float: left;
		text-align: center;
		
				
	}

	#spodni_menu_facebook  { 
		
		width: 33%;
		text-align: right;
		top: 0px;
		float: right;
		font-size: 14px;

		font-family: Verdana, Geneva, Tahoma, sans-serif;
		color: rgb(0, 0, 0);
		
			
		
	}

	#ramecek_nadpis { 
	    position: -webkit-sticky;
	   /* position:relative; */
		text-align: left;
		float:unset ;
		font-size: 14px;
		padding: 10px;
		
		
		height: auto;
		max-width: 850px;
		font-weight: normal;
		

		background-color:  rgb(80, 179, 23);
		width: 95%;
		
		border-radius: 15px;
		color: rgb(255, 255, 255);
		/*
		border-color: #000000;
		border-width: 1px;
		border-style: solid;
*/
		
	}


	.oznacene_menu
		{
		background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);
		}
	


	#whatsapp { 
	   	position: fixed;
		bottom:25px;
		left:20px;
		width: 200px;
		z-index: 100;
		border: 2px;
		border-radius: 14px;
		border-style: solid;
		transition: linear .1s;
		border-color:rgb(80, 179, 23);
	
	}	
	


	#whatsapp:hover {
		/*
		border-color: rgb(248, 153, 36);
		opacity: 50%;
		*/
		box-shadow: black 4px 8px 15px; 
		
		}
	

	#hvezda:hover {src: url(obrazy/star_p.png); 
		
	
	}

/* nastaveni aby v malem rozliseni nebyly podtrzene odkazy*/

	.bezcary {text-decoration: none;}


		.toggle-button { 
	
		font-size: 16px;
		position: relative;
		left:0px;
	

		float: none;
		height: 35px;
		width: 200px;
		text-align: center;
			
		
		background-color:  rgb(80, 179, 23);
		border-radius: 15px;
		color: rgb(255, 255, 255);
		cursor: pointer;
		transition: box-shadow .3s;

		
		}
	
	
		.toggle-button:hover {
			/*
			border-color: rgb(248, 153, 36);
			opacity: 50%;
			*/
			box-shadow: black 4px 8px 15px; 
			
			}