html, body {
	padding:0;
	margin:0;
	height:100%;   
}
body {
position: relative;
min-height: 100%;
background: #b09f8f;
color: #403834;
font-family: "Arial ", sans-serif;
font-size: 16px;
line-height: 1.5;
word-spacing: 1px;
}

header {
width: 100%;
height : 466px;
border: #edddbd solid 0px;		
}

.top {
width: 100%;
max-width: 1200px; 
height : 466px;
background: #b09f8f url(images/top_1.jpg) no-repeat;
background-position: top center;
margin: 0 auto;
padding: 0 0px;
border-bottom: #180e2b solid 0px;
}

#flags {
	width : 300px; 
	height : 45px; 
	margin : 0 left;	
	padding : 16px 0 0px 0px; 
	text-align: left;
	opacity: 0.7;
	display:block;
	float: left;
	border: #27ea51 solid 0px;
}
#flags img {
	vertical-align: middle;
	padding: 1px 1px;
	margin: 0;
}

.menu {
width: 100%;
max-width: 1180px; 
padding: 0 0px;
margin: 0 auto;
margin-top: 253px;
height: 45px;
border: #000 solid 0px;
}
.nav {
text-align: right;
overflow: hidden; /*oтмена обтикания*/
}
.nav ul {
margin: 0 auto;
padding: 0;
list-style: none;
}
.nav li {
display: inline-block;
border-right: solid 1px rgba(83,72,39,0.0);
border-left: solid 1px rgba(83,72,39,0.0);
margin: 0 auto;
padding: 0;
border: #000 solid 0px;
}
.nav a {
font-family : 'HaginCapsMedium';
color: #854130;
font-size: 25px;
font-weight : 300;
line-height : 56px;
text-decoration:none;	
letter-spacing: 2px;
padding: 9px 14px 8px 14px;
}

.nav a:hover {
	color: #fff;
	background: rgba(105, 138, 124, 0.0);
	border-top:0px solid rgba(255, 255, 255, 0.8);
	border-bottom:2px solid rgba(255, 255, 255, 0.75);
}



main {
/*min-height: calc(100vh - 466px - 270px);*/
background: #b09f8f;
width: 100%;
height: 100%;
border: red solid 0px;
}
.container {
min-height: calc(100vh - 470px - 300px);
margin: 0 auto;
margin-top: 0px;
/*max-width: 1024px;*/
width: 1100px;
padding: 0 50px 30px 50px;
overflow: hidden;

background: #e1d4c2;
border: #12ff00 solid 0px;
 }
 #tema  {
margin: 0 auto;
}
#tema h1 {
font-family : 'HaginCapsMedium';
color : #c0b3a4;  
font-weight : normal;
font-size : 24px;
text-transform: uppercase;
letter-spacing : 2px; 
border: #23e751 solid 0px;
}

.footer {
width: 100%;
/*background: #000;*/
height: 100%;
overflow: hidden;
border: #23e751 solid 0px;
}

.foot {
/*background:#2f3f32  url(images/footer.jp) no-repeat;
background-position: bottom center;
background-size: 2000px auto;
opacity: 0.99;*/
max-width: 1200px;
height : 230px;
padding: 0 0px;
padding: 0 0 20px 0;
margin: 0 auto;
text-align:center;
border: #0084ff solid 0px;
/*border-top:  #405546 solid 5px;*/
 }
 
 .foot p{
color: #232020;
 }
.foot p a{
color: #232020;
 }
 .foot p a:hover{
color: #fff;
 }
 
.foot_col{
width: 100%;
/*height : 220px;*/
height: 82%;
max-width: 1024px;
margin: 0 auto;
padding: 0 0px;
display: block;
overflow: hidden; /* отмена обтекания*/
border: #fff solid 0px;
} 

.foot-1-3-l{
width: 320px;
height: 100%;
margin: 0 auto;
display:block;
float: left;
text-align: left;
padding: 20px 0 20px 30px;
border: #fff solid 0px;
 } 
 .foot-1-3-r{
width: 345px;
height: 100%;
margin: 0 auto;
display:block;
float: right;
text-align: left;
padding: 30px 0 40px 20px;
border: #fff solid 0px;
 } 
 .foot-1-3-l ul{
margin: 0 auto;
padding: 0;
list-style: none;
}
.foot-1-3-l li  {
}
.foot-1-3-l li a {
margin: 0;
padding: 0 10px 0 10px;
font-family : 'HaginCapsMedium';
color: #854130;
letter-spacing: 2px;
font-weight : 900;
font-size: 19px;
line-height : 29px;
text-decoration:none;
border-bottom: solid 2px rgba(0,0,0,0.0);	
}
.foot-1-3-l a:hover {
color: #fff;
border-bottom: solid 2px #ebdfe2;
}
.foot-1-3-r h3{
text-align:left;
font-size: 23px;
letter-spacing: 3px;
line-height : 40px;
padding: 0 30px 0 30px;
color: #854130;
background: linear-gradient(to left, #854130, #e1d4c2 100%);
background-position: 0 100%;
background-size: 100% 2px;
background-repeat: repeat-x;
display: inline;
}
.foot-1-3-r a{
text-align:left;
font-size: 21px;
letter-spacing: 0px;
line-height : 40px;
padding: 20px 0px 0 10px;
font-family : 'GardensCRegular';
font-weight : 900;
color: #6cd1a8;
}
.foot-1-3-r a:hover{
color: #e1c789;
}

div.opacity {
	width: 88px; 
	height: 31px;
	opacity: 0.4;
	padding:10px 0 0 0;
}

/*услуги*/
.col{ 
width: 100%;
height: 100%;
height: 290px;
max-width: 999px;
margin: 0 auto;
display: block;
clear:both;

 }
.col-1-3 {  
width: 330px;
height: 100%;
height: 285px;
margin: 0 auto;
display:inline;
float: left;
text-align: center;
padding:0 0 5px 0px;
border: #fff solid 0px;
}
.col-1-3:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.col-1-3 {
zoom: 100%;
    }
.col-1-3 h3{
width: 100%;
text-align: center;
font-size:21px; 
/*line-height:14px;*/
margin-bottom: 3px;

}
.col-1-3 img{
vertical-align: middle;
margin: 5px 0 7px 0;
padding : 9px;
border-radius: 0px;
border: 2px solid rgba(129,129,129, .99);
/*background-size: cover;  ширина картинки*/
}

b, tt, .pet_more, .sale_more{
width : 350px; 
height : 30px; 
margin: 0 auto; 
padding: 11px 0px 0px 0px;
line-height : 90%;
text-align: center;
font-size: 16px;
}
b a, tt a, .pet_more a, .sale_more a{	 
font-size: 16px;
letter-spacing : 2px; 
padding: 10px 15px 10px 15px;
font-family: 'HaginCapsMedium', sans-serif;
font-weight : 300;
text-decoration:none;
color : #fff;
	border: 0px solid rgba(58,39,40, .5);
	background: rgba(185,129,90, .99);
	border-radius: 0px;	


}
b a:hover, tt a:hover, .pet_more a:hover, .sale_more a:hover{
color : #eddfcc;
	background: rgba(162,116,96, .9);	 
}
/*конец услуги*/

code {
	font-size : 1px;
	color : #030303;
}
.cont{
width : 80%;
display: block;
margin: 0 auto; 
margin-bottom: 10px; 
padding: 10px;
background-color : rgba(80,29,148,0.3); 
border-top: #220f4c solid 3px;
border-bottom: #220f4c solid 3px;
border-radius: 7px;
}



.back-to-top {
	position: fixed;
    	opacity:0.99;
	bottom: 100px;
	right: 50px;
	text-indent:-9999px;
	text-decoration: none;
	display: none;
	background-image: url(images/top.png);	
	width: 58px;
	height: 64px;
	background-repeat: no-repeat;
}
.back-to-top:hover {
	background-image: url(images/up.png);
}

