@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,cyrillic);
/*********************** global **********************************************/ 
body, html
{
  height:                100%;
  font-family:           arial, tahoma;/*verdana, sans-serif, Lucida Sans;*/
  font-size:             100%;
  border-spacing:        0px;
  border:                0px;
  margin:                0px;
  padding:               0px;
  text-align:            left;
}
body
{
/*
  background:            #faf8e9;
  background-image:      url('../img/bg_body.gif');
  background-repeat:     repeat-y;
  background-position:   center -250px;     
  background-attachment: fixed;
*/  
  background:            #2786ce;
  background:            linear-gradient(to left, #016fc5 0%, #761edb 50%, #ffffff 50%, #ffffff 100%);  
}
h1, h2, h3, h4, h5, h6, p, li, td, th
{
  padding:               0px;
  margin:                0px;
  border:                0px;
  font-style:            normal;
  font-weight:           normal;
  line-height:           normal;
}
h1, h2, h3, h4, h5, h6
{
  font-family:           Open Sans Condensed, arial, tahoma;    
  color:                 #676767;
}
p, li, td, th
{
  color:                 #676767;
}
h1 {font-size:           42px;}
h2 {font-size:           32px}
h3 {font-size:           22px}
h4 {font-size:           20px}
h5 {font-size:           18px}
h6 {font-size:           16px}
p, li, td, th
{
  font-size:             16px;
}
code
{
  font-size:             14px;
  font-family:           courier new;  
}
ul, ol
{
  margin:                0px 0px 0px 0px;
  padding:               0px;
  list-style-type:       square;
  list-style-position:   outside;
}
img {border:             0px}
table
{
  text-align:            left;
  width:                 100%;
  table-layout:          fixed;
  border-collapse:       collapse;
  border-spacing:        0px;
}
td, th
{
  vertical-align:        top;
  border-spacing:        0px;
  padding:               0px;
}
input, select, textarea
{
  font-family:           arial, tahoma;
  color:                 #676767;
}
input[type=submit]
{
  cursor:                pointer;
}
input[type=submit]:hover
{
  cursor:                pointer;
}
a:hover
{
  color:                 #016fc5;
  text-decoration:       underline;
}
a:link,
a:visited,
a:active
{
  color:                 inherit;    
  text-decoration:       underline;
}
/*********************** for all *********************************************/
*.paragraph
{
  margin-top:            5px;
}
*.bold
{
  font-weight:           bold;
}
*.code
{
  font-family:           courier new;
}
#page_avatar
{
  display:               none;
}
/*********************** header **********************************************/
div.sys_header
{
  width:                 100%;  
  height:                75px;
  margin:                0px auto 0px auto;    
  padding:               0px;
  border:                0px;
  position:              fixed;
  z-index:               1000;
  overflow:              hidden;
  background:            none;
  background-image:      url('../img/bg_header.png');  
  background-repeat:     repeat-x;  
}
div.sys_header div.content
{
  min-width:             1000px;
  max-width:             1300px;
  height:                75px;
  margin:                0px auto 0px auto;    
  padding:               0px;
  background:            none;  
}
div.sys_header div.logo
{
  height:                75px;  
  width:                 75px;    
  margin:                0px; 
  float:                 left;  
}
div.sys_header div.logo img
{
  margin:                3px 0px 0px 10px;    
}
div.sys_header div.icon
{
  height:                75px;  
  width:                 75px;    
  margin:                0px; 
  float:                 right;
}
div.sys_header div.icon img
{
  margin:                30px 0px 0px 15px;        
}
/*********************** menu ************************************************/
div.sys_menu
{
  width:                 auto;
  height:                75px;
  margin:                0px 0px 0px auto;    
  padding:               0px;
  border:                0px;
  float:                 right; 
}
div.sys_menu p
{
  margin:                20px 40px 0px 0px;    
  padding:               0px 0px 0px 0px;
  height:                28px;
  float:                 left;  
  font-size:             22px;
  font-weight:           normal;  
  font-family:           Open Sans Condensed, arial, tahoma;
}
div.sys_menu a:link,
div.sys_menu a:visited,
div.sys_menu a:active
{
  color:                 inherit;
  text-decoration:       none;
}
div.sys_menu p.active a:link,
div.sys_menu p.active a:visited,
div.sys_menu p.active a:active,
div.sys_menu p.previous a:link,
div.sys_menu p.previous a:visited,
div.sys_menu p.previous a:active
{
  color:                 #761edb;
  border-bottom:         2px solid #761edb;                
}
div.sys_menu p.active a:hover
{
  color:                 #761edb;
  border-bottom:         2px solid #761edb;              
}
div.sys_menu p.passive a:hover
{
  color:                 #000000;
  border-bottom:         2px solid #000000;            
}
/*********************** join ************************************************/
div.sys_button_join
{
  width:                 auto;
  height:                75px;
  margin:                0px 0px 0px 0px;    
  padding:               0px;
  border:                0px;
  float:                 right;    
}
div.sys_button_join p.button
{
  background:            #761edb;    
  font-family:           Open Sans Condensed, arial, tahoma;
  font-size:             22px;
  text-align:            center;
  color:                 #ffffff;  
  margin:                13px 40px 0px 0px;    
  border-radius:         30px;
  padding:               7px 15px 10px 15px;
}
div.sys_button_join p.button a
{
  color:                 #ffffff;
  text-decoration:       none;  
  border-bottom:         0px solid #ffffff;  
}
div.sys_button_join p.hover,
div.sys_button_join p.active,
div.sys_button_join p.previous
{
  cursor:                pointer;
  background:            #8b40e1;
}
/*********************** content *********************************************/
div.sys_content
{
  min-width:             1000px;
  max-width:             1300px;
  background:            #ffffff;
  min-height:            100%;
  margin:                0px auto 0px auto;    
  padding:               0px;
  text-align:            center;
  overflow:              hidden;
}
div.sys_content div.header
{
  width:                 auto;  
  height:                70px;
  margin:                0px 0px 0px 0px;
  padding:               0px;
  text-align:            left;
  background:            none;
}
div.sys_content div.content
{
  width:                 auto;
  margin:                0px 0px 0px 0px;  
  padding:               25px 25px 25px 25px;    
  text-align:            left;
  overflow:              hidden; /* it is needed for a coverage of content_module and content_material */
  background:            none;
}
div.sys_content div.footer
{
  width:                 auto;  
  height:                65px;
  margin:                0px 0px 0px 0px;  
  padding:               0px;
  text-align:            center;
}
div.sys_content div.content div.content_material,
div.sys_content div.content div.content_module
{
  min-height:            100px;  
}
div.sys_content div.content div.content_material
{
  width:                 auto;
  margin:                0px 330px 0px 0px;
}
div.sys_content div.content div.content_material_large 
{
  margin-right:          0px ;
}
div.sys_content div.content div.content_module
{
  width:                 300px;
  margin:                0px 0px 0px 30px;
  float:                 right;
}
div.sys_content div.content div.content_material div.material,
div.sys_content div.content div.content_module div.module
{
  width:                 auto;
  margin:                0px 0px 0px 0px;
  overflow:              hidden; /* it is needed for normal size calculating while content is being fixed */ 
    background: none;
}
div.sys_content div.content div.material span.none-text-transform
{
  text-transform:        none;    
}
div.sys_content div.content div.material h1
{ 
  color:                 #761edb;
  margin:                0px 0px 0px 0px; 
  letter-spacing:        1px;
  text-transform:        none;
  background:            none;  
  font-style:            normal; 
}
div.sys_content div.content div.material h2
{ 
  font-weight:           normal;  
  color:                 #016fc5;
  margin:                30px 0px 0px 0px; 
  letter-spacing:        1px;
  text-transform:        none;   
}
div.sys_content div.content div.material h3
{
  margin:                20px 0px 0px 0px; 
  text-transform:        none;  
}
div.sys_content div.content div.material p,
div.sys_content div.content div.module p
{
  margin:                20px 0px 0px 0px; 
  line-height:           1.3;  
}
div.sys_content div.content div.material ul, 
div.sys_content div.content div.material ol
{
  list-style-position:   inside;
  margin:                10px 0px 0px 0px;   
}
div.sys_content div.content div.material li
{
  margin:                0px 0px 0px 0px; 
  line-height:           1.3;  
}
div.sys_content div.content div.module ul,
div.sys_content div.content div.module ol
{
  margin:                10px 0px 10px 14px; 
}
div.sys_content div.content div.module li
{
  margin:                0px 0px 0px 0px; 
  line-height:           1.3;  
}
div.sys_content div.content div.material a:link,
div.sys_content div.content div.material a:visited,
div.sys_content div.content div.material a:active
{
  color:                 #016fc5;
}
div.sys_content div.content div.module a:link,
div.sys_content div.content div.module a:visited,
div.sys_content div.content div.module a:active
{
  color:                 inherit;
}
div.sys_content div.content div.material a:hover,
div.sys_content div.content div.module a:hover
{
  color:                 #2786ce;
}
div.sys_content div.content div.material table
{
  margin:                10px 0px 0px 0px;     
}
div.sys_content div.content div.material table td,
div.sys_content div.content div.material table th
{
  border:                1px solid #efefef;
  padding:               2px 5px 2px 5px;
  line-height:           1.3;   
}
div.sys_content div.content div.material table th
{
  background:            #efefef;
  text-shadow:           0px 0px 0px #ffffff;  
}
div.sys_content div.content div.material table.inv td,
div.sys_content div.content div.material table.inv td
{
  border:                0px;
}
div.sys_content div.content *.nolink
{
  color:                 inherit;
  text-decoration:       none;
  border-bottom:         1px dotted #676767;
}
div.sys_content div.content *.nolink:hover
{
  color:                 #016fc5;
  text-decoration:       none;
  border-bottom:         1px dotted #016fc5;
}
div.sys_content div.content div.large
{
  width:                 960px;
  margin:                0px auto 0px auto;  
  float:                 none;  
}
div.sys_content div.content div.material p.code
{
  font-family:           courier new;
  padding:               10px 20px 10px 20px;
  border-top:            3px solid #F4F2E6;
  border-bottom:         3px solid #F4F2E6;  
  background:            #FAF8E9;  
}
div.sys_content div.content div.material a.button
{
  background:            #016fc5;    
  color:                 #ffffff;
  padding:               3px 10px 3px 10px;  
  border-radius:         10px;    
  text-decoration:       none;    
}
div.sys_content div.content div.material a.button:hover
{
  background:            #2786ce;
}
/*********************** content buttons *******************************/
/*
div.sys_content div.content div.material *.button,
div.sys_content div.content div.module *.button
{  

}
div.sys_content div.content div.material *.button a,
div.sys_content div.content div.module *.button a
{
  color:                 inherit;
}
div.sys_content div.content div.material *.button_hover,
div.sys_content div.content div.module *.button_hover,
div.sys_content div.content div.material *.button_active,
div.sys_content div.content div.module *.button_active
{
  cursor:                pointer;
}
*/
/*********************** material block ********************************/
div.sys_content div.content div.material div.block
{
  margin:                30px 0px 0px 0px;  
  padding:               10px 20px 10px 20px; 
  box-shadow:            none;  
  border:                0px;  
  border-top:            1px solid #efefef;
  border-bottom:         1px solid #efefef;  
}
div.sys_content div.content div.material div.block_last
{
  border-bottom:         0px;  
}
div.sys_content div.content div.material div.block_hover
{
  background:            #faf8e9;
  background:            linear-gradient(to left, #faf8e9 0%, #ffffff 30%);
}
div.sys_content div.content div.material div.block_hover h2,
div.sys_content div.content div.material div.block_hover a,
div.sys_content div.content div.material div.block_hover a:hover
{
  color:                 #2786ce;
}
/*********************** menu module block **********************************/
div.sys_content div.content div.module div.menu_block
{
  margin:                0px 0px 25px 0px;  
  padding:               0px 0px 0px 0px;
  border-top:            2px solid #efefef;
  border-bottom:         2px solid #efefef;
}
div.sys_content div.content div.module div.menu_block p
{    
  font-family:           Open Sans Condensed, arial, tahoma;
  font-size:             20px;  
  margin:                0px;    
  padding:               7px;
  
}
div.sys_content div.content div.module div.menu_block ul
{
  margin:                0px 0px 10px 12px; 
  list-style-type:       square;
  list-style-position:   inside;
}
div.sys_content div.content div.module div.menu_block ul li
{
  font-size:             14px;      
  margin:                0px 0px 0px 0px; 
  padding:               1px 0px 1px 0px; 
}
div.sys_content div.content div.module div.menu_block ul li.button_active
{
  text-shadow:           0px 1px 0px #ffffff;
  background:            linear-gradient(to left, #676767 0%, #676767 2px, #e4e3d9 2px, #e4e3d9 100%);
}
div.sys_content div.content div.module div.menu_block ul li.button_active a
{
  text-decoration:       none;
}

div.sys_content div.content div.module div.menu_block a:link,
div.sys_content div.content div.module div.menu_block a:visited,
div.sys_content div.content div.module div.menu_block a:active
{
  color:                 inherit;
  text-decoration:       none;
}
div.sys_content div.content div.module div.menu_block *.active a:link,
div.sys_content div.content div.module div.menu_block *.active a:visited,
div.sys_content div.content div.module div.menu_block *.active a:active,
div.sys_content div.content div.module div.menu_block *.previous a:link,
div.sys_content div.content div.module div.menu_block *.previous a:visited,
div.sys_content div.content div.module div.menu_block *.previous a:active
{
  color:                 #761edb;
  border-bottom:         1px solid #761edb;                
}
div.sys_content div.content div.module div.menu_block *.active a:hover
{
  color:                 #761edb;
  border-bottom:         1px solid #761edb;              
}
div.sys_content div.content div.module div.menu_block *.passive a:hover
{
  color:                 #000000;
  border-bottom:         1px solid #000000;            
}

/*********************** external link block ***************************/
div.sys_content div.content div.material div.external_links
{
  width:                 169px; 
  height:                32px;
  margin:                30px auto 25px auto;  
  padding:               0px 0px 0px 0px;
  text-align:            center;
}
div.sys_content div.content div.material div.external_links div.button
{
  width:                 169px;
  height:                32px;  
  margin:                0px 15px 0px 0px;
  padding:               0px 0px 0px 0px;  
  float:                 left;
  border:                0px;  
  background:            none;  
}
div.sys_content div.content div.material div.external_links div.button_last
{
  margin-right:          0px;
}
div.sys_content div.content div.material div.external_links div.button_normal
{
  background-position:   center 0px;
}
div.sys_content div.content div.material div.external_links div.button_hover
{
  background-position:   center -32px;
} 
div.sys_content div.content div.material div.external_links div.button img
{
  width:                 auto;
  height:                auto;  
  margin:                0px 0px 0px 0px;  
}
/*********************** footer *************************************************/
div.sys_footer
{
  width:                 100%;  
  height:                65px;
  margin:                -65px auto 0px auto;
  padding:               0px;
  overflow:              hidden;  
  position:              absolute; 
}
div.sys_footer div.shadow
{  
  width:                 auto;  
  height:                55px;
  margin:                0px auto 0px auto;
  padding:               0px;
  border:                0px;
  border-top:            10px solid #2d3035;
  background:            #1f1f1f;
}
div.sys_footer div.shadow p
{
  color:                 #faf8e9;
}
div.sys_footer div.shadow p a:hover
{
  color:                 #CCCCC9;  
}
div.sys_footer div.shadow div.copyright
{
  height:                11px;
  margin:                20px 0px 0px 10px;    
  padding:               0px;
  float:                 left;  
}
div.sys_footer div.shadow div.copyright p
{
  font-size:             10px;
  margin:                0px 0px 0px 0px;    
  padding:               0px;
  float:                 left;
  text-transform:        uppercase;    
}
div.sys_footer div.shadow div.system
{
  height:                11px;
  margin:                20px 10px 0px 0px;    
  padding:               0px;
  float:                 right;  
}
div.sys_footer div.shadow div.system p
{
  font-size:             10px;
  margin:                0px 0px 0px 0px;    
  padding:               0px;
  float:                 left;
  cursor:                default;
}
div.sys_footer div.shadow div.system p a
{
  text-decoration:       none;
}
div.sys_footer div.shadow div.system img
{
  width:                 10px;  
  height:                10px;
  margin:                1px 5px 0px 15px;    
  float:                 left;
}
/*********************** scroll top ************************************/
div.sys_scrolltop
{
  width:                 100%;  
  height:                auto;
  margin:                0px auto 0px auto;    
  padding:               0px;
  background:            none;
}
div.sys_scrolltop div.div_box
{
  width:                 1000px;
  height:                auto;
  margin:                0px auto 0px auto;  
  padding:               0px;
  background:            none;
}
div.sys_scrolltop div.div_box div.button
{
  width:                 105px;
  height:                36px;  
  margin:                200px 0px 0px 1180px;    
  padding:               0px;        
  position:              fixed;
  background:            none;
  background-image:      url('../img/btn_up.png');
  background-repeat:     no-repeat;   
  z-index:               5000;
  display:               none;
}
div.sys_scrolltop div.div_box div.button:hover
{
  cursor:                pointer;
}