body {
background-color: #ffffff;
color:#b7b7b7;
width: 100%;
height: 100%;
margin: 0;
padding: 0 px;
overflow-x: auto;
overflow-y: scroll;
font-style: normal;
font-variant: normal;
font-size: 16px;

}

#header {
    height: 80%;
    margin-top: -15px;
    padding: 0px;
    padding-top: 15px;
    text-align:center;
    margin-bottom: 0px;
	background-color: #fafafa;
	box-shadow: 0px -1px 0px 0px #ebebeb inset;
	
}

p{
color:#6c6a6a;  
background-color: #ffffff;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 14px;
margin: 0;

}
element.style {
width: auto;
}


#innerHeader {
	width: 100%;
    height: 100%;
    color: #fafafa;
	box-shadow: 0px -1px 0px 0px #ebebeb inset;
	text-align: center;
	 
	 
}
#innerHeader img {
	
	max-width: 100%;
	height:auto;
}
 img#adres {
	float: left;

}
#logo {
	padding-right: 300px;
	text-align:center;
	
}
#adres {
	padding-left: 10px;
	text-align:center;
	
}
/*
div {
border: 0;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
*/
#logo{
 text-align: center;

 
 
}
/*
#logo {
	position: absolute;
    padding-left: -17px;
    top: 30px;
    left: 600px;
    z-index: 99;
}
*/

/* Menu*/
ul {
  
  list-style: none; /*убираем маркеры списка*/
  margin: 0; /*убираем верхнее и нижнее поле, равное 1em*/
  padding-left: 0; /*убираем левый отступ, равный 40px*/
}
a {text-decoration: none; /*убираем подчеркивание текста ссылок*/
}

li {
display: inline-block;
}


@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed');
.menu-main {
  box-shadow: 0px -1px 0px 0px #ebebeb inset;
  list-style: none;
  margin: 0px 0 0px;
  padding: 1px 0 0px;
  text-align: center;
  background: #fafafa;
}
.menu-main li {display: inline-block;}
.menu-main li:after {
  content: "|";
  color: #606060;
  display: inline-block;
  vertical-align:top;
}
.menu-main li:last-child:after {content: none;}
.menu-main a {
  text-decoration: none;
  font-family: 'Ubuntu Condensed', sans-serif;
  letter-spacing: 2px;
  position: relative;
  padding-bottom: 5px;
  margin: 0 34px 0 30px;
  font-size: 17px;
  text-transform: uppercase;
  display: inline-block;
  transition: color .2s;
}
.menu-main a, .menu-main a:visited {color: #9d999d;}
.menu-main a.current, .menu-main a:hover{color: #ceddb2;}
.menu-main a:before,
.menu-main a:after {
  content: "";
  position: absolute;
  height: 4px;
  top: auto;
  right: 50%;
  bottom: -5px;
  left: 50%;
  background: #ceddb2;
  transition: .8s;
}
.menu-main a:hover:before, .menu-main .current:before {left: 0;}
.menu-main a:hover:after, .menu-main .current:after {right: 0;}   
@media (max-width: 550px) {
.menu-main {padding-top: 0;}
.menu-main li {display: block;}
.menu-main li:after {content: none;}
.menu-main a {
  padding: 25px 0 20px; 
  margin: 0 30px;
}
}

/* CONTENT*/

.content{
	padding-top: 30px;
	padding-left: 30px;
}
#content1{
	padding-left: 30px;
	padding-top: 30px;
	text-align: center;
	height:1000px;
}
#content2{
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	width:auto;
}
#content3 {
    padding-top: 30px;
	padding-bottom: 80px;
	padding-left: 20px;
	height: 1000px;
	text-align: center;
}
#content4 {
    padding: 10px 10px 30px 200px;
	height: 100%;
	text-align: left; 
	width: 100%;
	float:bottom;
	
}
.items{
    width: 100%;
	margin:  2% 2% 5px 0%;	
}

/* footer*/
/элемент {
    opacity: 1;
}
.desktop section.galcategory ~ footer, .desktop section.photo.gallery ~ footer, .desktop section[data-hash="shop"] ~ footer {
    opacity: 0;
}
.desktop footer, .tablet footer {
    position: absolute;
    bottom: 0;
}
footer {
    background-color: rgba(140, 174, 92);
    border-top-color: #dbdbdb;
	padding: 30px 0;
	border-top: 1px solid #ebebeb;
    
	width: 100%;
	text-align: center;
	height: 100px;
}


/**/

body {
  height: 100%;
}
.wrapper {
  position: relative;
  min-height: 100%;
}

.footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
}
/*Галерея*/
.container {
	width: 100%;
	margin: 30px auto;
	overflow: hidden;
	
}


.galleryItem1   {
	color: #797478;
	font: 10px/1.5 Verdana, Helvetica, sans-serif;
	float: left;
	width: 100%;
	margin:  2% 2% 5px 0%;	
}
.galleryItem2   {
	color: #797478;
	font: 10px/1.5 Verdana, Helvetica, sans-serif;
	float: left;
	width: 100%;
	margin:  2% 2% 5px 0%;	
}


.galleryItem1 h3 {
	text-transform: uppercase;
}
 
.galleryItem1 img {
	max-width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.galleryItem2 h3 {
	text-transform: uppercase;
}
 
.galleryItem2 img {
	max-width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*Адаптация*/
@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
	.galleryItem1 {width: 80%;}
	.galleryItem2 {width: 80%;}
	.galleryItem h3 {font-size: 18px;}
    .galleryItem p {font-size: 18px;}
	.content1 {width: 80%;}
	.content2 {width: 80%;}
	.content3 {width: 80%;}
	.content4 {width: 80%;}
	.header li{width: 80%;}
	.innerHeader {width: 80%;}
}
@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
	.galleryItem1 {width: 96%;}
	.galleryItem2 {width: 96%;}
	.galleryItem1 img {width: 96%;}
	.galleryItem2 img {width: 96%;}
	.galleryItem h3 {font-size: 18px;}
    .galleryItem p {font-size: 18px;}
	.innerHeader {width: 96%;}
	.content1 {width: 80%;}
	.content1 img {width: 96%;}
	.content2 {width: 80%;}
	.content3 {width: 80%;}
	.content4 {width: 80%;}
	.header li{width: 40%;}
	.header {width: 40%;}
	.innerHeader {width: 80%;}
	
	.img-responsive{
width:80%;
height: auto;
}
}
.img-responsive{
text-align: left;
}
/*
@media (min-width:0px) and (max-width:320px){
.img {
	text-align: center;
}
 img#logo {
	width:90px;
}
 img#adres {
	width:90px;
}

}
*/