/* CSS Document */
html {
overflow-y: scroll;}

html, body{
width:100%;
height:100%;}

/*parse*/
body{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#4c4c4c;
color:#4c4c4c;}


a{
color:#88cc00;}

a:hover{
color:#98d917;}

h1,h3,h5{
color:#88cc00;
line-height:1.2em;}

.f_check {
	color: #88cc00;
	font-size: 18px;
}

h2, h4, h6{

color:#88cc00;
line-height:1.2em;}

h1,h2, h3{
font-weight:normal;
line-height:1em;
margin:1em 0;}

h1{
font-size:2em;
margin-top:0;
padding-top:1em;}

h2{
font-size:1.65em;}

h3{
font-size:1.45em;}

h1{
font-size:2em;}

#content{
background-color:#fff;}

#content, #content p{
line-height:1.4em;}

#content p{
margin:1em 0;}




#content table {
margin:0.8em 0;}
#content .wysiwyg table.user{
border-collapse: collapse;}

#content .wysiwyg table.user tr td, #content .wysiwyg table.user tr th{
border:1px solid #88cc00;
border-spacing:1px;
font-size:1em;
line-height:1.2em;
vertical-align:middle;
padding:0.8em 0.4em;}

#content .wysiwyg table.user tr th{
background-color:#f5f5f5;
color:#4d4d4d;}

#content .wysiwyg ul, #content .wysiwyg ol{
list-style:none;
margin-left:24px;}
#content .wysiwyg ul li{
padding-left:1.4em;}


.wysiwyg ul li a{
}
#content .wysiwyg ol{
list-style-type:decimal;}

#content p img.img_right, #content p img.img_left, #content p img.img_nf{
padding: 3px;
max-width: 300px;
float: right;
margin: 0 0 10px 10px;
border:1px solid #98d917;
}

#content p img.img_left{
float:left;
margin:0 10px 10px 0;}

#content p img.img_nf{
float:none;
margin:0 10px 10px 10px;}

/*endofparse*/
#wrapper, #footer{
margin:0 auto;}

#wrapper{
background:#fff url(/images/grad.png) 0 repeat-y;
width:100%;
min-width:1000px;
max-width:1256px;
min-height: 100%;
height: auto !important;
height: 100%;
margin:0 auto -170px;}


#header{
height:250px;
clear:both;
overflow:hidden;
background:#4c4c4c url(/images/grad.png) repeat-y;}
#top_head{height:50px;
padding-top:0px;}

#top_head ul{

}

ul.hmm{
height:30px;
float:left;
margin-top5px;
padding:0 0 0 30px;
width:133px;
background:url(/images/hmm.png) no-repeat;
margin:5px 0 0 220px;}

ul.hmm li{
float:left;
width:33%;}

ul.hmm li a{
display:block;
background:url(/images/hmm.gif) no-repeat;
width:12px;
height:10px;
margin:10px auto;}

ul.hmm li.home a{
background-position:1px;}

ul.hmm li.mail a{
background-position:-11px 0;}

ul.hmm li.map a{
background-position:-24px 0;}

#top_head ul.menu{
padding-left:1.3em;
height:35px;
overflow:hidden;}

#top_head ul.menu li{
line-height:35px;
vertical-align:middle;
display:inline;
margin:0 1.3em;}
#top_head ul.menu li a{
font-size:1em;
font-weight:bold;
color:#fff;
text-decoration:none;}

#top_head ul.menu li a:hover{
color:#9fe11d;}

#top_head .hr{
margin-left:250px;
height:15px;
background:#dddcd9 url(/images/grad.png) repeat-y -250px 0;
clear:both;}

#bot_head{height:200px;}

#bot_head div{
height:200px;}

#logo{
vertical-align:middle;
line-height:200px;
float:left;
width:230px;
margin-left:20px;
text-align:center;}

#logo, #left ul.menu li a.current, #left ul.menu li a:hover{
background: url(/images/light_grad.png) repeat-y;
-moz-border-radius:8px 0 0 8px;
-webkit-border-radius:8px 0 0 8px;
border-radius:8px 0 0 8px;

color:#525252;}

#left ul.menu li a.current:before, #left ul.menu li a:hover:before {
	content:none;
}

#logo a{
display:inline-block;
background:url(/images/logo.png) no-repeat;
width:211px;
height:110px;
margin-left: -20px;
margin-top: 20px;
position:relative;
z-index:100000;
}

#main_img{
text-align:center;
margin-left:250px;
background:url(/images/main_img.jpg);}

#main_img .grad{
width:119px;
height:200px;
background:url(/images/grad.png) -250px 0 repeat-y;
position:absolute;}

#main_img #slogan{
margin-top:140px;
display:inline-block;
width:445px;
height:47px;
background:url(/images/slogan.png);}

#main{
background:url(/images/grad_main.png) repeat-y;}

#left{
background:#4c4c4c url(/images/grad.png) repeat-y;
padding:35px 0 0 20px;
float:left;
width:230px;}

#left ul.menu{
width:230px;
margin-bottom:2.5em;}

#left ul.menu li a{}

#left ul.menu li ul{
padding-left:0.7em;}


#left ul.menu li ul li a, #left ul.menu li ul li a:hover, #left ul.menu li ul li a.current{
background:url(/images/left_menu.png) no-repeat 0 4px;
padding: 0 1em 0 1.5em;
margin:0.7em 0;
color:#bcfe37;
text-decoration:underline;

}

#left ul.menu li ul li a {
	border:none;
}

#left ul.menu li ul li a:before {
	content:none;
}

#left ul.menu li ul li a:hover, #left ul.menu li ul li a.current{
color:#98D917;}

#left ul.menu li a {
	display:block;
	line-height:1.2em;
	padding:0.7em;
	font-weight:bold;
	text-decoration:none;
	color:#dddcd9;
	position: relative;
	padding-left: 10px;
	box-sizing: border-box;
	border-bottom:1px solid #B3B3B3;
	 border-radius: 8px 0 0 8px;
}

#left ul.menu li a:before {
	content:'';
	background: url("/images/li-triangle.png") no-repeat 0 0;
	width: 4px;
	height: 7px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 11px;
}

#left ul.menu li ul li a{
	font-weight:normal;
}

#content{
background:#fff url(/images/grad.png) -250px repeat-y;
margin-left:250px;
padding:0 30px 35px 35px;
background:none;}


#content .module ul.breadcrumbs {
background: url(/images/bread.png) no-repeat 0 1em;
position:relative;
right:40px;
padding:1.5em 0 0 40px;
clear:none;
min-height:30px;}

#content .module_pagination{
margin-bottom:0;
padding-bottom:1.5em;}

#left .module{
padding: 2.5em 0 2.5em 0;
background:none;
border-top:1px solid #707070;}

#left .module.vote h3, #left .module.vote h4{
padding-right:0.5em;}

#left .module.vote div{
padding-right:2.5em;
background:url(/images/news_item.png) no-repeat right 0.6em;
min-height:38px;}

#left .module.vote div.bar{
background-image:none;
background-color:#a8e925;
margin-right:32px;
min-height:6px;}

#left .module p.data{
vertical-align:top;
font-size:10px;
color:#fff;
line-height:12px;
margin: 1.5em 0;}

#left .module .news_item span{
color:#98d917;
display:block;
float:left;
font-size:22px;
line-height:25px;
padding-right:3px;}



#footclear{
clear:both;
height:170px;}
#footer{
height:170px;

background:#4c4c4c url(/images/grad.png) repeat-y;
width:100%;
min-width:1000px;
max-width:1256px;}

#footer .foot{
background:url(/images/copy.png) no-repeat 220px 30px;
padding:30px 40px 0 290px;
height:140px;}

#footer .design, #footer .phone, #footer .contacts{
color:#e4e1d9;
width:30%;
height:90px;
display:inline-block;
vertical-align:top;
line-height:1.4em;}

#footer .phone {
	width: 225px;
}
#footer .contacts{
float:right;
width:auto;}

#footer .contacts p{
width:100%;
text-align: right;}

.phone{
padding-left:2em;
position:relative;}

.phone p{
font-size:14px;
text-align: right;
font-weight:bold;}
.phone p span{
left: 25px;
width:101px;
height:106px;
position:absolute;
display:inline-block;
top:-41px;
background:url(/images/phone.png);}

.phone p small{
margin:0 0.4em 0 55px;
font-size:1em;
font-weight:normal;
color:#a8e925;}

.counter a{
margin-right:1.5em;}

br.clear{
height:0;
line-height:0;
font-size:1;
clear:both;}

/*copyright*/
p.copy span {
    margin-left: 37px;
}

/*services*/
.services{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
}
.service-item{
	display: block;
	margin: 0 12px 20px 12px;
	width: 215px;
	text-decoration: none;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
	transition: 0.1s;
	background-color: #f4f1e0;
	border-radius: 5px;
	border: 1px solid #88cc00;
	color: #4c4c4c;
}
.service-item:hover{
	box-shadow: 0 0 10px rgba(0,0,0,0.75);
	background-color: #88cc00;
	color: #fff;
}
.service-item__img{
	display: block;
	height: 170px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}
.service-item__title{
	text-align: center;
	display: block;
	padding: 10px 15px;
	font-size: 14px;
	line-height: 1.3;
}
.service-wide__item{
	margin-bottom: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	box-shadow: 0 0 2px rgba(0,0,0,0.75);
	border-radius: 5px;
	background-color: #f4f1e0;
}
.service-wide__image{
	font-size: 0;
	line-height: 1;
	border: 1px solid #88cc00;
	border-radius: 5px 0 0 5px;
	flex: 0 0 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
}
.service-wide__image img{
	width: 100%;
}
.service-wide__body{
	padding: 20px;
}
.service-wide__title{
	font-size: 16px;
	margin-bottom: 20px;
	display: block;
	color: #4c4c4c;
}
.service-wide__title:hover{
	color: #88cc00
}
.service-wide__text{
  text-align: justify;
	margin-bottom: 20px;
}
.service-wide__more{
	display: block;
	text-align: right;
	color: #4c4c4c;
}
.service-wide__more:hover{
	color: #88cc00
}
.small {
	margin: 4px;
}

.green {
	color: seagreen;
	font-weight: bold;
}
.inner_bg {
	padding: 15px;
    background: #4F4F4F;
    color: #fff;
}
.inner_bg2 {
	padding: 15px;
	background: #eee;
	margin-top: 20px;
}

.my-flex-cont {
 display: flex;
 flex-flow: row-reverse nowrap;
 justify-content: center;
}

.my-flex-cont-1 {
 display: flex;
 flex-flow: nowrap;
 justify-content: center;
}

.my-flex-box {
 margin: 5px;
 padding: 5px;
 flex: 0 1 auto;
}
.vino {
   border: 1px solid black;
    padding: 10px;
    width: 100%;
}

#content .serguch, #content .serguch p {
        margin: 0;
        line-height: 14px;
    }
    .serguch .vino {
        padding: 5px 10px;
    }

.serguch .vino.price {
    white-space: nowrap;
}
.niz {
    margin-top: 50px;
}
.vot {
    text-align: center;
    font-weight: 600;
}