html,select {height: 100%; width:100%;}
body {height: 100%;width:100%; 
      margin:0 0 0 0;}


input[type=text].g-button {
border:1px solid;/*граница*/
font-size: 12px;/*шрифт*/
padding: 3px 3px;/*отступы, если необходимо*/
-webkit-border-radius: 6px;/*скругляем углы*/
-moz-border-radius: 6px;
border-radius: 6px;
border-color:rgba(255,51,51,.75);
margin:2px;
/*box-shadow:0 0 8px rgba(255,51,51,.5);/*описываем тень*/
/*-moz-box-shadow:0 0 8px rgba(255,51,51,.5);
-webkit-box-shadow:0 0 8px rgba(255,51,51,.5);
transition:border linear .2s,box-shadow linear .2s;/*время смены цвета тени*/
/*-moz-transition:border linear .2s,-moz-box-shadow linear .2s;
-webkit-transition:border linear .2s,-webkit-box-shadow linear;*/

}

/*Теперь нужно определить свойства при щелчке мышью в поле ввода*/
input[type=text].g-button:focus{
outline:none;/*отменяем стандартный прямоугольник*/
-webkit-border-radius: 6px;/*круглим углы*/
-moz-border-radius: 6px;
border-radius: 6px;
border-color:rgba(255,28,28,.75);/*меняем цвет*/
box-shadow:0 0 8px rgba(255,28,28,.5);
-moz-box-shadow:0 0 8px rgba(255,28,28,.5);
-webkit-box-shadow:0 0 8px rgba(255,28,28,.5);
}

.but-enter {/*кнопка входа*/
    border:0px;
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(255,51,51); /* фон кнопки */
  padding: 7px 20px; /* отступ от текста */
  text-shadow:2px,2px,10px #000;
  outline: none; /* убирать контур в Mozilla */
-webkit-border-radius: 6px;/*скругляем углы*/
-moz-border-radius: 6px;
border-radius: 6px;
  cursor:default;
  font-size:11pt;
} 
.but-enter:hover { background: rgb(255,28,28); } /* при наведении курсора мышки */
.but-enter:active { background: rgb(211,30,30); } /* при нажатии */

.but-del {/*кнопка входа*/
    border:0px;
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(255,51,51); /* фон кнопки */
  padding: 7px 20px; /* отступ от текста */
  margin:0px 40px 0px 0px;
  text-shadow:2px,2px,10px #000;
  outline: none; /* убирать контур в Mozilla */
-webkit-border-radius: 6px;/*скругляем углы*/
-moz-border-radius: 6px;
border-radius: 6px;
  cursor:default;
  font-size:11pt;
} 
.but-del:hover { background: rgb(255,28,28); } /* при наведении курсора мышки */
.but-del:active { background: rgb(211,30,30); } /* при нажатии */


/*КНПОКА ССЫЛКи входа|регистрации*/
a.but-enter2 {/*кнопка входа*/
    border:0px;
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(0,137,216); /* фон кнопки */
  padding: 7px 35px; /* отступ от текста */
  text-shadow:2px,2px,10px #000;
  outline: none; /* убирать контур в Mozilla */
-webkit-border-radius: 6px;/*скругляем углы*/
-moz-border-radius: 6px;
border-radius: 6px;
  cursor:default;
  font-size:11pt;
} 
a.but-enter2:hover { background: rgb(0,184,216); } /* при наведении курсора мышки */
a.but-enter2:active { background: rgb(0,72,216); } /* при нажатии */

.but-save {/*кнопка входа*/
    border:0px;
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: #08af6a; /* фон кнопки */
  padding: 7px 20px; /* отступ от текста */
  margin:3px 0px;
  text-shadow:2px,2px,10px #000;
  outline: none; /* убирать контур в Mozilla */
-webkit-border-radius: 6px;/*скругляем углы*/
-moz-border-radius: 6px;
border-radius: 6px;
  cursor:default;
  font-size:11pt;
} 
.but-save:hover { background: #07e68a; } /* при наведении курсора мышки */
.but-save:active { background: #007b48; } /* при нажатии */

/*dropdownlist*/
.sel1 {
    /*margin:0px 0px 10px 0px;*/
    border: 1px solid #ff1c08;
    height:25px;
    border-radius: 3px;
    overflow: hidden;
    /*background: #fafafa url("img/icon-select.png") no-repeat 90% 50%;*/
}

.sel1 select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.sel1 select:focus {
    outline: none;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@font-face {
font-family: 'Akrobat-Regular';
src: url('/Themes/1.0/Fonts/Akrobat-Regular.otf');
}

.text_Normal {
    font-family: 'Akrobat-Regular';
    color: rgb(13, 46, 61);
    font-size: 18px;
     line-height:0.3em;
     white-space: pre-line;
    /*text-shadow: rgb(77, 77, 77) 1px 0px 17px;*/
}
.text_Zagolovok {
    font-family: 'Akrobat-Regular';
    color: rgb(13, 46, 61);
    font-size: 24px;
     line-height:0.3em;
     white-space: pre-line;
    /*text-shadow: rgb(77, 77, 77) 1px 0px 17px;*/
}

.text_ZagolovokMINI {
    font-family: 'Akrobat-Regular';
    color: rgb(13, 46, 61);
    font-size: 18px;
     line-height:0.3em;
     white-space: pre-line;
    /*text-shadow: rgb(77, 77, 77) 1px 0px 17px;*/
}

.text_MiniCART {
    font-family: 'Akrobat-Regular';
    color: #fff;
    font-size: 17px;
    line-height:0.1em;
    white-space: pre-line;
   /*text-shadow: rgb(77, 77, 77) 1px 0px 17px;*/
}

@font-face {
font-family: 'Akrobat-Black';
src: url('/Themes/1.0/Fonts/Akrobat-Black.otf');
}
.text_big {
    font-family: 'Akrobat-Black';
    color: rgb(13, 46, 61);
    font-size: 16px;
    line-height:0.3em;
    white-space: pre;
   /*text-shadow: rgb(77, 77, 77) 1px 0px 17px;*/
}
.text_bigBlackFon {
    font-family: 'Akrobat-Black';
    color: rgb(255, 255, 255);
    font-size: 16px;
    line-height:0.3em;
    white-space: pre;
   /*text-shadow: rgb(77, 77, 77) 1px 0px 17px;*/
}

.text_bigWhiteFon {
    font-family: 'Akrobat-Black';
    color: rgb(0, 0, 0);
    font-size: 16px;
    line-height:0.5em;
    white-space:pre-line;
   /*text-shadow: rgb(77, 77, 77) 1px 0px 17px;*/
}

.divCASHTAG {
    width:230px; 
    height:50px;
    max-height:350px;
    float:left; 
    overflow-y:auto; 
  /*  padding-left:2px;*/
    padding:0px;
    /*background-color:#F33;*/ 
    margin:1px;
    text-align:center;word-wrap: break-word;
}

.TEXTMENU {
    font-family: 'Akrobat-Regular';
    color:rgb(238, 0, 58);
    font-size: 20px;
    line-height:0.1em;
    white-space: pre;
   text-decoration:none;
   /*text-shadow: rgb(77, 77, 77) 1px 0px 17px;*/
}
.TEXTMENU:active{color:rgb(238, 0, 58);}
.TEXTMENU:visited{color:rgb(238, 0, 58);}
.TEXTMENU:hover{text-decoration: none;}

.TEXTMENUmini {
    font-family: 'Akrobat-Regular';
    color:rgb(238, 0, 58);
    font-size: 18px;
    line-height:0.1em;
    white-space: pre;
   text-decoration:none;
   /*text-shadow: rgb(77, 77, 77) 1px 0px 17px;*/
}
.TEXTMENUmini:active{color:rgb(238, 0, 58);}
.TEXTMENUmini:visited{color:rgb(238, 0, 58);}
.TEXTMENUmini:hover{text-decoration: none;}

.TEXTTEL {
    font-family: 'OpenSans-Regular';
    color:rgb(255, 255, 255);
    font-size: 15px;
    line-height:1em;
    white-space: pre;
   text-decoration:none;
   /*text-shadow: rgb(77, 77, 77) 1px 0px 17px;*/
}
.TEXTTEL:active{color:rgb(255, 255, 255);}
.TEXTTEL:visited{color:rgb(255, 255, 255);}
.TEXTTEL:hover{text-decoration: none;}

.divTeloMagInfo {
    width:auto; 
    float:left; 
    overflow-y:auto; 
    padding-left:2px;
    padding:5px;
    margin:1px;
    text-align:center;word-wrap: break-word;
}

/*начало описания текста кабинета -----------------------------------------*/
@font-face {
font-family: 'Akrobat-Regular';
src: url('/Themes/1.0/Fonts/Akrobat-Regular.otf');
}
@font-face {
font-family: 'OpenSans-Bold';
src: url('/Themes/1.0/Fonts/OpenSans/OpenSans-Bold.ttf');
}
@font-face {
font-family: 'OpenSans-Regular';
src: url('/Themes/1.0/Fonts/OpenSans/OpenSans-Regular.ttf');
}

.text_OpisProd {
    font-family: 'OpenSans-Regular';
    color: #ff7d7d;
    font-size: 20px;
     line-height:0.1em;
     white-space: pre-line;
     cursor:pointer;
     text-decoration: none;
    /*text-shadow: rgb(77, 77, 77) 1px 0px 17px;*/
}
.text_OpisProd:active{color:#ff7d7d; }
.text_OpisProd:visited{color:#ff7d7d;}
.text_OpisProd:hover{text-decoration: none;}



.text_DateBron {
     font-family: 'OpenSans-Regular';
    color: #ff7d7d;
    font-size: 15px;
     line-height:0.1em;
     white-space: pre-line;
     
    /*text-shadow: rgb(77, 77, 77) 1px 0px 17px;*/
}

.text_PriceSize {
    font-family: 'OpenSans-Bold';
    color: #ff7d7d;
    font-size: 20px;
     line-height:0.1em;
     white-space: pre;
    /*text-shadow: rgb(77, 77, 77) 1px 0px 17px;*/
}

.text_redZone {
    font-family: 'OpenSans-Regular';
    color: white;
    font-size: 13px;
     line-height:1em;
     white-space: pre-line;
    /*text-shadow: rgb(77, 77, 77) 1px 0px 17px;*/
}

.text_priceSUMM {
    font-family: 'OpenSans-Bold';
    color: black;
    font-size: 20px;
     line-height:1em;
     white-space: pre;
    /*text-shadow: rgb(77, 77, 77) 1px 0px 17px;*/
}

/*Конец описания текста кабинет----------------------------------------------*/

.imgBut{
    padding:5px 15px 5px 5px;
    cursor:pointer;
    width:50px;
}
.imgBut2{
    padding:5px 5px 5px 5px;
    cursor:pointer;
    width:50px;
}



.divTeloTarif {
   width:auto; 
    display: inline-block;
     /*float:left; 
    overflow-y:auto; */
    padding-left:2px;
    padding:2px;
    margin:1px;
    text-align:center;word-wrap: break-word;
}

.textTarifname{
    font-family: 'OpenSans-Regular';
    color: #fff;
    font-size: 20px;
     line-height:1em;
     white-space: pre-wrap;
     text-decoration: none;
}


.textTarifprice{
    font-family: 'OpenSans-Bold';
    color: #ff7d7d;
    font-size: 30px;
     line-height:1em;
     white-space: pre-wrap;
     text-decoration: none;
}
.textTarifoldprice{
    font-family: 'OpenSans-Regular';
    color: #ff7d7d;
    font-size: 20px;
     line-height:1em;
     white-space: pre-wrap;
     text-decoration: line-through;
}

.textTarifabout{
    font-family: 'OpenSans-Regular';
    color: #7e7e7e;
    font-size: 13px;
     line-height:1em;
     white-space: pre-wrap;
     text-decoration: none;
}

.but-tarif {/*кнопка входа*/
    border:0px;
    width:100%;
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: #08af6a; /* фон кнопки */
  padding: 7px 20px; /* отступ от текста */
  text-shadow:2px,2px,10px #000;
  outline: none; /* убирать контур в Mozilla */
-webkit-border-radius: 6px;/*скругляем углы*/
-moz-border-radius: 6px;
border-radius: 6px;
  cursor:default;
  font-size:11pt;
} 
.but-tarif:hover { background: #07e68a; } /* при наведении курсора мышки */
.but-tarif:active { background: #007b48; } /* при нажатии */

/*СПОЙЛЕР*/
.spoiler > input + label:after{content: "+";float: right;font-family: monospace;font-weight: bold;}
.spoiler > input:checked + label:after{content: "-";float: right;font-family: monospace;font-weight: bold;}
.spoiler > input{display:none;}
.spoiler > input + label , .spoiler > .spoiler_body{background:#ff7d7d; color:#fff; padding:5px 5px;overflow:hidden;width:100%;box-sizing: border-box;display: block;}
.spoiler > input + label + .spoiler_body{display:none;}
.spoiler > input:checked + label + .spoiler_body{display: block;}
.spoiler > .spoiler_body{background: #fff;}

/*СПОЙЛЕР*/
.spoilerAct > input + label:after{content: "+";float: right;font-family: monospace;font-weight: bold;}
.spoilerAct > input:checked + label:after{content: "-";float: right;font-family: monospace;font-weight: bold;}
.spoilerAct > input{display:none;}
.spoilerAct > input + label , .spoilerAct > .spoiler_bodyAct{background:#eb3402; color:#fff; padding:5px 5px;overflow:hidden;width:100%;box-sizing: border-box;display: block;}
.spoilerAct > input + label + .spoiler_bodyAct{display:none;}
.spoilerAct > input:checked + label + .spoiler_bodyAct{display: block;}
.spoilerAct > .spoiler_bodyAct{background: #fff;}