html {
  font-size: 1px;
}

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


body {
  font-family:Arial;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
}

body, td, input, textarea, select {
  font-size: 16px;
  font-size: 16rem;
  color: #000000;
}

h1 {
  font-size: 24px;
  font-size: 24rem;
  margin: 0 0 20px 0;
  margin: 0 0 20rem 0;
  font-weight: normal;
}

h2 {
  font-size: 20px;
  font-size: 20rem;
  margin: 0 0 20px 0;
  margin: 0 0 20rem 0;
  font-weight: normal;
}


big {
  font-size:22px;
  font-size:22rem;
}

small {
  font-size: 12px;
  font-size: 12rem;
}

.logo {
  width: 296px;
  width: 296rem;
  height: 37px;
  height: 37rem;
}

.td_top {
  height: 70px;
  height: 70rem;
  position: relative;
}

.td_menu {
  display: table-cell;
  height: 50px;
  height: 50rem;
  background: #f23b3d;
  border-bottom: #cdcdcd solid 3px;
}

.td_menu2 {
  min-width: 200px;
  min-width: 200rem;
  background: #f1f1f1;
  padding: 10px;
  padding: 10rem;
}

.td_content {
  padding: 20px 10px 10px 20px;
  padding: 20rem 10rem 10rem 20rem;
  min-width: 930px;
  min-width: 930rem;
}

.td_bottom {
  background: #555555;
  padding: 20px;
  padding: 20rem;
}

.bottom {
  width: 60%;
  color: #adadad;
}

.select_metro {
  width: 200px;
  width: 200rem;
  padding: 5px;
  padding: 5rem;
}

.title {
  font-size: 20px;
  font-size: 20rem;
}

.hr {
  width: auto;
  height: 1px;
  border-bottom: #cdcdcd solid 1px;
  margin: 5px 0 10px 0;
  margin: 5rem 0 10rem 0;
}

.thumb {
  width: 180px;
  width: 180rem;
  height: 240px;
  height: 240rem;
  border: #cdcdcd solid 1px;
  margin: 0 10px 0 0;
  margin: 0 10rem 0 0;
}

.top_logo {
  margin: 15px 10px 10px 10px;
  margin: 15rem 10rem 10rem 10rem;
  display: inline-block;
  vertical-align: middle;
}

.top_select_city {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

.top_user {
  position: absolute;
  top: 15px;
  right: 15px;
  margin: 0;
  display: inline-block;
}


.cell {
  width: 46.5%;
  display: inline-block;
  padding: 10px;
  padding: 10rem;
  margin: 0 5px 10px 0;
  margin: 0 5rem 10rem 0;
  border: #cdcdcd solid 1px;
  vertical-align: top;

}


.cell_photo {
  position: relative;
  display: table-cell;
  vertical-align: top;
}

.cell_info {
  display: table-cell;
  vertical-align: top;
  word-wrap: break-word;
}

.checked {
  position: absolute;
  top: -4px;
  top: -4rem;
  left: -4px;
  left: -4rem;
}

.checked img {
  width: 110px;
  width: 110rem;
  height: 110px;
  height: 110rem;
}

.cell_name {
  display: block;
  font-size: 22px;
  font-size: 22rem;
  margin: 0 0 10px 0;
  margin: 0 0 10rem 0;
}

.cell_city {
  display: block;
  color: #666666;
  font-style: italic;
  margin: 0 0 10px 0;
  margin: 0 0 10rem 0;
  word-wrap: break-word;
}

.cell_phone {
  display: block;
  font-size: 18px;
  font-size: 18rem;
  margin: 0 0 10px 0;
  margin: 0 0 10rem 0;
}

.cell_param {
  display: block;
  margin: 0 0 10px 0;
  margin: 0 0 10rem 0;
  white-space: nowrap;
}

.cell_param1 {
  display: inline-block;
  margin: 0 15px 0 0;
  margin: 0 15rem 0 0;
  font-size: 14px;
  font-size: 14rem;
  vertical-align: top;
}

.cell_param2 {
  display: inline-block;
  margin: 0 0 0 0;
  font-size: 14px;
  font-size: 14rem;
  vertical-align: top;
}

.cell_param3 {
  display: block;
  margin: 0 0 15px 0;
  margin: 0 0 15rem 0;
  vertical-align: top;
  
}

.cell_param4 {
  display: inline-block;
  font-size: 14px;
  font-size: 14rem;
}

.cell_desc {
  display: block;
  color: #666666;
  font-size: 14px;
  font-size: 14rem;
  font-style: italic;
}

.icon_yes {
  font-weight: bold;
  color: #33cc33;
}

.icon_no {
  font-weight: bold;
  color: #FF0000;
}

.noact {
  color: #999999;
  text-decoration: line-through;
}


.top_menu_copy {
  display: none;
}


.top_menu2 {
  display: none;
}

div.top_select_city {
  font-size: 24px;
  font-size: 24rem;
  text-align: center;
}

option:checked {
  display:none;
}

ul.select_city {
  display: none;
}

div.top_select_city select {
  background: transparent;
  font-size: 24px;
  font-size: 24rem;
  line-height: 1;
  border: #cccccc solid 1px;
  border: #cccccc solid 1rem;
  border-radius: 0;
  -webkit-appearance: default-button;
  padding: 5px;
  padding: 5rem;
  cursor: pointer;
}

a.link1:link, a.link1:active, a.link1:visited {
  color: #FFFFFF;
  font-size: 20px
  font-size: 20rem;
  margin: 10px;
  margin: 10rem;
  white-space: nowrap;
  text-decoration: none;
}

a.link1:link, a.link1:active, a.link1:visited {
  color: #FFFFFF;
  font-size: 20px;
  font-size: 20rem;
  margin: 10px;
  margin: 10rem;
  white-space: nowrap;
  text-decoration: none;
}

a.link1:hover {
  color: #000000;
}

a.link2:link, a.link2:active, a.link2:visited {
  color: #333333;
  white-space: nowrap;
  text-decoration: none;
}

a.link2:hover {
  color: #ff3333;
}


a:link, a:active, a:visited {
  color: #ff3333;
  text-decoration: none;
}

a:hover {
  color: #000000;
}

.bottom a {
  color: #cccccc;
  text-decoration: none;
}

.bottom a:hover {
  color: #000000;
}




.c_addr {
  margin-bottom: 15px;
  margin-bottom: 15rem;
}

.c_name {
  display: inline-block;
  float: left;
  font-size: 20px;
  font-size: 20rem;
  margin-bottom: 15px;
  margin-bottom: 15rem;
}

.c_phone {
  font-size: 18px;
  font-size: 18rem;
  font-weight:bold;
  margin-bottom: 15px;
  margin-bottom: 15rem;
}

.c_desc {
  color: #838383;
  font-style: italic;
  margin-bottom: 15px;
  margin-bottom: 15rem;
}

.c_param {
  display: inline-block;
    margin: 0 25px 15px 0;
  margin: 0 25rem 15rem 0;
  vertical-align: top;
}

.c_param1 {
  display: block;
}

.c_param2 {
  display: block;
}

.c_tarif1 {
  display: inline-block;
  margin: 0 25px 15px 0;
  margin: 0 25rem 15rem 0;
  vertical-align: top;
}

.c_tarif2 {
  display: inline-block;
  margin: 0 0 15px 0;
  margin: 0 0 15rem 0;
  vertical-align: top;
}


.c_serv {
  display: inline-block;
  margin: 0 25px 15px 0;
  margin: 0 25rem 15rem 0;
  vertical-align: top;
}

.c_nav {
  font-size: 12px;
  font-size: 12rem;
  margin: 0 0 20px 0;
  margin: 0 0 20rem 0;
}


.c_title {
  font-size: 20px;
  font-size: 20rem;
}


.hr2 {
  clear: both;
  height: 1px;
  border-bottom: #e4e4e4 solid 1px;
  margin-bottom: 10px;
}


.comment {
  margin-bottom: 20px;
  margin-bottom: 20rem;
}

.comment_name {
  color: #959595;
  font-size: 14px;
  font-size: 14rem;
}

.comment_textarea, .comment_input {
  margin: 3px 0 3px 0;
  margin: 3rem 0 3rem 0;
}

.comment_input {
  width: 400px;
  width: 400rem;
}

.comment_textarea {
  width: 400px;
  width: 400rem;
  height: 100px;
  height: 100rem;
}



#cart_div {
  z-index:10;
  position:fixed;
  bottom:7px;
  right:7px;
  font-size:18px;
  background-color: #FF0000;
  color:#FFFFFF;
  padding:5px 10px 5px 10px;
  background-color: rgba(255, 0, 0, 0.6);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}


#cart_div a {
  color:#FFFFFF;
  text-decoration:underline;
}


.cart_clean {
  font-size:12px;
}


.cart_remove {
  width:16px;
  height:16px;
  float: right;
  display: inline-block;
  background:url(/img/cart_remove.png) no-repeat right;
  cursor:pointer;
  margin:0 10px 0 0;
}


.cart_add {
  width: 16px;
  height: 16px;
  float: right;
  display: inline-block;
  background:url(/img/cart_add.png) no-repeat right;
  cursor: pointer;
  margin: 0 10px 0 0;
}


@media all and (max-width:1024px) {
  .td_content {
    min-width: 500px;
    min-width: 500rem;
  }

  .cell {
    display: block;
    width: auto;
    margin: 0 0 10px 0;
    margin: 0 0 10rem 0;
  }
}


@media all and (max-width:830px) {

  .cell_param {
    display: block;
  }
  
  .cell_param4 {
    display: inline-block;
  }

}


@media all and (max-width:600px) {

  .td_top {
    text-align: center;
  }
  
  .thumb {
    width: 150px;
    width: 150rem;
    height: 200px;
    height: 200rem;
  }
  
  .td_menu {
    text-align: right;
  }
  
  .td_menu2 {
    min-width: 0;
    width: 0;
    padding: 0;
    margin: 0;
  }
  
  .td_content {
    min-width: 400px;
    min-width: 400rem;
    padding: 20px 10px 10px 10px;
    padding: 20rem 10rem 10rem 10rem;
  }

  .top_logo {
    margin: 15px 0 5px 0;
    margin: 15rem 0 5rem 0;
    display: block;
  }

  .top_select_city {
    margin: 0 0 10px 0;
    margin: 0 0 10rem 0;
    display: block;
  }
  
  .top_user {
    display: none;
  }
  
  
  .checked {
    top: -3px;
    top: -3rem;
    left: -3px;
    left: -3rem;
  }
    
  .checked img {
    width: 90px;
    width: 90rem;
    height: 90px;
    height: 90rem;
  }
  
  .top_menu {
    display: none;
  }
  
  .top_menu2 {
    display: inline-block;
    color: #FFFFFF;
    font-size: 20px;
    font-size: 20rem;
    vertical-align: middle;
    background: url(/img/menu.png) no-repeat right center;
    background-size: 25px 20px;
    background-size: 25rem 20rem;
    padding: 5px 35px 5px 5px;
    padding: 5rem 35rem 5rem 5rem;
    margin: 0 10px 0 10px;
    margin: 0 10rem 0 10rem;
    cursor: pointer;
  }
  
  .top_menu_copy {
    display: block;
  }
  
  .menu_container {
    display: block;
    position: fixed;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 220px;
    width: 220rem;
    border-radius: 0px;
    background: #555555;
    height: 100%;
    top: 0px;
    left: -250px;
    z-index: 100;
  }
  .menu_scroll {
    display: block;
    overflow: auto;
    margin: 0;
    padding: 10px;
    padding: 10rem;
    width: 100%;
    height: 100%;
    color: #96999c;
  }
  
  .menu_cont {
    width:200px;
    width:200rem;
  }
  
  .bottom {
    width: auto;
    color: #adadad;
  }
  
  .title {
    color: #9a9a9a;
  }
  
  .hr {
    border-bottom: #9a9a9a solid 1px;
  }
  
  a.link2:link, a.link2:active, a.link2:visited {
    color: #FFFFFF;
    white-space: nowrap;
    text-decoration: none;
  }

  a.link2:hover {
    color: #cccccc;
  }
 

}