h1 {
	color:#333399;
	text-align: center;
	border: solid 5px #d9d9d9;
}

p {
	color:#f2f2f2;
	font-family: Noto Sans, sans-serif		;
}

body {
	background-color: #ededf8;
}

#piki {
	background-color:#004d4d;
}


.lana {
	color: #f2f2f2;
	padding: 30px;
}
#prehod {
   width: auto; 
   height: 2000px; 
   background: linear-gradient(to right bottom, #001a33, #003566, #660066, #800060, #ffe6f9) 
}

main{
        max-width:1000px;
        margin-left:auto;
        margin-right:auto;
        }
nav a{
       color:#3A8F80;
       text-decoration:none;
       }
	   
nav {
       color:#f2f2f2;
       text-decoration:none;
	   border-style: groove;
	   max-width: 1200px;
	   margin-left:auto;
       margin-right:auto;
	   padding-left: 10px;
       padding-right: 70px;
       padding-top: 5px;
       padding-bottom: 5px;
	   
       }
	   
nav a:hover{
       color:#ff99dd;
       text-decoration:none;
       }


div{
        max-width:900px;
        margin-left:auto;
        margin-right:auto;
		background-color:#cc4400;
		border:10px solid #803300;
        }
		
section{
        max-width:900px;
        margin-left:auto;
        margin-right:auto;
		background-color:#009973;
		border: 5px solid #008060;
		padding-left: 10px;
        padding-right: 70px;
        padding-top: 5px;
        padding-bottom: 5px;
        }
		
aside{
        float: right;
        margin: 0 0 1em 1em;
        }
		
table{
        max-width:900px;
        margin-left:auto;
        margin-right:auto;
		background-color:#800060;
		border: 5px solid #ffe6f9;
		padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        }
		
.tabela {
	max-width:900px;
        margin-left:auto;
        margin-right:auto;
		background-color:#004d4d;
		border: 5px solid #ffe6f9;
		padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        }