* {
    margin:0;
    padding:0;
}
body {
    background-color:#B0C4DE;
   
}
#kontejner {
display:inline-block;
}


#left {
width:301px;
float:left;
margin-right:50px;
}

#right {
width:301px;
float:right;
margin-left:50px;
}
#zik {
position:fixed;
margin-top:30px;
width:301px;
height:601px;
}
#zak {
position:fixed;
margin-top:30px;
width:301px;
height:601px;
}



#wrap{
width:850px; 
background-color:white;
display:inline-block; 
float:left;
}


div#header{
background-color:#0C34FF;
border-style: groove;
border-color: #0C34FF;
border-width: 5px;
}

h1 {
 font-size: 45px;    
-webkit-text-fill-color: blue;
text-shadow:-1px -1px 1px red;
font-family:sans-serif;
}
div#header p {
font-weight:bold;
color:white;
text-align: center;
}
 #header h2{
font-size:35px;
color:white;
text-shadow:-1px -1px 1px red;
}
h3 {
color:red;
margin-top:50px;
margin-bottom:30px;
     }
img {
width:350px;
height:450;
    
}
#blok{
background-color:#E0EEEE;
width:99%;
height:auto;
}
#blok p{
font-size:18px;
margin-left:30px;
margin-right:20px;
text-align:left;
font-family: sans-serif;
}
  #blok img {
  width: 300px;
  height: 350px;
  aspect-ratio: 3/3.5;
     }
     
div#nav{
height:auto;
background-color:red;

}
li {
font-size:19px;
margin-left:30px;
margin-right:20px;
text-align:left; 
font-family: sans-serif;
}
.classname {

	background:white;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #573357;
	display:inline-block;
	color:#1c0c1c;
	font-family:arial;
	font-size:17px;
	font-weight:bold;
	padding:10px 20px;
	text-decoration:none;
	text-shadow:1px 1px 0px #c99198;
	margin:2px;
       
}
.classname:hover {
	background:silver;
        color:white;
}

.frame {
    width:560px;
    height:315px;

}