﻿html {
position: relative;
}

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #f3f3ee;
	background-image: url("images/site/bg.jpg");
	background-repeat: repeat;
	background-position:center;
	background-attachment:fixed;
	height: 100%;
        background-color: #000000;
	min-width: 1030;
	max-width: 995;
	width: 1010px;
	text-align:left;
	margin:0 auto;
	padding:0;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -40px 0; /* отрицательный нижний отступ на высоту футера */
	padding: 0;
	min-width: 970;
	width: auto !important;
	width: 90%;
	background: linear-gradient(to bottom right, rgb(14,13,11,0.90), rgba(23,22,17,0.75));
	border: 1px solid #0e2133;
}

.widthalox img {
height: 1px;
width: 733px;  
}

header {
	display: none;
}


.tables {
    	background: linear-gradient(to bottom right, #9B8F83, #dedede);
    	border: 1px solid #333;
}
.footer-push {
    height: 90px;
    margin: 0;
    padding: 0;
}

.footer {
    height: 20px;
    margin: 0;
    padding: 0;
	background-color: #262425;
}

.logo {background-image:url(images/site/logo.jpg);
}

.logo2 {background-image:url(images/site/logo2.jpg);
}

.menubg {background-image: url(images/site/menubg_s.jpg);
}


H1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
    text-align:center;	
}	

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.27em;
}
.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
.colorfooter {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#eeeeee;
	font-size: 0.9em;
}
.colorwhite {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#ffffff;
}
.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
}
.bigcolor {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#d64c00; 
	font-size: 1.8em;
}

.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 2.0em;
}
.usrDotted {
; Border-Color: #f22d2d;
; Border-Style: Dotted;
; Border-Width: 1px;
background-color:#000000;
}

A:Link {
; Text-Decoration: None;
; Color: #b43b00;
}
A:Visited {
; Text-Decoration: None;
; Color: #9b5a20;
}
A:Active {
; Text-Decoration: None;
; Color: #c65d00;
}
A:Hover {
; Text-Decoration: None;
; Color: #ff8a00;
}

.menu a {
    color: #ffffcc; /* Цвет ссылки */
    text-decoration:none;
    text-shadow: 2px 2px 1px #000000;
    font-size: 1.9em;
   }
 .menucolor a {
    color: #ffffff; /* Цвет ссылки */
	text-decoration:none;
	font-size: 2.05em;
	text-shadow: 2px 2px 1px #000000;	
   }  

.leftimg {
float:left; /* Выравнивание по левому краю */
margin: 7px 7px 3px 3px; /* Отступы вокруг картинки */
}
.rightimg {
float:right; /* Выравнивание по правому краю */
margin: 3px 3px 3px 7px; /* Отступы вокруг картинки */
}

.seeonline {
float:right; /* Выравнивание по правому краю */
margin: 3px 3px 3px 10px; /* Отступы вокруг картинки */
} 

.hide {
    display: none; 
}
.hide + label ~ div{
    display: none;
}
.hide + label {
    border-bottom: 1px dotted green;
    padding: 0;
    color: green;
    cursor: pointer;
    display: inline-block; 
}
.hide:checked + label {
    color: red;
    border-bottom: 0;
}
.hide:checked + label + div {
    display: block; 
    background: #760422;
    -moz-box-shadow: inset 3px 3px 3px #7d8e8f;
    -webkit-box-shadow: inset 3px 3px 3px #7d8e8f;
    box-shadow: inset 3px 3px 3px #7d8e8f;
    padding: 5px; 
}
.spoiler {
    margin: 3% 5%;
}


.aloxatrans {
transform: scale(1.36) !important;
font-size: 28px !important;
height: 408px;  
}


/* Стилизация базового select */
select {


	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;

  background-color: #f7f7f7;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  color: #333;
  width: 400px;
  max-width: 400px;
  cursor: pointer;
  transition: border-color 0.3s, background-color 0.3s;
	/*	height: 90px;*/
}

/* Стилизация опций выпадающего списка */
select option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
  background-color: #fff;
  color: #333;
}

.search-button {
  display: inline-block;
  padding: 5px;
  border: none;
  border-radius: 10px;
		width: 150px;
	/*height: 90px;*/
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
  cursor: pointer;
  transition: background-color 0.3s;
		background-color: cornflowerblue;
		color: #FFFFFF;
}
 
.series { 
}


.player {
width: 950px;
height: 540px;
}
@media (max-width: 768px) {
.player {
width: 950px;
height: 540px;
}
}
@media (max-width: 425px) {
.player {
width: 950px;
height: 540px;
}
}
