html {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  background: #c1c1c1 url("./images/border.jpg") repeat-y center top;
  text-align: justify;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #444444;
  height: 100%;

  width: 100%;
}

a {
  border: none;
}

a IMG {
  border: none;
}

#container {
  min-height: 100%;
  position: relative;
  height: 100%;
}

#ctitle {
  height: 51px;
  width: 770px;
  background: url("./images/title.jpg") repeat-x top left;
  text-align: center;
}

#ctitle_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin-left: 22px;
  padding-top: 6px;
}

#img_shpaler {
  margin-left: 28px;
  margin-right: 10px;
  margin-bottom: 5px;
}

#email {
  position: absolute;
  width: 200px;
  height: 30px;
}

#hshapka {
  width: 770px;
  height: 90px;
  display: block;
  margin: 0px auto;
  background: #0d5000 url(./images/shapka_top.png);
  padding: 0px;
}

#hshapka .addtofav {
  position: relative;
  left: 285px;
  top: -37px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: white;
}

#hshapka .makestart {
  position: relative;
  left: 10px;
  top: -17px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  font-style: italic;
  color: white;
}

#href_shapka {
  width: 770px;
  height: 90px;
  z-index: 0;
  display: block;
  margin: 0px auto;
  padding: 0px;
}

#header {
  width: 770px;
  height: 205px;
  margin: 0px auto;
  background: #0d5000;
  padding: 0px;
}

#header h1 {
  margin: 0px;
  padding: 20px;
}

#header h2 {
  margin: 0px;
  font-size: 14px;
}

.header_menu__left {
  float: left;
  width: 530px;
}

.header_menu__right {
  float: left;
  width: 236px;
  margin: 10px 0 0 0;
  border: 2px solid rgb(22, 136, 0);
  padding: 0 0 5px 0;
}

/*Заказ любой продукции от 1 метра*/
.notification {
  background: url(/templates/images/zakaz-lyuboy-produktsii-ot-1-metra.jpg)
    no-repeat;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  margin: 3px 0 0 157px;
  width: 360px;
  height: 60px;
}

.header_menu__right .menuItem {
  float: none;
  padding: 3px 5px;
}

.priceTitle {
  text-align: center;
  font-weight: 800;
  font-size: 18px;
  color: #f4ac00;
  margin: 5px 0 0 0;
}

.menuTitle {
  padding: 12px 0 0 0;
}

.menuItem {
  float: left;
  padding: 12px 0 0 10px;
  /*width: 150px;*/
}

.menuItem.small {
  width: 140px;
}

.menuItem.big {
  width: 200px;
}

.menu_leftBottom,
.menu_leftTop {
  height: 65px;
  margin: 22px 5px 20px 5px;
  border: 2px solid rgb(22, 136, 0);
}

.menuTitleBlock {
  float: left;
  /*height: 20px;*/
  width: 153px;
  text-align: center;
  /*padding: 5px 0 0 0;*/
  font-size: 18px;
  font-weight: 800;
  color: #f4ac00;
  border-right: 2px solid rgb(22, 136, 0);
  height: 100%;
}

/** CONTENT */

.content {
  width: 770px;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  /*	min-height:auto;*/
}

#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  font-weight: normal;
}

#content p,
#content ul,
#content ol {
  line-height: 140%;
}

#akcia1 {
  position: relative;
  left: -520px;
  top: 0px;
  color: #fff;
  display: none;
}

#akcia2 {
  display: none;
}

.left {
  float: left;
  width: 531px;
  height: 497px;
  background-color: #ffffff;
  background-image: url("./images/m_1.jpg");
}

.left:hover,
.right_top:hover,
.right_middle:hover,
.right_bottom:hover {
  /*  	border:red 1px inset;*/
}

.right_top {
  margin-left: -229px;
  width: 229px;
  height: 166px;
  background-color: #ffffff;
  background-image: url("./images/m_2.jpg");
}

.right_middle {
  margin-left: -229px;
  width: 229px;
  height: 166px;
  background-color: #ffffff;
  background-image: url("./images/m_3.jpg");
}

.right_bottom {
  margin-left: -229px;
  width: 229px;
  height: 166px;
  background-color: #ffffff;
  background-image: url("./images/m_4.jpg");
}

.right {
  float: right;
  width: 210px;
  padding: 0px 20px 40px 20px;
}

.wall_bottom2 {
  position: relative;
  width: 230px;
  margin-left: -2px;
  height: 3px;
  top: 165px;
  background: #eeeeee;
}

.wall_top {
  width: 100%;
  background: #eeeeee;
  height: 3px;
  float: top;
}

.wall_bottom {
  width: 100%;
  background: #eeeeee;
  height: 3px;
  position: relative;
  top: 497px;
  right: 0px;
}

.wall_right {
  width: 3px;
  background: #eeeeee;
  height: 497px;
  float: left;
}

.wall_left {
  width: 3px;
  background: #eeeeee;
  height: 497px;
  float: left;
}

.wall_right2 {
  width: 3px;
  background: #eeeeee;
  height: 497px;
  position: block;
  float: right;
}

hr {
  color: #000; /*��� IE */
  background-color: #000; /*��� Firefox, Opera, Safari*/
  border: 0px none;
  height: 1px; /* ������ 1px IE, Firefox, Opera, Safari */
  clear: both; /* ��� �������, ���� ��� ���� ����� float �������� */
}

#main_text {
  padding-left: 20px;
  padding-right: 20px;
}

#main_text p {
  text-indent: 2em;
}

#main_text a {
  color: #00f;
}

.style17 {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
.style19 {
  font-size: 12pt;
  text-align: center;
}
.style21 {
  color: #000000;
}
.text_under_header {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 10px;
}

.style24 {
  color: #000;
  line-height: 1.5em;
}

.style24 a {
  color: #000;
  line-height: 1.5em;
  text-decoration: none;
}

.style24 a:hover {
  color: #000;
  line-height: 1.5em;
  text-decoration: underline;
}

table.price_1 {
  border: solid #000 thin;
  border-collapse: collapse;
  border-style: inset;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

table.price_1 td {
  padding-top: 7px;
}

table.price_1 td {
  border: solid #000 1px;
  vertical-align: middle;
  padding: 10px;
}

table.price_1 .price_1_tr {
  border-bottom: solid #002d2d 2px;
}

table.price_1.volyernaya-setka td {
  text-align: center;
}

table.price_1.volyernaya-setka td.t_pic {
  font-weight: 800;
}

#kach_plenki {
  width: 100%;
  border: none;
}

#kach_plenki th,
#kach_plenki td.kp_center {
  text-align: center;
  border: none;
}

#kach_plenki th {
  background-color: #c9e2ff;
}

table#tepl_table,
table.armir_price {
  width: 730px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}

table.armir_price th,
table.armir_price td {
  border: 1px solid #000;
  padding: 5px;
  text-align: center;
}

/*table.armir_price  th {
	text-align:center;
}*/

.c1 {
  width: 168px;
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #000;
}

.c2 {
  width: 390px;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}

.c3 {
  width: 100px;
  text-align: center;
  vertical-align: middle;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}

#tepl_table_wall {
  position: relative;
  width: 1px;
  color: #000;
  background-color: #000;
  border: 0px none;
  height: 635px;
  clear: both;
  left: 260px;
  display: none;
}

.attrib {
  margin-left: 9px;
  font-weight: bold;
}

#wrapper {
  display: flex;
  flex-direction: column;
  width: 770px;
  margin: 0 auto;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

/** FOOTER */

#footer {
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  align-items: flex-end;
  color: #000;
}

#footer .footer-contacts {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  border-top: 1px solid #000;
  padding: 10px 0;
  font-style: italic;
}

#footer p {
  margin: 0px;
  /*	padding: 20px 10px 0px 125px;*/
  padding: 0px 0px 0px 0px;
  color: #4773c1;
}

#border-top {
  border-top: 5px solid #60b7de;
}

#t_teplici {
  position: relative;
  color: #f4ac00;
  font-family: arial;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  width: 80px;
  top: 12px;
  left: 27px;
}

#t_teplici_1,
#t_teplici_2,
#t_teplici_3,
#t_teplici_4 {
  position: relative;
  text-align: left;
  color: #f4ac00;
  font-family: arial;
  font-weight: 100;
  font-size: 14px;
  width: 150px;
}

#t_teplici_1 {
  top: -40px;
  left: 120px;
}
#t_teplici_2 {
  top: -32px;
  left: 120px;
}
#t_teplici_3 {
  top: -72px;
  left: 288px;
}
#t_teplici_4 {
  top: -64px;
  left: 288px;
}

#t_set_pr {
  position: relative;
  color: #f4ac00;
  font-family: arial;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  width: 140px;
  top: -26px;
  left: 0px;
}

#t_set_pr_1,
#t_set_pr_2,
#t_set_pr_3,
#t_set_pr_4 {
  position: relative;
  color: #f4ac00;
  font-family: arial;
  font-weight: 100;
  font-size: 14px;
  text-align: left;
  width: 250px;
}

#t_set_pr_1 {
  top: -40px;
  left: 147px;
}
#t_set_pr_2 {
  top: -32px;
  left: 147px;
}
#t_set_pr_3 {
  top: -72px;
  left: 315px;
}
#t_set_pr_4 {
  top: -64px;
  left: 315px;
}

#t_price {
  position: relative;
  color: #f4ac00;
  font-family: arial;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  width: 0px;
  top: -200px;
  left: 605px;
  padding-left: 10px;
}

#t_price_1,
#t_price_2,
#t_price_3,
#t_price_4,
#t_price_5 {
  position: relative;
  color: #f4ac00;
  font-family: arial;
  font-weight: 100;
  font-size: 14px;
  text-align: left;
  width: 220px;
}

#t_price_1 {
  top: 3px;
  left: -70px;
}
#t_price_2 {
  top: 5px;
  left: -70px;
}
#t_price_3 {
  top: 7px;
  left: -70px;
}
#t_price_4 {
  top: 9px;
  left: -70px;
}
#t_price_5 {
  top: 11px;
  left: -70px;
}

.t_pic {
  margin: 0px;
  padding-left: 9px;
  text-align: center;
}

.t_pic2 {
  margin: 0px;
  padding-left: 10px;
  text-align: center;
}

.tepl_new {
  height: 170;
  width: 740px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  float: top;
}

#tepl_title1,
#tepl_title2,
#tepl_title3,
#tepl_title4 {
  position: relative;
  left: 180px;
  top: -127px;
  width: 200px;
  height: 120px;
  font-weight: bold;
}

#tepl_desc1,
#tepl_desc2,
#tepl_desc3,
#tepl_desc4 {
  position: relative;
  width: 370px;
  left: 170px;
  top: -247px;
  height: 1px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 10px;
}

.tepl_price {
  position: relative;
  width: 100px;
  left: 630px;
  top: -210px;
  font-weight: bold;
  height: 0px;
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 10px;
}

#tepl1,
#tepl2,
#tepl3,
#tepl4 {
  position: relative;
  display: block;
  width: 168px;
  height: 126px;
  margin-left: 0px;
  margin-right: 20px;
}

#tepl1 {
  background: url("/photo/ReSize/teplica1.jpg");
}
#tepl2 {
  background: url("/photo/ReSize/teplica2.jpg");
}
#tepl3 {
  background: url("/photo/ReSize/teplica3.jpg");
}
#tepl4 {
  background: url("/photo/ReSize/teplica4.jpg");
}

table.table_photo {
  border-collapse: collapse;
  background-color: #fff;
  margin: 10px 0;
  line-height: 1em;
  width: 730px;
  border: 1px solid #000;
}

table.table_photo td {
  border-collapse: collapse;
  border: 1px solid #000;
  border-bottom: none;
}

table.table_photo .description td {
  text-align: center;
  height: 36px;
  min-height: 36px;
  line-height: 1.5em;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #000;
}

table.table_photo .pics td {
  text-align: center;
  padding: 5px 0;
}

.photo1 p {
  width: 172px;
  text-align: center;
}

/************************************************************/
/*********************O*T*H*E*R******************************/
/************************************************************/
h1 {
  font-family: Arial, Helvetica, sans-serif;
  color: #60b7de;
  text-transform: lowercase;
  font-weight: bold;
}

h2,
h3,
h4,
h5,
h6 {
  font-family: Arial, Helvetica, sans-serif;
  /*	color: #60B7DE;*/
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}

.links {
  font-weight: 100;
  color: #f4ac00;
  font-family: arial;
  font-size: 12px;
  text-decoration: none;
}

.links:hover {
  text-decoration: underline;
  color: #73c5e5;
}

h2 {
  font-size: 18px;
}

.img1 {
  float: left;
  margin: 4px 15px 0px 0px;
  border: 5px solid #abdcef;
}
.text1 {
  font-size: 14px;
}

/** MENU */

#menu {
  width: 770px;
  margin: 0px auto;
  padding: 5px 0px 6px 0px;
  background-color: #60b7de;
}

#menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menu li {
  display: inline;
}

#menu a {
  padding: 5px 15px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
}

#menu a:hover {
  background-color: #73c5e5;
}

#colA {
  float: left;
  width: 230px;
  padding: 0px 20px 0px 0px;
}

#colB {
  float: right;
  width: 230px;
  padding: 0px 0px 0px 0px;
}

#bottom {
  /*height:110px;*/
  height: auto;
  margin-bottom: 10px;
  text-align: center;
  color: #000;
}

#menu_bottom {
  text-align: left;
  padding: 0 0 10px 20px;
  line-height: 20px;
  border-bottom: 1px solid #000;
}

#menu_bottom .mb_title {
  float: left;
  width: 130px;
  font-weight: 800;
  color: #444444;
  text-align: right;
  padding: 0 10px 0 0;
}

#menu_bottom .mb_links a {
  color: blue;
  text-decoration: none;
}

#menu_bottom .mb_links a:hover {
  text-decoration: underline;
}

/*
 * Shapka
 */
.shapka {
  height: 100px;
  width: 100%;
  background: #0d5000;
}

.shapka_item {
  height: 100%;
  float: left;
}

.shapka_item.contacts {
  width: 200px;
}

.contacts .email,
.contacts .email a,
.contacts .phone {
  color: #fff;
  font-weight: 800;
}

.contacts .email {
  margin: 7px 0;
  text-align: center;
}

.contacts .phone {
  text-indent: 30px;
}

.call-me-link {
  color: #ff0;
  font-weight: 800;
  text-decoration: underline;
  font-size: 16px;
  /*	text-indent: 20px;*/
  margin: 10px 0 0 0;
  display: block;
}

.contacts .call-me-link:hover {
  cursor: pointer;
}

.contacts div {
  line-height: 24px;
}

.callme-block {
}

.callme-block .callme-title {
  font-weight: 800;
  margin: 10px 0;
}

#main_text p.callme-hint {
  text-indent: 0;
}

.callme-block input[type="text"] {
  display: block;
}

.callme-block input[type="submit"] {
  margin: 10px 0;
}

.shapka_item .name a {
  color: #ffff00;
  font-size: 45px;
  font-weight: 800;
  letter-spacing: 6px;
  text-decoration: none;
}

.shapka_item .addtofav {
  color: #fff;
  font-weight: 800;
  font-size: 14px;
  display: block;
  float: right;
}

.shapka_item .makestart {
  float: right;
  color: #fff;
  font-size: 15px;
  font-style: italic;
  font-weight: 800;
  margin: 4px 0 0 0;
}

.shapka_item.name {
  width: 310px;
}

.shapka_item.useful {
  color: #fff;
}
.shapka_item.useful ul {
  font-weight: 800;
  font-size: 14px;
  padding: 0 0 0 17px;
  line-height: 20px;
}
.shapka_item.useful li {
  font-weight: 100;
  list-style-type: none;
  line-height: 20px;
  margin: 0 0 0 -8px;
}

.contacts div {
  line-height: 17px;
}

.item {
  float: left;
  margin: 1px;
}

.item .title {
  text-align: center;
  background: #002d2d;
  color: #fca605;
  font-weight: 800;
  font-size: 13px;
  padding: 1px 0;
}

.item .title a {
  color: #fca605;
}

.contentLeft {
  width: 536px;
  float: left;
}

.contentLeft img {
  width: 265px;
  height: 227px;
}

.contentLeft .item {
  width: 265px;
}

.contentLeft .item .title {
  padding: 2px 0;
}

.contentRight {
  width: 230px;
  float: left;
}

.contentRight img {
  width: 229px;
  height: 146px;
}

.contentRight .item {
  width: 229px;
}

.contentRight .item .title {
  width: 100%;
}

.contentLeft img,
.contentRight img {
  display: block;
}

.row-header {
  background: #d7e9ff;
  font-weight: 800;
}

.row-separator {
  background: #d7e9ff;
}

.white-cell {
  background: #fff;
}

.call-me-dialog {
  display: none;
}

.call-me-dialog .ui-dialog-titlebar {
  background: #da9a00;
}

.call-me-dialog .call-me-phone {
  width: 125px;
}

.call-me-dialog .call-me-help {
  margin: 5px 0 0 0;
  display: none;
}

.call-me-dialog input[type="submit"] {
  font-size: 14px;
}

.highlighted-text {
  color: #f00;
}

.chapter {
  text-align: center;
  font-weight: 800;
  font-size: 14px;
  margin: 10px 0;
}

.volyernaya-setka-images img,
.chapter-photos img {
  margin: 10px;
}