﻿* {   			/* Сброс всех отступов для всех тегов */
	padding: :0;	/* Внутренний отступ */
	margin: 0;		/* Наружный отступ */
}	
img {	/* Удаление рамки вокруг всех картинок (для IE9) */
	border: none;
}
#body1 {	/* Фоновая картинка 1 страницы */
	background:url(fon.jpg) no-repeat fixed;
	background-size: cover;
}
#header {	/*Страницы: главная, о сайте, контакты*/
	font: italic 48px 'Times New Roman';	/* Шрифт курсивный, 48px, Times New Roman */
	color: green;		/* Цвет текста зелёный */
	text-align: center;	/* Выравнивание текста по центру */
	margin: 8px auto;	/* Наружные отступы сверху и снизу 8px, по бокам автоматически - выравниваем по центру */
	padding: 20px;		/* Внутренние отступы заголовка */
} 		
.zaglavie {	  /*Главная страница*/
	max-width: 600px;
	margin: auto;
	background: white;
	border: 2px solid #062402;
	border-radius: 50%;
}
.title_reference {   /*Заглавие-ссылка*/
    text-decoration: none; /* Убирает подчеркивание для ссылок */
	color: green;           /* Цвет ссылки зелёный */
}
.title_reference:hover {    /*Заглавие-ссылка при наведении курсора*/
    color: #00ff00;         /* Ссылка светло-зелёного цвета */
    text-decoration: none;  /* Убирает подчеркивание для ссылок */    
} 
.content_1 {	/* Обёртка обложки с текстом на 1 странице */
	max-width: 976px;	/* Наружные отступы сверху и снизу 8px, по бокам автоматически */
	margin: 8px auto;   /* Наружные отступы сверху и снизу 8px, по бокам автоматически - выравнивание по центру */
	overflow: hidden;   /* Отображается только область внутри элемента, остальное будет скрыто. 
	                       Чтобы float в контенте не выходил за границы*/
}
.content_1_margin {
	margin-bottom: 40px;
}
.obl_book {	/* Обложка книги */
	max-width: 223px;
	max-height: 346px;
	border: 10px solid #062402;
	border-radius: 10px;
	position: relative;
	float: left;	
}
.obl_book:hover {	/* Обложка книги */
	border: 10px solid #228B22;  /* Рамка обложки цвета лесной зелени (ForestGreen) при наведении курсора*/
}		
.img_book {	
	width: 100%;    /*Ширина обложки по ширине блока*/
}	
.obl_book2 {	/* Обложка книги 2 */
	max-width: 210px;
	max-height: 294px;
	border: 10px solid #062402;
	border-radius: 10px;
	position: relative;
	float: left;	
}
.obl_book2:hover {	/* Обложка книги 2*/
	border: 10px solid #228B22;  /* Рамка обложки цвета лесной зелени (ForestGreen) при наведении курсора*/
}		
.book1text {	/* Блоки текста 1 стр. */
	max-width: 660px;
	font: normal 16px 'Times New Roman';
	color: black;
	text-align: left;
	padding: 10px;
	background: white; 	
	border: 2px solid #062402;
	border-radius: 40px;
	position: relative;		/* Позиционирование относительно исходного места блока */
	float: right;			/* Выравнивание по правому краю */
	margin-top: 10px;		/* Верхняя граница 10px */
	display: block;			/* Отображать, как блок */
} 		
.book1text1 {
	min-height: 326px;		/*Минимальная высота 1-го текстового блока*/
}
.book1text2 {
	min-height: 274px;		/*Минимальная высота 2-го текстового блока*/
}
.book1text h2 {
	margin-bottom: 14px;	/* Нижняя граница заголовков основного контента */
}
.m_top {
	margin-top: 20px;		/* Отступ заголовка сверху */
}
.red_line {				/* Красная строка */
	text-indent: 30px;  /* Отступ первой строки */
}
.height_font {	
	font-size: medium;  /* Для подбора высоты текстового блока */
}
.tdc {     /*Ячейки с текстом*/
	background: white; 	
	border: 2px solid #062402;
	border-radius: 40px;
}
.content_2_3 {		/*Контент на стриницах "О сайте" и "Контакты"*/
	font: 18px 'Times New Roman';
	max-width: 976px;
	margin: 8px auto;
}
.content_2 {
		max-width: 976px;
		margin: 8px auto; /* Наружные отступы сверху и снизу 8px, по бокам автоматически - выравнивание по центру */
}		
.reference:hover {   /*Ссылки при наведении курсора*/
		text-decoration: none;  /* Убирает подчеркивание для ссылок */    
}
#footer {	/*Страницы: главная, о сайте, контакты*/
	font: italic 24px 'Times New Roman';
	color: green;
	margin: 8px auto;	/* Наружные отступы сверху и снизу 8px, по бокам автоматически - выравниваем по центру */
}
.tdf {		/*Главная страница, подвал (footer)*/
	background: white;
	border: 2px solid #062402;
	border-radius: 50%;
}
.footer_1 {	/* Контейнер подвала страницы "Главная" */
	max-width: 980px;
	margin: auto; /* Выравниваем по центру */
}
.right_1 {	/* Вставка справа до поля "Контакты" */
	width: 123px;
	position: relative;
	float: right;
}		
.contacts_1 {	/* Поле "Контакты" */
	width: 120px;
	text-align: center;
	padding: 9px;
	position: relative;		
	float: right;
}				
.clr {
	clear: both;
}
.footer_border {	/* Рамка надписей в подвале */
	background: white;
	border: 2px solid #062402;
	border-radius: 50%;
}			
.right_1_2 {	/* Вставка справа до поля "О сайте" */
	width: 152px;
	position: relative;
	float: right;
}
.about_site {	/* Поле "О сайте" */
	width: 88px;
	text-align: center;	
	padding: 9px;	
	position: relative;
	float: right;
}		
.footer_2 {	/* Контейнер подвала страницы "О сайте" */
	max-width: 980px;
	margin: 8px auto; /* Выравниваем по центру */
}
.left_2 {  /* Вставка слева до поля "На главную" */
	width: 80px;
	position: relative;
	float: left;
}	
.on_main {	/* Поле "На главную" */
	width: 150px;
	position: relative;
	float: left;
}
.contacts {	/* Поле "Контакты" */
	width: 150px;
	position: relative;		
	float: right;	
}		
.right_2 {	/* Вставка справа до поля "Контакты" */
	width: 85px;
	position: relative;
	float: right;
}
