
/*

дело&shy;произ&shy;водитель&shy;ницы.

&nbsp; 

*/





div#literature {
	margin-bottom: 30px;	
}

p.text, .text, 
#literature P,
#literature UL,
#literature OL,
p.literature	{
			margin: 1em 0;
			font-size: 1em;
			line-height: 1.2em;
			text-align: justify;
		}
	
p.text:hover 	{ color: #000; }

.first			{ margin-top: 2em; }

p.text:first-letter {
    font-size: 1.3em; /* Размер шрифта первого символа */
 }

.zit	{
			margin: 20px 0px 30px 30px;
			font-size: 80%;
			text-align: justify;
	/*		font-family: Times, serif;  Шрифт с засечками */ 
			font-style: italic; /* Курсивное начертание текста */
			color: #000066; /* Цвет текста */
			line-height: 120%;
	}

.t {
    margin: 0; /* Убираем отступы */
    padding: 3px 0.8em 3px 0.8em; /* Поля вокруг текста */
	border: 1px solid #887040; /* Параметры рамки */
    border-bottom: none; /* Убираем линию снизу */
    display: inline; /* Отображать как встроенный элемент */
    background: #E6DECD; /* Цвет фона */
/*  font-family: "Courier New", Courier, Verdana, Arial,  monospace;  Семейство шрифта */
    font-weight: bold; /* Жирное начертание */
    font-size: 0.9em; 
/*  white-space: nowrap; Переносов в тексте нет */
	text-shadow: #20204B 1px 1px 2px;
	overflow: scroll; /* Добавляем полосы прокрутки */

	letter-spacing: 1px; /* интервал между символами */
	word-spacing: 3px;	 /* интервал между словами */
}


DIV.quoting, P.quoting, P.q, DIV.q {
			margin: 2px 0px 1em 0px; /* Убираем отступы */
			padding: 0.8em; /* Поля вокруг текста */
			border: 1px dashed #887040; /* Параметры рамки */
			border-radius: 5px;
			background-color:#F4EEE2;			/* Цвет фона */
	/*		font-family:  Calibri, Baskerville, Verdana, "Book Antiqua", Georgia, "Times New Roman"; */
			font-size: 0.938em; /* 15px */
			line-height: 1.1em;
			color: #000;
			text-align: justify;
/*    white-space: pre;  Учитываются все пробелы и переносы */ 

			 box-shadow: 3px 3px 5px #777;			/* Параметры тени */
			-webkit-box-shadow: 3px 3px 5px #777;	/* Для Safari и Chrome */
			-moz-box-shadow: 3px 3px 5px #777;		/* Для Firefox */
   } 
   

.link      {
			font-family: Tahoma;
			font-size: 80%;
}

.quoting_right  { 
			width: 90%;
			margin: 1em auto;
			padding: 3px 0.8em;
			border: 1px dashed #887040; /* Параметры рамки */
			background-color:#F4EEE2;			/* Цвет фона */
			border-radius: 5px;
			font-size: 0.9375em; /* Размер шрифта 15/16 */
			color: #000;
			text-align: justify;
			line-height: 1.2em;
			 box-shadow: 1px 1px 2px #777;			/* Параметры тени */			 
			-webkit-box-shadow: 1px 1px 2px #777;	/* Для Safari и Chrome */
			-moz-box-shadow: 1px 1px 2px #777;		/* Для Firefox */
}

.verse, p.v, div.v   { 
			margin-bottom: 2em;
			padding: 0px 0px 0em 2em;
			font-size: 1.1em; 
			font-weight: bold; /* Жирное начертание */
			font-style: oblique;
			color: #333; 
			white-space: pre;
			line-height: 1.3em;
			letter-spacing: 0px; /* интервал между символами */
			word-spacing: 4px;	 /* интервал между словами */
}


/*
a:link {
    color: #005580;
    text-decoration: none;
}

a:hover {
    color: #005580;
    text-decoration: underline;
}
*/


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


.footnote {
			font-size: 150%; 
			color: #008000; 
}

.footnote2 {
			color: #008000; 
}

/* ---------------------------------------------------------- * 
 *                Media Queries                               *
 * --------------------- ----------------------------------- */

/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 576px) {
.verse, p.v, div.v   { 

			font-size: 1.15em; 
			font-weight: bold; /* Жирное начертание */
			font-style: oblique;
			color: #333; 
			white-space: pre;
			line-height: 1.3em;
			letter-spacing: 0px; /* интервал между символами */
			word-spacing: 5px;	 /* интервал между словами */
}


}

/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px)  {	

.quoting_right  { 
			width: 70%;
			margin: 1em 0 0 30%;
			padding: 3px 0.8em;
}

}





/* Small devices (360px and up) */
@media only screen and (min-width: 360px) and (max-width: 459px) {

}
/* Small devices (landscape phones, 576px and up) */	
@media only screen and (min-width: 460px) and (max-width: 575px) {

}
/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

}
/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {	


}
/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}
/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}