body { background: #D4D4D4; color: #0312A7 }

a {color: #0312A7 }
a:hover {color: #0000FF}

td { text-align: center; }

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

#copyright {text-align: right; font-weight: normal; text-decoration: none; color: #000; font-size: x-small; clear: both; margin-top: 0px;}
.copyright {text-align: right; font-weight: normal; text-decoration: none; color: #000; font-size: small; clear: both; margin-top: 0px; color: #0000FF;}

.history {
	border: 2px dashed black;
	font-style: italic;
	margin: 25px;
	padding-left: 25px;
	padding-right: 25px;
	color: #000000;
	background-color: #C0C0C0;
}

p {
	text-indent: 2em;
	text-align: justify;
}

.picks {text-align: center; text-indent: 0em}

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

#photo {text-indent: 0em; text-align: center; margin-top: 0; margin-bottom: 10; font-size: small; text-align: center;}
.photo {text-indent: 0em; text-align: center; margin-top: 0; margin-bottom: 10; font-size: small; text-align: center;}

h1 {text-align: center;}


blockquote:before, blockquote:after {
    font-size: 3em;
    color: #800;
   } 
   blockquote:before {
    content: '«';
    float: left;
    margin-top: -0.4em;
    margin-left: -0.3em;
   }
   blockquote:after {
    content: '»';
    float: right;
    margin-top: -1.2em;
   }

blockquote {
	font-style: italic;
	padding-left: 25px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 75%;
	background-color: #CCCCFF;
	clear: both;
	text-align: left;
}

blockquote p {text-align: left; margin: 1em 3em; }

.thumb_events {border: solid 0px #e2e2e2; background: #e2e2e2; text-align: center; padding: 20px; Width: 380px; height: 380px; margin: 10px; display: inline-block; float: left;  overflow: hidden; text-overflow: ellipsis;}
.thumb_events h1 {margin-bottom: 0; margin-top: 0; text-align: center; font-size: medium}
.thumb_events p {margin-bottom: 0; margin-top: 0;
text-overflow: ellipsis; /* Добавляем многоточие */}
.thumb_events p.detail {font-weight: normal; text-decoration: none; font-size: small; margin-bottom: 10px; margin-top: 10px; text-align: center;
text-indent: 0em;  /* Убираем красную строку */}
.thumb_events .quote {font-style: italic;}
.thumb_events a {padding: 0 0 5 0;}
.thumb_events img {width: auto;
  height: auto;
  max-width: 360px;}


@media screen and (max-width: 980px) {/* Размер экрана меньше 980px */
   .thumb_events {padding: 75px auto; Width: 95%; height: auto; max-height: auto; margin: 10px auto;}
   .thumb_events h1 {clear: both; text-indent: 2em; margin-bottom: 0; margin-top: 0;}
   .thumb_events p {margin: 10 auto;  width: 95%;}
   .thumb_events p.detail {font-weight: normal; text-decoration: none; margin-bottom: 10px; font-size: medium; text-align: center; }
   .thumb_events .quote {font-style: italic;}
   .thumb_events img {width: auto;
     height: auto;
     max-width: 720px;}
   .thumb_events a {padding: 0 0 5 0; text-align: center}
#copyright {font-size: medium; }
}

@media screen and (max-width: 800px) {/* Размер экрана меньше 800px */
   .thumb_events {clear: both; padding-right: 15px 10px; Width: 95%; min-height: 105px; height:auto !important; height: 105px; }
   .thumb_events h1 {clear: none; text-indent: 1em; margin-bottom: 0; margin-top: 0; text-align: left; font-size: medium}
   .thumb_events p {margin-bottom: 0; margin-top: 0; Width: 95%; text-indent: 1em;}
   .thumb_events p.detail {font-weight: normal; text-decoration: none; font-size: small;  text-align: left; text-indent: 1em; margin-bottom: 10px;}
   .thumb_events .quote {font-style: italic;}
   .thumb_events img {width: auto;
     max-height: 113px;
     float: left;
   } 
 .thumb_events a {padding: 0 0 5 0; text-align: center}
}