body {
background: #f7f3ea url(/style/bg.png);
color: #202020;
margin: 1px auto;
max-width:769px;
 background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


}

.rightpic {
float: right; /* Выравнивание по правому краю */
margin: 0 0 5px 5px; /* Отступы вокруг фотографии */
}


.circle {
width:17px;
height:17px;
display:block;
float:left;
margin-right:3px;
border-radius:17px;
 -moz-border-radius:17px;
 -webkit-border-radius:17px;
 -khtml-border-radius:17px;
font-size:11px;
color:#fff;
line-height:17px;
text-align:center;
background:#6495ED
}

.reklama {
background-color:#f0ffda;
border-top:1px solid #d6ed9f;
border-bottom:1px solid #d6ed9f;
margin-top:1px;
margin-bottom:1px;
padding:2px;
}

.cms {
text-align:center;
background:#f9f9f9;
}

.cms a {
color:#228B22;
display:table-cell;
width:1%;
border:1px solid #dfdfdf;
background:#f7f7f7;
margin:0 4px;
padding:6px;
}

.hey {
background: #f7f7f7;
padding: 8px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color: #888888;
}

.block {
background:#e3ecdf;
border-bottom:1px solid #A9B6C9;

padding:7px;
}

.post {
background:#fff;
border-top:1px solid #fff;
color:#000;
margin:1px 0;
padding:5px;
}

.vip a {
color:#000;
}

.vip {
background:#fff no-repeat top right;
border:solid 1px darkgrey;
border-radius:4px;
color:#000;
margin:1px;
padding:2px;
}

.gmenu {
background:#FFF;
border-bottom:1px solid #CCCACA;
border-left:1px solid #B3B3B3;
border-right:1px solid #B3B3B3;
overflow:hidden;
padding:7px;
}



.head {
background:  #118d73;
     background-position:bottom top;
    padding-top: 22px;
    margin: 0 auto;
    color: white;
    font-size: 14px;
    text-align: 14px;
    width: 100%;
    height: 98px;
    border-radius:1px;
	
}

a:link,a:visited,a:active {
color: #118d73;
 text-decoration: none;
}

a:hover {
text-decoration:none;
color:#006633;
text-shadow:-2px 2px 3px #555;
}


.title {
background: #118d73;
padding: 10px;
margin: -1px -1px 0 -1px;
color: #fff;
}


.foot {
background: #575748;
background-position: top;
padding: 20px;
color: white;
width: 100%;
}
.foot a	{ 
color: white;
}

.panel {
display:inline-block;
border-radius:5px;
color:#000;
text-decoration:none;
border:1px solid #A3D5FA;
background-repeat:repeat;
margin:2px 4px;
padding:2px 5px;
}


/* раздел */
.menu {
background-color: #fefefe;
padding:10px;
border-bottom: 1px solid #dddddd;
color:#444444; 

}


/* навигация */
.navi {
background : #ffffff;
line-height: 1.4;
padding:7px;
font-size: 17px;
}




.count {
background: #f7f7f7;
float: right;
text-align: center;
font-size: small;
border-radius: 5px;
border: 1px solid #dedede;
padding: 5px;
margin: -5px -1px;
}


.counts {

float:right;
margin-right:3px;
padding: 1px 7px;
background: #00C2FF;
color: #FFFFFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
position: absolute;
top: 10px;
-webkit-box-shadow: 0 1px 3px #007AA0;
-moz-box-shadow: 0 1px 3px #007AA0;
-o-box-shadow: 0 1px 3px #007AA0;
box-shadow: 0 1px 3px #007AA0;
}

#hide,#hide1 {
display:none;
background:none;
}

.title a:link,.title a:active,.title a:visited,.title a:hover {
color:#fff;
}



/* общий блок */
.imgteaser {
  position: relative;
  display: table;
  margin: 8px;
  border: 0px solid #333;
  line-height: 0;
  color: rgb(223,223,223);
  cursor: pointer;
}
/* "подробнее" */
.imgteaser:after {
 /*content: "Статус ";*/
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 5px 10px;
  background: rgba(17,100,17,.5);
  line-height: 1.6em;
}
.imgteaser:hover:after {content: none;}
.imgteaser figcaption {display: none;}
 /* прозрачная область */
.imgteaser:hover figcaption {
  display: block;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  padding: 5px 10px;
  background: rgba(20,20,20,.5);
  font-size: 80%;
  line-height: 1.3em;
}
/* заголовок */
.imgteaser:hover figcaption strong {
  display: block;
  line-height: 2em;
  font-size: 110%;
}


.rek {	
background: #f7f8f9;
padding: 8px;
border-left: 1px dashed #ccc;
border-right: 1px dashed #ccc;
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
color: #888888;

}
.site {
padding: 5px;
background: #ffffff;}
.site a {
padding : 1px;
line-height: 20px;}

 .menuv { 
text-align: center; 

} 
.menuv a{ 
display: table-cell; 
width: 1%; 
padding: 8px; 
margin: 1px 4px; 
border-left: 1px solid #acac9d;
border-right: 1px solid #acac9d; 
border-bottom: 1px solid #acac9d; 
border-top: 1px solid #acac9d;
background: #f7f7f7;
} 
.menuv a:hover {
background: #efefef;
text-decoration: none;
} 
 .uved { 
text-align: center; 

} 
.uved a{ 
display: table-cell; 
width: 1%; 
padding: 8px; 
margin: 1px 4px; 
border-bottom: 1px solid #dddddd; 
border-right: 1px dashed #118d73; 
background: #fcf8e3;
} 




.time {
    text-align: right;
	margin : -48px;
    width: 102%; 
}

.menu2 {
background: #fcf8e3;
padding:10px;
border-bottom: 1px solid #dddddd;
color:#444444; 
}
.reply
  {
	background: #fcf8e3;
	border-left: 1px dashed #FF4500;
	border-right: 1px dashed #FF4500;
	border-top: 1px dashed #FF4500;
	border-bottom: 1px dashed #FF4500;
	color: #708090;
	padding: 4px 4px 4px 5px;
	border-radius:5px 5px 5px 5px;
  }

.version {
    display:inline-block;
    border-radius:10px;
    color:#000;
    text-align: left; 
     border-left: 1px dashed #2f8994;
	border-right: 1px dashed #2f8994;
	border-top: 1px dashed #2f8994;
	border-bottom: 1px dashed #2f8994;
    background-color: #fcf8e3;
    margin:2px 4px;
    padding:8px 10px;
} 

.right {
float:right;
}

.chat {
background : #fff;
margin-bottom:7px;
font-size:14px;
padding:5px;

}

.b {
	color : #333;
	background-color : #ebf9eb;
	padding : 3px;
	margin : 1px 1px 1px 1px;
	overflow:hidden;
	border:1px solid #eee;
	border-radius: 5px;
}
a.button {
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(212,75,56); /* фон кнопки */
  padding: .6em 0.9em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
} 
a.button:hover { background: rgb(232,95,76); } /* при наведении курсора мышки */
a.button:active { background: rgb(152,15,0); } /* при нажатии */

.ok {
background: #d4edda;
padding: 10px;
border: 1px solid #c3e6cb;
color: #4fba4a;
}
.error  {
background: #f8d7da;
padding: 10px;
border: 1px #f5c6cb solid;
color: #ba4a4a;
}

.avatar {

    border-radius:10px;
    color:#000;
    text-align: left; 
     border-left: 1px dashed #118d73;
	border-right: 1px dashed #118d73;
	border-top: 1px dashed #118d73;
	border-bottom: 1px dashed #118d73;
    background-color: #fffff2;
    margin:8px 10px;
    padding:8px 10px;
} 



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

.on a {
background: #006619;
display: inline-block;
margin: 3px;
padding: 3px 6px;
color: #fff;
}

.off a {
background: #ff0000;
display: inline-block;
margin: 3px;
padding: 3px 6px;
color: #fff;
}

.btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning, .btn-danger{
	box-shadow: 0 2px 5px rgba(0,0,0,.16), 0 2px 10px rgba(0,0,0,.12);
	border:none;
	outline:none !important;
	border-radius:2px;
	font-size:14px;
}


.right2 {
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  float: right;
  color: #fff;
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 0.2rem;
  background-color: #118d73;

}

.right {

float: right;

}

.gf {
background: #eeeeee;
padding: 8px;
margin: 8px 5px 0px 0px;
width: 100%;
border-radius:8px;
}

hr {
	border : 1px dashed #e9e9e4;
}