/* ************************************************************************************ */
/* @font-face {font-family: 'Сalligraph'; src: url('calligraph.ttf');}  */
/* @font-face {	font-family: 'Otrada';	src: url('Otrada.eot');	src: local('Otrada'),		url('Otrada.eot?#iefix') format('embedded-opentype'),		url('Otrada.woff') format('woff'),		url('Otrada.ttf') format('truetype');	font-weight: normal;	font-style: normal;} */
.rzd {clear: both;}

#MyInfo {width: 99%; margin: 1em auto; padding: 1em; border-radius: 10px;
				 background: rgb(100,100,100) radial-gradient(circle at 0 0, rgba(255,192,64,.65), rgba(255,192,64,.35));
				 box-shadow: inset rgba(0,0,0,.5) -3px -3px 8px, inset rgba(255,192,64,.9) 3px 3px 8px, rgba(0,0,0,.8) 3px 3px 8px -3px;}
				 
#MyInfo h1 {font-family: serif; font-size: 300%; font-style: italic; color: #480000;}

#MyInfoFot {width:30%; float:left; margin-right: 10px; border-right: 5px solid brown;}

#MyInfoFotTxt {font: bold italic 180% serif; text-align: justify; color: #400000;}

#MyInfoFotTxt strong, .blok a {font: bold italic; color: #000064; text-decoration: underline;}


.blok {width: 99%; padding: 15px;
	border-left: 1px #00c0e1 solid;
	border-top: 1px #00c0e1 solid;
	border-right: 1px #00c0e1 solid;
	border-bottom: 1px #00c0e1 solid;
	box-shadow: 0px 0px 20px 0px #5b5b5b;
	-webkit-box-shadow: 0px 0px 20px 0px #5b5b5b;
	background-color: rgb(136, 136, 136);
	background-image: linear-gradient(rgb(234, 200, 151) 20%, rgb(255, 230, 188) 40%);
	background-position-x: 0;
	background-position-y: 0;
	background-size: 100% 100%;
	font-family: serif; font-size: 185%; font-style: italic; color: #480000; text-align: justify;
	}

.blok ul li {font-size: 100%;
    list-style: none; /* Скрываем маркеры списка */
    text-indent: -1em; /* Сдвигаем элементы списка влево */
   }
.blok ul li::before {
    content: '\25ba'; /* Добавляем маркер в шестнадцатеричном формате*/
    padding-right: 5px; /* Расстояние от маркеров до текста */
    color: red; /* Маркеры красного цвета */
   }