* {
  margin:0px;
  padding:0px;   
}
html, body {
  margin:0 auto;   
  height: 100%;
}
* html #container {

}
img{
border: none;
}

/****************************************************************/
/****************************************************************/
/****************************************************************/
body {
  font-family:Trebuchet MS;
  font-size:13px;
  
background:  #ffffff;
 
  
}
p {
	text-align: justify;
}
.fon77{

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,e8e8e8+100 */

 -moz-linear-gradient(top, #ffffff 1%, #e8e8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 1%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 1%,#e8e8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 1%,#e8e8e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 1%,#e8e8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */

}
.fon78{


}

#container {
  margin: 0 auto;
  min-height: 100%;
  width: 980px; 
/* background: url('/images/promo.png') no-repeat 332px 92px; */
}
.share42init {
	float: right;
	margin-top: 0px;
}

#content{ 
                    
}

#wraper-content {
    position: relative;
    padding: 16px 0 0 0;
}
.header {
    margin-bottom: 15px;
}
#left-block {
  width:240px;
  float:left;
  padding: 140px 0 0 0;
  position: relative;
  z-index: 1;
}
#right-block {
float: right;
  width: 723px;
  position: relative;
  z-index: 3;
  /*padding: 20px 0 0 0;*/
     padding: 0px 0px 60px 0px;
       background: url(/templates/jblank/img/shadow.png) no-repeat bottom;
}
#right-block img.img-center{
width: 100%;
}
.right-block {
  background: #ffffff;
  border: double 4px #e5e0e0;
  padding: 20px;
}
.dop-block{
 float: right;
 width: 200px;
 overflow: hidden;
}
/****************************************************************/
/****************************************************************/
div.logo {
 float: right;
padding: 0px 0 50px 0;
}
div.logo a {
  display:block;
  width:100%;
  height:100%;
}
/****************************************************************/
/****************************  Верхнее меню  *****************************/
div.menu {
  Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,e5e7e7+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 1%, #e5e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#e5e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 1%,#e5e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 1%,#e5e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 1%,#e5e7e7 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 1%,#e5e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e7e7',GradientType=0 ); /* IE6-9 */
margin: 50px 0  32px ;
width: 781px;
float: right;
}

div.menu ul {
  
  text-align: center;
  height: 46px;
}

div.menu ul li {
  display: inline-block;
  text-align:center;
  position:relative;
 
   background: url('../img/li.png') no-repeat center right;  
}
div.menu ul li:first-child {
}
div.menu ul li:last-child {
  margin: 0;
  background: none;
}
div.menu ul li a {
  color:#000000;
  text-transform: uppercase;
  text-decoration: none;
  font-size:17px;
  font-weight: normal;
  padding: 14px 9px;
  display: block;
}
div.menu ul li ul {
  display:none;

}
div.menu ul li ul li {
  float:none;
  width:auto;
  padding:0px;
}
div.menu ul li.active ul li div.wraper_li {
  background:none;
}
div.menu ul li.active ul li div.wraper_li .border_li {
  padding:0px;
}
div.menu ul li.active ul li div.wraper_li div.active_icon {
  display:none;
}
div.menu ul li.active {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e33e3e+0,cd0000+100 */
background: #e33e3e; /* Old browsers */
background: -moz-linear-gradient(top, #e33e3e 0%, #cd0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e33e3e), color-stop(100%,#cd0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e33e3e 0%,#cd0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e33e3e 0%,#cd0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e33e3e 0%,#cd0000 100%); /* IE10+ */
background: linear-gradient(to bottom, #e33e3e 0%,#cd0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e33e3e', endColorstr='#cd0000',GradientType=0 ); /* IE6-9 */
}
div.menu ul li:hover{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e33e3e+0,cd0000+100 */
background: #e33e3e; /* Old browsers */
background: -moz-linear-gradient(top, #e33e3e 0%, #cd0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e33e3e), color-stop(100%,#cd0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e33e3e 0%,#cd0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e33e3e 0%,#cd0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e33e3e 0%,#cd0000 100%); /* IE10+ */
background: linear-gradient(to bottom, #e33e3e 0%,#cd0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e33e3e', endColorstr='#cd0000',GradientType=0 ); /* IE6-9 */
  
}
div.menu ul li.active div.wraper_li { 

}
div.menu ul li.active div.wraper_li div.border_li {

}
div.menu ul li.active div.wraper_li div.border_li div.active_icon {

}
 div.menu ul li a:hover {
  color: #ffffff;
 
}
div.menu ul li.active a {
color:#ffffff;
}


/****************************************************************/
/****************************  Левое меню  *****************************/
div.left-menu {
   
   margin-bottom: 40px;
}
div.left-menu ul {
  list-style:none;

}
div.left-menu ul li {
text-align: left;
padding:5px 0 ;
background: url('../img/bar.png') no-repeat left bottom;
}

div.left-menu ul li:last-child{
background: none;
}
div.left-menu ul li ul {
  padding:0 0 0 15px;
  display:none;
}
div.left-menu ul li ul li {
  background:none;
}
div.left-menu ul li ul li a{
  font-size:13px;
}
div.left-menu ul li a {
  font-size:15px;
  text-decoration:none;
  color:#000000;
  text-transform: uppercase;
}
div.left-menu ul li.active, div.left-menu ul li:hover {

}
div.left-menu ul li.active a, div.left-menu ul li:hover a {
  color: #D10B0B;
  text-decoration:none;
}
div.left-menu ul li:last-child{
}
.imagess img{
	margin-top:-12px;
}
/****************************************************************/
/****************************  Контакты  *****************************/
div.contact {
color: #ffffff;
    z-index: 2;
    width: 203px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../img/bg.png') no-repeat left top;
    padding: 30px 143px 0px 48px;
    height: 144px;
    line-height: 27px;
  }
  div.contact a {
color: #ffffff; }
div.contact .contact-phone {
  font-size:23px;
}
div.contact span{
}
div.contact .contact-address { 
  font-size:13px;
}
div.contact .contact-email { 
 
}
div.contact .contact-email a { 
  font-size:13px;
}
/****************************************************************/
/****************************  Промоблок  *****************************/

div.img-promo-block{
  width: 960px;
  height: 311px;
  margin-bottom: 10px;
}
div.img-promo-block img{
  margin: 0 auto;
  width: 960px;
  height: 311px;
}
/****************************************************************/
/****************************  Хлебные крошки  *****************************/
#breadcrumbs {
  padding:0 0 20px;
}
/****************************************************************/
/****************************  Новости  *****************************/
div.wraper-news, div.wraper-news a{
  color: #000000;
}

#left-block div.wraper-news{
padding: 15px;
 
  
}
div.block-news {
  padding:0 0 10px;
}
div.date {
  font-size:13px;
}
div.date span {
 
}
div.text-news a {
  text-decoration:none;

}
div.text-news {
  border-bottom:1px dashed #ccc;
  padding:0 0 15px 0;
  line-height:20px;
      margin-top: 5px;
    margin-bottom: 20px;
}
div.link-date a {

}
.link-news {
  text-align:right;

}
div.link-news a { 

}
div.name-block a{

}
.name-block {
	margin-left:21%;
	    line-height: 20px;
}
/****************************************************************/
/****************************  Форма обратной связи  *****************************/
div.form-block {
 margin: 40px 0;
 padding: 15px 15px 15px 20px;
 color: #000000;
 line-height: 19px;
  
}
div.name-form {
  font-size:17px;
  padding:0 0 10px;
}
div.input {
  height: 43px;
  padding: 0 0 10px;
  position: relative;
}
div.input input {
  background: #ffffff;
  border: 1px solid #e3e3e3;
  height: 22px;
  left: 0px;
  padding: 3px;
  position: absolute;
  top: 19px;
  width: 190px;
}
div.right-circl {
  background: url("../img/circl-form.png") no-repeat scroll -17px 0 transparent;
  height: 28px;
  left: 100%;
  margin-left: -17px;
  position: absolute;
  top: 19px;
  width: 17px;
}
div.left-circl {
  background: url("../img/circl-form.png") no-repeat scroll 0 0 transparent;
  height: 28px;
  left: 0;
  position: absolute;
  top: 19px;
  width: 17px;
}
div.textarea {
  padding:0 0 15px;
}
div.textarea textarea {
  background: #ffffff;
  border: 1px solid #e3e3e3;
  height: 80px;
  resize:none;
  padding: 3px;
  width: 190px;
}
input.submit {
cursor: pointer;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e33e3e+0,cd0000+100 */
background: #e33e3e; /* Old browsers */
background: -moz-linear-gradient(top, #e33e3e 0%, #cd0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e33e3e), color-stop(100%,#cd0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e33e3e 0%,#cd0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e33e3e 0%,#cd0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e33e3e 0%,#cd0000 100%); /* IE10+ */
background: linear-gradient(to bottom, #e33e3e 0%,#cd0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e33e3e', endColorstr='#cd0000',GradientType=0 ); /* IE6-9 */
  border: 0 none;
  color: #fff;
  display: block;
  font-family: trebuchet MS;
  font-size: 13px;
  font-weight: bold;
  height: 33px;
  padding: 0 0 5px;
  text-align: center;
  width: 92px;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px; 
  border-radius: 10px;
  behavior: url(../img/border-radius.htc); 
}


/****************************************************************/
/****************************  Подвал сайта  *****************************/
#clear{
  clear:left;
  width:100%;
  height:80px;
}
#footer {
     background: #D00909;
}
div.center-footer {
  width: 940px;  
  padding:20px; 
  margin:0 auto;
  color: #fff;
}
div.center-footer a{
  color: #fff;
}
.LiveInternet {
  float:left;
}
div.contact-footer {
  float:left;
  width:410px;
}
div.contact-footer p {
  display:inline;
}
div.jast-site {
  width:210px;
  float:right;
  text-align:right;
}

/****************************************************************/
/****************************  Общие классы  *****************************/
h1 {
  font-weight: normal;
  font-size:29px;
  padding:0 0 10px;
}
h2 {
  font-weight: normal;
  font-size:25px;
  padding:0 0 15px; 
}
h3 {
  font-weight: normal;
  font-size:17px;
  padding:0 0 15px; 
}
h4 {
  font-weight: normal;
  font-size:13px;
  padding:0 0 15px; 
}
.item-page ul
{
	list-style: inherit;
	margin-left: 40px;
}
a {
  color:#000;
} 
a:hover {
  text-decoration:none;
}

ul {
  list-style: inside none ;
}
ol {
  list-style:inside;
}
hr {
  display:none;
}

/****************************************************************/
/****************************************************************/
.O_O {
  clear:both;
  font-size:1px;
}
.h15 {
  height:15px;
  font-size:1px;
}
.h20 {
  height:20px;
  font-size:1px;
}
.h30 {
  height:30px;
  font-size:1px;
}
.h40 {
  height:40px;
  font-size:1px;
}
.h50 {
  height:50px;
  font-size:1px;
}
#menu-checkbox{
	display:none;
}
@media screen and (max-width:980px){
.share42init {
	float: left;
	margin: 0 0 0 -180px;
	}
img{
	max-width:100%;
	height:auto;
}
#container {
    width: auto;
}
.menu{
	width: auto!important;
	float: none!important;
	margin: 0px 0 32px!important;
}
div.logo {
    float: none;
    padding: 0 0 50px;
}
div.contact {
    padding: 30px 0px 0 48px;
    position: static;
	background:#E33E3E;
	height:auto;
	padding: 10px;
	margin:0 auto;
}
.header {
    margin-bottom: 0px;
}
#wraper-content {
    padding: 0px 0 0;
}
#left-block {
    float: none;
    padding: 10px 0 0;
	margin:0 auto;
}
#right-block {
    float: none;
    width: auto;
}
div.center-footer {
    width: auto;
}
.item-page table{
	width:auto!important;
}
.toggle-button {
    background:#CF0707;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 33px;
    text-align: center;
}
.toggle-button::after {
    content: attr(data-open);
    display: block;
    font-family: "PT Sans",Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding-top: 6px;
}
.toggle-button::before {
    background: rgba(0, 0, 0, 0) url("../img/pull.png") no-repeat scroll center center;
    content: "";
    display: block;
    height: 35px;
    left: 5px;
    position: absolute;
    width: 35px;
}
#menu-checkbox:checked + div[role="navigation"] ul {
    background: #E8E9E9 none repeat scroll 0 0;
    display: block;
    width: auto;
}
#menu-checkbox:checked + div[role="navigation"] .toggle-button::after {
    content: attr(data-close);
}
.menu ul{
	display:none;
	height: auto!important;
}
div.menu ul li {
    display:block;
}
div.menu ul li a {
    font-size: 13px;
    padding: 5px 9px;
}
#clear {
    height: auto
}
a.jcepopup span.jcemediabox-zoom-span {
    display:block;
	margin: 0px 0 0!important;
}
a.jcepopup span.jcemediabox-zoom-image {
    position: static;
}
.item-page td p{
	margin-top: 0px!important;
}
.item-page td{
	padding-right: 0px!important;
}
}
@media screen and (max-width:830px){
.share42init {
	float: left;
	margin: -40px 0 40px 200px;
	}
}	
@media screen and (max-width:600px){
.item-page table, .item-page tr, .item-page td, .item-page tbody{
    display:block;
	width:auto!important;
}
.item-page td{
    margin:0 auto;
	text-align: center;
}
div.contact-footer {
    float: none;
    width: auto;
	margin-bottom:10px;
}
h1 {
    font-size: 20px;
}
div.left-menu ul li {
	background: rgba(0, 0, 0, 0) url("../img/bar.png") no-repeat scroll center bottom;
    text-align: center;
}
	.share42init {
	float: none;
	margin: 0 0 40px 0;
}
.share42-counter {
	display: none !important;
}
}
@media screen and (max-width:500px){

}