/* Author: Rumin Sergey | Copyright: CENTROARTS.com | e-mail: sale@centroarts.com | URL: http://www.centroarts.com */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, pre, code, address, caption, cite, code, table, font { font-size: 1em; font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, body { font-family: Tahoma, Arial, Verdana, sans-serif; }
h1, h2, h3, h4, h5 { line-height: 1.2em; font-weight: bold; }
h1 { font-size: 1.8em; font-weight: normal; } h2 { font-size: 1.25em; } h3 { font-size: 1.5em; font-weight: normal; } h4 { font-size: 1.2em; } h5 { font-size: 1.0em; }
a { color: #c2512a; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
input, textarea, select { font-size: 1em; font-family: Tahoma, Arial, Verdana, sans-serif; outline: none; }
body { color: #000; background-color: #FFFFFF; font-size: 0.70em; font-style: normal; font-weight: normal; line-height: 1.4em; }
.pagebg { text-align: center; background-color: #e4e1dd; }
p { padding: 0; margin: 0; margin-bottom: 0.4em; }
.clr { clear: both; }
a img  { border: 0 none; }
.parag { text-indent: 30px; }
.small { color: #838383; }
hr	{ border: 0 none; border-top: 1px solid #cfcfcf; height: 1px; }
ul { margin: 0; padding-left: 16px; list-style-position:outside; list-style-image:none; }
ul li, #header h1 { margin: 0; padding: 0; }
ol { list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-left: 2.2em; }
table { border-collapse: collapse; border-spacing: 0; }
.reset, .reset li, #pager ul, #pager ul li { margin: 0; padding: 0; list-style: none; }
.wrapper { width: 996px; text-align: left; margin: 0 auto; }
.wwide { max-width: 1400px; min-width: 996px; width: 92%; text-align: left; margin: 0 auto; }
*html .wwide { width: expression(((document.body.clientWidth)) < 996? "996px": ((document.body.clientWidth)) > 1400? "1400px": "92%" ); }

.copyrightfooter {height: 49px; margin-top: 15px; padding: 10px 0 0 2px; }


/*HEAD*/
.lcolomn { float: left; display: inline; }
.rcolomn, .searchform { float: right; display: inline; }
.yellow { color: #ffb517; }

.topwide { border-top: 4px solid #ffb319; width: 100%; height: 440px; background: #fbfbfa url("../images/topwide.png") repeat-x 0 0; }
.tophead { height: 94px; padding: 0 34px 0 211px; }
	.tophead .lcolomn { width: 211px; margin: 0 0 0 -211px; }
	.tophead .rcolomn { width: 100%; height: 94px; overflow: hidden; }
	.tophead .top-img { display: inline; }
	.tophead .top-img a { display: block; margin: 7px auto 0 auto; width: 154px; height: 72px; background-image: url("../images/belik_ua.png"); overflow: hidden; line-height: 180px; white-space: nowrap; }
	
	.tophead .rcolomn .topmenu { border-bottom: 1px solid #d7d7d6; margin: 37px 0 0 0; padding: 0 0 3px 0; height: 25px; }
		.topmenu li { display: inline; }
		.topmenu li a { text-decoration: none !important; float: left; padding: 0 10px; height: 25px; line-height: 24px; color: #000; text-transform: uppercase; }
		.topmenu li a:hover, .topmenu li a.selected { background-color: #ffbc10; }

		.submenu { position: absolute; top: 0; z-index:100; width: 185px; visibility: hidden; padding-top: 6px;
			filter:alpha(opacity=95);
			-moz-opacity:0.95;
			-khtml-opacity: 0.95;
			opacity: 0.95;
		}
		.submenu ul { background-color: #ffb517; padding: 6px 0; }
		.submenu a { background: url("../images/submenu_arrow.png") no-repeat 7px 50%; width: 100%; display: block; text-indent: 15px; padding: 4px 0; text-decoration: none !important; font-weight: bold; color: #000; }
		.submenu a:hover { background-color: #000; color: #ffb517; }

	.searchform { width: 170px; height: 16px; overflow: hidden; position: relative; top: 4px; background-color: #fff; border: 1px solid #d4d4d4; }
		.searchform .lfield { float: left; width: 150px; height: 16px; padding: 0 0 0 2px; }
		.searchform .lfield input, .searchform .submit input { background: none; border: 0 none; }
		.searchform .lfield input { width: 150px; padding: 1px 0 0; }
		.searchform .submit { position: absolute; right: 0; top: 0; }
		.searchform .submit input, .searchform .submit { width: 16px; height: 16px; }
		.searchform .submit input { cursor: pointer; background: #ffb319 url("../images/search.png") no-repeat 0 0; }
		.searchform .submit input:hover { background-position: 0 -16px; }

	.header, .header div { height: 300px; } 

	.header { overflow: hidden; background: #a19887 url("../images/headpic3.jpg") no-repeat 50% 0; }
		.header div { background: url("../images/headpic1.jpg") no-repeat 0 0; }
 
		.header div div { background: url("../images/headpic2.png") no-repeat 447px 0; }

		.header div div div { padding: 0 0 0 166px; background: url("../images/headpic4.jpg") no-repeat 100% 0; }

		.header h2 { float: left; width: 230px; height: 71px; white-space: nowrap; line-height: 230px; overflow: hidden; }

	.toolbar { padding: 0 28px; height: 33px; }
		.toolbar .speedbar { padding: 7px 0 0; float: left; display: inline; color: #000000; }
		.loginform { display: inline; }
			.loginline { float: right; display: inline; padding-top: 3px; }
			.loginline a { text-decoration: none !important; padding: 0 10px; height: 5px; line-height: 4px; color: #9b9b9b; text-transform: uppercase; }
			.loginline a:hover, .loginline li a.selected { color: #000000}

		.loginwindow { position: fixed; width: 395px; left: 38%; top: 160px; border: 1px solid #434343; display: none; z-index: 999; overflow: hidden; background-color: #f3f2ef;
			filter:alpha(opacity=95);
			-moz-opacity:0.95;
			-khtml-opacity: 0.95;
			opacity: 0.95;
		}
		*html .loginwindow { position: absolute; }
		.statsite .lwpad { padding: 20px; }
		
		.lwhead { overflow: hidden; padding: 0 10px; height: 83px; background: #f7f7f7 url("../images/loginhead.png") no-repeat 0 0; }
		.statsite .lwhead { background-image: url("../images/errors.png"); }
		.lwhead a img { float: right; width: 17px; height: 17px; margin: 14px 0 0; background: url("../images/loginclose.png") no-repeat 0 0; }
		.lwhead a:hover img { background-position: -17px 0; }
			
			.loginbox { padding: 10px 0; margin: 0 25px;  }
			.loginbox .lfield span { display: block; margin: 0 0 3px 0; }
			.loginbox .lfield div { border: 1px solid #a3a3a3; background-color: #fff; margin: 0 0 10px 0; }
			.loginbox .lfield div input { border: 0 none; background: #fff; width: 100%; font-size: 1.5em; color: #a3a3a3; }

			.loginbox .submit { text-align: center; }
			.loginbox .submit .btn { font-weight: bold; cursor: pointer; padding: 0 0 5px 0; display: inline-block; height: 29px; width: 77px; border: 0 none; background: #fff url("../images/loginbtn.png") no-repeat 0 0; }
			.loginbox .submit .btn:hover { background-position: -77px 0; }


		.loginenter { overflow: hidden; padding: 10px 0 20px 129px; }
		.lgavatar { display: inline; float: left; margin: 0 0 0 -129px; width: 129px; text-align: right; }
		.lgavatar img { width: 100px; }
		.lginfo { display: inline; float: right; width: 100%; }
		.lginfo ul { padding-left: 20px; }
		.lginfo ul li { padding: 1px 0; }
		.lginfo ul a { color: #464646; }
		.lginfo ul a:hover { color: #d6261c; }

.pagewide { background-color: #dddad5; }
.footwide { height: 91px; background: #dddad5 url("../images/footwide.png") repeat-x 0 0; }

.rss { color: #595959; }
.rss span { cursor: pointer; float: right; display: inline; padding: 0 34px 12px 0; background: url("../images/rss.png") no-repeat 84% 0; }

.footer { padding: 0 12px 0 208px; height: 91px; position: relative; }
.footinfo { position: relative; overflow: hidden; }
	.copyright { background: url("../images/belik_copyright.png") no-repeat; height: 49px; margin-top: 21px; float: left; padding: 10px 0 0 124px; }
	.copyright a, .copyright { color: #000; }
.footer-menu { display: flex; justify-content: space-around; padding: 10px 200px; font-size: 14px;}
.footer-menu ul li {margin-bottom: 3px; text-align: left;}
.footer-menu>div {margin-bottom: 10px; padding-left: 15px;
    padding-right: 15px; min-height: 1px; position: relative;}
.footer-menu p.heading-foot {
	text-transform: uppercase;
	margin-bottom: 10px;  text-align: left;
}
@media screen and (max-width: 678px) {
	.footer-menu {flex-direction: column; padding: 10px 20px;}
}
.meninfoot { position: absolute; left: 36px; bottom: 16px; }

.centroarts { position: absolute; display: block; top: 38px; right: 12px; width: 100px; height: 22px; background: url("../images/centroarts.png"); overflow: hidden; line-height: 100px; white-space: nowrap; }

.container, .leftside, .midside, .rightside, .mainside { overflow: hidden; }
	.container { padding: 4px 0 4px 208px; } 
	.container .midside .container { padding: 0 0 0 0; } /* ïðàâêè webdes áûëî 246 ñïðàâà */
	.leftside, .rightside { display: inline; width: 204px; }
	.leftside { float: left; margin: 0 0 0 -204px; padding: 0 0 190px 0; }
	.rightside { float: right; width: 246px; margin: 0 -246px 0 0; padding: 6px 0 0 0; }
	.midside { float: right; width: 100%; background: #fcfcfc url("../images/midboxtop_left.png") no-repeat 0 0; } 

	.mainside { float: left; width: 100%; padding-top: 15px; } 
	.midbgbtm { width: 100%; background: url("../images/midboxtop_right.png") no-repeat 100% 0; }
	.midbgbtm .midbgbtm { background: url("../images/midboxbtm_left.png") no-repeat 0 100%; }
	.midbgbtm .midbgbtm .midbgbtm { background: url("../images/midboxbtm_right.png") no-repeat 100% 100%; }
	table.conts { border: 0 none; width: 100%; }

.fbutton, .btn_reglog { border: 0 none; cursor: pointer; font-weight: bold; }
	.fbutton { background: #fff url("../images/fbutton.png") no-repeat 0 0; width: 112px; height: 29px; color: #666665; padding: 2px 2px 6px 4px; }
	.fbutton:hover { background-position: 0 -29px; color: #c2512a; }

.leftside .dtitle { font-size: 1em; text-transform: uppercase; }
.dtitle { font-family: Arial, Tahoma, Verdana, sans-serif; font-weight: bold; }
.rightside .dtitle { font-size: 1.3em; color: #6a6a6a; margin: 0 0 0.2em 0; }
.block { width: 240px; margin: 0 0 6px 0; overflow: hidden; }
	.leftside .block { width: 198px; }
	.leftside .block .dtitle { margin: 7px 0 0 0; color: #fff; text-indent: 21px; }

	.bnavigat { background: #ffb517 url("../images/block1_top.png") no-repeat 0 0; }
		.bnavigat .dbtm { background: url("../images/block1_btm.png") no-repeat 0 100%; }
		.bnavigat ul { padding: 6px 0 10px 0; }
		.bnavigat ul a { width: 100%; background: url("../images/whitearrow.png") no-repeat 12px 50%; text-decoration: none !important; text-indent: 23px; padding: 6px 0; display: block; color: #000; text-transform: uppercase; }
		.bnavigat ul a:hover { color: #fff; background-color: #050400; }

	.binform { background: #7d7a74 url("../images/block2_top.png") no-repeat 0 0; }
		.binform .dbtm { background: url("../images/block2_btm.png") no-repeat 0 100%; }
		.binform ul { padding: 6px 10px 10px 10px; }
		.binform a { color: #ffb517; text-decoration: none !important; } .binform a:hover { color: #fff; }
		.binform ul a { display: block; padding: 3px 0 4px 0; width: 100%;  text-indent: 9px; }
		.binform ul li { background: url("../images/dotted.png") repeat-x 0 100%; }
		.binform ul li.last { background: none; }

	.bstate { background: #cbc6bd url("../images/block3_top.png") no-repeat 0 0; }
		.bstate .dbtm { background: url("../images/block3_btm.png") no-repeat 0 100%; }
		.bstate ul { padding: 6px 8px 10px 8px; }
		.bstate ul li { margin: 0 0 0.7em 0; }
		.bstate ul li h2 { margin: 0 0 0.2em 0; font-size: 1em; color: #000; }
			.bstate ul li h2 a { color: #000; }
			.inform { padding-left: 12px; background: url("../images/whitearrow.png") no-repeat 0 6px; }
			.inform .discript { line-height: 1.3em; overflow: hidden; height: 3.9em; }
		.bstate ul li .date { display: block; font-size: 0.9em; color: #9a4223; }
		
	.bvote { background: #f8f8f7 url("../images/blockvote.png") repeat-y 0 0; }
		.vtitle { overflow: hidden; width: 100%; font-size: 1em; background: #ffb517 url("../images/vtitle.png") no-repeat 100% 30%; }
		.vtitle b, .vtitle span { display: block; }
		.vtitle span { background: url("../images/vtitle.png") no-repeat 0 0; padding: 8px 0 0; }
		.vtitle b { background: url("../images/vtitle.png") no-repeat -240px 100%; padding: 0 40px 14px 16px; }
	
	.rightside .bline { padding: 5px 0 10px 0; border-top: 1px solid #d8d9d9; }

	.bvote .dcont { margin: 0 16px; width: 208px; padding: 8px 0 14px 0; overflow: hidden; }
		.footvote { background: url("../images/votefoot.png") no-repeat 0 100%; }

		.vbuttons { width: 143px; margin: 0 auto; position: relative; }
		.vbuttons .fbutton { float: left; background: #fff url("../images/vbuttons.png") no-repeat 0 0; }
			.vbuttons .fbutton:hover { background-position: 0 -29px; }
		.vbuttons .fresult { position: absolute; width: 28px; height: 29px; background: #fff url("../images/vbuttons.png") no-repeat -115px -29px; }
			.vbuttons .fresult:hover { background-position: -143px -29px; }
	
	.voteresult { padding: 4px 0 8px 0;  }
	.bvote .clr { height: 2px; }
	.counts { padding: 6px 0; }
	.counts li { margin: 0 0 2px 0; text-align: center; }



	.menu_icon img {
    width: 40px;
    height: 40px;
}
.menu_icon {
    position: fixed;
    left: 10px;
    top: 5px;
    z-index: 99999;
    cursor: pointer;
    display: none;
}
	
/*adaptive*/

@media screen and (max-width: 1070px) {
	.wwide {min-width: inherit;max-width: inherit;}
}

@media screen and (max-width: 1200px) {
	.rightside {
    	display: none;
	}
	.container .midside .container {
    	padding: 10px;
	}
}

@media screen and (max-width: 980px) {
	.copyrightfooter > div {
    float: none;
    text-align: center;
    width: 100%;
}
	.foot_links{
		display: none;
	}
	
	.block.bnavigat {
	    display: none;
	}
	.leftside {
	    width: 100%;
	    padding-left: 204px;
	    padding-bottom: 20px;

	}
	.block.binform {
	    width: 100%;
	    float: none;
	    display: block;
	    background: #7d7a74;
	    border-radius: 10px;
	}
	.leftside .block .dtitle {
	    font-size: 16px;
	}
	.block.binform:last-of-type {
	    display: none;
	}
	.binform ul a{
		font-size: 14px;
		padding: 7px 0;
	}
	.container{
		padding: 0;
	}
	.midside{
		float: none;
	}
	.binform .dbtm{
		background: none;
	}
	img.meninfoot {
    	display: none;
	}
	.footer {
    	padding-left: 12px;
	}
	.copy_cont {
	    margin: -15px 0 8px 0!important;
	    width: 100%;
	    text-align: center;
	    clear: both;
	}
	.midside img{
		max-width: 100%
	}
	.binner{
		margin: 0 5px!important;
	}
	.midside table table {
    	display: block !important;
    	overflow-x: scroll;
    	max-width: 100%;
	}
	table, .conts.conts > tbody, .conts > tbody > tr, .conts > tbody > tr > td {
	    max-width: 100%;
	    display: block;
	}
	.tophead {
    	padding: 0;
	}
	.header {
	    overflow: visible;  
	    margin-top: 30px;
	}
	.tophead .lcolomn {
	    margin: 0;
	    width: 100%;
	}
	.searchform {
	    float: none;
	    margin: 0 auto 10px;
	    display: block;
	    top: 10px;    
	    width: 250px;
    	height: 25px;
	}
	.tophead .rcolomn {
	    width: 100%;
	    float: none;
	    display: block;
	}
	.searchform .lfield {
	    height: 25px;
	    width: 223px;
	}
	.searchform .lfield input {
	    width: 223px;
	    height: 24px;
	    line-height: 24px;
	    font-size: 16px;
	}
	.searchform .submit input {
	    background: #cacaca;
	}
	.searchform .submit::after {
	    content: ">";
	    display: block;
	    margin-top: -25px;
	    height: 25px;
	    width: 25px;
	    text-align: center;
	    line-height: 25px;
	    color: #fff;
	    font-size: 16px;
	}
	.searchform .submit input, .searchform .submit {
	    width: 25px;
	    height: 25px;
	}
	.header div div div{
		padding: 0;
	}
	ul#topmenu {
    position: fixed;
    top: 0;
    border: none;
    left: 0;
    height: inherit;
    margin: 0;
    width: 100%;
    z-index: 999;
    background: grey;
    padding: 0;
    box-shadow: 0px 0px 10px #fff;
    display: none;
}
.topmenu li a {
    float: none;
    width: 100% !important;
    display: block;
    text-align: center;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid#dcdcdc;
    background: grey;
    color: #ffb517;
    font-family: Arial, Tahoma, Verdana, sans-serif;
padding: 0;
}
.topmenu li a:hover{
    background: #ffb517;
    color: #fff;
}

.menu_icon {
	display: block;
}
.tophead .rcolomn{
	height: initial;
}
}


@media screen and (max-width: 940px) {
.wwide>.container {
    display: flex;
    flex-direction: column-reverse;
}
.leftside {
    margin-top: 20px;
}
	.header div div div{
		background: none;
	}
}


@media screen and (max-width: 640px) {
	.midside table table {
    	width: 95%!important;
    	margin: 0 auto;
	}
	.midside table table.mphotos {
    	width: 100%!important;
	}
}

@media screen and (max-width: 480px){
	.header{
		background: none;
	}
	.header div {
	    background-size: 100%;
	}
	.mphotos td, .mphotos tr, .mphotos tbody {
    display: block !important;
    width: 100% !important;
    text-align: center;
}
.mphotos table, .mphotos {
    overflow: visible !important;
}
}




@media screen and (min-width: 980px){
ul#topmenu {
	display: block!important;
}
}








.rounded {
counter-reset: li; 
list-style: none; 
font: 14px "Trebuchet MS", "Lucida Sans";
padding: 1;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rounded a {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
margin: .8em 0;
background: #FFF8DC;
color: #444;
text-decoration: none;
border-radius: .3em;
transition: .9s ease-out;
}
.rounded a:hover {background: #FFD700;}
.rounded a:hover:before {transform: rotate(360deg);}
.rounded a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background: #FFD700;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid white;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
}

















.btn {
        width: relative;
	
	height: 40px;
	line-height: relative;
	padding: 0 10px 0 40px;
position: relative;
	margin: 0 20px;
	background: linear-gradient(-135deg, #FFD700, #FFFACD);
	box-shadow: 0 2px 6px #C0C0C0;
	border-width: 0;
	border-radius: 50px;
	font-family: 'Montserrat Alternates', sans-serif;
	font-size: 14px;
	color: black;
	outline: none;
	cursor: pointer;
white-space: normal;
}

.btn:before {
	content: "\f069";
	position: absolute;
	left: 5px;
	top: 5px;
	font-family: FontAwesome;
	color: #696969;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	background: transparent;
	transition: .3s ease-in-out;
 
}
.btn:hover:before {
	background: white;
	color: #24D8F7;
}



.table1 

   tbody tr:hover {
    background: #FAF0E6; /* Öâåò ôîíà ïðè íàâåäåíèè */
    color: #000000; /* Öâåò òåêñòà ïðè íàâåäåíèè */

   }



.rectangle {
counter-reset: li; 
list-style: none; 
font: 16px "Trebuchet MS", "Lucida Sans";
font-weight: bold;
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rectangle a {
position: relative;
display: block;
padding: .4em .1em .4em .4em;
margin: .5em 0 .5em 2.5em;

background: #FFF8DC;
color: #444;
text-decoration: none;
transition: all .3s ease-out;
}
.rectangle a:hover {background: #FFD700;}       
.rectangle a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -4.0em;
top: 50%;
margin-top: -1em;
background: #FFD700;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
font-weight: bold;
}
.rectangle a:after {
position: absolute;
content: "";
border: .5em solid transparent;
left: -5.0em;
top: 50%;
margin-top: -.5em;
transition: all .3s ease-out;
}
.rectangle a:hover:after {
left: -.5em;
border-left-color: #9097A2;
}

@media (max-width:968px){
	.searchform{
		display: none
	}
}

.test-link {
    color: #000000;
font-size: 14pt ;
font-weight: bold;

  background: #FFFFFF;
 
}

.test-text {
    line-height: 27px;
 
}

.test-text2 {
    line-height: 22px;
 
}






* {
   margin: 0;
   box-sizing: border-box;
}
.post-wrap {
   max-width: 1120px;
   margin: 0 auto;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}
.post-item {
   padding: 10px;
}
.post-item-wrap {
   background: #F7F7F2;
   position: relative;
}
.post-item-wrap:after {
   
content: "f2cd";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   background: #C9F2C7;
   transform: rotate(1deg);
   transform-origin: left bottom;
   transition: .3s ease-in-out;
}
.post-item-wrap:hover:after {
   top: 5px;
   left: 5px;
   transform: rotate(2deg);
}
.post-link {
   text-decoration: none;
   display: block;
   padding: 30px;
}
.post-title {
   color: #33261D;
   margin-bottom: 15px;
   transition: .3s ease-in-out;
}
.post-item-wrap:hover .post-title {
   color: #C9F2C7;
}
.post-content {
   color: #A69888;

   font-size: 14px;
}
@media (min-width: 768px) {
   .post-item {
      flex-basis: 50%;
      flex-shrink: 0;
   }
}
@media (min-width: 960px) {
   .post-item {
      flex-basis: 33.333333333%;
   }
}