body {
background: #ddd;
font-size: 13px ;
font-family: Tahoma;
color: #8b8b8b;
margin: auto;
max-width:650px;
width: 100%;
word-wrap: break-word;
overflow-x: hidden;
}

a { 
color: #454545; 
text-decoration: none;
}

a:hover { 
text-decoration: underline;
}

img {
vertical-align: middle;
}

.dialmy{
#margin-top: 4px;

background: #E0FFFF;
#padding: 4px;

}

.dial{
margin: 0 194px 0 194px;

}





.hd {
background: url(/views/blue_flat/img/head.png) repeat-x top #2980b9;
height: 74px;
margin: 0 5px 0 5px;
}

.auth{
background: url(/views/default/img/auth.gif) repeat-x top #253137;

padding: 5px 0;
text-align: center;
margin: 0 5px 0 5px;
}

.auth a {
background: #2980b9;
#background: #7f8c8d;
display: inline-block;
width: 24%;
padding: 9px 0;
color: #fff;
}
.auth a:hover {
background: #3498db;
text-decoration: none;
}

.rekl{
background: #fff;
padding: 6px 9px;
margin: 5px;
box-shadow: 0px 2px 2px #c4c4c4;
}

.ntitle {
background: #cbcbcb;
padding: 10px;
margin: 8px 5px 0 5px;
color: #fff;
}

.title, .adm_panel {
background: #2980b9;
padding: 10px;
margin: 8px 5px 0 5px;
color: #fff;
}

.title img, .adm_panel img {
margin: 0 3px;
}

.title a, .adm_panel a {
color: #eee;
text-decoration: underline;
}

img.ava {
width: 32px;
margin: 1px;
}

a.nick{
background: #bcbcbc;
display: inline-block;
margin: 1px;
padding: 4px;
color: #fff;
}

.numb {
display: inline-block;
padding: 1px 3px;
background: #eee;
margin: 0 3px 0 0;
}

.navi a {
background: #7f8c8d;
display: inline-block;
margin: 1px;
padding: 6px;
color: #fff;
}

.navi a:hover {
background: #95a5a6;
display: inline-block;
margin: 1px;
padding: 6px;
color: #fff;
}

.mnavi a {
background: #3498db;
display: inline-block;
margin: 1px;
padding: 3px 6px;
color: #fff;
}

.mnavi a:hover {
background: #2980b9;
display: inline-block;
margin: 1px;
padding: 3px 6px;
color: #fff;
}

.mnavi span{
background: #129276;
display: inline-block;
margin: 1px;
padding: 3px 6px;
color: #fff;
}

.menu, .navi, .mnavi, .menu2 {
background: #fff;
padding: 6px 9px 9px;
box-shadow: 0px 2px 2px #c4c4c4;
margin: 0 5px 5px 5px;

}



.menu3 {
background: #fff;
padding: 6px 6px 4px 4px;

box-shadow: 0px 2px 2px #c4c4c4;
margin: 0 5px 0 5px;
border-bottom: 1px solid #eee;
}

.m3 {
background: #fff;
#padding: 6px 6px 4px 4px;
box-shadow: 0px 2px 2px #c4c4c4;
margin: 0 5px 0 5px;
#border-bottom: 1px solid #eee;
}

.auth2 a {
background: #3498db;
padding: 6px;
display: inline-block;
margin: 3px 1px;
color: #fff;
}
.auth2 a:hover {
background: #2980b9;

margin: 3px 1px;
padding: 6px;
color: #fff;
}
.block a{
background: #eee;
padding: 9px;
display: block;
text-align: center;

margin: 3px 5px 0 5px;
}

.ssyl2 {
display: block;
border-bottom: 1px solid #f5f5f5;
padding: 10px 0px;
}

.ssyl2:hover {
#background: #f5f5f5;
background: #EAE7E7;
text-decoration: none;
}

.menu3t {
display: block;
padding: 10px 0px;
}

.menu3t:hover {
background: #f5f5f5;

}

.green {
color: #118c71;
}

.green2 {
color: #d3fff6;
}

.q {
background: #eee;
padding: 7px 4px;
border-left: 2px solid #3498db;
margin: 5px 0;
}

.foot {
background: #253137;
padding: 10px;
margin: 5px 0;
color: #fff;
margin: -5px 5px -5px 5px;
}


textarea {
width: 90%;

}
input, select, textarea {

background: #fff;
padding: 7px;
border: 1px solid #eee;
margin: 3px 1px;
}

input[type="submit"]{
background: #3498db;
border: 0;
color: #fff;
}

.avatarm {
  width: 40px;
  height: 40px;
  border-radius: 20px; /\* половина ширины и высоты \*/
}


#avatarbg img.avatar {
  margin: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  width: 48px;
  height: 48px;
}

/\* Фон, рамка для аватара \*/

#avatarbg {
  width: 47px;
  height: 47px;
  display: block;
  background-color: #eee;
  background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.05));
  background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.05)));
  background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.05));
  background-image: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.05));
  background-image: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.05));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#00000000′,endColorstr=’#0d000000′,GradientType=0);
  padding: 6px;
  padding-top: 5px;
  -webkit-box-shadow: 0 1px 0 #fff,0 -1px 0 rgba(0,0,0,0.4);
  -moz-box-shadow: 0 1px 0 #fff,0 -1px 0 rgba(0,0,0,0.4);
  box-shadow: 0 1px 0 #fff,0 -1px 0 rgba(0,0,0,0.4);
  border: 1px solid #c0d6e0;
  position: relative;
  -webkit-transition: all .2s ease-in-out 0s;
  -moz-transition: all .2s ease-in-out 0s;
  -o-transition: all .2s ease-in-out 0s;
  transition: all .2s ease-in-out 0s;
  float:left;
}

/\* Выпуклость \*/

#avatarbg:before {
  background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));
  background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.4)),to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));
  background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));
  background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#66ffffff’,endColorstr=’#00ffffff’,GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 #fff,inset 0 -1px 7px rgba(0,0,0,.2);
  -moz-box-shadow: inset 0 1px 0 #fff,inset 0 -1px 7px rgba(0,0,0,.2);
  box-shadow: inset 0 1px 0 #fff,inset 0 -1px 7px rgba(0,0,0,.2);
  border: 1px solid #afc3cb;
}

/\* Блеск, эффект стекла \*/

#avatarbg:after {
  background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(255,255,255,0.1)),color-stop(44%,rgba(255,255,255,0.2)),color-stop(45%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));
}

#avatarbg:before, #avatarbg:after {
  content: "";
  width: 48px;
  height: 48px;
  position: absolute;
  left: 4px;
  top: 4px;
}

.dmy{
background:url(/views/blue_flat/img/dmy.png)center left no-repeat;

}
.dmy2{
display: inline-block;
background: #d8e8ea;
margin: 7px 24px 7px 24px;
padding: 6px;
border-radius: 10px;
}

.dot{
background:url(/views/blue_flat/img/dot.png)center right no-repeat;

}

.dot2{
display: inline-block;
#float: right;
background: #EAEAEA;
margin: 7px 24px 7px 24px;
padding: 6px;
border-radius: 10px;

}


/\* Закругление \*/

#avatarbg, #avatarbg:before, #avatarbg:after, #avatarbg img.avatar {
  -webkit-border-radius: 81px;
  -moz-border-radius: 81px;
  border-radius: 81px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}


 .navigation {
   list-style: none;
   background: #111;
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 0;
}
.site-wrap {
   min-width: 100%;
   min-height: 100%;
   background-color: #fff;
   position: relative;
   top: 0;
   bottom: 100%;
   left: 0;
   z-index: 1;
padding: 4em;
   background-image: linear-gradient(135deg,
   rgb(254,255,255) 0%,
   rgb(221,241,249) 35%,
   rgb(160,216,239) 100%);
   background-size: 200%;
}

.nav-trigger {
   display: block;
   width: 0;
   height: 0;
}

label[for="nav-trigger"] {
   position: fixed;
   top: 15px;
   left: 15px;
   z-index: 2;
}

label[for="nav-trigger"] {
   width: 30px;
   height: 30px;
   cursor: pointer;
   background-image: url("data:image/svg+xml;utf8,");
   background-size: contain;
}

.nav-trigger:checked + label {
   left: 215px;
}
.nav-trigger:checked ~ .site-wrap {
   left: 200px;
   box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

.nav-trigger + label, .site-wrap {
   transition: left 0.2s;
}