html { height: 100%; margin: 0; padding: 0; }

body {height: 100%; margin: 0; padding:0; font:15px trebuchet ms;color: #000;}

img {
	border: 0;
	display: block;
	font-family: "trebuchet ms";
}

*{margin:0;padding:0;}

td{vertical-align:top;}

a{outline: none;}

a:hover{text-decoration:none;}



.clear {

       	clear:both;

       	line-height:1%;

       	margin-bottom:-1px;

       	height:1px;

       	overflow:hidden;

       	font-size:0px}



#conteiner {

        position:relative;

	min-height: 100%;

	width:940px;

        margin:0  auto;

        padding:0 0 80px 0;}



* html #conteiner {height: 100%;}



#header {height:190px;padding:33px 0 0 0;margin:0;}



#logo{margin:0;float:left;}



.contact {

      text-align:right;

      margin:0;

      padding:0;

      float:right;}



p.namber {margin:0; padding:0;font:21px  Trebuchet MS;color: #929191;}

p.namber_smal {font:14px  Trebuchet MS;color: #929191; line-height:20px;}

p.namber_smal span{color: #669c09;}

p.namber_smal a{color: #669c09;}
#telefone a {color: #6caa02;text-decoration: none;}



#wrapper{width:940px; margin:-40px 0 0 0;padding:0;}



#left_bar{width:213px; margin:0;padding:0;}



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



.menu_left li{

         background: url('../images/li.gif') left bottom no-repeat;

         width: 213px;

         height: 23px;

         margin:0;

         padding:7px 0 0 0;}



.menu_left a {

      margin:0;

      padding:3px 8px 2px 8px;

      font:14px  Trebuchet MS;

      color: #383838;

      letter-spacing:-0.5px;

      font-weight: bold;

      text-decoration:none;}



.menu_left li#active {background: none;}



.menu_left li#active a{
	background-color: #7D7D7D;
	margin: 0;
	padding: 3px 8px 2px 8px;
	color: #fff;
}



.menu_left li.in_li{background: url('../images/in_li.gif') left no-repeat;margin:0 0 0 8px;padding:0 0 0 10px;}



.menu_left li.in_li a {

      letter-spacing:0;

      margin:0;

      padding:7px 0;

      font:14px  Trebuchet MS;

      color: #878686;

      text-decoration:none;}



a.news {

      display: block;

      width: 205px;

      letter-spacing:-0.5px;

      background: #81be18;

      margin:10px 0;

      padding:3px 0 2px 8px;

      color: #fff;

      font:14px  Trebuchet MS;

      font-weight: bold;

      text-decoration:none;}



#content {
	width: 710px;
	margin: 0;
	padding: 0 0 30px 17px;
	font-size: 16px;
}
#content a{
    color: #005FC4;
    font-size: 36px;
    text-decoration: none;
}


.Title {margin:0px 0 0 0;}



.box_l  {background: url('../images/box_bg.jpg') left top repeat-y;width: 309px; margin:10px 2px;padding:0;float: left;}

.box_r  {background: url('../images/box_bg.jpg') left top repeat-y;width: 309px;margin:10px 7px;padding:0;float: left;}

.box_c  {background: url('../images/box_bg.jpg') left top repeat-y;width: 309px;margin:10px 0;padding:0;float: right;}



h6  {

         margin:;

         padding:5px;

         font:12px  trebuchet ms;

         color: #707070;

         line-height: 13px;}



.box_top  {

         background: url('../images/box_top.jpg') left top no-repeat;

         width: 309px;

         height: 26px;

         margin:0 0 10px 0;

         padding:10px 0 0 0;

         text-align:center;

         font-style: italic;

         font:18px  trebuchet ms;

         color: #77b709;}



.box_bottom  {

         background: url('../images/box_bottom.jpg') left bottom no-repeat;

         width: 309px;

         height: 17px;

         margin: -10px 0 0 0;

         padding:0;

         float:left;}



.img {width: 108px; margin:4px 10px 0 4px;padding:0;float:left;}

.img img{margin:0px 0px 10px 0px;padding:0;}



.thumbnails{display: block;width:960px;margin:30px 0;padding:20px 0;border-top:1px solid #b7b7b7;}



h5 {

      float:left;

      letter-spacing:-0.5px;

      background: #81be18;

      margin:10px 0;

      padding:3px 12px 2px 12px;

      color: #fff;

      font:14px  Trebuchet MS;

      font-weight: bold;}



ul.stranica {list-style: none;margin:0;padding:10px 0 30px 0;}



.stranica li{

         font:13px Trebuchet MS;

         color: #4d4d4d;

         margin:0;

         padding:0 2px;

         float:left;}



.stranica a {

      margin:0;

      padding:0;

      font:13px Trebuchet MS;

      color: #4d4d4d;}



.foto{width:100%; padding:20px 0; text-align:center;}



.foto img{margin:0 auto; text-align:center;}



p.smal {

      margin:0;

      padding:2px 0;

      font:12px  trebuchet ms;

      color: #4d4d4d;}

p {
	margin: 0;
	padding: 7px 0;
	font: 14px  trebuchet ms;
	color: #000;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}



.textes{

      background: url('../images/vvod.jpg') top left no-repeat;

      border:none;

      width:216px;

      height:23px;

      margin:0 5px;

      padding:4px 0 0 5px;

      font:13px   trebuchet ms;

      color: #4d4d4d;

      float:left;}



.but {

      background: url('../images/buton.jpg') top left  no-repeat;

      width:29px;

      height:27px;

      cursor:pointer;

      border:none;

      margin:0;

      padding:0;

      float:left;}



p.form{ margin:0;padding: 0;font:14px  trebuchet ms;color: #4d4d4d;float:left;}



p.form span{margin:0;padding:0;float:left; line-height:23px;}

















#footer {
	border-top:1px solid #b7b7b7;
	width:950px;
	padding:10px 0 0 0;
	position: relative;
	margin: -54px auto 0 auto;
	height: 44px;
	background-color: #FFFFFF;
}



p.copy {font:14px  trebuchet ms;color: #727272;float:left;}



p.dra {font:14px  trebuchet ms;color: #727272;float:right;}



#footer a {color: #6caa02;}





/* �� ������������ */



.menu_left li.last{

         background: url('') left bottom no-repeat;

         width: 213px;

         height: 23px;

         margin:0;

         padding:7px 0 0 0;}





.B_crumbBox{

         font:13px Trebuchet MS;

         color: #4d4d4d;

         margin:0;

         padding:0 2px;

         float:left;}



.B_crumbBox a {

      margin:0;

      padding:0;

      font:13px Trebuchet MS;

      color: #4d4d4d;}



.edit_dima{

display:block; float:left; width:309px; height:160px; margin:0px 4px 0 4px;

}



*html .edit_dima{

display:block; float:left; width:309px; height:175px; margin:3px

}



*html .box_l  {background: url('../images/box_bg.jpg') left top repeat-y;width:309px; height:150px; margin:10px 2px;padding:0;float: left;}



*html .thumbnails{display: block;width:980px;margin:30px 0;padding:20px 0;border-top:1px solid #b7b7b7;}



.box_top a{

         font-style: italic;

         font:18px  trebuchet ms;

         color: #77b709;

		 text-decoration:none



  }

 .pageNav{
  list-style:none;
  float:right;
 }
 .pageNav li{
  float:left;
  margin:0px 5px;
 }

 .comments a{
  color:#6CAA02;
 }


.table_price {
  border-collapse: collapse;
  border-left: 3px solid #3E6C9C;
  border-right: 3px solid #3E6C9C;
  border-bottom: 3px solid #3E6C9C;
  font-family: "Lucida Grande", sans-serif;
 }
.table_price caption {
    background: #3E6C9C;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px;
    box-shadow: 0 2px  4px 0 rgba(0,0,0,.3);
    color: white;
    font-family: "Roboto Slab", serif;
    font-style: normal;
    font-size: 26px;
    text-align: center;
    margin: 0;
}
.table_price td, .table_price th {
  padding: 10px;
}
.table_price th {
    text-align: left;
    font-size: 18px;
    font-family: "Lucida Grande", sans-serif;
}
.table_price tr:nth-child(2n) {
  background: #E5E5E5;
}
.table_price td:last-of-type {
  text-align: center;
}
.table_price a {
  display: inline-block;
  padding: 5px 10px;
  background: #87CEFA;
  box-shadow: 2px 2px 0 0 #4682B4;
  position: relative;
}
.table_price a:hover {
  box-shadow: none;
  top: 2px;
  left: 2px;
}

<style>
.block {margin: 3rem;}
 
/* Стили для текстового поля с кнопкой "Развернуть" */
.limiter {
  max-height: 100px;
  overflow: hidden;
  position: relative;
}
.limiter .bottom {
  position: absolute;
  bottom: 0;
  background: linear-gradient(
    to bottom,
    rgb(255 217 29 / 0%),
    rgb(255 255 255)85%);
  width: 100%;
  height: 60px;
  opacity: 1;
  transition: 0.3s;
}
 
[data-more-checker^="read-more"] {
  opacity: 0;
  position: absolute;
}
[data-more-checker^="read-more"]:checked ~ .limiter {
  max-height: none;
}
[data-more-checker^="read-more"]:checked ~ .limiter .bottom {
  opacity: 0;
  transition: 0.3s;
}
[data-more-checker^="read-more"] ~ .read-more-button:before  {
  content: "Развернуть »";
}
[data-more-checker^="read-more"]:checked ~ .read-more-button:before {
  content: "Свернуть текст «";
}
 
.read-more-button {
  cursor: pointer;
  display: inline-block;
  color: #1F1F1F;
  text-decoration: underline;
}
</style>