/*************************Контейнеры и DIV***************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
#bkg_main{ 
    /*background: url(img/gl_fon2.JPG) no-repeat center center fixed;*/
    background-color: #928F8F;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
#main{
  height:auto;
  /*min-width: 1100px;*/
  margin:0 auto;
  text-align: center;
  /*border: solid 2px #6F0;*/}
#header{
  background-image: url(../img/HF.JPG);
  background-repeat: no-repeat;
  background-size: cover;
  height:350px;
  min-width: 1000px;
  margin:0 auto;
  text-align:center;
  behavior: url(border-radius.htc);
  border-radius: 6px;
  -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(45, 48, 3, 0.3); 
  box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(45, 48, 3, 0.3);
  /*border: solid 2px #6F0;*/}
#left{
  clear: both;
  text-align:center;
  width:230px;
  margin-top:5px;
  margin-bottom:15px;
  min-height:400px;
  padding-top: 5px;
  height:auto;
  float:left;
  behavior: url(border-radius.htc);
  border-radius: 6px; 
  background: rgba(45, 48, 3, 0.5);
  border:3px solid #0E6FFF;}  
#right{
  max-width:1000px;
  margin-top:15px;
  margin-bottom: 15px;
  margin-left:245px;
  min-height:400px;
  padding-top: 5px;
  height:auto;
  text-align: center;
  behavior: url(border-radius.htc);
  border-radius: 6px; 
  background: rgba(45, 48, 3, 0.5);
  border:3px solid #0E6FFF;}  
#headerlogo{
  height: 120px;
  min-width: 1000px;
  text-align:left;} 
#header_content_about{
  min-height:170px;
  min-width: 1000px;
  padding:10px;
  behavior: url(border-radius.htc);
  border-radius: 6px;
  background-image: url(img/wood.jpg);
  -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(45, 48, 3, 0.3); 
  box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(45, 48, 3, 0.3);}   
#headermenu{
  display: inline-block;
  text-align:left;
  margin-left: 15px;
  margin-top: 15px;}
#menu1{
  position: relative;
  float: left;
  height: 217px;
  width:283px; 
  text-align:center;
  margin-right: 10px;
  font-family:Verdana;font-size:15px;color:#FFF;
  background: rgba(45, 48, 3, 0.7);
  behavior: url(border-radius.htc);
  border-radius: 6px;
  border:1px solid #0E6FFF;}    
#menu1:hover{
  background-color: #0E6FFF;
  background-image: none;}   
#register{
  border:2px solid #95D7E9;
  overflow: hidden;
  min-width: 800px;
  min-height:50px;
  margin-top:15px;
  padding:10px;
  behavior: url(border-radius.htc);
  border-radius: 6px;
  text-align:center; 
  background: rgba(45, 48, 3, 0.5);}   
#logo_img{
  margin-top: 10px;
  margin-right: 15px;
  border-radius: 10px;
  opacity: 0.9;}
#logo_img:hover{
  cursor: pointer;
  -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(45, 48, 3, 0.3); 
    box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(45, 48, 3, 0.3);
  behavior: url(border-radius.htc);
  border-radius: 10px;
  opacity: 1;}
#logo_img:active{
  position:relative;
  top:2px;  
  box-shadow: inset 0 0 20px rgba(0,0,0,.2), 
  0 2px 0 rgba(255,255,255,.4),inset 0 2px 0 
  rgba(0,0,0,.1);
  background-position:center 52%;}
#register_detalis{
  overflow: hidden;
  min-height:170px;
  margin-top:15px;
  margin-bottom:15px;
  padding:10px;
  behavior: url(border-radius.htc);
  background-image: url(img/wood.jpg);
  border-radius: 6px;
  text-align:center;}
.ccm_med951_1{
  width: 60%;
  margin:auto;
  background-color: #633EAE;
  border-radius: 6px;
}  
/*************************Чекбоксы и радио кнопки***************************/
input[type="checkbox"] {
    display:none;}
input[type="checkbox"] + span{
    color:#f2f2f2;
    font-family:Arial, sans-serif;
    font-size:17px;}
input[type="checkbox"]:checked + span{
    color:#FCFF00;
    font-family:Arial, sans-serif;
    font-size:17px;}    
input[type="checkbox"]{
    display:inline-block;
    width:17px;
    height:17px;
    margin:-2px 0 0 5px;
    vertical-align:middle;
    background:url(../img/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;}
input[type="checkbox"]:checked{
    background:url(../img/check_radio_sheet.png) -19px top no-repeat;}
input[type="radio"] {
    display:none;}
input[type="radio"] + span{
    color:#f2f2f2;
    font-family:Arial, sans-serif;
    font-size:17px;}
input[type="radio"]:checked + span{
    color:#FCFF00;
    font-family:Arial, sans-serif;
    font-size:17px;}
input[type="radio"]{
    display:inline-block;
    width:17px;
    height:17px;
    margin:-2px 0 0 0;
    vertical-align:middle;
    background:url(../img/check_radio_sheet.png) -38px top no-repeat;
    cursor:pointer;}
input[type="radio"]:checked{
    background:url(../img/check_radio_sheet.png) -57px top no-repeat;}




#descr0{
  height: 170px;
  border:1px solid #95D7E9;
  border-radius: 6px;
  text-align:center;
  margin-top: 10px;
  margin-bottom: 10px;
  background-image: url(../img/Audi2.PNG);
  background-repeat: no-repeat;
  background-size: 100% 100%;
 -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
 -o-background-size: 100% 100%;
 -khtml-background-size:100% 100%;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/Audi2.PNG', sizingMethod='scale');
 -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/Audi2.PNG', sizingMethod='scale')";} 
#descrafter0{
  height: 170px;
  border-radius: 6px;
  text-align:center;
  background: rgba(45, 48, 3, 0.5);}     
#descr1{
  border:1px solid #95D7E9;
  border-radius: 6px;
  text-align:center;
  margin-top: 10px;
  margin-bottom: 10px;
  background: rgba(45, 48, 3, 0.3);}  
#descr2{
  height: 150px;
  border:1px solid #95D7E9;
  border-radius: 6px;
  text-align:center;
  margin-top: 10px;
  margin-bottom: 10px;
  background-image: url(../img/Audi2.PNG);
  background-repeat: no-repeat;
  background-size: 100% 100%;
 -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
 -o-background-size: 100% 100%;
 -khtml-background-size:100% 100%;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/Audi2.PNG', sizingMethod='scale');
 -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/Audi2.PNG', sizingMethod='scale')";}  
#descrafter2{
  height: 150px;
  border-radius: 6px;
  text-align:center;
  background: rgba(45, 48, 3, 0.6);}
#descr3{
  border:1px solid #95D7E9;
  border-radius: 6px;
  text-align:center;
  margin-top: 10px;
  margin-bottom: 10px;
  background: rgba(45, 48, 3, 0.7);}  
#descr4{
  border:1px solid #95D7E9;
  border-radius: 6px;
  text-align:center;
  margin-top: 10px;
  margin-bottom: 10px;
  background: rgba(45, 48, 3, 0.3);} 
#descr5{
  height: 170px;
  border:1px solid #95D7E9;
  border-radius: 6px;
  text-align:center;
  margin-top: 10px;
  margin-bottom: 10px;
  background-image: url(../img/Audi2.PNG);
  background-repeat: no-repeat;
  background-size: 100% 100%;
 -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
 -o-background-size: 100% 100%;
 -khtml-background-size:100% 100%;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/Audi2.PNG', sizingMethod='scale');
 -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/Audi2.PNG', sizingMethod='scale')";} 
#descrafter4{
  height: 170px;
  border-radius: 6px;
  text-align:center;
  background: rgba(67, 48, 3, 0.6);} 
#descrafter5{
  height: 170px;
  border-radius: 6px;
  text-align:center;
  background: rgba(45, 48, 3, 0.8);} 
#descr6{
  border-radius: 6px;
  text-align:center;
  margin-top: 7px;
  margin-bottom: 7px;
  background: rgba(45, 48, 3, 0.3);}  
#descr7{
  height: 40px;
  border:1px solid #95D7E9;
  border-radius: 6px;
  text-align:center;
  margin-top: 10px;
  background: rgba(45, 48, 3, 0.3);}        
#right_content{
  min-height:50px;
  /*margin-top:15px;*/
  padding:10px;
  behavior: url(border-radius.htc);
  border-radius: 6px;
  text-align:center;
  background-image: url(img/wood.jpg); 
  -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(45, 48, 3, 0.3); 
  box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(45, 48, 3, 0.3);}
#right_content_about_before{
  background: rgba(45, 48, 3, 0.4);
  behavior: url(border-radius.htc);
  border-radius: 6px;
  padding-top: 10px;
  padding-bottom: 10px;}
#right_content_about_black{
  background: rgba(45, 48, 3, 0.8);
  behavior: url(border-radius.htc);
  border-radius: 6px;
  padding-top: 10px;
  padding-bottom: 10px;}     
.center
{
    margin:auto;
    text-align: center;
}
#img_bor{
  border-radius: 6px;}
#cssmenu ul {
    margin: 0;
    padding: 7px 1% 0;
    background: #052438 url(images/overlay.png) repeat-x 0 -110px;
    line-height: 100%;
    border-radius: 1em;
    font: normal 0.5333333333333333em Arial, Helvetica, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(45, 48, 3, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(45, 48, 3, 0.4);
    width: auto;
}
#cssmenu li {
    margin: 0 1px;
    padding: 0 0 7px;
    float: left;
    position: relative;
    list-style: none;
}
#cssmsp{
  text-align: left;
  font-weight: bold;
  font-size: 15px;
  color: #FAC611;
  text-decoration: none;
  display: block;
  padding: 8px 10px;
  margin: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-shadow: 0 1px 1px rgba(45, 48, 3, 0.3);
}
#cssmenu a,
#cssmenu a:link {
    text-align: left;
    font-weight: bold;
    font-size: 17px;
    color: #e7e5e5;
    text-decoration: none;
    display: block;
    padding: 8px 10px;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-shadow: 0 1px 1px rgba(45, 48, 3, 0.3);
}
#cssmenu a:hover {
    background: #000;
    color: #fff;
}
#cssmenu .active a,
#cssmenu li:hover > a {
    background: #979797 url(images/overlay.png) repeat-x 0 -40px;
    background: #666666 url(images/overlay.png) repeat-x 0 -40px;
    color: #FAC611;

    -webkit-box-shadow: 0 1px 1px rgba(45, 48, 3, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(45, 48, 3, 0.2);
    box-shadow: 0 1px 1px rgba(45, 48, 3, 0.2);
    text-shadow: 0 1px 0 #979797;
}
#cssmenu ul ul li:hover a,
#cssmenu li:hover li a {
    background: none;
    border: none;
    color: #666;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
#cssmenu ul ul a:hover {
    background: #052438 url(images/overlay.png) repeat-x 0 -100px !important;
    color: #fff !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 1px 1px rgba(45, 48, 3, 0.1);
}
#cssmenu li:hover > ul {
    display: block;
}
#cssmenu ul ul {
    display: none;
    margin: 0;
    padding: 0;
    width: 185px;
    position: absolute;
    top: 40px;
    left: 0;
    /*background: url(images/overlay.png) repeat-x 0 0;*/
    background: #ffffff;
    border: solid 1px #b4b4b4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(45, 48, 3, 0.3);
    -moz-box-shadow: 0 1px 3px rgba(45, 48, 3, 0.3);
    box-shadow: 0 1px 3px rgba(45, 48, 3, 0.3);
}
#cssmenu ul ul li {
    float: none;
    margin: 0;
    padding: 3px;
}
#cssmenu ul ul a,
#cssmenu ul ul a:link {
    font-weight: normal;
    font-size: 12px;
}
#cssmenu ul:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
* html #cssmenu ul {
    height: 1%;
}
#tab_border{
  border: solid 1px #b4b4b4;
}         
.bkg1 { 
    background: url(img/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
.loginsm { 
    width:150px;
    position: relative; 
    padding: 5px 5px 5px; 
    background: #fff; 
    border-radius: 3px; 
    border: solid 2px #39F;
    text-align: center;
    -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(45, 48, 3, 0.3); 
    box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(45, 48, 3, 0.3);} 
.loginsm:before { 
    content: ''; 
    position: absolute; 
    top: -8px; 
    right: -8px; 
    bottom: -8px; 
    left: -8px; 
    z-index: -1; 
    background: rgba(45, 48, 3, 0.08); 
    border-radius: 4px;}    
.login { 
    width:300px;
    position: relative; 
    margin: 150px auto;
    padding: 20px 20px 20px; 
    background: #fff; 
    border-radius: 3px; 
    border: solid 2px #39F;
    text-align: center;
    -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(45, 48, 3, 0.3); 
    box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(45, 48, 3, 0.3);} 
.login:before { 
    content: ''; 
    position: absolute; 
    top: -8px; 
    right: -8px; 
    bottom: -8px; 
    left: -8px; 
    z-index: -1; 
    background: rgba(45, 48, 3, 0.08); 
    border-radius: 4px;} 
.login h1 { 
    margin: -20px -20px 21px; 
    line-height: 40px; 
    font-size: 15px; 
    font-weight: bold; 
    color: #555; 
    text-align: center; 
    text-shadow: 0 1px #fff; 
    border-bottom: 1px solid #cfcfcf; 
    border-radius: 3px 3px 0 0; 
    background-color: #f3f3f3; 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffffd), color-stop(100%, #eef2f5)); 
    background-image: -webkit-linear-gradient(top, #fffffd, #eef2f5); 
    background-image: -moz-linear-gradient(top, #fffffd, #eef2f5); 
    background-image: -ms-linear-gradient(top, #fffffd, #eef2f5); 
    background-image: -o-linear-gradient(top, #fffffd, #eef2f5); 
    background-image: linear-gradient(top, #fffffd, #eef2f5); 
    -webkit-box-shadow: 0 1px #f5f5f5; 
    box-shadow: 0 1px #f5f5f5;} 
.login p { 
    margin: 20px 0 0;} 
.login p:first-child { 
    margin-top: 0;} 
.login p.remember_me { 
    float: left; 
    line-height: 31px;} 
.login p.remember_me label { 
    font-size: 12px; 
    color: #777; 
    cursor: pointer;} 
.login p.remember_me input { 
    position: relative; 
    bottom: 1px; 
    margin-right: 4px; 
    vertical-align: middle;} 
.login p.submit { 
    text-align: center;} 
:-moz-placeholder { 
    color: #c9c9c9 !important; 
    font-size: 13px;} 
::-webkit-input-placeholder { 
    color: #ccc; 
    font-size: 13px;} 
.login input { 
    font-family: 'Lucida Grande', Verdana, sans-serif; 
    font-size: 14px;} 
.login input[type=text], .login input[type=password] { 
    margin: 5px; 
    padding: 0 10px; 
    width: 260px; 
    height: 34px; 
    color: #404040; 
    background: #fff; 
    border-width: 1px; 
    border-style: solid; 
    border-color: #c4c4c4 #d1d1d1 #d4d4d4; 
    border-radius: 2px; 
    outline: 5px solid #eff4f7; 
    -moz-outline-radius: 3px; 
    -webkit-box-shadow: inset 0 1px 3px rgba(45, 48, 3, 0.12); 
    box-shadow: inset 0 1px 3px rgba(45, 48, 3, 0.12);} 
.login input[type=text]:focus, input[type=password]:focus { 
    border-color: #7dc9e2; 
    outline-color: #dceefc; 
    outline-offset: 0;}    
input[type=submit] { 
    padding: 0 18px; 
    height: 25px; 
    font-size: 12px; 
    font-weight: bold; 
    color: #527881; 
    text-shadow: 0 1px #e3f1f1; 
    border-width: 1px; 
    border-style: solid; 
    border-color: #b4ccce #b3c0c8 #9eb9c2; 
    border-radius: 16px; 
    outline: none; 
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box; 
    background-color: #cde5ef; 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #edf5f8), color-stop(100%, #cde5ef)); 
    background-image: -webkit-linear-gradient(top, #edf5f8, #cde5ef); 
    background-image: -moz-linear-gradient(top, #edf5f8, #cde5ef); 
    background-image: -ms-linear-gradient(top, #edf5f8, #cde5ef); 
    background-image: -o-linear-gradient(top, #edf5f8, #cde5ef); 
    background-image: linear-gradient(top, #edf5f8, #cde5ef); 
    -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(45, 48, 3, 0.15); 
    box-shadow: inset 0 1px white, 0 1px 2px rgba(45, 48, 3, 0.15);} 
input[type=submit]:active { 
    background: #cde5ef; 
    box-shadow: inset 0 0 3px rgba(45, 48, 3, 0.2); 
    box-shadow: inset 0 0 3px rgba(45, 48, 3, 0.2);
    -webkit-box-shadow: inset 0 0 3px rgba(45, 48, 3, 0.2); 
    box-shadow: inset 0 0 3px rgba(45, 48, 3, 0.2);} 
input[type=submit]:hover {
    cursor: pointer;  
    box-shadow: inset 5 0 10px rgba(53,178,18,.2), 
    0 2px 0 rgba(53,178,18,.4),inset 0 2px 0 
    rgba(53,178,18,.1);
    -webkit-box-shadow: inset 5 0 10px rgba(53,178,18,.2), 
0 2px 0 rgba(53,178,18,.4),inset 0 2px 0 
rgba(53,178,18,.1);}
.lt-ie9 input[type=text], .lt-ie9 input[type=password] { 
    line-height: 34px;}          
.hr1{
  width: 85%;}
.hr2{
    width: 60%;
    height: 1px;
    border: solid 1px rgb(255, 255, 255);
    background: #EAE5D9;
    display: block;
    border-style: inset;
    border-width: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
} 
.legus_before{
  width: 100%;} 
.legus{
  width: 99%;
  text-align: center;
  margin: 0px auto;
  margin-top: 6px;
  background: #2A89E9; 
  border-radius: 2px;
  border: 2px dashed #fff;
  box-shadow: 0 0 0 5px #2A89E9;}
.legus img{
  width: 30px;
  height: 30px;
  vertical-align: middle;}
.legus2{
  padding-top: 15px;
  width: 100%;
  /*height: 100px;*/
  clear: both;
  text-align: center;
  background: red; 
  border-radius: 6px;}
.legus2 img{
  width: 30px;
  height: 30px;
  vertical-align: middle;}   
.legus3{
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  text-align: center;
  background: green; 
  border-radius: 6px;} 
.legus4{
  width: 55%;
  text-align: center;
  margin: 0px auto;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 6px;
  background: #AFBCC9; 
  border-radius: 2px;
  border: 2px dashed #fff;
  box-shadow: 0 0 0 5px #AFBCC9;}  
.legus5{
  text-align: center;
  margin: 0px auto;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 6px;
  background: #AFBCC9; 
  border-radius: 2px;
  border: 2px dashed #fff;
  box-shadow: 0 0 0 5px #AFBCC9;}
.legus6{
  width: 75%;
  text-align: center;
  margin: 0px auto;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 6px;
  background: #AFBCC9; 
  border-radius: 2px;
  border: 2px dashed #fff;
  box-shadow: 0 0 0 5px #AFBCC9;}           
.formreg{
text-align: left;
margin-left: 70px;}
.logfrm input { 
    font-family: 'Lucida Grande', Verdana, sans-serif; 
    font-size: 14px;} 
.warpic img{
  width: 30px;
  height: 30px;
  vertical-align: middle;}    
.logfrm input[type=text], .logfrm input[type=password] { 
    margin: 8px; 
    padding: 0 5px; 
    width: 110px; 
    height: 17px; 
    color: #404040; 
    background: #fff; 
    border-width: 1px; 
    border-style: solid; 
    border-color: #c4c4c4 #d1d1d1 #d4d4d4; 
    border-radius: 2px;  
    -moz-outline-radius: 3px; 
    -webkit-box-shadow: inset 0 1px 3px rgba(45, 48, 3, 0.12); 
    box-shadow: inset 0 1px 3px rgba(45, 48, 3, 0.12);} 
.logfrm input[type=text]:focus, input[type=password]:focus { 
    border-color: #7dc9e2; 
    outline-color: #dceefc; 
    outline-offset: 0;}
.logfrm input[type=submit] { 
    padding: 0 18px; 
    height: 25px; 
    font-size: 10px; 
    font-weight: bold; 
    color: #527881; 
    text-shadow: 0 1px #e3f1f1; 
    border-width: 1px; 
    border-style: solid; 
    border-color: #b4ccce #b3c0c8 #9eb9c2; 
    border-radius: 16px; 
    outline: none; 
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box; 
    background-color: #cde5ef; 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #edf5f8), color-stop(100%, #cde5ef)); 
    background-image: -webkit-linear-gradient(top, #edf5f8, #cde5ef); 
    background-image: -moz-linear-gradient(top, #edf5f8, #cde5ef); 
    background-image: -ms-linear-gradient(top, #edf5f8, #cde5ef); 
    background-image: -o-linear-gradient(top, #edf5f8, #cde5ef); 
    background-image: linear-gradient(top, #edf5f8, #cde5ef); 
    -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(45, 48, 3, 0.15); 
    box-shadow: inset 0 1px white, 0 1px 2px rgba(45, 48, 3, 0.15);} 
.logfrm input[type=submit]:active { 
    background: #cde5ef; 
    box-shadow: inset 0 0 3px rgba(45, 48, 3, 0.2); 
    box-shadow: inset 0 0 3px rgba(45, 48, 3, 0.2);
    -webkit-box-shadow: inset 0 0 3px rgba(45, 48, 3, 0.2); 
    box-shadow: inset 0 0 3px rgba(45, 48, 3, 0.2);} 
.logfrm input[type=submit]:hover {
    cursor: pointer;  
    box-shadow: inset 5 0 10px rgba(0,0,0,.2), 
0 2px 0 rgba(255,255,255,.4),inset 0 2px 0 
rgba(0,0,0,.1);
    -webkit-box-shadow: inset 5 0 10px rgba(0,0,0,.2), 
0 2px 0 rgba(255,255,255,.4),inset 0 2px 0 
rgba(0,0,0,.1);} 
.forgotmail{
  width: 220px;
  height: 30px;
  border: 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  behavior: url(border-radius.htc);
  border-radius: 5px;} 
.forgotmail:focus{
  background: #f1f58b;
  outline: 0;}
.payselect{
  width: 120px;
  height: 30px;
  border: 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  behavior: url(border-radius.htc);
  border-radius: 5px;} 
.payselect:focus{
  background: #f1f58b;
  outline: 0;}           
.zvzd{
  padding-right: 5px;
  font: 22px Arial,Helvetica;
  color: #D30B15;}
.zvzd{
  padding-right: 5px;
  font: 22px Arial,Helvetica;
  color: #D30B15;}
.addfundstab{
  padding-top: 5px;
    border: 1px solid black;
    margin: auto;}
.username{
  width: 170px;
  height: 30px;
  border: 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  behavior: url(border-radius.htc);
  border-radius: 5px;} 
.username:focus{
  background: #f1f58b;
  outline: 0;}
.balnaz{
  width: 80px;
  height: 20px;
  border: 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  behavior: url(border-radius.htc);
  border-radius: 5px;} 
.balnaz:focus{
  background: #f1f58b;
  outline: 0;} 
.mil_naz{
  width: 170px;
  height: 30px;
  border: 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  behavior: url(border-radius.htc);
  border-radius: 5px;} 
.mil_naz:focus{
  background: #f1f58b;
  outline: 0;}   
.nazvanie{
  width: 370px;
  height: 30px;
  border: 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  behavior: url(border-radius.htc);
  border-radius: 5px;} 
.nazvanie:focus{
  background: #f1f58b;
  outline: 0;}
.nazvanie2{
  padding-left: 150px;
  width: 370px;
  height: 30px;
  border: 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  behavior: url(border-radius.htc);
  border-radius: 5px;} 
.nazvanie2:focus{
  background: #f1f58b;
  outline: 0;}
.nazvanie3{
  width: 600px;
  height: 30px;
  border: 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  behavior: url(border-radius.htc);
  border-radius: 5px;} 
.nazvanie3:focus{
  background: #f1f58b;
  outline: 0;}   
.nazvanie4{
  width: 300px;
  height: 30px;
  border: 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  behavior: url(border-radius.htc);
  border-radius: 5px;} 
.nazvanie4:focus{
  background: #f1f58b;
  outline: 0;} 
.nazvanie5{
  width: 50px;
  height: 25px;
  border: 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  behavior: url(border-radius.htc);
  border-radius: 5px;} 
.nazvanie5:focus{
  background: #f1f58b;
  outline: 0;}     
.txtsumm{
  width: 60px;
  height: 30px;
  border: 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  behavior: url(border-radius.htc);
  border-radius: 5px;} 
.txtsumm:focus{
  background: #f1f58b;
  outline: 0;} 
.newlogpass{
  width: 170px;
  height: 30px;
  border: 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  behavior: url(border-radius.htc);
  border-radius: 5px;} 
.newlogpass:focus{
  background: #f1f58b;
  outline: 0;}      
.compinp{
  width: 600px;
  height: 30px;
  border: 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  behavior: url(border-radius.htc);
  border-radius: 5px;} 
.compinp:focus{
  background: #f1f58b;
  outline: 0;}  
.opisanie{
  width: 570px;
  height: 100px;
  border: 0;
  font-weight: bold;
  font-size: 14px;
  behavior: url(border-radius.htc);
  border-radius: 5px;} 
.opisanie:focus{
  background: #f1f58b;
  outline: 0;}   
.hbpage{
  width: 70px;
  height: 30px;
  border: 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  behavior: url(border-radius.htc);
  border-radius: 5px;}
.hbpage:focus{
  background: #f1f58b;
  outline: 0;}
.tooltip div{
    border-radius: 5px 5px 5px 5px;
    visibility: hidden;
    position: absolute;
    left: 400px;
    background: #fff;
    box-shadow: -2px 2px 10px -1px #333; 
    border-radius: 5px; 
    z-index: 100;
}
 
.tooltip:hover div{
visibility: visible;
}            
/*************************Тексты***************************/
/*font-family: "Times New Roman", Times, serif;*/
#text_a{
  font-weight: bold;
  font-size: 18px;
  color: #F22222;
  text-decoration: none;
  padding: 8px 10px;
  margin: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-shadow: 0 1px 1px rgba(45, 48, 3, 0.3);
}
#text1{
  /*font-family:Verdana, Helvetica, Arial, sans-serif;*/
  font-size:17px;
  font-weight: bold;
  color: white;}
#text2{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:16px;
  color:#FFF;}
#text3{
  font-size:16px;
  color:white;} 
#text4{
  font-size:16px;
  color:black;}   
#text5{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:16px;
  color:#FFFF00;}
.text5{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:16px;
  color:#FFFF00;}  
#text6{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:16px;
  color:#FAC611;}  
.color3{color:#FFFF00;}
#text7{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:16px;
  color: #FF0000;}
#text8{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:16px;
  font-weight: bold;
  color: #27FF01;}
#text9{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:16px;
  font-weight: bold;
  color: #061390;} 
#text10{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:12px;
  color:#FAC611;}
#text11{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:17px;
  color:blue;}  
#text12{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:10px;
  color:#FAC611;}
#text13{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:10px;
  font-weight: bold;
  color: #27FF01;}  
#text14{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:15px;
  font-weight: bold;
  color: white;}
#text15{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:10px;
  color:#FCF803;}
#text16{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:15px;
  color:#FAC611;}
#text17{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:12px;
  color:#FAC611;}
#text18{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:12px;
  font-weight: bold;
  color: #27FF01;}
#text19{
  font-weight: bold;
  font-size: 17px;
  color: #FAC611;
  text-decoration: none;
  padding: 8px 10px;
  margin: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-shadow: 0 1px 1px rgba(45, 48, 3, 0.3);
} 
#text20{
  font-weight: bold;
  font-size: 17px;
  color: #27FF01;
  text-decoration: none;
  padding: 8px 10px;
  margin: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-shadow: 0 1px 1px rgba(45, 48, 3, 0.3);
} 
#text21{
  font-weight: bold;
  font-size: 17px;
  color: #2B0799;
  text-decoration: none;
  padding: 8px 10px;
  margin: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-shadow: 0 1px 1px rgba(45, 48, 3, 0.3);
} 
#text22{
  font-weight: bold;
  font-size: 17px;
  color: #CFCD72;
  text-decoration: none;
  padding: 8px 10px;
  margin: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-shadow: 0 1px 1px rgba(45, 48, 3, 0.3);
} 
#text23{
  font-size:35px;
  font-weight: bold;
  color: white;} 
#text24{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:12px;
  color:red;}  
#text25{
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size:17px;
  color:#FFFFFF;} 
#text26{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:12px;
  color:#FCF803;}
#text27{
  font-weight: bold;
  font-size: 20px;
  color: #FAC611;
  text-decoration: none;
  padding: 8px 10px;
  margin: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-shadow: 0 1px 1px rgba(45, 48, 3, 0.3);
} 
#text28{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:26px;
  color:#FFFF00;} 
#text29{
  font-weight: bold;
  font-size: 20px;
  color: #880A6A;
  text-decoration: none;
  padding: 8px 10px;
  margin: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-shadow: 0 1px 1px rgba(45, 48, 3, 0.3);
}
#text30{
  font-weight: bold;
  font-size: 19px;
  color: #FAC611;
  text-decoration: none;
  padding: 8px 10px;
  margin: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-shadow: 0 1px 1px rgba(45, 48, 3, 0.3);
}   
#text31{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:12px;
  color:#FAC611;}
#text32{
  font-weight: bold;
  font-size: 12px;
  color: #2B0799;
  text-decoration: none;
  padding: 5px 5px;
  margin: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-shadow: 0 1px 1px rgba(45, 48, 3, 0.3);
}  
#text33{
  font-family: Courier New;
  color: white;
  font-size: 16px;
}
#text34{
  font-family: Courier New;
  color: #27FF01;
  font-size: 18px;
}
#text35{
  font-family: Courier New;
  color: yellow;
  font-size: 18px;
}  
#text36{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:17px;
  color: red;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: white;}
#text37{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:12px;
  color:#46c728;}
#text38{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:17px;
  color:#FFF;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: blue;} 
#text39{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:15px;
  color:#880A6A;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: blue;}
#text40{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:16px;
  color:#FFF;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #0FBA19;}     /*#0FBA19*/
#text41{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:15px;
  color:#FFF;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #a859ad00;}     /*#a859ad00*/ 
#text42{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:18px;
  color:#46c728;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #27FF01;}  
#text43{
  font-weight: bold;
  font-size: 19px;
  color: #46c728;
  text-shadow: 
    2px 2px 0 #880A6A,
    4px 4px 0 rgba(0,0,0,0.3);
  text-decoration: none;
  padding: 8px 10px;
  margin: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}  
/**********************************************************/        
/*************************Кнопки***************************/
/**********************************************************/
.button1 {
    background-color: #880A6A; /* Green */
    border: none;
    border-radius: 6px;
    height: 40px;
    color: white;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-top: 15px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;}
.button1:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}
.button2{
  min-width:90px;
  display: inline-block;
  position:relative;
  background-color: #3333FF;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2daebf), to(#3333FF));
  background-image: -webkit-linear-gradient(#2daebf, #3333FF);
  background-image: -moz-linear-gradient(top, #2daebf, #3333FF);
  background-image: -ms-linear-gradient(#2daebf, #3333FF);
  background-image: -o-linear-gradient(#2daebf, #3333FF);
  background-image: linear-gradient(#2daebf, #3333FF);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2daebf', endColorstr='#3333FF', GradientType=0); 
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.55);
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.55);
  box-shadow: 0 1px 5px rgba(0,0,0,0.55);
  border: 3px solid white;
  behavior: url(border-radius.htc);
  border-radius:4px;
  font-family:Georgia, "Times New Roman", Times, serif;
  color: white;
  font-weight: bold;
  font-size: 16px;
  padding: 5px 19px;
  margin-top:10px;
  text-shadow: 0 1px 0 rgba(0,0,0, 0.36);
  cursor:pointer;}
.button2:hover {
  background-color: #46c728;
  background-image: none;}
.button2:active { 
  position:relative;
  top:2px;
  box-shadow: inset 0 0 20px rgba(0,0,0,.2), 
  0 2px 0 rgba(255,255,255,.4),inset 0 2px 0 
  rgba(0,0,0,.1);
  background-position:center 52%;} 
#button2_center{
  margin: 0px auto;
  }   
.button3{
  min-width:90px;
  display: inline-block;
  position:relative;
  background-color: #3333FF;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2daebf), to(#3333FF));
  background-image: -webkit-linear-gradient(#2daebf, #3333FF);
  background-image: -moz-linear-gradient(top, #2daebf, #3333FF);
  background-image: -ms-linear-gradient(#2daebf, #3333FF);
  background-image: -o-linear-gradient(#2daebf, #3333FF);
  background-image: linear-gradient(#2daebf, #3333FF);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2daebf', endColorstr='#3333FF', GradientType=0); 
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.55);
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.55);
  box-shadow: 0 1px 5px rgba(0,0,0,0.55);
  border: 3px solid white;
  behavior: url(border-radius.htc);
  border-radius:4px;
  font-family:Georgia, "Times New Roman", Times, serif;
  color: white;
  font-weight: bold;
  font-size: 16px;
  padding: 5px 19px;
  margin-top:10px;
  text-shadow: 0 1px 0 rgba(0,0,0, 0.36);
  cursor:pointer;}
.button3:hover {
  background-color: #46c728;
  background-image: none;}
.button3:active { 
  position:relative;
  top:2px;
  box-shadow: inset 0 0 20px rgba(0,0,0,.2), 
  0 2px 0 rgba(255,255,255,.4),inset 0 2px 0 
  rgba(0,0,0,.1);
  background-position:center 52%;} 
#button3_center{
  margin: 0px auto;
  }
.button4{
  min-width:90px;
  display: inline-block;
  position:relative;
  background-color: #46c728;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c8019), to(#46c728));
  background-image: -webkit-linear-gradient(#2c8019, #46c728);
  background-image: -moz-linear-gradient(top, #2c8019, #46c728);
  background-image: -ms-linear-gradient(#2c8019, #46c728);
  background-image: -o-linear-gradient(#2c8019, #46c728);
  background-image: linear-gradient(#2c8019, #46c728);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c8019', endColorstr='#46c728', GradientType=0); 
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.55);
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.55);
  box-shadow: 0 1px 5px rgba(0,0,0,0.55);
  border: 3px solid white;
  behavior: url(border-radius.htc);
  border-radius:4px;
  font-family:Georgia, "Times New Roman", Times, serif;
  color: white;
  font-weight: bold;
  font-size: 16px;
  padding: 5px 19px;
  margin-top:10px;
  text-shadow: 0 1px 0 rgba(0,0,0, 0.36);
  cursor:pointer;}
.button4:hover {
  background-color: #256a15;
  background-image: none;}
.button4:active { 
  position:relative;
  top:2px;
  box-shadow: inset 0 0 20px rgba(0,0,0,.2), 
  0 2px 0 rgba(255,255,255,.4),inset 0 2px 0 
  rgba(0,0,0,.1);
  background-position:center 52%;} 
#button4_center{
  margin: 0px auto;
  }
.button5{
  min-width:90px;
  display: inline-block;
  position:relative;
  background-color: #e60000;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff4d4d), to(#e60000));
  background-image: -webkit-linear-gradient(#ff4d4d, #e60000);
  background-image: -moz-linear-gradient(top, #ff4d4d, #e60000);
  background-image: -ms-linear-gradient(#ff4d4d, #e60000);
  background-image: -o-linear-gradient(#ff4d4d, #e60000);
  background-image: linear-gradient(#ff4d4d, #e60000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d4d', endColorstr='#e60000', GradientType=0); 
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.55);
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.55);
  box-shadow: 0 1px 5px rgba(0,0,0,0.55);
  border: 3px solid white;
  behavior: url(border-radius.htc);
  border-radius:4px;
  font-family:Georgia, "Times New Roman", Times, serif;
  color: white;
  font-weight: bold;
  font-size: 16px;
  padding: 5px 19px;
  margin-top:10px;
  text-shadow: 0 1px 0 rgba(0,0,0, 0.36);
  cursor:pointer;}
.button5:hover {
  background-color: #b30000;
  background-image: none;}
.button5:active { 
  position:relative;
  top:2px;
  box-shadow: inset 0 0 20px rgba(0,0,0,.2), 
  0 2px 0 rgba(255,255,255,.4),inset 0 2px 0 
  rgba(0,0,0,.1);
  background-position:center 52%;} 
#button5_center{
  margin: 0px auto;
  }

/*************************Ссылки и параграфы***************************/
a {text-decoration:none;}
a:link, a:visited {text-decoration:none; color:#FFFFFF;}  
a:hover, a:active {text-decoration:none; color:#FF0000;}
a.glow:link {text-decoration:none; color:#FFFF00;} /* непосещенная ссылка */ 
a.glow:visited {text-decoration:none; color:#FFFF00;} /* посещенная ссылка */ 
a.glow:hover {text-decoration:none; color:#FF0000;} /* курсор мыши над ссылкой */  
a.podr2:link {text-decoration:none; color:#FFFFFF;} /* непосещенная ссылка */ 
a.podr2:visited {text-decoration:none; color:#FFFFFF;} /* посещенная ссылка */ 
a.podr2:hover {text-decoration:none; color:#FF0000;} /* курсор мыши над ссылкой */ 
a.podr2:active {text-decoration:none; color:#FFFFFF;} /* выбранная ссылка */ 
a.exit:link {text-decoration:none; color:#0000FF;} /* непосещенная ссылка */ 
a.exit:visited {text-decoration:none; color:#0000FF;} /* посещенная ссылка */ 
a.exit:hover {text-decoration:none; color:#FF0000;} /* курсор мыши над ссылкой */ 
a.exit:active {text-decoration:none; color:#0000FF;} /* выбранная ссылка */
a.category:link {text-decoration:none; color:#FFFFFF;} /* непосещенная ссылка */
a.carttry:link {text-decoration:none; color:#FFFF00;} /* непосещенная ссылка */ 
a.carttry:visited {text-decoration:none; color:#FF0000;} /* посещенная ссылка */ 
a.carttry:hover {text-decoration:none; color:#FF0000;} /* курсор мыши над ссылкой */ 
a.carttry:active {text-decoration:none; color:#0000FF;} /* выбранная ссылка */ 





/*************************Мерцающий текст***************************/


/***************************BUTTONS*********************************/
.a-btn{
    background:#a9db80;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#a9db80,0),color-stop(#96c56f,1));
    background:-webkit-linear-gradient(top, #a9db80 0%, #96c56f 100%);
    background:-moz-linear-gradient(top, #a9db80 0%, #96c56f 100%);
    background:-o-linear-gradient(top, #a9db80 0%, #96c56f 100%);
    background:linear-gradient(top, #a9db80 0%, #96c56f 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 );
    padding-left:75px;
    padding-right:70px;
    height:80px;
    width:150px;
    display:inline-block;
    position:relative;
    border:1px solid #80ab5d;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    float:left;
    /*clear:both;*/
    margin:10px 10px;
    overflow:hidden;
    -webkit-transition:box-shadow 0.3s ease-in-out;
    -moz-transition:box-shadow 0.3s ease-in-out;
    -o-transition:box-shadow 0.3s ease-in-out;
    transition:box-shadow 0.3s ease-in-out;
}
.a-btn img{
    position:absolute;
    left:3px;
    top:8px;
    border:none;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.a-btn .a-btn-slide-text{
    position:absolute;
    font-size:20px;
    top:5px;
    left:10px;
    color:#6d954e;
    opacity:0;
    text-shadow:0px 1px 1px rgba(255,255,255,0.4);
    -webkit-transition:opacity 0.2s ease-in-out;
    -moz-transition:opacity 0.2s ease-in-out;
    -o-transition:opacity 0.2s ease-in-out;
    transition:opacity 0.2s ease-in-out;
}
.a-btn-text{
    padding-top:10px;
    display:block;
    font-size:20px;
    text-shadow:0px -1px 1px #80ab5d;
}
.a-btn-text small{
    display:block;
    font-size:11px;
    letter-spacing:1px;
}
.a-btn-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:60px;
    border-left:1px solid #80ab5d;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a-btn-icon-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    border:1px solid rgba(0,0,0,0.5);
    background:#4e5c50 url(img/buttons/arrow_down.png) no-repeat center center;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.a-btn:hover{
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
}
.a-btn:hover img{
    -webkit-transform:scale(10);
    -moz-transform:scale(10);
    -ms-transform:scale(10);
    -o-transform:scale(10);
    transform:scale(10);
    opacity:0;
}
.a-btn:hover .a-btn-slide-text,
.a-btn:hover .a-btn-icon-right span{
    opacity:1;
}
.a-btn:active{
    position:relative;
    top:1px;
    background:#80ab5d;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#a9db80;
}
.a-btn:active .a-btn-icon-right span{
    -webkit-transform:scale(1.4);
    -moz-transform:scale(1.4);
    -ms-transform:scale(1.4);
    -o-transform:scale(1.4);
    transform:scale(1.4);
}
.button-wrapper{
  width: 640px;
  margin: 0 auto;
    padding: 0px 0;
}



/************************************************************************/
/********************************ТАБЛИЦЫ*********************************/
/************************************************************************/
.table_balance {
width: 80%;
margin: 0px auto;  
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 20px;
border-radius: 10px;
border-spacing: 1px white;
text-align: center;
}
.table_balance_tr {
height: 25px;  
padding: 10px 20px;
background: #F8E391;
}
.table_balance_tr2 {
height: 25px;  
background: #BCEBDD;
color: white;
text-shadow: 0 1px 1px #2D2020;
}
.table_balance_td {
padding-top: 3px;
}  
.table_request {
width: 90%;
margin: 0px auto;  
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 15px;
border-radius: 10px;
border-spacing: 1px white;
text-align: center;
}
.table_request_tr {
height: 20px;  
padding: 5px 10px;
background: #F8E391;
}
.table_request_tr2 {
height: 20px;  
background: #BCEBDD;
color: white;
text-shadow: 0 1px 1px #2D2020;
}
.table_request_td {
padding-top: 3px;
padding-bottom: 3px;
} 
/*****************************************************************/
#progressBarA {
  width: 400px;
  border: 1px solid #466277;
  height: 50px;
  border-radius: 10px;
}
#progressBarA .bar {
  background: #4CCEB2; /* Для браузеров, которые не поддерживают градиенты */
  background: -webkit-radial-gradient(#4CCEB2, #466277); /* Для Opera 11.1 - 12.0 */
  background: -o-radial-gradient(#4CCEB2, #466277); /* Для Opera 11.1 - 12.0 */
  background: -moz-radial-gradient(#4CCEB2, #466277); /* Для Firefox 3.6 - 15 */
  background: radial-gradient(#4CCEB2, #466277); /* Стандартный синтаксис */
  height: 50px;
  border-radius: 10px;
}
#progressBarB {
  width: 400px;
  border: 1px solid #466277;
  height: 50px;
  border-radius: 10px;
}
#progressBarB .bar {
  background: #4CCEB2; /* Для браузеров, которые не поддерживают градиенты */
  background: -webkit-radial-gradient(#4CCEB2, #466277); /* Для Opera 11.1 - 12.0 */
  background: -o-radial-gradient(#4CCEB2, #466277); /* Для Opera 11.1 - 12.0 */
  background: -moz-radial-gradient(#4CCEB2, #466277); /* Для Firefox 3.6 - 15 */
  background: radial-gradient(#4CCEB2, #466277); /* Стандартный синтаксис */
  height: 50px;
  border-radius: 10px;
}
/**************************************************************************/
/*********************Модальные окна***************************************/
/**************************************************************************/
.modalDialog {
  display: block;
  pointer-events: auto;
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  /*display: none;
  pointer-events: none;*/
}

/*.modalDialog:target {
  display: block;
  pointer-events: auto;
}*/

.modalDialog > div {
  width: 70%;
  position: relative;
  margin: 10% auto;
  padding: 5px 20px 13px 20px;
  border-radius: 10px;
  background: #fff;
  background: -moz-linear-gradient(#fff, #999);
  background: -webkit-linear-gradient(#fff, #999);
  background: -o-linear-gradient(#fff, #999);
}

.modalChat {
  display: block;
  pointer-events: auto;
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  /*display: none;
  pointer-events: none;*/
}

/*.modalChat:target {
  display: block;
  pointer-events: auto;
}*/

.modalChat > .mychat {
  width: 70%;
  height: 90%;
  overflow-x: hidden; 
  position: relative;
  margin: 3% auto;
  padding: 5px 20px 13px 20px;
  border-radius: 10px;
  background: #fff;
  background: -moz-linear-gradient(#fff, #999);
  background: -webkit-linear-gradient(#fff, #999);
  background: -o-linear-gradient(#fff, #999);
 }

.modalChat > .mychat .myscroll {
  width: 90%;
  height: 60%;
  overflow-x: hidden; 
  position: relative;
  margin: 1% auto;
  padding: 15px 15px 15px 15px;
  border-radius: 10px;
  /*border: 2px solid red;*/
}

.modalChat > .mychat .myDscroll {
  width: 90%;
  height: 40%;
  overflow-x: hidden; 
  position: relative;
  margin: 1% auto;
  padding: 15px 15px 15px 15px;
  border-radius: 10px;
  /*border: 2px solid red;*/
}

.close {
  background: #606061;
  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

.rPayCfm {
  width: 30%;
  min-height: 20%;
  overflow-x: hidden; 
  position: relative;
  margin: 3% auto;
  padding: 20px 20px 13px 20px;
  border-radius: 10px;
  background: #fff;
  background: -moz-linear-gradient(#fff, #999);
  background: -webkit-linear-gradient(#fff, #999);
  background: -o-linear-gradient(#fff, #999);
}
/******************************************************************/
/***********************CHAT AREA**********************************/
/******************************************************************/


.chat {
  padding: 40px;
}

.message {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.message--user-1 + .message--user-2,
.message--user-2 + .message--user-1 {
  margin-top: 1em;
}
.message--user-1 + .message--user-1,
.message--user-2 + .message--user-2 {
  margin-top: .5em;
}
.message__time {
  font-size: 10px;
  color: gray;
  width: 100%;
  margin: 0 0 5px 50px;
}

.message__text {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #69b4f3;
  background-color: #bfe2ff;
  max-width: 70%;
  word-wrap: break-word;
}

.message--user-1 .message__time {
  text-align: left;
  margin: 0 0 5px 10px;
}

.message--user-2 {
  justify-content: flex-end;
}
.message--user-2 .message__time {
  text-align: right;
  margin: 0 10px 5px 0;
}
.message--user-2 .message__author-pic {
  order: 1;
  margin: 0 0 0 10px;
}
.message--user-2 .message__text {
  background-color: #69b4f3;
}
.fixed-width-50 {
    width: 50px !important;
    text-align: rigth;
}
.fixed-width-100 {
    width: 100px !important;
    text-align: rigth;
}
.fixed-width-150 {
    width: 150px !important;
    text-align: rigth;
}
.fixed-width-200 {
    width: 200px !important;
    text-align: rigth;
}
/******************************************************************/
/******************************************************************/
/******************************************************************/