body {
	font-family: "Lato", sans-serif;
	background-image: url(../img/container_fon.jpg);
	overflow-x: hidden;
}
/*specialButton {	position: relative;	left: 86%;	width: 11%; }*/
p {font-family: "Open Sans", Tahoma, sans-serif; color: #474747; background-color: none;}

a {text-decoration: none;}

.container {
position: relative;
/*border: 2px solid red;*/
}

/*.pict {
	position: absolute;
	border: 2px solid red;
	width: 27%;
	height: 18.5em;
	margin-left: 1%;
	z-index: 50;
	position: fixed;
	background-image: url(../img/pict_fon.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}*/

/*.logo {
	border: 2px solid aqua;
	width: 10%;
	height: 12%;
	margin-left: 2%;
	z-index: 200;
	position: fixed;
	color: aqua;
	padding-top: 5%;
}*/

.topsite {
	
	height: 16em;
	
	/*border: 4px solid yellow;*/
	background-image: url(../img/topsite_fon.png);
	background-repeat: no-repeat;
	background-size: 100% 100% ;
}

#search {
    width: 71%;
    margin-left: 28%;
    margin-top: 1%;
    margin-bottom: -1%;
    font-size: 10px;
    padding-top: 0 1% 0 1%;
    border: 2px solid #cccccc;
    background: white;
}

.heading {
    margin-top: -7%;
    margin-left: 28%; 
    font-size: 14px; 
    padding: 0px 10px;
    border: 2px solid gray;
}

.breadcrumbs {
    margin-top: 2%;
    margin-left: 28%; 
    font-size: 14px; 
    padding: 0px 10px;
    border: 2px solid coral;
    display:none;
}

.forbutton {
    margin-top: 1%;
    margin-left: 26%; 
    font-size: 0.85em; 
    /*border: 2px solid gray;*/
}

.pagetitle {
    width: 71%;
    margin-left: 26%;
    margin-top: 1%;
    padding: 0px 10px;
    /*border-top: 2px solid gray;*/
    text-align: right;
}

h5 {
    color: #003366;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif; 
    font-size: 30px;
    padding: 0;
    margin: 0.9em 0 0.4em 0 ;
    text-transform: uppercase;
    text-shadow: 0 2px white, 0 3px #777;
    font-style: oblique;
}
h4 {
    color: #003366;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif; 
    font-size: 20px;
    padding: 0;
    margin: 0.9em 0 0.4em 0 ;
    text-transform: uppercase;
    text-shadow: 0 1px white, 0 2px #777;
    font-style: oblique;
}
h2 {
    color: #003366;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif; 
    font-size: 16px;
    padding: 0;
    margin: 0.9em 0 0.4em 0 ;
    text-transform: uppercase;
    text-shadow: 0 1px white, 0 1px #777;
    font-style: oblique;
}

.main {
	display: flex; flex-direction: column;
	width: 71%;
    height: auto;
    margin-left: 26%;
    font-size: 14px;
    padding: 0px 10px 20px 10px;
    border: 2px solid #cccccc;
    border-radius: 15px;
    background: #fff;
}

.main_fl {
	display: flex;
	/*border: 2px solid yellow;*/
	
	justify-content: space-around;
}

.left_re {
	/*border: 2px solid red;*/
	padding-left: 1%;
	width: 65%;
}
.right_re {
	/*border: 2px solid blue;*/
	width: 35%;
}

.left_wr {
	/*border: 2px solid red;*/
	padding-left: 1%;
	width: 60%;
}
.right_wr {
	/*border: 2px solid blue;*/
	width: 39%;
}

.left_wr img {padding: 2%; margin: auto;} 

p {
	font-family: "Open Sans", Tahoma, sans-serif;
	color: #474747;
	width: 98%;
    /*height: 100%;*/
    font-size: 1em;
    padding: 0 1.5%;
    /*border: 2px solid red;*/
    background: #fff;
}

.column {
	padding-left: 3%;
    -webkit-column-width: 40%;
    -moz-column-width: 40%;
    column-width: 40%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 5%;
    -moz-column-gap: 5%;
    column-gap: 5%;
    -webkit-column-rule: 1px solid #ccc;
    -moz-column-rule: 1px solid #ccc;
    column-rule: 1px solid #ccc;
   }
   


h3 {color: #666;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif; 
    font-size: 2em;
    padding: 0;
    margin: 0.3em 0 0.4em 0 ;
}
    
.footer {
		height: 3.8em;
		/*border: 2px solid black;*/
		border-top: 4px solid black;
		background: url(../img/footer_fon.jpg);
		color: white;
		margin-top: 1em;
		padding-left: 30%;
		text-indent: -0.5em;
		padding-top: 1em;
		font-size: 0.8em;
}

/*===========КНОПКИ=============*/
button{
  background: none;
  width: 31.4%;
  margin-right: 1.1em;
  border: 4px double #336699;
  position:relative;
  height: 3.5em;
  font-size:1.2em; font-weight: bold;
  text-transform: uppercase;
  padding:0 2em;
  cursor:pointer;
  border-radius: 10px;
  transition:800ms ease all;
  outline:none;
  color: #660000;
}

button:hover{
  background: none;
  border: none;
  color: #660000;
}
button:before,button:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:1.5px;
  width:0;
  background: #336699;
  transition:400ms ease all;
}
button:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
button:hover:before,button:hover:after{
  width:100%;
  transition:800ms ease all;
}

button:hover{
  background: none;
  border: none;
}

button:visited {color: #660000;}



/*---------Конец кнопок--------*/

.column {padding-top: 2%;}
.pict {text-align: center;}
.pict img {width: 28%;}

ul.ellib {padding-left: 15%; list-style-type: none; line-height: 0.8;}
ul.ellib li:before {content: "\2711 \00A0 \00A0" ; font-size: 1.5em;}
ul.vid {padding-left: 15%; list-style-type: none; line-height: 0.8;}
ul.vid li:before {content: "\22B3 \00A0 \00A0" ; font-size: 1.5em;}

ul.vid a {line-height: 1.2;}
ul.ellib a {line-height: 1.1;}

hr {
border: 0;
height: 1px;
background: #000;
background-image: -webkit-linear-gradient(left, #fff, #000, #fff);
background-image: -moz-linear-gradient(left, #fff, #000, #fff);
background-image: -ms-linear-gradient(left, #fff, #000, #fff);
background-image: -o-linear-gradient(left, #fff, #000, #fff);
}

blockquote {
	margin: 0 0 5px 35%;
    white-space: pre-wrap;
    color: #474747;
}

/*---------Аудио--------*/
.muz {width: 90%; height: 20px;}
iframe.audio-p {width: 90%; height: 100px;}

/*---------Карты писателей----------*/
.map__blcok, .map__blcok_all {
  position: relative;
  margin: 0 auto;
  display: block;
  max-width: 800px;
  width: 108%;
  margin-left: -4%;
  /*border: 1px solid yellow;*/
}
.map__blcok_all {width: 115%;}

@media (max-width: 767px){
    	.map__blcok, .map__blcok_all {width: 100%; /*border: 1px solid blue;*/}
	}

.svg__map2, .svg__map2_all {
  width: 102%;
  /*border: 1px solid red;*/
}
@media (max-width: 767px){
    	.svg__map2_all {width: 107%; /*border: 1px solid blue;*/}
	}
	
	@media (max-width: 767px){
    	.svg__map2 {width: 100%; /*border: 1px solid blue;*/}
	}


.map__pointer {
  position: absolute;
  display: inline-block;
}

.map__pointer img {
  height: 5%;
  max-height: 40px;
}
.map__pointer::after {
  content: attr(data-title);
  position: absolute;
  left: 110%;
  top: 0;
  z-index: 1;
  background: rgb(255, 255, 255);
  padding: 2.5px;
  border-radius: 3px;
  font-size: 1rem;
}

/*---------Счетчики----------*/
 
#specialButton {
	position: relative;
	z-index: 250;
	}
#cpt {float: left;}
#meter {float: right; padding-right: 3%;}