body {	
	background: url("../barvinok/bg.png") no-repeat;	
	background-size: cover; 
	font-family: Verdata,Arial, "Times New Roman";
	font-size: 11pt;
	margin: 0;
	padding: 0;
}

#container{
	
	margin:0 auto;
	width: 717px;
}


#topmenu{
background: url("../barvinok/logo1.png") no-repeat center left;
height: 220px;
width: 717px;
margin:5px 0px 20px;	
}

#topmenu table{
	padding-left:320px; /*отступ слева внутри области width*/
	padding-top: 110px; /*отступ сверху в области top*/
}

#topmenu a{
	color: #1bb718; 
	font-weight: bold;
	margin: 0px 5px;
	text-decoration: none; /*отменяет подчеркивание в ссылках*/ 
}

#topmenu a:hover{
background-color:#e6e6e6;
}




#content{
	margin-left: 3px;
	margin-top: 3px;	
}

#title{
	margin-top:15px;
	margin-left: 5px;
	height: 23px;
	background-color: #6a9f65;
    border-width: 2px; /*ширина рамки*/
    border-radius: 11px;		
}

#title a{
	
	margin-left:15px;
	text-decoration: none;
}

#name h4{	
	margin-left: 10px;
	margin-top: 3px;	
}



#Content{
	margin-top:40px;	
}

#left{	
	margin-left: 10px;
	background-color: #aaebaa;
	width:200px;
	height: 215px;
	border-style: solid; /*стиль рамки-solid сплошная*/
	border-width: 2px; /*ширина рамки*/
    border-color: #6369f2;
    border-radius: 10px;	
	padding: 10px 10px; /*поля сверху снизу*/	
}



#left{	
	float:left;
}

#left a{
	text-decoration: none;
}

#centr{
	
	/*border-style: solid; стиль рамки-solid сплошная*/
	width :550px;
	
}

#centr {
margin-left: 250px;	
margin-top:30px;
}

#centr h4{
	
float:left;	
	
}

#center{
	float:left;
}


#centr a{
	padding:28px 45px;
	padding-top:40px;
	padding-left:40px;
}

#centr td{	
	padding:36px 17px; /*36-высота 17 ширина=========================*/
}

.image-icon{	
	width: 80px;
	height:80px;
}


.apartments1{
background: url("../barvinok/gallery/apartments1.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}
.apartments2{
background: url("../barvinok/gallery/apartments2.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.apartments3{
background: url("../barvinok/gallery/apartments3.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}


.apartments4{
background: url("../barvinok/gallery/apartments4.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.apartments5{
background: url("../barvinok/gallery/apartments5.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.apartments6{
background: url("../barvinok/gallery/apartments6.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}





.background1 {
background: url("../barvinok/gallery/background1.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}



.food1{
background: url("../barvinok/gallery/food1.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.food2{
background: url("../barvinok/gallery/food2.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}


.forest1{
background: url("../barvinok/gallery/forest1.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.forest2{
background: url("../barvinok/gallery/forest2.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}


.kitchen1{
background: url("../barvinok/gallery/kitchen1.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}




.pupils1{
background: url("../barvinok/gallery/pupils1.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.pupils2{
background: url("../barvinok/gallery/pupils2.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.pupils3{
background: url("../barvinok/gallery/pupils3.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.pupils4{
background: url("../barvinok/gallery/pupils4.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.pupils5{
background: url("../barvinok/gallery/pupils5.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.pupils6{
background: url("../barvinok/gallery/pupils6.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.pupils7{
background: url("../barvinok/gallery/pupils7.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.pupils8{
background: url("../barvinok/gallery/pupils8.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.pupils9{
background: url("../barvinok/gallery/pupils9.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.procedure1{
background: url("../barvinok/gallery/procedure1.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.procedure2{
background: url("../barvinok/gallery/procedure2.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.sauna1{
background: url("../barvinok/gallery/sauna.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.sauna2{
background: url("../barvinok/gallery/sauna1.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.sauna3{
background: url("../barvinok/gallery/sauna2.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.sauna4{
background: url("../barvinok/gallery/sauna3.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}


.nature1{
background: url("../barvinok/gallery/nature1.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.lake1{
background: url("../barvinok/gallery/lake1.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.lake2{
background: url("../barvinok/gallery/lake2.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}

.gallery{
background: url("../barvinok/gallery.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}





#centr h4{
margin-left:750px;	
}


footer
{
background: #7e7e7e; /*фон*/
color: #dbdbdb;  /*цвет шрифта*/
font-size: 11px;
clear: both;
border-radius: 11px;
}

#footer{
	margin-top: 60px;
	padding: 10px 0; 
    height: 90px; 
    	
}

footer a 
{ 
color: #dbdbdb; 
}

#sitemap 
{ 

float: left;
margin-left: 20px; 
padding-right: 15px; 
}

#sitemap div
{ 
display: inline-block; 
}

#sitemap div + div 
{ 
margin-left: 40px; 
}

#sitemap a 
{
display: block; 
text-decoration: none; 
font-size: 12px; 
margin-bottom: 5px; 
}


#sitemap a:hover 
{
 text-decoration: underline;
}

#social 
{ 
float: right; 
margin-left: 20px; 
width: 130px; 
}

.social-icon 
{ 
width: 30px; 
height: 30px; 
display: inline-block; 
margin-right: 10px; 
}

.twitter 
{ 
background: url("../barvinok/twitter.png") no-repeat; 
}

.facebook 
{
 background: url("../barvinok/facebook.png") no-repeat; 
}

.google 
{
background: url("../barvinok/google.png") no-repeat; 
}


/*-------------------------------*/
#centr1{
	
	/*border-style: solid; стиль рамки-solid сплошная*/
	width :650px;
	
}

#centr1 {
margin-left: 250px;	
margin-top:30px;
}

#center1{
	float:left;
}



#centr1 td{	
	padding:4px 5px; /*36-высота 28 ширина=========================*/
}

#form p{
	margin-left:150px;
	font-size: 14pt;
	
}
/*feedback*/

#form label{
	cursor: pointer;
}

#form input ,#form textarea{
	border-radius: 5px;
	border: 1px solid #000;
	padding: 5px 10px;
}

#form input[type="submit"]{   /*дизайн кнопки*/
	font-size: 120%;
	height: 50px;
	width: 130px;
}

/* about*/
#history{
margin-left:1%; 
margin-right:5%;
padding: 10px 10px 10px 10px; 
font-family: sans-serif;
float: justify;	
}

#history h3{
margin-left:50px; 
}

/*история*/
#history  h5{	
	float: right;
}


/*image*/

#image1{
background: url("gallery/apartments1.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image2{
background: url("gallery/food1.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image3{
background: url("gallery/forest1.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image4{
background: url("gallery/pupils1.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image5{
background: url("gallery/apartments2.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image6{
background: url("gallery/sauna.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image7{
background: url("gallery/nature1.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image8{
background: url("gallery/pupils2.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image9{
background: url("gallery/procedure1.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image10{
background: url("gallery/sauna1.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image11{
background: url("gallery/lake1.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image12{
background: url("gallery/pupils3.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image13{
background: url("gallery/apartments3.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image14{
background: url("gallery/pupils4.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image15{
background: url("gallery/background1.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image16{
background: url("gallery/pupils5.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image17{
background: url("gallery/apartments4.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image18{
background: url("gallery/apartments5.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image19{
background: url("gallery/forest2.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image20{
background: url("gallery/pupils6.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image21{
background: url("gallery/apartments6.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image22{
background: url("gallery/procedure2.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image23{
background: url("gallery/lake2.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image24{
background: url("gallery/food2.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image25{
background: url("gallery/kitchen1.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image26{
background: url("gallery/pupils7.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image27{
background: url("gallery/pupils8.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image28{
background: url("gallery/pupils9.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

/*sauna*/

#image29{
background: url("gallery/sauna2.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}

#image30{
background: url("gallery/sauna3.png") no-repeat center left;
background-size: cover;
height: 520px;
width: 817px;
border-radius:12px;
}