*{
	margin:0;
	padding:0;
}
body,html {	
	/* background:url(images/fon1.png); */
    /* --------------- center top;------------- */
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	color: #333333;
	line-height: 130%;
	margin: 0;
	padding: 0;
}

a {
border-bottom:1px dashed;
text-decoration:none;
color: #FF0000;
}
a:hover {
border-bottom:0px dashed;
text-decoration:underline;
color: #FF5454;
}

a.smail{
border:0px dashed;
}

.link_left_click{
line-height: 150%;
}

p {
color:#333;
padding: 10px 15px 10px 15px;
text-align:left;
}
h1 {
font-size:200%;
text-align: center;
margin: 10px 0px 10px 0px;
font-weight: bold;
}
h2 {
font-size:220%;
margin:50px 0px;
font-weight:bold;
text-align:center;
color:#365F91;
}
h3 {
font-size:150%;
margin: 10px 0px 10px 0px;
text-align: center;
}
h4 {
font-size:110%;
margin: 5px 0px;
text-align:center;
color:#365F91;
}

ul li {
font-size:130%;
margin:10px 10px 10px 100px;
list-style: none;
}

/* .fonmain {
background:url(../images/fonmain_b50.png); background-size: 100% 100%;
width: 100%;
} */

.telo {
position:relative; 
background:#fff;
border:0px solid green;
width:100%;
min-width:1100px;
}
.content {
position:relative;
border:0px solid red; 
padding:10px 0px 30px 0px; 
width:95%;
margin:0px auto;
}
.bloki {
position:relative;
border: 0px solid; 
overflow:auto;
}
.pod_bloki {
position:relative;
border: 0px solid #ccc; 
float:left;
margin:5px;
}
.shapka .pod_bloki {
border: 0px solid #ccc; 
}
.inl_bl_right {
float:right;
text-align:right;
}
.klient_div {
border: 0px solid; 
overflow:auto;
}
.klient_div div {
border: 0px solid; 
float:left;
}

.meniu{
position:relative;
border: 1px solid #ccc; 
padding:20px;
cursor:pointer;
z-index:9;

	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
	
	-webkit-box-shadow: 0 0 4px #999;
	-moz-box-shadow: 0 0 4px #999;
	box-shadow: 0 0 4px #999;
}

#meniu_link{
position:relative;
border: 0px solid #ccc; 
overflow:hidden;
width:0%;
height:78px;
background:#fff;
z-index:9;
}

.ssilki{
margin:3px 4px;
padding:5px;
border: 1px solid #ddd; 
float:left;

	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.ssilki_dop{
background:#fff;
margin:2px 2px;
padding:1px 7px;
border: 1px solid #999; 
float:left;
color:#333;

	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
.ssilki_dop:hover{
background:#000;
color:#fff;
}

.valiuta_div,.valiuta_div_usd,.valiuta_div_eur,.valiuta_div_all{
border: 1px solid #777; 
padding:10px;
margin:15px;
cursor:pointer;
float:left;
width:15%;
text-align:center;
font-size:110%;
font-weight:700;

	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
	
	-webkit-box-shadow: 0 0 4px #999;
	-moz-box-shadow: 0 0 4px #999;
	box-shadow: 0 0 4px #999;
}
.valiuta_div{
width:10%;
}

.tablo{
background:#eee;
border:1px solid #ccc;
margin:10px;
padding:10px 0px;
float:left;
width:95%;
-webkit-box-shadow: 0 0 0px #999;
-moz-box-shadow: 0 0 0px #999;
box-shadow: 0 0 0px #999;
}
.tablo_pole{
position:relative;
border:0px solid; 
float:left; 
width:25%;
padding:0px 10px;
margin:0px 0px;
}

.poleform{
    font: 15px Arial;
	color: #838383;
	border: 1px solid #B3B2B2;
	padding: 10px 5px;
	margin: 5px 0px;
	width:90%;
-webkit-box-shadow:inset 0 0 4px #999;
-moz-box-shadow:inset 0 0 4px #999;
box-shadow:inset 0 0 4px #999;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}
.poleform:focus {
	color:#222222;
	border: 1px solid #000C34;
   -webkit-box-shadow:inset 0 0 0px #000;
   -moz-box-shadow:inset 0 0 0px #000;
   box-shadow:inset 0 0 0px #000;
}

.poleform_obmen{
    font-size:200%;
	color: #838383;
	border: 1px solid #333;
	padding: 5px 10px;
	margin: 5px 5px;
	width:65%;
	font-weight:700;
}
.poleform_obmen:focus {
	color:#222222;
	border: 1px solid #000C34;
   -webkit-box-shadow: 0 0 5px red;
   -moz-box-shadow: 0 0 5px red;
   box-shadow: 0 0 5px red;
}

.settings{
color:#aaa;
}
.settings:hover{
cursor:pointer;
background:#efefef;
}

.td_link{
background:#EAEAEA;
}
.td_link:hover{
cursor:pointer;
background:#F9F9F9;
}

/* -------------- tablitsi -------------*/
table {
border-collapse: collapse;
border-spacing: 0;
}
tr{
border:0px solid;
}
td{
border:0px solid #ddd;
padding:5px;
}

.tab{
text-align:center;
width:95%;
margin:10px;
}
.tr1{
text-align:center;
}
.td1, .td2{
border:1px solid #ddd;
border-spacing:1px;

	-webkit-box-shadow:inset 0px 0px 3px #bbb;
	-moz-box-shadow:inset 0px 0px 3px #bbb;
	-o-box-shadow:inset 0px 0px 3px #bbb;
	box-shadow:inset 0px 0px 3px #bbb;
}
.td1{
padding:5px 0px;
}
.td_1{
width:25%;
}
.td_2{
width:30%;
}
.td_3{
width:10%;
}
.td_usd{
background:#7BE98D;
}
.td_eur{
background:#8DB4E2;
}
.td_center{
width:50px;
}

.table_index_sel{
border:0px solid;
text-align:center;
width:99%;
margin:0px;
margin-top:20px;
}
.tr_index_sel{
text-align:center;
}
.td_index_sel{
border:0px solid;
background:linear-gradient(to top, #EDEDED, #C7C7C7); 
color: #000; 
padding:15px 0px; 
font-size: 110%; 
font-weight: normal; 
width:20%;
}

.table_index{
text-align:center;
width:99%;
margin:0px;
}
.tr_index_1{
text-align:center;
}
.td_index_1{
border: 1px solid #999; 
background:#E1E1E1; 
color:#000; 
padding:7px 2px 2px 2px; 
font-size: 95%; 
font-weight: bold; 
text-align: center;
}
.td_index_2{
border-right: 1px solid #808080; 
border-bottom: 1px solid #808080; 
padding:5px 2px; 
font-size: 100%; 
text-align: center;
}

.right{
text-align: right;
}
.left{
text-align: left;
}

.no_br{
white-space: nowrap;
}

.vivod_kursi{
background:#fff;
}
.vivod_kursi:hover{
background:#eee;
}

.udal_op td {
background:#000 !important;
color:#fff !important;
}

.padding_10{
background:#eee;
padding:20px 10px;
font-size:150%;
font-weight:700;
}

/*  ------------- chat --------------- */
.chat_panel{
background:#ECFFE1;
position:absolute; 
top:-552px; /*  ------------- -550 --------------- */
right:15%; 
width:65%; 
height:520px;
border:1px solid #999; 
margin:0px;
padding:15px 50px;
text-align:left;
z-index:5;
}

.chat_label{
background:#ECFFE1;
position:absolute; 
top:-1px; 
right:24%; 
width:8%; 
border:1px solid #bbb; 
margin:0px;
padding:5px;
border-radius: 0px 0px 10px 10px; 
text-align:center;
color:blue;
font-weight:700px;
cursor:pointer;
z-index:5;
}
.chat_label img{
width:22%; 
margin:0px 10px -7px 0px;
}

.open{
	-webkit-box-shadow: 3px 3px 10px #ddd;
	-moz-box-shadow: 3px 3px 10px #ddd;
	-o-box-shadow: 3px 3px 10px #ddd;
	box-shadow: 3px 3px 10px #ddd;
}

.poisk_pol{
border:0px solid;
float:left;
width:99%;
}
.message_pol{
border:0px solid;
float:left;
width:99%;
}
.message_text_ot,.message_text_ya{
position:relative;
border:0px solid #999;
margin:15px 20px;
padding:15px 20px 25px 20px;
text-align:left;
	
/* -webkit-box-shadow: 5px 5px 10px #999;
-moz-box-shadow: 5px 5px 10px #999;
box-shadow: 5px 5px 10px #999;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; */
}
.message_text_ot{
background:url(../images/img_ot.jpeg); background-size: 100% 100%;
float:left;
max-width:80%;
}
.message_text_ya{
background:url(../images/img_admin.jpeg); background-size: 100% 100%;
float:right;
max-width:80%;
}

.message_text_ot_chat{
background:#DEDEE3;
float:left;
max-width:80%;
}
.message_text_ya_chat{
background:#52C1FB;
float:right;
max-width:80%;
}
.message_text_ot_chat,.message_text_ya_chat,.message_text_news{
margin:5px;
	
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.message_text_news{
background:#fff;
width:85%;
border:3px dotted #ddd;
text-align:left;
padding:0px 5px;

-webkit-box-shadow: 3px 3px 5px #aaa;
-moz-box-shadow: 3px 3px 5px #aaa;
box-shadow: 3px 3px 5px #aaa;
}

/*  ------------- effekti --------------- */
.pulsar {
  text-align: center;
  font-size: 1.3em;
  color: #fff;
  letter-spacing: 1px;
  animation: blur .75s ease-out infinite;
  text-shadow: 0px 0px 5px blue, 0px 0px 7px blue;
}

@keyframes blur {
  from {
    text-shadow:0px 0px 10px blue,
      0px 0px 10px blue, 
      0px 0px 25px blue,
      0px 0px 25px blue,
      0px 0px 25px blue,
      0px 0px 25px blue,
      0px 0px 25px blue,
      0px 0px 25px blue,
      0px 0px 50px blue,
      0px 0px 50px blue,
      0px 0px 50px #7B96B8,
      0px 0px 150px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px -10px 100px #7B96B8,
      0px -10px 100px #7B96B8;
  }
}

a#move_up {
position        : fixed; 
bottom          : 100px; 
right           : 50px;
width           : 70px; 
height          : 70px; 
display         : none;
background      : url(../images/up_btn.png); background-size:100% 100%;
opacity         : 0.9;
filter          : alpha(opacity = 90);
transition: all 0.5s ease;
transform: scale(1); 
border:0px solid;
}

a#move_up:hover {
background : url(../images/up_btn.png); background-size: 100% 100%;
transition: all 0.5s ease;
transform: scale(1.2); 
}

.chat_label2{
background:#ECFFE1;
position:absolute; 
top:-2px; 
right:34%; 
width:8%; 
border:1px solid #bbb; 
margin:0px;
padding:5px 5px;
border-radius: 0px 0px 10px 10px; 
text-align:center;
color:blue;
font-weight:700px;
cursor:pointer;
z-index:4;
	-webkit-box-shadow: 3px 3px 10px #ddd;
	-moz-box-shadow: 3px 3px 10px #ddd;
	-o-box-shadow: 3px 3px 10px #ddd;
	box-shadow: 3px 3px 10px #ddd;
}
.chat_label2 img{
width:30%; 
margin:-5px 5px -10px 0px;
}
/*  ------------- knopki --------------- */
.button {
    text-decoration: none;
    line-height: 1;
	cursor:pointer;
	border: 1px solid #D8D8D8;
	width:93%;
	padding: 5px 5px;
	margin: 5px 0px;

	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.normal {
font: bold 20px pfd_regular;
padding: 7px 20px;
}
.medium {
font-size:15px;
padding:5px;
}
.mini {
font-size:12px;
padding:5px;
}
.micro {
font-size:9px;
padding:5px;
}


.white {
background: linear-gradient(to top, #E2EAD5,#FDFDFC);
color:#000;
}
.white:hover {
background: linear-gradient(to top, #FDFDFC,#E2EAD5);
}
.yellow {
background: linear-gradient(to top, yellow,#FFFFA5);
color:#000;
}
.yellow:hover {
background: linear-gradient(to top, #FFFFA5,yellow);
}
.black {
background: linear-gradient(to top, #000,#777);
color:#fff;
}
.black:hover {
background: linear-gradient(to top, #777,#000);
}
.blue {
background: linear-gradient(to top, #7E7EFF,#0000FF);
color:#fff;
}
.blue:hover {
background: linear-gradient(to top, #0000FF,#7E7EFF);
}
.red {
background: linear-gradient(to top, #FF9292,#FF0000);
color:#fff;
}
.red:hover {
background: linear-gradient(to top, #FF0000,#FF9292);
}
.green {
background: linear-gradient(to top, #00AC09,#00FF00);
color:#fff;
}
.green:hover {
background: linear-gradient(to top, #00FF00,#00AC09);
}
.serii {
background: linear-gradient(to top, #aaa,#ddd);
color:#fff;
}
.serii:hover {
background: linear-gradient(to top, #ddd,#aaa);
}

.bg_poc {
background: linear-gradient(to top, #7BE98D,#B5FFC8);
color:#000;
}
.bg_poc:hover {
background: linear-gradient(to top, #B5FFC8,#7BE98D);
}
.bg_prod {
background: linear-gradient(to top, #8DB4E2,#B5DDFF);
color:#000;
}
.bg_prod:hover {
background: linear-gradient(to top, #B5DDFF,#8DB4E2);
}

.pok{
background:#7BE98D;
}
.prod{
background:#8DB4E2;
}
.viruchka{
background:#ddd;
}

/* Базовые стили модального окна + stantsii metro */
.overlay {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 0.8;
}
.popup {
    background-color: #fff;
	color:#000;
	font-weight:700;
    border: 7px solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    left:15%;
	top:5%;
    opacity: 0;
    padding: 40px 0px 20px 30px;
    position: fixed;
    visibility: hidden;
    z-index: 10;
	overflow: auto;
	width:65%;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
}
.overlay:target+.popup {
    top: 5%;
    opacity: 1;
    visibility: visible;
}
.close {
    background-color: rgba(0, 12, 52, 0.8);
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 10px;
	right: 10px;
    width: 30px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(255, 0, 0, 0.8);
}
.popup p, .popup div {
    padding: 0px 5px 0px 5px;
}

/* ---------------admin------------- */
.pojelania_div{
background:#efefef;
border:1px solid #ccc;
margin:10px;
overflow:auto;
}