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: 235px; /*Высота*/
	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;
}

#center{
	float:left;
}


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

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

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

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

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

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

.procedure{
background: url("../barvinok/procedure.png") no-repeat center left;
background-size: cover;
border-radius: 10px;		
}
.sauna{
background: url("../barvinok/sauna.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;		
}

/*-----------------------------------------------------------------------*/

#about_us{
margin-top: 100px;
background: url("../barvinok/back_for_about_us.png") no-repeat center left;
background-size: cover;
border-radius: 20px;
}

#about_us h3{
	padding-left:150;
	font-family: Comic Sans MS;
	font-size: 12pt;
	/*color: #c36d6d;*/
		
}

/*-----------------------------------------------------------------------*/
/*Визит*/

#visit{
margin-top: 100px;
margin-left: 80px;

}

#visit h3{
    padding-left: 200px;
	font-family: Comic Sans MS;
	font-size: 15pt;
	color: #c36d6d;
}

#visit td{
    padding: 5px;
	text-align: center;
	color: #441515;
}






#right{
	margin-left: 10px;
	margin-top:150px;
	
}

#right a{
	
	padding:48px 24px;
	padding-top:40px;
	padding-left:40px;
}

#right td{	
	padding:36px 35px; /*36-высота 68 ширина между столбцами*/
}

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

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

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


.info{
background: url("../barvinok/info.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;
}


/*контакты*/


#profile {
margin-left: 250px;	
margin-top:30px;
height: 400px;
width:450px;
background: url("../barvinok/contacts.png") no-repeat;	
background-size: cover; 
border-radius:10px
}

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


/*как доехать*/


#map1 {
margin-left: 250px;	
margin-top:30px;
height: 400px;
width:450px;
background: url("../barvinok/BarvinokOnMaps.png") no-repeat;	
background-size: cover; 
border-radius:10px
}

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