/*кнопка меню со всем содержимым*/
#menu {
	text-align:right;
	position:fixed;
	right:10px;
	top:10px;
	z-index:2;
}
/*стиль для кнопки*/
#menuButton {
	width:4em;
	height:2em;
	border-radius:20px;
	font-size:1.2em;
	color:black;
	background-color:lightgreen;
}
/*общий стиль для списка меню*/
#menuList {
	text-align:left;
	display:none;
	background-color:silver;
	min-width:200px;
	border-radius:20px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,1);
	font-size:1.3em;
}
/*стиль для ссылок меню*/
#menuList a {
	padding:10px;
	display:block;
	text-decoration:none;
	color:white;
}
/*реакция на нажатие кнопки меню*/
#menu:hover #menuList {
	display:block;
}
#menu:hover #menuButton {
	background-color:red;
}
#menuList a:hover {
	background-color:darkgray;
}
/*------------------------------------*/

/*Общий стиль*/
body {
	background-color:beige;
	margin-bottom:50px;
	font-family:Arial;
	text-align:center;
}
/*-----------------------*/


/*стиль для шапки сайта*/
/*Картинка логотип*/
#logoPicture {
	width:2.5em;
	position: fixed;
	left:7px;
	top:7px;
	border-radius:10px;
}
/*наше название (АртэК) в шапке*/
#logo {
	text-align:center;
	font-size:1.9em;
	font-family:Times New Roman;
	margin-top:3px;
	text-shadow: 2px 4px 4px gray, 0 7px 20px black;
}
#logo a {
	color:black;
}
	
/*Название каталога страницы*/
#mainTitle, h2 {
	text-align:center;
	font-size:1.2em;
	font-family:Courier;
	font-family:Times New Roman;
}

/*Размер остальных картинок*/
img {
	width:100%;
	border-radius:20px;
	box-shadow: 0px 6px 16px 1px rgba(20,20,20,1);
}

/*Стиль и размер картинок в теге <div> на главной странице*/
#mainSofabeds {
	text-align:center;
	content-align:top;
}
#mainSofabeds img {
	min-width:17em;
	max-width: 17em;
	margin-left:auto;
	margin-right:auto;
}
#mainSofabeds div {
	display:inline-block;
}

#mainSofabeds div::first-letter {
	font-size: larger;
	
	}

/*Стиль для текста */
#mainSofabeds div {
	text-align:center;
	font-family:arial;
	font-size:1em;
}

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

/*Футер*/
footer {
	text-align:center;
	font-size:0.8em;
	color: gray;
	position:fixed;
	bottom:10px;
}
/*-----------------------------*/


/*---Стиль для разделов каталога (меню ссылок catalog.php)---*/
#typeOfSofabed {
	text-align:center;
	}
#typeOfSofabed fieldset {
	border-radius:20px;
	border-style: dashed;
	display:inline-block;
	padding-left:1em;
	border-color:lightgreen;
}

#typeOfSofabed a {
	text-decoration:none;
	color:black;
	margin-left:0.5em;
	margin-top:0.5em;
	padding:0.3em;
	padding-left:1em;
	display:list-item;
	background-color:lightgreen;
	font-size:1.2em;
	border-radius:10px;
	width:13em;
	text-align:left;
}
/*реакция на нажатие ссылки*/
#typeOfSofabed a:active {
	background-color:green;
}
/*-----------------------------------------*/


/*фотки в каталоге н-р econom.php и другие*/
.contentCatalog {
	text-align:center;
}

.contentCatalog a {
	text-decoration:none;
	color:gray;
}
.nameInCatalog {
	color:black;
}
.priceInCatalog {
	color:darkred;
}

.contentCatalog img{
	min-width:17em;
	max-width:34em;
}
/*-------------------------------------*/


/*оформление страницы модели и каталога (н-р enaver.php)*/
.model h3, figcaption {
	text-align:center;
}

.model figcaption::first-letter{
	font-size:1.5em;
}

.model .info {
	text-align:left;
	text-indent:2em;
	font-size:1.1em;
}

.model .info ul {
	text-indent:0px;
}

#linkToGallery {
	text-align:center
}

.model img {
	min-width:17em;
	max-width:25em;
}

#videoobzor {
	text-align:center;
	//width:60%;
	min-width:17em;
	max-width:17em;
	box-shadow: 0px 6px 16px 1px rgba(20,20,20,1);
	border-radius:10px;
	}
.model {
	text-align:center;
}
/*-----------------------------------*/


/*стили для фотогалереи где много фоток*/

.gallery img {
	min-width:17em;
	max-width: 34em;
}
/*---------------------------*/

/*стиль страницы инфо info.php и cklad.php*/
.info h2 {
	text-align:center;
}
.info h3 {
	color:darkred;
}
.info section::first-letter {
	font-size:1.5em;
	}
#headInfo {
	text-align:center;
}
.info section, #skladInfo {
	text-indent:2em;
	text-align:left;
}

#commonInfo, #construction, #ingridient, #howToBuy, #delivery, #about, #contact, #work, #skladInfo {
		display:none;
}
.info button, #skladButton {
	display:inline-block;
	font-size:1em;
	position:relative;
	top:-1em;
	background-color:lightgreen;
	border-style:dotted;
	border-radius:10px;
}

.sklad img {
	min-width:17em;
	max-width:34em;
}

#skladButton {
	top:0em;
	padding:0.2em;
	text-align:center;
	padding-left:2em;
	padding-right:2em;
}

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

.tkani {
	margin:0px;
}
.tkani figure {
	text-align:center;
}
.tkani div {
	height:20em;
	overflow-y:auto;
	border-radius:1em;
	box-shadow: 0px 6px 16px 1px rgba(20,20,20,1);
	display:inline-block;
}
.tkani img {
	border-radius:0px;
	min-width:17em;
	max-width:17em;
}

#infoForModelinSklad {
  text-align:left;
}