@import url("https://fonts.googleapis.com/css?family=Droid+Sans+Mono");
* {
  box-sizing: border-box;
}

@font-face {
font-family: "PWChalk"; 
src: url("/inc/PWChalk.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal; 
}

body {

	background-color: #26163d;
	background-image: url(/theme/img/bg_1920x1080.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.container {

	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;

}

.pult_mini table {
	border-spacing: 10px;
}
.pult_mini table td {
padding: 1px 20px;
}
.pult_mini img {
	width: 110px;
	height: 38px;
}



.pult table {
	border-spacing: 5px;
}
.pult table td {
padding: 5px 5px;
}
.pult img {
	width: 235px;
	height: 145px;
}
.pult a:link {
	color: #FFFFFF;
}
.pult a:visited {
	color: #FFFFFF;
}
.pult a:hover {
	color: #FFFFFF;
}
.pult a:active {
	color: #FFFFFF;
}








.buttoms table {
	border-spacing: 10px;
}
.buttoms table td {
padding: 1px 5px;
}

a div{
    overflow: hidden;  /* Ограничиваем видиую область */
}
a div img{
    opacity: 1;
    transition: opacity 124ms linear, transform 124ms linear;  /* Плавное изменение прозрачности и увеличения */
    display: block; /* Убираем полосу под картинкий */
}
a:hover div img{
    opacity: 0.8; /* Высветляем картинку, но она становится темнее, так как под ней черный фон */
    transform: scale(1.05); /* Увеличение картинки */
}
a + a div{
	background: #000; /* Если необходимо высветление картинки при наведении, оборачивающий div должен иметь белый фон */
}



/* Блок поиска */
.poisk {
	position: inline;
	text-align: center;
	padding: 20px 0px;
	width: 97%;
	height: 50px;
}
.poisk img{
	height: 27px;
}
/* форма поиска */
#search input[type="text"] {
background: url(/theme/img/search-dark.png) no-repeat 12px 6px #444;
border: 0 none;
font: 14px Arial,Helvetica,Sans-serif;
color: #FFFFFF;
width: 800px;
padding: 8px 15px 8px 35px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}

#search input[type="text"]:focus  {
width: 850px;
}

:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

.modal-body a {
	color: black;
}

/* ЛИНИЯ */
.hr-shelf {
	margin: 15px auto 10px;
	padding: 0;
	height: 40px;
	border: none;
	border-bottom: 2px solid #1f1209;
	box-shadow: 0 20px 20px -20px #333;
	width: 95%;
}


/* Кнопки */
a.button_1 {
  position: relative;
  display: inline-block;
  font-size: 90%;
  font-weight: 700;
  color: rgb(209,209,217);
  text-decoration: none;
  text-shadow: 0 -1px 2px rgba(0,0,0,.2);
  padding: .5em 1em;
  outline: none;
  border-radius: 3px;
  background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
  box-shadow:
   0 1px rgba(255,255,255,.2) inset,
   0 3px 5px rgba(0,1,6,.5),
   0 0 1px 1px rgba(0,1,6,.2);
  transition: .2s ease-in-out;
}
a.button_1:hover:not(:active) {
  background: linear-gradient(rgb(126,126,134), rgb(70,71,76)) rgb(126,126,134);
}
a.button_1:active {
  top: 1px;
  background: linear-gradient(rgb(76,77,82), rgb(56,57,62)) rgb(76,77,82);
  box-shadow:
   0 0 1px rgba(0,0,0,.5) inset,
   0 2px 3px rgba(0,0,0,.5) inset,
   0 1px 1px rgba(255,255,255,.1);
}