body{padding: 0;margin: 0;height: 100%;background-color: #58BF85;}
#page{width: 1000px;margin: 0 auto;border: 1px solid black;}
#header{height: 130px;width: 100%;background-color: #cccccc;}
#menu ul{margin: 10px 30px;}
#footer{padding-top: 20px;height: 40px;width: 100%;background-color: #999;}
.clear{float: none;clear: both;}
.td_of_main td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #ddd;}
.oversize_cont{
overflow: hidden;
}
.td_image_cont { 

	background-image: url('https://lera.veryasov.ru/img/3dkontaner.png'); 
	background-size: 100%;
	/* 
	  
	это не работает
	width: 540px;
	height: 330px;
    margin:40px auto 0px auto;
    padding:10px;	
	*/
}
.td_image_cont td{ 
	border:0px;
	
}
.td_white_cont { 

    background-color: #c5c5c5;
    border-radius:7px;
    box-shadow: 0px 0px 10px #000;
	padding:3px;
	text-align:left;
	vertical-align:top;
	border:0px;
}
input.color  {
		background-color: #99CCFF;
		font-family: arial;
		font-size: 11px;
		color: #000000;
		border: 1 solid #000000;
		height: 18px;		
}
h2 {font-family: Arial; }
blockquote{
  padding: 10px;
  font-size: 25px;
  font-family: 'Monoton', cursive;
  text-align: left;
  text-transform: uppercase;
  text-shadow: 0 0 80px red,0 0 30px FireBrick,0 0 6px DarkRed;
  color: red;
}
div p { margin:0; }
#error:hover { text-shadow: 0 0 200px #ffffff,0 0 80px #008000,0 0 6px #0000ff; }
#code:hover { text-shadow: 0 0 100px red,0 0 40px FireBrick,0 0 8px DarkRed; }
#error {
  color: #fff;
  text-shadow: 0 0 80px #ffffff,0 0 30px #008000,0 0 6px #0000ff;
}
#error span {
  animation: upper 11s linear infinite;
}
#code span:nth-of-type(2) {
  animation: lower 10s linear infinite;
}
#code span:nth-of-type(1) {
  text-shadow: none;
  opacity:.4;
}
@keyframes upper {
  0%,19.999%,22%,62.999%,64%, 64.999%,70%,100% {
    opacity:.99; text-shadow: 0 0 80px #ffffff,0 0 30px #008000,0 0 6px #0000ff;
  }
  20%,21.999%,63%,63.999%,65%,69.999% {
    opacity:0.4; text-shadow: none; 
  }
}
@keyframes lower {
  0%,12%,18.999%,23%,31.999%,37%,44.999%,46%,49.999%,51%,58.999%,61%,68.999%,71%,85.999%,96%,100% {
    opacity:0.99; text-shadow: 0 0 80px red,0 0 30px FireBrick,0 0 6px DarkRed;
  }
  19%,22.99%,32%,36.999%,45%,45.999%,50%,50.99%,59%,60.999%,69%,70.999%,86%,95.999% { 
    opacity:0.4; text-shadow: none; 
  }
}
#metrotd{}
/* Настройка таблиц по ширине*/
.equal-width-cols {
  width: 100%;
  table-layout: fixed;
}
.equal-width-cols td {
  height: 50px;
  width: 100%;
  text-align: center;
  border: 1 solid #000000;
}
/*выделение всей таблицы ссылкой*/
.default {background-color: #cccccc;}
.over {background-color: #A0D0F0; font-weight: bold; cursor: pointer;}
.out {background-color: #cccccc; font-weight: normal;}

/* Стиль кнопок */

.button8 {
  display: inline-block;
  color: black;
  font-weight: 700;
  text-decoration: none;
  user-select: none;
  padding: .5em 2em;
  outline: none;
  border: 2px solid;
  border-radius: 3px;
  transition: 0.2s;
  width: 220px;
} 
.button8:hover { background: rgba(255,255,255,.2); }
.button8:active { background: white; }

/*популярные события*/
.populity-event {
	color: black;
	font-size: 10px;
	font-family: 'Arial', cursive;
	text-align: center;
	padding: 2px;
	vertical-align:top;
	border:1px solid #000000
}
.populity-event td {
	font-size: 10px;
	font-family: 'Arial', cursive;
	text-align: left;
	padding:0px 0px;
	color: #8b8e91;
}

/*Фильтры событий*/
.filters-event {
	color: black;
	font-size: 10px;
	font-family: 'Arial', cursive;
	text-align: center;
	padding:2px;
	vertical-align:top;
	border:1px solid #000000
}
.filters-event td {
	height: 20px;
	width: 60px;
	font-size: 10px;
	font-family: 'Arial', cursive;
	text-align: center;
	padding:1px 1px;
	border-right: 2px solid white;
	border-left: 2px solid white;
	color: #8b8e91;
}
.filters-event input {
	padding:1px 1px;
	border: 1px;
	display: none;
}
.filters-event label {  margin: 0;   padding: 0;   top: 100%;  left: 0;  width: 100%; }
.filters-event input:checked + label { background: #fff; margin: 0;   padding: 0;   top: 100%;  left: 0;  width: 100%; }



.korpus > div, .korpus > input { display: none; }

.korpus label { padding: 5px; border: 1px solid #aaa; line-height: 28px; cursor: pointer; position: relative; bottom: 1px; background: #fff; }
.korpus input[type="radio"]:checked + label { border-bottom: 2px solid #fff; }

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3) { display: block; padding: 5px; border: 1px solid #aaa; }


/* Оформление меню (начало)*/
    .menu {
        list-style: none;

        margin: 0;
        padding: 0;
    }
    .submenu {
        list-style: none;

        margin: 0 0 0 20px;
        padding: 0;
    }
    .submenu li {
        font-size: 90%;
    }
 /* Оформление меню (конец)*/
		 body2, #map {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
        #menu3 {
            position: absolute;
            width: 220px;
            background: rgba(255,255,255,.2); 
            border: 2px solid #000000;
            border-radius: 3px;
            padding-bottom: 5px;
            z-index: 2
        }
        #menu3 ul {
            list-style-type: none;
            padding: 5px;
            margin: 0;
        }
        input {
            width: 180px;
        }
		
		
	 /* Оформление вк авторизации*/	
		
.b-popup{
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
}
.b-popup .b-popup-content{
    margin:40px auto 0px auto;
    width:250px;
    height: 250px;
    padding:10px;
    background-color: #c5c5c5;
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
}