html {height: 98%;}
* html body {height: 100%;}

body {background-color: D7FFFF;
	color: #0312A7;
	min-height: 98%;
	position: relative;
	margin: 0 2%;}

p {margin: 5; font-weight: normal; text-decoration: none; text-align: justify; text-indent: 2em}

h1, h2 {margin: 7 0; font-weight: bold; color: #0000FF; padding: 0 }
h1 {font-size: 150%; clear: both; text-align: center;}
h2 {font-size: 110%; font-style: italic;}
h3 {text-align: left; font-size: 100%; margin: 8 0 0 0; font: bold; color: #0000ff; font-style: italic;}

img {margin: 7px; border: 0; }

.history {background-color: C9FAC9; clear: both; margin: 5px 10%; padding: 10; font-size: 80%;}

#menu {text-align: center; clear: both} 


/* Меню внизу страницы */
div#menubottom 	{text-align: center;
			clear: both;
			/* position: absolute; временно IE */
			/* bottom: 0; временно IE */
			height: 25px;
			width: 98%;
			padding: 1px 0}
div#menubottom ul 	{list-style: none;
				margin: 0px; /* Обнуляем значение отступов */
				padding: 0px; /* Обнуляем значение полей */}
div#menubottom ul li {display: inline; /* Отображать как встроенный элемент */
				padding: 1px; /* Поля вокруг текста */}

div#copyright {text-align: right; font-weight: normal; text-decoration: none; font-size: x-small; clear: both}
div.copyright_dop {text-align: right; font-weight: normal; text-decoration: none; color: #0000FF; font-size: x-small;}

/* Карточки поездок */
.thumb_events {border: solid 0 #e2e2e2; background-color: #d9eff9;
box-shadow: 2px 0 10px rgba(122,122,122,0.5);
text-align: center; padding: 20px; Width: 360px; 
/* height: 450px; 
   overflow: hidden;
*/   text-overflow: ellipsis;

margin: 25px; display: inline-block; float: left;}

.thumb_events h2 {margin-bottom: 5px; margin-top: 5px; text-align: center; font-size: medium}
.thumb_events p {margin-bottom: 0; margin-top: 0;
		text-overflow: ellipsis; /* Добавляем многоточие */
                font-size: small; /* Уменьшаем шрифт */
                text-indent: 0em;  /* Убираем красную строку */}
.thumb_events p.date {margin-bottom: 10px; margin-top: 10px;}
.thumb_events .quote {font-style: italic;}
.thumb_events a {padding: 0 0 5 0;}
.thumb_events img {width: auto;
  height: auto;
  max-width: 250px;
  max-height: 250px;
  float: left
}
.thumb_events ul {clear: both; }
.thumb_events li {overflow: hidden;
   list-style-position: inside;
   display: inline;
   font-size: small;
}

.thumb_events li:after { content: " •" } /* значок после пункта */

@media screen and (max-width: 980px) {/* Размер экрана меньше 980px */
   .thumb_events {padding: 75px auto; Width: 95%; height: auto; max-height: auto; margin: 10px auto;}

   .thumb_events img {width: auto;
     height: auto;
     max-width: 720px;}
     max-height: 720px;

.thumb_events p {margin-bottom: 0; margin-top: 0;
		text-overflow: ellipsis; /* Добавляем многоточие */
                font-size: normal; /* Уменьшаем шрифт */
                text-indent: 0em;  /* Убираем красную строку */}
}