@font-face {
font-family: 'pf_beausans_proregular';
src: url('pfbeausanspro-reg-webfont.eot');
src: url('pfbeausanspro-reg-webfont.eot?#iefix') format('embedded-opentype'),
url('pfbeausanspro-reg-webfont.woff') format('woff'),
url('pfbeausanspro-reg-webfont.ttf') format('truetype'),
url('pfbeausanspro-reg-webfont.svg#pf_beausans_proregular') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'pf_beausans_prothin';
src: url('pfbeausanspro-thin-webfont.eot');
src: url('pfbeausanspro-thin-webfont.eot?#iefix') format('embedded-opentype'),
url('pfbeausanspro-thin-webfont.woff') format('woff'),
url('pfbeausanspro-thin-webfont.ttf') format('truetype'),
url('pfbeausanspro-thin-webfont.svg#pf_beausans_prothin') format('svg');
font-weight: normal;
font-style: normal;

}


html { height: 100%; min-width: 995px;}
body {position: relative; margin: 0; padding: 0; height: auto !important; height: 100%; min-height: 100%; min-width: 995px; background: url(/bitrix/templates/main/images/bg.jpg) top left repeat; font-family: 'pf_beausans_proregular';}
html > body {padding: 0;}
img {padding: 0; margin: 0; border: 0;}
.cleaner {clear: both;}
a:hover {text-decoration: none;}
#container {width: 100%; position: relative; min-height: 100%; background: url(/bitrix/templates/main/images/container_bg.png) top center no-repeat;}
#all {position: relative; width: 995px; margin: 0 auto; background: url(/bitrix/templates/main/images/all_bg.jpg) top left repeat-y;}

a {color: #9EB525}

.header {position: relative; width: 100%; height: 245px; background: url(/bitrix/templates/main/images/header_bg.jpg) 840px 100px no-repeat;}
.header .logo {position: absolute; top: 20px; left: 35px;}

.header .title {position: absolute; top: 25px; left: 230px; font-size: 24px; color: #9eb525;}
.header .address {position: absolute; top: 60px; left: 230px; color: #9eb525; font-size: 14px; line-height: 20px;}

.header .phone {position: absolute; top: 25px; right: 30px; color: #779437; font-size: 27px; text-align: right; width: 245px;}
.header .phone span {font-size: 17px; position: absolute; left: 50px;}
.header .phone p {padding: 3px 0 0 2px; margin: 0; font-size: 13px; color: #838181; border-bottom: 1px dashed #838181; text-align: right; letter-spacing: 2px;}
.header .phone p.links {border: none; text-align: right; line-height: 190%; width: 230px; float: right;}
.header .phone p.links a {border-bottom: 1px dashed #838181; font-style: italic; text-decoration: none;}
.header .phone p.links a:hover {border: none;}
.header .year_2000 {position: absolute; bottom: 50px; left: 410px;}

.topmenu {position: relative; width: 953px; height: 49px; background: url(/bitrix/templates/main/images/topmenu_bg.png) no-repeat; margin: -49px auto 25px;}
.topmenu ul {padding: 4px 0 0 6px; margin: 0; list-style-type: none;}
.topmenu ul li {padding: 7px 26px 9px; margin: 0; float: left; background: url(/bitrix/templates/main/images/topmenu_li.gif) top right repeat-y;}
.topmenu ul li:last-child {background: none;}
.topmenu ul li a {font-size: 16px; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #6c6c6c; }
.topmenu ul li a:hover {border-bottom: 1px dashed #fff;}
.topmenu ul li.active a {border-bottom: 1px dashed #fff;}

.topmenu .search {padding: 0; margin: 0; border: 0; position: absolute; top: 10px; right: 10px;}
.topmenu .search fieldset {padding: 0; margin: 0; border: 0;}
.topmenu .search input.text {padding: 4px; margin: 0; border: 1px solid #a19f9f; font-size:10px; color: #a19f9f; font-family: 'pf_beausans_proregular'; width: 140px;}
.topmenu .search input.button {position: absolute; top: 5px; right: 5px; padding: 0; margin: 0; border: 0;}

.middle {position: relative; background: url(/bitrix/templates/main/images/middle_bg.gif) bottom left no-repeat;}

.middle .leftbar {position: relative; width: 225px; float: left; margin: 0 0 30px 25px; padding: 0 15px 30px 0;}
.middle .leftbar.border {border-right: 1px solid #e3e3e3; padding: 0 0 250px 0;}
.middle .leftbar h3 {padding: 14px 0 0 0; margin: 0 0 15px 0; font-weight: normal; font-size: 17px; color: #fff; text-shadow: 1px 1px 1px #696868; width: 193px; height: 39px; background: url(/bitrix/templates/main/images/leftbar_h3_bg.jpg) no-repeat; text-align: center;}

.middle .leftbar ul.leftmenu {padding: 0; margin: 0; list-style-type: none;}
.middle .leftbar ul.leftmenu li {padding: 0 0 0 25px; margin: 0 0 5px 0; background: url(/bitrix/templates/main/images/leftmenu_li.gif) 0 0 no-repeat;}
.middle .leftbar ul.leftmenu li a {font-size: 18px; color: #454543; text-decoration: none; font-family: 'pf_beausans_prothin'; text-shadow: 1px 1px 1px #dfdfdf;}
.middle .leftbar ul.leftmenu li a:hover {color: #a3ba28;}
.middle .leftbar ul.leftmenu li.active a {color: #a3ba28;}

.middle .leftbar .icons {position: relative;}
.middle .leftbar .icons .block {position: relative; margin: 0 0 10px 0;}
.middle .leftbar .icons .block .left {position: relative; width: 100px; float: left; text-align: center;}
.middle .leftbar .icons .block p {padding: 15px 0 0 110px; text-align: center; margin: 0;}
.middle .leftbar .icons .block p a {font-size: 15px; color: #9eb525; text-decoration: none; letter-spacing: 2px;}
.middle .leftbar .icons .block p a:hover {border-bottom: 1px dashed #9EB525;}

.middle .leftbar .bblock {position: relative; width: 212px; margin: 0 0 20px 0;}
.middle .leftbar .bblock .top {position: relative; width: 212px; height: 51px; background: url(/bitrix/templates/main/images/bblock_top.jpg);}
.middle .leftbar .bblock .top h2 {padding: 20px 0 0 15px; margin: 0; font-weight: normal; font-size: 15px; color: #fff;}
.middle .leftbar .bblock .top h2 a {color: #fff; text-decoration: none;}
.middle .leftbar .bblock .middle {position: relative; width: 172px; background: url(/bitrix/templates/main/images/bblock_middle.jpg) repeat-y; padding: 0 20px 40px 20px;}
.middle .leftbar .bblock .middle p {padding: 0; margin: 0; font-size: 11px; color: #454543; letter-spacing: 1px;}
.middle .leftbar .bblock .middle span {display: block; text-align: center; font-size: 18px; color: #9eb525; letter-spacing: 1px; margin: 5px 0 0 0;}
.middle .leftbar .bblock .middle span img {max-width: 170px; margin: 15px 0 0 0;}
.middle .leftbar .bblock .middle p.more {position: absolute; bottom: 0px; text-align: center; width: 80%;}
.middle .leftbar .bblock .middle p.more a {font-size: 12px; color: #454543;}
.middle .leftbar .bblock .bottom {position: relative; width: 212px; height: 15px; background: url(/bitrix/templates/main/images/bblock_bottom.jpg);}


 

.middle .rightbar {position: relative; width: 680px; float: left; padding-bottom: 30px; font-size: 12px;color: #464646; letter-spacing: 1px;}
.middle .rightbar.border {border-left: 1px solid #e3e3e3; margin: 0 0 30px -1px; padding: 0 0 0 20px;}
.middle .rightbar .gallery {padding: 3px; border: solid 1px #969696; margin-left: 10px; width: 684px; height: 329px;}

.middle .rightbar h1 {padding: 0; margin: 0 0 15px 0; font-weight: normal; font-size: 18px; color: #9eb525;}
.middle .rightbar h2 {padding: 0; margin: 0 0 15px 0; font-weight: normal; font-size: 14px; color: #9eb525;}
.middle .rightbar h3 {padding: 0; margin: 0 0 15px 0; font-weight: normal; font-size: 18px; color: #9eb525;}
.middle .rightbar p {padding: 0 0 15px 0;margin: 0;}
.middle .rightbar p.more {text-align: right;}
.middle .rightbar p.more a {font-size: 14px; color: #464646;}
.middle .rightbar span.big {font-size: 18px; color: #9eb525;}
.middle .rightbar div.licenses {margin: 0 0 0 35px;}

.middle .liner {position: relative; height: 2px; margin: 0 25px 15px 25px; background: #9fb51e;}


.footer {position: relative; width: 100%; height: 240px; background: url(/bitrix/templates/main/images/footer_bg.jpg) bottom left no-repeat;}

.footer .block {position: relative; width: 160px; float: left; padding: 20px 0 0 35px;}
.footer .block.first {padding-left: 40px; width: 130px;}
.footer .block p {padding: 0 0 4px 0; margin: 0; font-size: 11px; color: #464646;}
.footer .block p img {float: left; margin: 0 5px 9px 0;}
.footer .block p a {font-size: 11px; color: #464646; text-decoration: none; }
.footer .block p a:hover {border-bottom: 1px dashed #464646;}

.footer .left {position: absolute; bottom: 30px; left: 25px; font-size: 13px; color: #464646;}
.footer .counter {position: absolute; bottom: 35px; right: 25px;}

/*Listing jq*/

/* 
Resets defualt browser settings
reset.css
*/

/*
Page style
*/


#container {
width:682px;
padding:10px;
margin:0 auto;
position:relative;
z-index:0;
}

#example {
width:682px;
height:350px;
position:relative;
}

#ribbon {
top:-3px;
left:-15px;
z-index:500;
}


/*
Slideshow
*/

#slides {
top:15px;
left:4px;
z-index:100;


}

/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/

.slides_container {
width:682px;
overflow:hidden;
position:relative;
display:none;
border: solid 1px #969696;
height: 327px!important;
}

/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/

.slides_container a {
width:620px;
height:300px;
display:block;
}

.slides_control {width: 300px!important;}

.slides_container a img {
display:block;
}

/*
Next/prev buttons
*/

#slides .next,#slides .prev {
width:24px;
height:43px;
display:block;
z-index:101;
}

#slides .next {
left:585px;
}

/*
Pagination
*/

.pagination {
margin:15px 0px 15px 270px;
width:100px;
}

.pagination li {
float:left;
margin:0 1px;
list-style:none;
}

.pagination li a {
display:block;
width:16px;
height:0;
padding-top:16px;
background-image:url(/bitrix/templates/main/images/pagination.jpg);
float:left;
overflow:hidden;
}

.pagination li.current a {background-image:url(/bitrix/templates/main/images/pagination_c.jpg);

}

 

.callback {top: 20px!important;display:none; position: absolute!important;}
.callback_top {
/*background:url(/images/top.png) no-repeat!important; */
background: #FAF9F9;
width: 770px!important;
height: 17px;
margin-left: -10px;
margin-top: -10px;
position: relative; 
border-left: 1px solid #DADADA;
border-right: 1px solid #DADADA;
}
.callback_bottom {
/*background:url(/images/bottom.png) no-repeat!important; */
background: #FAF9F9;
width: 770px!important;
height: 17px;
margin-left: -10px;
margin-top: -10px;
position: relative; 
border-left: 1px solid #DADADA;
border-right: 1px solid #DADADA;
}
.callback_middle {
background: none repeat scroll 0 0 #FAF9F9;
border-left: 1px solid #DADADA;
border-right: 1px solid #DADADA;
height: 750px;
margin-left: -10px;
padding-left: 20px;
padding-top: 10px;
position: relative;
width: 750px;
font-family: 'pf_beausans_proregular'; font-size: 17px; font-weight: normal!important; color: #56554E; line-height: 200%;
}
.callback_middle label {margin-bottom: 15px; display: block;}
.callback_middle form {margin: 0 0 0 20px;}
.callback_middle input {position: absolute; left: 290px; margin-top: 2px; width: 426px; background: url(/bitrix/templates/main/images/input_bg.jpg) no-repeat; padding: 7px 20px 9px; border: 0; margin: 0;}
.callback_middle input.button {background: url(/bitrix/templates/main/images/button_bg.jpg); width: 200px; height: 40px; border: 0; padding: 0; margin: 90px 0 0 110px; cursor: pointer; font-family: 'pf_beausans_proregular'; font-size: 17px; color: #252525;}
.callback_middle p
{
font-size: 12px;
margin-right: 15px;
text-align: justify;
}
.callback_middle .error
{
color: red;
display:none;
} 
.callback_middle textarea {width: 426px; padding: 10px 20px; height: 180px; background: url(/bitrix/templates/main/images/textarea_bg.jpg) no-repeat; border: 0; margin: -30px 0 0 0; position: absolute; left: 290px; resize: none;}

.response {top: 20px!important;display:none;}
.response_top {
/*background:url(/images/top.png) no-repeat!important; */
background: #FAF9F9;
width: 770px!important;
height: 17px;
margin-left: -10px;
margin-top: -10px;
position: relative; 
border-left: 1px solid #DADADA;
border-right: 1px solid #DADADA;
}
.response_bottom {
/*background:url(/images/bottom.png) no-repeat!important; */
background: #FAF9F9;
width: 770px!important;
height: 17px;
margin-left: -10px;
margin-top: -10px;
position: relative; 
border-left: 1px solid #DADADA;
border-right: 1px solid #DADADA;
}
.response_middle {
background: none repeat scroll 0 0 #FAF9F9;
border-left: 1px solid #DADADA;
border-right: 1px solid #DADADA;
height: 600px;
margin-left: -10px;
padding-left: 20px;
padding-top: 10px;
position: relative;
width: 750px;
font-family: 'pf_beausans_proregular'; font-size: 17px; font-weight: normal!important; color: #56554E; line-height: 200%;
}
.response_middle label {margin-bottom: 15px; display: block;}
.response_middle form {margin: 0 0 0 20px;}
.response_middle input {position: absolute; left: 290px; margin-top: 2px; width: 426px; background: url(/bitrix/templates/main/images/input_bg.jpg) no-repeat; padding: 7px 20px 9px; border: 0; margin: 0;}
.response_middle input.button {background: url(/bitrix/templates/main/images/button_bg.jpg); width: 200px; height: 40px; border: 0; padding: 0; margin: 0px 0 0 110px; cursor: pointer; font-family: 'pf_beausans_proregular'; font-size: 17px; color: #252525;}
.response_middle p
{
font-size: 12px;
margin-right: 15px;
text-align: justify;
}
.response_middle .error
{
color: red;
display:none;
} 
.response_middle textarea {width: 426px; padding: 10px 20px; height: 180px; background: url(/bitrix/templates/main/images/textarea_bg.jpg) no-repeat; padding: 7px 20px 9px; border: 0; margin: 0; resize: none;}


 

.modal_close
{
float: right; margin-right: 10px; margin-top:-15px;
}
#lean_overlay {
position: fixed;
z-index:900;
top: 0px;
left: 0px;
height:100%;
width:100%;
background: #000;
display: none;
}


.news-date-time {display: block; margin-bottom: 7px;}


.reviews .block {margin: 0 0 25px 0;}
.reviews .block .title {font-size: 17px; color: #769336; display: block; margin: 0 0 5px 0;}
.reviews .date {color: #c3c4bf; font-size: 12px; display: block; margin: 0 0 5px 0;}



form.question span {display: block; float: left; width: 55px; padding: 6px 0 0 0;}
form.question input.text {padding: 5px 10px; margin: 0 0 10px 0; border: 1px solid #afafaf;}
form.question input.textCap {padding: 5px 10px; margin: 0 0 10px 0; border: 1px solid #afafaf; width: 180px;}
form.question textarea {padding: 5px 10px; margin: 10px 0 10px 0; border: 1px solid #afafaf;}
form.question .send {width: 180px; border: 0; padding: 5px 0; text-align: center; font-family: Arial; color: #fff; cursor: pointer; background: #779437;}

 

table.standart_table {font-size: 12px; color: #333; border-collapse: collapse; border: none; border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
table.standart_table td {border: none; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 10px;}
table.standart_table tr:hover td {background: #f6faff;}
table.standart_table tr.head td {font-size: 14px; font-weight: bold; padding: 8px 10px; background: #dcf4bf;}