/* CSS Document */


            /* :::ПЕРЕОПРЕДЕЛЕНИЕ ОСНОВНЫХ ТЕГОВ::: */
html, body {
  margin: 0;
  padding: 0;
  border: 0;
}
  
a {
  outline: none;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;  
}

.big {
  font-size: 16px;
  font-weight: 600;
}

.center{
  text-align: center;
}

.center .bly{
  font-size: 22px;
}

.center input {
  margin: 0;
}

body {
  color: #fff;
  background-color: #0C3088;
  font-family: Tahoma, Geneva, Helvetica, sans-serif;
  text-align: center;
  }

h1 {
  padding: 32px 0 0 35px;
  margin: 0;
  font-family: Tahoma, Geneva, Helvetica, sans-serif;
  font-style: normal;
  font-weight: lighter;
}

h1, h1 .bly {
  font-size: 39px;
}

h2 {
  font-family: Tahoma, Verdana;
  margin: 0px;
  font-weight: lighter;
  padding: 9px 0 0 100px;
}

h2, h2 .bly {
  font-size: 20px;
}

#name-text h2{
  padding: 10px 0;
  font-weight: 600;
  font-size: 17px;
}

p {
  margin: 10px 0 17px;
}

#bly-top {
  padding-left: 76px;
  letter-spacing: 0.1em;
}

#bly-top h2 .bly {
  padding: 12px 0 0 77px;
  font-weight: 500;
  letter-spacing: 0.2em;
}

.bly {
  color: #00EAFF;
  font-family: Tahoma;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}

.white, .white-news {
  color:#FFFFFF;
  font-family: Tahoma;
  font-size: 18px;
  line-height: 15px;
}

.white-up {
  text-decoration: underline; 
}

.text .white {
  font-size: 10pt;
  line-height: 15px;
  font-weight: 600;
  color: #DFE4F0;
}

.text .white1{
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  color: #DFE4F0;
}

#login-bar{
  float:left;
  height:236px;
  overflow:hidden;
  width: 100%;
}

#text-home .white {
  font-size: 10pt;
  line-height: 15px;
  font-weight: 500;
  color: #DFE4F0;
}

#news-text .white {
  font-size: 10pt;
}

#news-text .bly {
  font-size: 10pt;
}

#news-text p{
  margin-top: 2px;
  margin-bottom: 2px;
}

#white-light {
  font-size: 5px;
  line-height: 17px;
  font-weight: 500;
  color: #DFE4F0;
  margin: 0;
}

.bly-lighte {
  color: #00EAFF;
  font-family: Tahoma;
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  padding-bottom: 10px;
}

.bly-lighte-big {
  color: #00EAFF;
  font-family: Tahoma;
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  padding: 5px 0;
}

.white-big {
  color:#FFFFFF;
  font-family: Tahoma;
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  font-weight: 600;
}

              /* :::ОСНОВНАЯ РАЗМЕТКА СТРАНИЦЫ::: */
              
/* Весь шаблон */

#ramca {
  width: 774px;
  margin: 0px auto;
  background: #0C3088;
  height: 758px;
  padding: 10px 0;
}

#l {
  height: 750px;
  width: 4px;
  background: url(../image/ramka-l.jpg) repeat-y top right;
  float: left;
}

#r {
  height: 750px;
  width: 4px;
  background: url(../image/ramka-l.jpg) repeat-y top right;
  float: right;
}

#t {
  margin: 0;
  height: 4px;
  width: 774px;
  background: url(../image/ramka-g.jpg) repeat-x bottom left;
  float: left;
  display:inline
}

#footer-line {
  margin: 0;

  height: 4px;
  width: 774px;
  background: url(../image/ramka-g.jpg) repeat-x top left;
  float: left;
  display:inline
}

#conteiner {
  background-color: #0C3088;
  width: 766px;
  height: 700px;
  margin: 0px auto;
  text-align: left;
  float: left;
  }
  
/* Шапка */
  
#hedr {
  background-image: url(../image/hedr.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #0C3088;
  height: 222px;
  width: 766px;
  }

/* Верхнее горизонтальное меню */

#gorizont-box1 {
  background: #0C3088 url(../image/gorizont-box1.jpg) no-repeat left top;
  width: 766px;
  height: 40px;
}

/* Настройка всех Text-Box'ов */

#text-box {
  float: left;
  height: 20px;
  width: 420px;
}

#text-box .div {
  padding-top: 8px;
  padding-bottom: 0px;
  height: 20px;
  float: left;
  background: none;
}

.div {
  background: url(../image/input_04.jpg) no-repeat left top;
}

/* Ширина Text-Box'ов */

#text-box1 {
  width: 151px;
  padding-left: 10px;
  margin-top: 4px;
}

#text-centr {
  text-align: center;
}

#text-box2 {
  width: 257px;
  padding-left: 2px;
  margin: 0;
  white-space: inherit;
}

#text-box2 .bly, .white {
  font-size: 15px;
  font-weight: 100;
}
#text-box1 .white {
  font-size: 16px;
  font-weight: 900;
}

#centr{ 
  width: 400px;
  height: 350px;
  margin: 0 auto;
  padding-top: 10px;
}


                  /* ОСНОВНОЕ ОКНО САЙТА */

/* Граница окна */

#gorizont-box2 {
  float: left ;
  width: 766px;
  height: 438px;
  background-color:#0C3088;
}

/* Контент */

#content-home {
  background: #0C3088 url(../image/content-home.jpg) repeat-x left top;
  width: 604px;
  height: 438px;
  float: right;
  overflow: hidden;
  margin: 0;
  border: 0;
  padding: 0;
}

/* Расположение картинки по центру
    ТОЛЬКО ДЛЯ РАЗМЕРА 570px
*/

a img {
  border: none;
}

#img {
  margin: 0 auto;
  padding: 12px 0 5px 0;
  width: 570px;
  text-align: center;
}

/* Расположение текста */

.text {
  text-align: justify;
  height: auto;
  min-height: 150px;
  width: 550px;
}

#text-home {
  padding: 0px 22px;
  text-align: justify;
  height: auto;
}

/*Кнопка play*/

/*
#content-home a.play:hover {
  background-position:0% -31px;
}
*/

#content-home a.play-home {
  background: url(../image/button/play2.png) no-repeat left top;
  width: 87px;
  height: 30px;
  display:block;
  margin: 10px auto;
}

#content-home a.guest-home {
  background: url(../image/button/play3.png) no-repeat left top;
  width: 125px;
  height: 30px;
  display:block;
  margin: 10px auto;
}

                    /*  САЙТ БАР */

/* Расположенияе общего слоя для сайтбара */
#sidebar {
  background: #0C3088 url(../image/saitbar.jpg) no-repeat left top;
  width: 162px;
  height: 438px;
  float: left;
  margin: 0;
  border: 0;
  padding: 0;
}

/* Форма ввода логина и пароля */

#login, #sign-up, #login-error {
  float: left;
  width: 130px;
  height: 222px;
  overflow:hidden;
}

#forma1 {
  margin-top: 0px;
  padding-left: 20px;
  width: 130px;
  
}

f#fieldset {
  border: 0;
  padding: 0 10px;
  
}

#fieldset .bly {
  margin: 5px 0 5px;
}

/*Кнопка Log In*/

/*
#login a.login:hover {
  background-position:0% -31px;
}

#sign-up .white-light {
  font-size: 11px;
}
*/

input .loginButton, .SendButton {
  height:30; 
  border:0; 
  width:85;
  outline: none;
}

input .SendButton {
  padding: 0;
}

#error {
  color: #FFF;
  font-family: Tahoma;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  text-align: center;
  width: 140px;
  margin-left: 12px;
}

#login-error form{
  padding: 0;
}

/*Надпись*/

#news-text {
  padding-top: 12px;
  width:138px;
}

#sidebar-news {
  float: left;
  padding-top: 9px;
  padding-left: 10px;
}

#sidebar-news p {
  margin: 0;
}

                  /* НАСТРОЙКА ПОЯВЛЕНИЙ ФОРМ */

#sign-up {
  display: none;
  text-align: left;
}

#sign-up .white-light {
  margin: 0;
  font-size:13px;
  text-align: center;
}

#sign-up p {
  width: 130px ;
  margin-left: -15px;
  padding: 0;
}

.forgotten {
  text-align:right;
  width: 148px;

}

.forgotten a{
  padding-right: 0;
}

.forgotten a:hover {
  text-decoration: underline;
}

#nazad {
  display: none;
}

#forma-up{
  overflow:hidden;
  height: 120px;
  top:-10px;
}
                      /* Форма логина*/

.formInput {
  background: none;
  border: none;
  width: 121px;
  height:23px;
  padding: 5px 5px 0 3px;
  margin-right: 5px; 
}

#login, #sign-up, #login-error div{
  margin-left: 10px;
}

                          /* ПОДВАЛ */

#footer {
  background: #0C3088 url(../image/footer.jpg) no-repeat left top;
  width: 766px;
  height: 50px;
  margin: 0px auto;
  float: left;
}

#right-box {
  float: right;
  width: 604px;
  height: 50px;
}


                  /* :::СТИЛЬ ВЕРХНЕГО ГОРИЗОНТАЛЬНОГО МЕНЮ::: */

#gorizont-top-menu {
  padding-top: 5px;
  float:right;
  width:345px;
  line-height:normal;
}

#gorizont-top-menu ul {
  margin:0;
  padding:0;
  list-style:none;
}

#gorizont-top-menu li {
  float:right;
  margin:0;
  
}

#gorizont-top-menu a {
  width: 86px;
  height: 30px;
  display:block;
  outline: none;
}

#gorizont-top-menu a.home {
  background:#FFFFFF url(../image/button/home.png) no-repeat left top;
}

#gorizont-top-menu a.news {
  background: #FFFFFF url(../image/button/news.png) no-repeat left top;
}

#gorizont-top-menu a.games {
  background: #FFFFFF url(../image/button/games.png) no-repeat left top;
}

#gorizont-top-menu a.faq {
  background: #FFFFFF url(../image/button/faq.png) no-repeat left top;
}

#gorizont-top-menu a:hover {
  background-position:0% -30px;
}


                /*СТИЛЬ НИЖНЕГО ГОРИЗОНТАЛЬНОГО МЕНЮ*/

#right-box {
  height: 50px;
}

#right-box ul {
  padding-top: 16px;
  margin:0;
  list-style:none;
}

#right-box li {
  margin:0;
  display: inline;
  border-bottom-color:#FFF;
  
}

#right-box a {
  border: 0 4px 0;
  outline: none;
}
  
#right-box a:hover {
  text-decoration: underline; 
}


                    /* ПРОЧИИ СТРАНИЦЫ */
                    
#text-conteiner {
  width: 566px;
  height: 400px;
  padding-left: 12px;
}


 
#content h2 {
  font-size: 24px;
  padding: 10px 20px;
  font-weight: lighter;
  margin: 0;
  border-color:#FFFFFF;
  border-bottom: 22px #FFFFFF medium;
  
}

#name-text {
  display:block;
  border-bottom: 22px #FFFFFF medium;
}

#text img {
  padding-top: 5px;
  float: left;
  clear: none;
  padding-right: 10px;
}

.line {
  width: 550px;
  border-collapse: 0;
  outline: none;
}

hr {
  background-color: #FFF;
  height: 1px;
  width: 100%;
  border: none;
  background-color: #FFF;
  margin: 0;
  border-collapse: 0;
  outline: none;
  color: #fff;
}

.text a.play {
  float:right;
  margin: 0 0 10px 10px;
}

#content-home a.play {
  background: url(../image/button/play2.png) no-repeat left top;
  width: 84px;
  height: 30px;
  display:block;
}

                  /* ::СТИЛЬ ПОЛОСЫ ПРОКРУТКИ:: */

.scroll-pane{
  width:580px;
  height:370px;
  overflow:auto
}




                  /* :::КОНЕЦ СТИЛЕЙ МЕНЮ:::*/
                  
.bly a {
  outline: none;
  text-decoration: underline;
}

form {
  margin: 0;
}

#otsrup {
  padding-top: 6px;
}

.otsrup2 {
  padding: 0 0 5px; 
}

#otsrup, #content-home .bly {
  font-size: 16px;
  font-weight: 900;
}


#content-home .bly, .white-log{
  font-size: 14px;
  font-weight: 500;
  letter-spacing:0.1em;
}

#content-home .white-log{
  padding: 8px 0 0 30px ;
}

#content-home .bly{
  padding: 0 0 0 105px ;
}

#text-reg { 
  height: 56px; 
}

#border-reg {
  height: 3px;
  background: url(../image/ramka.jpg) repeat-x top left;
}

#content-home p{
  margin: 0;
}

input {
  outline: none;
}
input .loginButton {
  padding: 0;
  margin: 10px 20px;
}

#login form {
  padding-top: 7px;
}

.text .play{
  margin: 0 0 10px 10px;
}

.img-cont {
  position: absolute;
  margin: 0 auto;
  width: 80px;
}

.img-news {
  margin: 0 auto;
  width: 150px;
}

.img {
  width: 150px;
  height: 100px;
  text-align: centr;
  float: left;
  padding: 0 10px 10px 0;
}

.text .white {
  padding-bottom: 10px;
}

.text img {
  margin: 0 auto;
}
              /* ::SUPORT:: */

#suport {
  /*background: #fff;*/
  width: 450px;
  height: 300px;
}

#name {
  height: 25px;
  margin-top: 20px;
  /*background: #ff1;*/
}

#email {
  height: 25px;
  margin: 0;
  /*background: #f2f;*/
}

.frm1 {
  height: 20px;
  width: 80px;
  float: left;
  color: #fff;
  text-align: right;
  /*background: #f12;*/
}

.frm1 {
  padding:0;
  margin:0;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 600;
  color: #00EAFF;
  font-family: Tahoma;
  /*background: #666;*/
}

.frm2 {
  height: 20px;
  width: 202px;
  float: left;
  margin-left:3px;
  background: url(../image/formtext.jpg) no-repeat left top;
  /*background: #000;*/
}

.frm-txt {
  background: url(../image/formtextarea.jpg) no-repeat left top;
  height: 157px;
  width: 361px;
  float: left;
  margin-left:3px;
  /*background: #000;*/
}

.formSInput {
  background: none;
  width: 180px;
  height: 17px;
  border: none;
  padding:0px 15px 0 2px;
  margin:1px;
  color: #000;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 500;
}

.formSText {
  background: none;
  width: 358px;
  height: 145px;
  border: none;
  padding: 3px 0 3px 3px ;
  margin:0;
  color: #000;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 500;
  overflow-y:hidden;
}

.sendSButton {
  background: url(../image/button/sendbutton.png) no-repeat left top;
  border: none;
  width: 85px;
  height: 30px;
  float: right;
  margin-top: 10px;
  cursor: pointer;
}

.red-ban {
  font-size: 20px;
  color: #DEBDE8;
}

.bly-ban {
  font-size: 16px;
  color: #A5DEFC;
}

.ban {
  text-align: center;
}

#suport form .left {
    float: left;
    width: 80px;
}
#suport form .right {
    float: left;
    width: 202px;
}
#suport form label {
    padding: 2px 5px;
    font-size: 12px;
    color: #FFFFFF;
}
.captcha {
    margin: 2px 5px;
}
.captcha img {
    width: 195px;
    height: 40px;
}