@charset "utf-8";
@import url("handheld.css") handheld

;
/* CSS Document */

html{
  position: relative;
  min-height: 100%;
}

body {
	margin: 0;
	background-color: BlanchedAlmond;
  position: relative;
  
}
		
.supercontainer { 
	background-color: DarkOrange;
	margin-top: 0px;
	margin-left: auto; 
	margin-right: auto; 
	position: relative; 
	padding: 0px; 
	max-width: 1200px; 
	webkit-box-shadow: 5px 5px 10px 0; box-shadow: 5px 5px 10px 0;
}



/* Шапка */
header {
	background-color: rgba(102,0,0,1);
	
}
.header_left {
	padding: 16px 0px 8px 16px;
	align-content: center;
	vertical-align: center;
	float: left;
		
}
.header_right {
	max-width: 100%;
	padding: 12px 8px 12px 0px;
	font: 500 18px/1.5 'Exo 2', sans-serif;
	text-align: right;
	color: DarkOrange;
	text-shadow: 1px 1px 4px black, 0 0 0em black;
	letter-spacing: 0.05em;
	
}



/* Навигация*/
nav {
	font: 900 22px/1.3 'Exo 2', sans-serif;
	font-weight: 900;
	font-size: 24px;
	letter-spacing: 0.1em;
	color: White;
	margin: 0;
	text-shadow: 1px 1px 1px black, 0 0 0em black;
}

nav a {
	font: 900 22px/1.3 'Exo 2', sans-serif;
	letter-spacing: 0.1em;
	color: BlanchedAlmond;
	margin: 0;
	text-decoration: none;
}

nav a:hover {
	color: White;
	text-shadow: -0px 0px 6px Black, -0px -0px 0em black;
}

nav div {
	height: 30px;
	padding-bottom: 3px;
	width: 20%;
	float: left;
	text-align: center;
	align-content: center;
	vertical-align: middle;
		
}

.onas {background-color: LightCoral;}
.portfolio {background-color: GoldenRod;}
.otzyvy {background-color: DarkKhaki;}
.mullar {background-color: MediumPurple;}
.kontakty {background-color: LightSkyBlue;}



main {
	background-image: url(../media/Kommentariy_niz.svg);
	background-size: 400px auto;
	background-position: -1% 101%;
	background-repeat: no-repeat;
	font-size: 100%;
}



/*Боковушка*/
aside {
	display: inline-block;
	min-width: 384px;
	max-width: 100%;
	background-color: BlanchedAlmond;
	float: left;
	margin-left: 16px;
	margin-top: 16px;
	/*-webkit-box-shadow: 2px 2px 5px 0; box-shadow: 2px 2px 5px 0;*/
	}

.aside_header{
	font: 14px/1.5 Roboto Slab, serif;
	color: DarkOrange;
	background-color: rgba(102,0,0,1);
	padding: 4px;
	
		
}
.novinka {
	width: 352px;
	height: 200px;
	/*background-color: orange;*/
	margin: 16px 16px 32px;
	
}
.novinka img {float: left; -webkit-box-shadow: 2px 2px 5px 0; box-shadow: 2px 2px 5px 0; margin-right: 16px}
.novinka h1, h2 {font: 700 14px/1.2 'Roboto Condensed', sans-serif;	color: rgba(102,0,0,1); margin-left: 16px;}
.novinka h2 {font-style: italic;}
.novinka p {font: 400 14px/1.2 'Roboto Condensed', sans-serif; margin-top: 16px;}
.address p, .address h1 {font: 18px /1.5 'Roboto Slab', serif; color: DarkOrange; padding: 16px 16px 0 16px;}
.address p {color: rgba(102,0,0,1); font-size: 24px; padding:0 0 0 16px; margin-bottom: 32px}
.address a {color: rgba(102,0,0,1); font-size: 24px; padding:0 0 0 0px; margin-bottom: 32px}

.mullar-side, .mullar-side_first{
	width: 352px;
	height: auto;
	margin-top: 16px; 
	margin-right: 16px;
	margin-left: 16px;
	margin-bottom: 32px;
}
.mullar-side img {
	float: left;
	-webkit-box-shadow: 2px 2px 5px 0;
	box-shadow: 2px 2px 5px 0;
	margin: 16px
}
.mullar-side_first p {font: large/1.5 'Roboto Slab', serif; color: rgba(102,0,0,1); margin-top: 32px; margin-right: 16px; margin-left: 16px; 	margin-bottom: 16px;}

.address{width: 352px; height: auto; margin: 16px 16px 16px 0px;}

/*Объявление*/
.alert {
	float: left;
	background-color: rgba(255,255,255,0.82);
	padding: 16px;
	maxwidth: 768px;
	height: 400px;
	margin: 16px 16px 0px 16px;
	/*-webkit-box-shadow: 2px 2px 5px 0; box-shadow: 2px 2px 5px 0;*/
	display: none;
	
}



/*Основной раздел*/
article {
	display: inline-block;
	background-color: BlanchedAlmond;
	padding: 0px;
	max-width: 768px;
	margin: 16px;
	/*-webkit-box-shadow: 2px 2px 5px 0; box-shadow: 2px 2px 5px 0;*/
	
}

article p, li {
	font-family: 'Merriweather', serif;
	font-size: normal;
	line-height: 1.5;
	margin: 16px 16px 16px 16px;
	
}
 article  li {
    list-style: none; /* Скрываем маркеры списка */
    text-indent: 2em; /* Сдвигаем элементы списка влево */
	line-height: 1.2;
	list-style-position: inside;
	margin: 0px 0 8px 0;
   }
   
article li::before {
    content: '\25cf'; /* Добавляем маркер в шестнадцатеричном формате*/
    padding-right: 16px; /* Расстояние от маркеров до текста */
    color: DarkOrange;
}

article p.bold {
	font-family: 'Roboto Slab', serif;
	color: rgba(102,0,0,1);
}
article h1 {font: x-large/1.5 'Roboto Slab', serif; color: rgba(102,0,0,1); margin: 16px 16px 16px 16px;}
article h2 {font: large/1.5 'Roboto Slab', serif; color: rgba(102,0,0,1); margin-top: 32px; margin-right: 16px; margin-left: 16px; 	margin-bottom: 16px;}
article img, iframe {margin: 16px 16px 0 16px}

article iframe {-webkit-box-shadow: 2px 2px 5px 0; box-shadow: 2px 2px 5px 0;}

td {border: 2px;}

table p {font: 400 larger/1.2 'Roboto Condensed', sans-serif;}

table p.year {font: 700 larger/1.2 'Roboto Condensed', sans-serif;}

article p.otzyv_mull {font: 400 larger/1.2 'Roboto Condensed', sans-serif;}

.otzyv_mull strong {font-weight: 700;}

.otzyv_mull em {font-weight: 400; font-style: italic;}

footer {
	background-color: rgba(102,0,0,1);
	padding: 8px 16px 8px 8px;
	font: 14px/1.5 'Exo 2', sans-serif;
	font-weight: 500;
	text-align: right;
	letter-spacing: 0.05em;
	color: DarkOrange;
	margin: 0;
	
}

footer a {color: DarkOrange;}

.footer_left{
	float: left;
	text-align: left
}



/*Портфолио*/
.book_section {margin-left: 16px; display: inline-block;}

.book_section h1{margin-bottom: 32px;}

.book_wrapper{
	display: inline-block;
	width: 240px;
	float: left;
	height: 320px;
	min-height: 0px;
	margin-right: 8px;
	margin-bottom: 64px;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
	}
.author,  .book_name, .book_info {font: 400 14px/1.2 'Roboto Condensed', sans-serif; margin: 0px; color: rgba(102,0,0,1)}
.book_name {font-weight: 700;}
.book_info {font-style: italic; color: black;}
.book_picture {
	width: 240px;
	height: 240px;
	text-align: center;
	margin-bottom: 32px;
	vertical-align: middle;
}
.book_picture img {
	padding: 0px;
	margin: 0px;
	 -webkit-box-shadow: 2px 2px 5px 0; box-shadow: 2px 2px 5px 0;
}
.spussk {margin: 20px;}

/*Отзывы*/
.review {background-color: darkorange;}
.otzyv_header {background-color: rgba(102,0,0,1); margin-bottom: -16px; padding: 2px;}
.author_otz {
	font: large/1.5 'Roboto Slab', serif;
	color: white; 
	padding: 0px; 
	margin-top: 8px; margin-bottom: 4px; margin-left: 16px; margin-right: 0px}
.duty {font: 12px 'Roboto Condensed', sans-serif; color: white; font-style: italic; padding: 0px; margin-top: 0px; margin-bottom: 8px; margin-left: 16px; margin-right: 0px}
.otzyv {background-color: BlanchedAlmond; margin-top: 16px; margin-bottom: 16px; margin-left: 0px; margin-right: 0px; padding-top: 4px; padding-bottom: 8px}
.otzyv p {margin-top: 16px; margin-bottom: 16px; margin-left: 16px; margin-right: 16px; padding-top: 0px; padding-bottom: 0px}