/*
Перенос части слоба: 		­
*/

/*----------------------------------------------------------*/
#kesar .t {
		    margin: 0px 0px 0px 0px; /* Убираем отступы */
		    padding: 3px; /* Поля вокруг текста */
			border: 1px solid #887040; /* Параметры рамки */
		    border-bottom: none; /* Убираем линию снизу */
		    display: inline; /* Отображать как встроенный элемент */
		    background: #E6DECD; /* Цвет фона */
			font-family: Cyrillic, Verdana, Arial;
			font-size: 1em;
			font-weight: normal; 
			white-space: nowrap; /* Переносов в тексте нет */
			text-shadow: #20204B 2px 2px 5px;

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

#kesar P.text {
	    margin: 1em 0 2em 0; /* Убираем отступы */
} 

div .kesar-table {
		width: 100%;
		margin: 3px 0 2em 0; /* Убираем отступы */
		border-width: 1px;
		border-style: ridge;
		border-color: #CCCCCC;
		box-shadow: 3px 3px 5px #777;	/* Параметры тени */
 		background-color: #FFFFEE;  	/* Цвет фона */				 
}

.cyr {
			padding: 0.5em 0.5em 2em 0.5em;
			font-family: Cyrillic, Verdana, Arial;
			font-size: 1em;
			line-height: 1.3em; 
			text-align: left; 
			text-align: justify; 
			color: #353556; 
		/*	text-shadow: #20204B 1px 1px 3px; */
			letter-spacing: 0px; /* интервал между символами */
			word-spacing: 1px;	 /* интервал между словами */
	 		background-color: #f0ecdf;  	/* Цвет фона */	
		
			border-bottom: 1px dashed #887040; 	
			
	/*		
margin-bottom: -2em !important;
padding-bottom: 2em !important;			
	*/	
}

.rus {
			padding: 0.5em;
			font-size: 1.15em; 
			text-align: justify; 
			line-height: 1.3em; 
			color: #20204B; 
/*			border: 1px dashed #887040; /* Параметры рамки */
		/*	text-shadow: #20204B 1px 1px 3px; */
			letter-spacing: 0px; /* интервал между символами */
			word-spacing: 1px;	 /* интервал между словами */
			background-color: #FFFEEE;/* Цвет фона */
}

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

@media only screen and (min-width: 768px) {  

div .cyr	{ 
		width: 50%;
		float: left; 
		border-bottom-width: 0px; 		
		
	}
	
div .rus	{ 
		width: 50%;
		float: left; 	
		border-left: 1px dashed #887040; 
		}
		
div .kesar-table {
		overflow: auto;
}		
}