* {
  margin: 0;
  padding: 0;
}
body{
	background-color:  #f2f3e6;
}

.wrap{
	position:relative;
	
}	

.flat, .urceolate, .cup-shaped, .rosette, .goblet, .rounded, .pompon, .cruciform{
	position:absolute;
	border:none;
}

.flat:hover, .urceolate:hover, .cup-shaped:hover, .rosette:hover, .goblet:hover, .rounded:hover, .pompon:hover, .cruciform:hover {
	
	border:2px solid #c26573;
}

.flat{
	height: 80px;
	width: 80px;
	top: 60px ;
	left: 130px ;
}

 .urceolate{
 	height: 80px;
	width: 80px;
	top: 60px ;
	left: 260px ;
 }

 .cup-shaped{
 	height: 80px;
	width: 80px;
	top: 60px ;
	left: 400px ;
 }

 .rosette{
 	height: 80px;
	width: 80px;
	top: 60px ;
	left: 520px ;
 }

 .goblet{
 	height: 80px;
	width: 80px;
	top: 180px ;
	left: 130px ;
 }

 .rounded{
 	height: 80px;
	width: 80px;
	top: 180px ;
	left: 280px ;
 }

 .pompon{
 	height: 80px;
	width: 80px;
	top: 180px ;
	left: 420px ;
 }

 .cruciform{
 	height: 80px;
	width: 80px;
	top: 180px ;
	left: 535px ;
 }

.flat a, .urceolate a, .cup-shaped a, .rosette a, .goblet a, .rounded a, .pompon a, .cruciform a{
	display:block;
	width:100%;
	height:100%;
}

p{
   color:#000;
   font-family:"Souvenir", Times, serif;
   font-size:16px;
   text-align: justify;
   padding:5px 40px  ;
}

.li{
	color:#000;
   font-family:"Souvenir", Times, serif;
   font-size:16px;
   text-align: justify;
   padding:0px 40px  ;
}

h1{
   color: #c26573;
   font-weight: bold;
   font-family: Old English Text MT;
   font-size:60px;
   margin:0;
	text-align: center;
	line-height: 100px;
}

h2{
   color: #c26573;
   padding: 10px 0 10px 0;
   font-weight: bold;
   font-family: BitScript;
   font-size:32px;
   text-align: center;
   
}
#header{
	background: #eac3cf;
	height: 100px;
}

#nav{
	background:#fff;  
    font-size:18px; 
    padding: 20px 10px 40px; /*îòñòóïû*/
    margin:10px 0;
	float: left;
	width: 250px;
	box-sizing: border-box;
	font-family:  Old English Text MT; 

	background-color:  #f2f3e6;
}
#sidebar{
	width: 300px;
	float: right;
	box-sizing: border-box;
	background-color: #f2f3e6;
}

#content{
	margin-left: 250px;
	margin-right: 300px;
    min-height: calc(100vh - 80px);
    text-align: justify;
    background-color: #efe2ea

    
}
#footer{
	height: 100px;
	line-height: 100px;
	background-color: #eac3cf;
	text-align: center;
	color: #c26573;
}
img{
   margin: 5px 20px 10px 20px;
   float:left; 
   height: 300px;
}

.img{
   margin: 5px 0px 10px 20;
   float:right; 
   height: 300px;
}

#img{
	margin: 15px 100px; 
}

#m{
	color: #820205;
}
a{
	color: #c26573;
	text-decoration: none;

}
a:hover{
	color:#c26573;
}
.naw a{
	background: #eac3cf;
	padding:5px;
	display:block;
	margin:5px;
	height:60px;
}
.naw a:hover{
	background: #f2f3e6;
	transform: skewX(-15deg);
}

.a{
	padding: 5px 40px;
}

.im{
	margin: 10px 10px 10px 10px;
	height: 250px;
}
a[href^="http"]{
	color: #c26573;
}