/*************************Контейнеры и 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: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif; vertical-align:baseline;}

#bkg_main{ 

    background: url(imgs/mbwp32.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_menuA{

  position: relative;

  height: 80%;

  width: 80%;

  /*min-width: 1100px;*/

  margin:0 auto;

  text-align: center;

  border-top: solid 1px #6F0;

  border-bottom: solid 1px #6F0;

  border-radius: 12px;

}



#centerdiv{

  position: fixed; /* or absolute */

  top: 50%;

  left: 50%;

  width: 500px;

  height: 300px;

  margin: -150px 0 0 -250px;

  text-align: center;

  border-radius: 12px;

  -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);

}



#content_about_before_800{
  height: 100%;
  width: 100%;
  /*overflow-x: hidden;*/
  background: rgba(56, 58, 69, 0.9);
  behavior: url(border-radius.htc);
  border-radius: 12px;
  padding-top: 10px;
  padding-bottom: 20px;
}



#content_about_before_801{
  max-height: 600px;
  width: 100%;
  overflow-x: hidden;
  background: rgba(45, 48, 3, 0.4);
  behavior: url(border-radius.htc);
  border-radius: 12px;
  padding-top: 10px;
  padding-bottom: 20px;
}



#content_about_black{
  background: rgba(56, 58, 69, 0.9);
  behavior: url(border-radius.htc);
  border-radius: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
}



.loginp{

  width: 250px;

  height: 30px;

  border: 0;

  text-align: center;

  font-weight: bold;

  font-size: 14px;

  behavior: url(border-radius.htc);

  border-radius: 5px;

} 



.loginp:focus{

  background: #f1f58b;

  outline: 0;

}



.center

{

  margin:auto;

  text-align: center;

}  

/********************************************************************/

#cssmenu {
    overflow: hidden;
    margin: 10px 10px 10px 10px;
    position: fixed;
    z-index: 999;
}

#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: 22px;

  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%;

}

/********************************************************************/  

.margin_top30{margin-top: 30px;}

.margin_top40{margin-top: 40px;}

.margin_top50{margin-top: 50px;}

.margin_top60{margin-top: 60px;}

.margin_top70{margin-top: 70px;}

.margin_top80{margin-top: 80px;}



#textgreen{

  font-family:Verdana, Helvetica, Arial, sans-serif;

  font-size:14px;

  font-weight: bold;

  color: #27FF01;

} 

#textwhite{

  font-family:Verdana, Helvetica, Arial, sans-serif;

  font-size:14px;

  font-weight: bold;

  color: white;

}  

#textred{

  font-family:Verdana, Helvetica, Arial, sans-serif;

  font-size:14px;

  font-weight: bold;

  color: red;

} 

#textorange{

  font-family:Verdana, Helvetica, Arial, sans-serif;

  font-size:14px;

  font-weight: bold;

  color: #FAC611;

}
/*************************Тексты***************************/
/*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:20px;
  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;}


/**********************************************************/        

/*************************Кнопки***************************/

/**********************************************************/

.button0 {

border: none;

margin-top: 5px;

margin-bottom: 5px;

padding: 3px 15px 3px 15px;

border-radius: 6px; 

}

.button0:hover {

    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);

}

.button0:active { 

  background-color: blue;

}



.button1 {

    background-color: #880A6A; /* Green */

    border: none;

    border-radius: 6px;

    /*height: 30px;*/

    color: white;

    padding: 5px 32px 5px 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);

}

.button1:active { 

  background-color: blue;

} 



.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;

  }

/*****************************************************/

/*****************************************************/

.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;

} 







/**************************************************************************/

/*********************Модальные окна***************************************/

/**************************************************************************/

.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: 700px;

  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);

}



.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; }





.modalDialog > #infDiv {

  width: 800px;

}

#myFooter {
    background-color: #383A45;
    color: white;
    padding-top: 10px;
    height: 230px;
    margin-top: 20px;
}

#myFooter .footer-copyright {
    background-color: #211E1E;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
}

#myFooter .row {
    margin-bottom: 20px;
}


#myFooter .footer-copyright p {
    margin: 10px;
    color: #ccc;
}

#myFooter ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.7;
}

#myFooter h5 {
    font-size: 18px;
    color: white;
    font-weight: bold;
    margin-top: 20px;
}

#myFooter h2 a{
    font-size: 50px;
    text-align: center;
    color: #fff;
}

#myFooter a {
    color: #d2d1d1;
    text-decoration: none;
}

#myFooter a:hover,
#myFooter a:focus {
    text-decoration: none;
    color: white;
}

#myFooter .social-networks {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 16px;
}

#myFooter .social-networks a {
    font-size: 32px;
    color: #f9f9f9;
    padding: 10px;
    transition: 0.2s;
}

#myFooter .social-networks a:hover {
    text-decoration: none;
}

#myFooter .facebook:hover {
    color: #0077e2;
}

#myFooter .google:hover {
    color: #ef1a1a;
}

#myFooter .twitter:hover {
    color: #00aced;
}

#myFooter .btn {
    color: white;
    background-color: #d84b6b;
    border-radius: 20px;
    border: none;
    width: 150px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 25px;
}

@media screen and (max-width: 767px) {
    #myFooter {
        text-align: center;
    }
}

.col-sm-2{
  width: 200px;
  float: left;
  /*border: solid 1px #6F0;*/
  text-align: left;
  /*clear: both;*/
}

.col-sm-3{
  width: 250px;
  float: left;
  /*border: solid 1px #6F0;*/
  text-align: left;
  /*clear: both;*/
}

.col-sm-4{
  width: 600px;
  float: left;
  /*border: solid 1px #6F0;*/
  text-align: center;
  /*clear: both;*/
}

.logo{
  margin-left: 20px;
  border-radius: 12px;
}

.logo img{
  border-radius: 4px;
  margin-right: 10px;
}

.logo2{
  margin-top: 15px;
  /*border: solid 1px #6F0;*/
}

.logo2 img{
  border-radius: 4px;
}


.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;
}

.zvzd{
  padding-right: 5px;
  font: 22px Arial,Helvetica;
  color: #D30B15;
}

.opisanie_sm{
  width: 220px;
  height: 60px;
  border: 0;
  font-weight: bold;
  font-size: 14px;
  behavior: url(border-radius.htc);
  border-radius: 5px;
} 

.opisanie_sm:focus{
  background: #f1f58b;
  outline: 0;
}

.opisanie{
  width: 570px;
  height: 150px;
  border: 0;
  font-weight: bold;
  font-size: 14px;
  behavior: url(border-radius.htc);
  border-radius: 5px;
} 

.opisanie:focus{
  background: #f1f58b;
  outline: 0;
}

.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;
}

.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;
}

/*************************Чекбоксы и радио кнопки***************************/
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;}