body{
	font:family:"Roboto Mono";
     	background: rgb(28,111,8);
background: radial-gradient(circle, rgba(28,111,8,0.927608543417367) 49%, rgba(40,79,66,1) 70%, rgba(38,84,58,1) 73%, rgba(40,79,66,1) 100%);
	 	color: white;
}
	h1,h3{
		text-align: center /*zarovnání textu*/
}
	h1{
		font-size: 3.5rem; /*velikost textu*/
		color: black; 
}
	h2{
		font-size: 2rem;
		margin:20px;
		color:black;
}
	h3{
		font-size: 1.5rem;}
	div.hlavni{
		max-width: 1000px;
		background: rgba(255,255,255,0.25);
		margin: auto; /*zarovnání*/
		border: 3px solid white; 
		border-radius: 0 25px;
}
	div.menu{
	  display: flex;
	  justify-content: space-around;
	  align-content:space-around;
	  flex-wrap: wrap;
	  margin-top: -5px;
}

div.menu a{
	background: #556bac;
	color: white;
	font-size: 1.3rem;
	font-style: italic;
	width: 230px;
	height:50px;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
	border-radius: 0%;
	margin: 3px;
}
div.obsah{margin-left:10px;
		font-size: 1.3rem
}
div.galerie{text-align:center;
			
}
div.galerie img{margin:30px;
				border:5px solid white;
}
div.galerie img:hover{border: 5px solid black;
}
div.menu a:hover{
	text-decoration: none;
	color: #556bac;
	background: white;
}
div.utility{ font-size: 1.2rem;
			 text-align: center;
			 margin: 20px;
			 color:black 
}
	}
	p{
		margin:10px; /*rozmezí mezi okrajem a textem*/
		font-size: 1.1rem;
		color: white;
}
	
	p img{
		border: 3px solid white; 
		float: left;
		margin: 7px;		
}
ul{text-align: left; 
	color: pink;
	font-size: 2rem;
	margin-top: 25px;
	list-style-image: url(img/odr1.png);

}
ul ul{ color: orange;
		font-size:1.3rem;
		font-style: italic;
		margin-top: 5px;
		list-style-image: url(img/odr2.png);
}
ul ul ul{ color: orange;
			font-size:1rem;
			font-style:normal;
			list-style-image: url(img/odr3.png);
}

a{	color: dark gray;
}
a:hover{
	text-decoration: none;
}