/* Перезагрузка стиля . своеобразный unset для стилей*/
.style-reset {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* Может потребоваться изменить кавычки ,для разных локалей (например, fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
    all: initial;
    all: unset;
}

/* Базовый патч */
#style-reset-root {
    all: initial;
    * {
        all: unset;
    }
}
/* Базовый патч */
#style-reset-root {
    all: initial;
    * {
        all: unset;
    }	
}

form,div,span,input,h1,h2,h3,h4,h5,h6,p{
	/*all: unset;*/
}

hr{border: 1px solid #e4e4e4;display: block;overflow: hidden;border-width: 1px;}

.text-underline {text-decoration: underline;}
.text-center {text-align: center;}
.text-line {text-decoration:line-through;}
.text-right {float: right;}
.text-left {float: left;}
.text-bold {font-weight: bold;}
.text-cursor {cursor: pointer;}

.link{display: block;}

body {
	font-family: Verdana;
	font-size: 12px;
	background: #f7f7f7;
	color: #222;
	max-width: 950px;
	margin: 0 auto;
	padding: 0;
}

.pre {
	white-space:pre;
    margin: 1px;
    font-size: 12px;
    word-wrap: break-word;
    color: #8c7666;
    border: 1px solid #cdd1d6;
    border-radius: 2px;
    word-wrap: break-word;
    padding: 10px;
    background: #fff;
    box-shadow: 0px 1px 0px 0px rgba(75, 95, 117, 0.06) inset, 0px 1px 0px #FFF;
}

/* Спорные стили */
.width_100 {min-width:100%;}
.width_70 {min-width:70%;}
.width_50 {min-width:49%;}
.width_30 {min-width:28%;}
.width_10 {min-width:10%;}

select {
	min-width: 100%;
	cursor: pointer;
	font-weight: bold;
	display: block;
    margin: 1px;
    font-size: 12px;
    word-wrap: break-word;
    color: #8c7666;
    border: 1px solid #cdd1d6;
    border-radius: 2px;
    word-wrap: break-word;
    padding: 10px;
    background: radial-gradient(at top, #FEFFFF, #fceafb);
    box-shadow: 0px 1px 0px 0px rgba(75, 95, 117, 0.06) inset, 0px 1px 0px #FFF;
}



textarea {
	min-width:99.20%;
    height: 100px;
    color: #5d5959;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    color: #948a8a;
    background: radial-gradient(at top, #FEFFFF, #f7f7f7);
    border: 1px solid #cdd1d6;
    padding: 12px;
    margin: 1px;
    font-weight: bolder;
}
input[type="submit"]{
    min-width: 100%;
    cursor: pointer;
    color: #5d5959;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #ffffff;
    background: radial-gradient(at top, #6da047, #6da047);
    border: 1px solid #618844;
    padding: 12px;
    margin: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bolder;
}
input[type="text"] {
	min-width: 99.20%;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    color: #222;
    background: radial-gradient(at top, #fafafa, #f4f4f4);
    border: 1px solid #cdd1d6;
    padding: 12px;
    margin: 1px;
    font-weight: bolder;
}
input[type="submit"]:hover {
    background: radial-gradient(at top, #e0ffca, #9bdc6b);
	color: #6c6565;
}

input[type="password"] {
	min-width:97%;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    color: #222;
    background: radial-gradient(at top, #fafafa, #f4f4f4);
    border: 1px solid #cdd1d6;
    padding: 12px;
    margin: 1px;
    font-weight: bolder;
}
input[type="password"]:hover {
	background: radial-gradient(at top, #d7ffdc, #c1ffcf);
}
@media (min-width: 570px) {
	textarea {
		min-width: 99.80%;
	}
	input[type="text"] {
		min-width: 99.80%;
	}
	select {
		min-width: 99.80%;

	}	
	.foot-bottom {
		font-size: 16px;
	}
	input[type="password"] {
		min-width:100%;
	}
}
.post_1{
    margin: 1px;
    font-size: 12px;
    word-wrap: break-word;
    color: #8c7666;
    border: 1px solid #cdd1d6;
    border-radius: 2px;
    word-wrap: break-word;
    padding: 10px;
    background: radial-gradient(at top, #FEFFFF, #efefef);
    box-shadow: 0px 1px 0px 0px rgba(75, 95, 117, 0.06) inset, 0px 1px 0px #FFF;
}

.post_2{
    margin: 1px;
    font-size: 12px;
    word-wrap: break-word;
    color: #8c7666;
    border: 1px solid #cdd1d6;
    border-radius: 2px;
    word-wrap: break-word;
    padding: 10px;
    background: radial-gradient(at top, #FEFFFF, #f0f9fb);
    box-shadow: 0px 1px 0px 0px rgba(75, 95, 117, 0.06) inset, 0px 1px 0px #FFF;
}
a {
	color: #80bd9a;
	font-size: 14px;
	text-decoration: none;
}
a:hover {
	color: #629976;
	/*
		подчеркивание ссылок
		text-decoration: underline ;
	*/
}

/* Обработка сообщений и ошибок */
.msg{
	padding: 14px;
    display: block;
    margin-top: 2px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bolder;
}
.success {
	color: #3ed44a;
    border: 1px solid #3ed44a;
}
.error {
    color: #f37d7d;
    border: 1px solid #e27272;
}
/* Обработка сообщений и ошибок end */

.content {
    color: #8e8e8e;
	background: radial-gradient(at top, #ededed, #ededed);
	/*background: radial-gradient(at top, #FEFFFF, #f9fafa);*/
    border: 1px solid #cdd1d6;
    padding: 10px;
	margin:1px;
	margin-left:3px;
	margin-right:3px; 
	min-height: 300px; 
}

a.div:hover {
    background: radial-gradient(at top, #FEFFFF, #f9f9f9);
	
}
.div {
    margin: 1px;
   // margin-bottom: 5px;
   // margin-top: 5px;
    font-size: 12px;
    word-wrap: break-word;
    color: #8c7666;
    border: 1px solid #dcd5d5;
    border-radius: 2px;
    word-wrap: break-word;
    padding: 10px;
    background: #f9f8f8;
    //box-shadow: 0px 1px 0px 0px #8080800f inset, 0px 1px 0px #bdb5b5;
}
.foot a {
	color: #8e8989;
}
.foot a:hover {
	color: #676767;
}

.head {
	color: #8e8989;
    margin: 1px;
    margin-bottom: -5px;
    margin-top: 5px;
	margin-left:3px;
	margin-right:3px;	
    font-size: 12px;
    word-wrap: break-word;
    border: 1px solid #dcd5d5;
    border-radius: 12px 12px 0px 0px;
    word-wrap: break-word;
    padding: 20px;
    background: #fdfdfd;
}

.head-bottom {
    font-size: 13px;
    border-radius: 10px;
    padding: 5px;
    margin: 3px;
    color: #b9b9b9;
    display: inline-block;
	background: #fafcfd;
	border: 1px solid #d4e2e8;
}
a.head-bottom:hover {
	background: #ddf4ff;
	border: 1px solid #a6d2e8;
}
a.head-bottom {
	text-decoration: none;
}



.foot-center {
	color: #8e8989;
    margin: 1px;
    margin-bottom: 1px;
    margin-top: -3px;
	
	margin-left:3px;
	margin-right:3px;	
	
    font-size: 12px;
    word-wrap: break-word;

    border: 1px solid #dcd5d5;
    word-wrap: break-word;
    padding: 20px;
    background: #e1e1e1;
}
.foot-bottom-center {
	color: #a09e9e;
	font-size: 13px;
    /*box-shadow: 0px 3px 5px 5px #3333330f inset, 0px 3px 5px #cccccc;*/
    border-radius: 12px 12px 12px 12px;
    padding: 5px;
	margin: 3px;
	
	display: inline-block;
    border: 2px solid #cecaca;
}
.foot {
    color: #8e8989;
    margin: 1px;
    margin-bottom: 5px;
    margin-top: -3px;
    margin-left: 3px;
    margin-right: 3px;
    font-size: 12px;
    word-wrap: break-word;
    border: 1px solid #2d2d2d;
    border-radius: 0px 0px 7px 7px;
    word-wrap: break-word;
    padding: 20px;
    background: #545454;
}
.foot-bottom {
	color: #c6c4c6;
	font-size: 13px;
    /*box-shadow: 0px 3px 5px 5px #3333330f inset, 0px 3px 5px #cccccc;*/
    border-radius: 12px 12px 12px 12px;
    padding: 5px;
	margin: 3px;
	
	display: inline-block;
    /*border: 1px solid #cecaca;*/
}
a.foot-bottom:hover {
	/*box-shadow: 0px 5px 5px 5px #3333330f inset, 0px 5px 5px #cccccc;*/
	background: #7d7d7d;
	/*border: 1px solid #cabdbd;*/
	color: #d0d0d0;
}
a.foot-bottom {
	text-decoration: none;
}
.span {
	display: inline-block;
	font-size: 13px;
    padding: 7px;
	margin: 3px;
	color: #cecaca;
    border: 1px solid #cecaca;
}
a.span:hover {
	box-shadow: 0px 1px 1px 1px #3333330f inset, 0px 1px 1px 1px #eaeaea;
	color: #7b7777;
}
.span_act {
	display: inline-block;
	font-size: 13px;
    padding: 7px;
	margin: 3px;
	color: #a7a7a7;
    border: 1px solid #a7a7a7;
}
a.span_act:hover {
	box-shadow: 0px 1px 1px 1px #3333330f inset, 0px 1px 1px 1px #eaeaea;
	color: #7b7777;
}

.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w90{width:90%;}
/*
.post_title_1 {    
	box-shadow: 2px 2px 9px #eaeaea;
	margin: 1px;
	margin-bottom: -2px;
	margin-top: 7px;
    word-wrap: break-word;
    color: #909090;
    border: 1px solid #d4d2cd;
    border-radius: 2px;
    padding: 7px;
    background: #f5f5f5;
    border-radius: 12px 12px 0px 0px;
    -moz-border-radius: 12px 12px 0px 0px;
    -webkit-border-radius: 12px 12px 0px 0px;
}

.post_title_2 {    
	box-shadow: 2px 2px 9px #eaeaea;
	margin: 1px;
	margin-bottom: -2px;
	margin-top: 7px;
    word-wrap: break-word;
    color: #909090;
    border: 1px solid #d4d2cd;
    border-radius: 2px;
    padding: 7px;
    background: #e1f5f9;
    border-radius: 12px 12px 0px 0px;
    -moz-border-radius: 12px 12px 0px 0px;
    -webkit-border-radius: 12px 12px 0px 0px;
}
*/
.copyright {
    background: url(images/copyright0.png) ;
    opacity: 0.4;
    padding: 4px 40px 13px 70px;
    height: 12px;
    width: 90px;
	/*margin-top: -20px;
	margin-right: -20px;*/
}

.copyright:hover{
	opacity: 1.4;
    background: url(images/copyright.png) ;
}
.span_c{
	font-size: 13px;
	color: #909090;
	//opacity: 0.4;
}
.span_b{
	font-weight: bold;
	font-size: 13px;
	color: #9a9898;
	//opacity: 0.4;
}
.opacity {
	opacity: 0.4;
}
.opacity:hover {
	opacity: 1.4;
}
/*Работа с заголовками [H*] . Сюда же приспомобим размеры текста*/
h1,h2,h3,h4,h5,h6{all: unset;display: block;font-weight: bold;}
h1,.size_1{font-size: 25px;}
h2,.size_2{font-size: 20px;}
h3,.size_3{font-size: 18px;}
h4,.size_4{font-size: 13px;}
h5,.size_5{font-size: 11px;}
h6,.size_6{font-size: 9px;}


ul{
 margin: 0;
 padding: 0;
 list-style: none;
 }

.link {
	display: block;
} 
 
.img {
	margin-bottom:-3px;
}

.bb_HashTag{
	color:#5b84e2;
	font-weight: bold;
}

.bb_q{
    overflow: hidden;
    border-left: 4px solid #ffc676;
    color: #7b7b7b;
    margin-left: 4px;
    margin-top: 2px;
    margin-bottom: 4px;
    padding: 10px;
    background: #fff7eb;	
}
h3 a{
	color:#6a91e8;
}
h3 a:hover{
	color:#4a76d8;
}

.LogoType{
	margin-top:5px;	
}
.mainpost{
	font-weight: bold;
	padding: 7px;
	margin: 1px;
	margin-top:-16px;	
	border-left: 1px solid #cdd1d6;
	border-bottom: 1px solid #cdd1d6;
	border-right: 1px solid #cdd1d6;
	display: inline-block;
	border-radius: 0px 0px 10px 10px;
}

.post_title_1 {
    box-shadow: 2px 2px 9px #eaeaea;
    margin: 1px;
    margin-bottom: -2px;
    margin-top: 7px;
    word-wrap: break-word;
    color: #909090;
    border: 1px solid #d4d2cd;
    border-radius: 2px;
    padding: 7px;
    background: #f5f5f5;
    border-radius: 12px 12px 0px 0px;
    -moz-border-radius: 12px 12px 0px 0px;
    -webkit-border-radius: 12px 12px 0px 0px;
	font-size: 12px;
}

.post_title_2 {
    box-shadow: 2px 2px 9px #eaeaea;
    margin: 1px;
    margin-bottom: -2px;
    margin-top: 7px;
    word-wrap: break-word;
    color: #909090;
    border: 1px solid #d4d2cd;
    border-radius: 2px;
    padding: 7px;
    background: #fbfbfb;
    border-radius: 12px 12px 0px 0px;
    -moz-border-radius: 12px 12px 0px 0px;
    -webkit-border-radius: 12px 12px 0px 0px;
	font-size: 12px;
}

.head-bottom-razd{
    font-size: 12px;
    border-radius: 10px;
    padding: 5px;
    margin: 3px;
    color: #d0d0d0;
    display: inline-block;
	background: #ffffff;
	border: 1px solid #f3f3f3;
}

a.head-bottom-razd {
	text-decoration: none;
}
.head-bottom-razd:hover{
	box-shadow: 0px 3px 5px 5px #3333330f inset, 0px 3px 5px #ffffff;
	border: 1px solid #cdd1d6;
}


.pager_s {
	padding: 5px 10px 5px 10px;
    color: #636367;
    border: 1px solid #d7dade;
    background: radial-gradient(at top, #fff, #fff);
    margin: 3px;
    transition: 0.3s;
    text-align: center;
    font-size: 20px;	    
}

.page-nav-fon {
    font-weight: bolder;
    padding: 14px;
    color: #B8B8BB;
    margin: 1px;
    transition: 0.3s;
    text-align: center;
    font-size: 15px;

}

.pager_a {   

    padding: 5px 10px 5px 10px;
    color: #9393a7;
    border: 1px solid #d7dade;
    background: radial-gradient(at top, #ffffff, #f1f1f1);
    margin: 3px;
    transition: 0.3s;
    text-align: center;
    font-size: 20px;
}
.user_nick img{
	margin-top: -5px;
}
a.user_nick {
	 font-size: 12px;
	 text-decoration: none;
}


.apanel-link{
    font-weight: 700;
    margin: 1px;
    margin-top: 7px;
    font-size: 12px;
    word-wrap: break-word;
    color: #6c757d;
    border: 1px solid #d8d4d4;
    border-radius: 2px;
    word-wrap: break-word;
    padding: 10px;
    background: #f7f7f7;
    /*box-shadow: 0px 1px 0px 0px #8080800f inset, 0px 1px 0px #dedede;*/
}
a.apanel-link {
	text-decoration: none;
}
.apanel-link:hover{
    background: #fff;
    border: 1px solid #dad6c8;
    color: #0c0c0c;
}

.apanel-count{
    min-width: 58px;
    float: right;
    padding: 10px;
    /*margin: 2px;*/
    margin-top: -10px;
    margin-right: -10px;
	
    background: #fff;
	border-left: 1px solid #d8d1d1;
  
    /*border-radius: 5px;*/
    color: #7a9cb5;
}
.div2 {
    margin: 1px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 12px;
    word-wrap: break-word;
    color: #8c7666;
    border: 1px solid #cfc7ef;
    border-radius: 2px;
    background: #fdfdfd;
    padding: 10px;
    background: #e9e4ff;
}
.title {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
}
/*img*/
.avatar {
    width: 50px;
    height: 50px;
    margin: 2px 7px 0 0;
    float: left;
    border-radius: 50%;

}
.post_title_3{
	box-shadow: 2px 2px 9px #eaeaea;
    margin: 1px;
    margin-bottom: -2px;
    margin-top: 7px;
    word-wrap: break-word;
    color: #909090;
    border: 1px solid #d4d2cd;
    border-radius: 2px;
    padding: 7px;
    background: #fbfbfb;
    border-radius: 12px 12px 0px 0px;
    -moz-border-radius: 12px 12px 0px 0px;
    -webkit-border-radius: 12px 12px 0px 0px;
	font-size: 12px;

}
@media (min-width: 570px) {
	.post_title_2{
		font-size: 25px;
	}
	.post_title_1{
		font-size: 25px;
	}	
	
	.head-bottom-razd {
		font-size: 13px;
		border: 1px solid #cdd1d6;
	}
}

.buttonaut:hover{
	background: #9a82c7;
}
.buttonaut{
	text-align: center;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    outline: 0;
    background: #c9bbe4;
    border-radius: 5px;
    border: 0;
    padding: 14px;
    color: #FFFFFF;
    font-size: 14px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer;
	margin-top:7px;
}
button:hover {
	background: #2fc752;
}
button {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    outline: 0;
    background: #28a745;
    width: 100%;
    border: 0;
    padding: 15px;
    color: #FFFFFF;
    font-size: 14px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer;
    border-radius: 5px;
}
.zp{
	margin-top:5px;
	padding: 15px;
	display: block;
}
.zp:hover{
	background: #e8e7e7;
	border-radius: 5px;
}