* { margin:0; padding:0; font-family: 'PT Sans Narrow'}
A:link{color:rgb(255, 255, 255); text-decoration:none; }
A:visited{color:rgb(255, 255, 255); text-decoration:none; }
A:hover{color:rgb(255, 255, 255); background-color: rgb(204, 51, 51); cursor:pointer; text-decoration:none;}
h1{font-size:140%; text-transform: uppercase; color:rgb(204, 51, 51); text-align:center; font-weight:normal;}
h2{font-size:130%; text-transform: uppercase; color:rgb(204, 51, 51); text-align:center; font-weight:normal;}
h3{font-size:120%; text-transform: uppercase; color:rgb(204, 51, 51); text-align:center; font-weight:normal;}
#clear_right{clear: right;}
#clear_left{clear:left;}
#content_full { width:100%; position:absolute; top:0; font-size:100%;} 
#shpk {background-color: #00b034; width: 100%; position:relative;  display: table;}
#black{background-color: rgb(51, 51, 51);   width:100%; position:relative;  display: table; }
#black_block{display: table-cell; width:20%; float:left; padding:1%; line-height:100%; position:relative; margin:0 auto;}
#black_block span{ font-size:120%; color:rgb(255, 255, 255); vertical-align:middle; position:absolute; padding:1%; top:33%   }
#black_block img{ border:none;  vertical-align: middle;  }
#content{border: 1px solid rgb(153, 153, 153); box-shadow: 0 0 10px rgb(153, 153, 153); background-color:rgb(255, 255, 255); width:80%; margin:auto; } 
#footer{background-color:rgb(51, 51, 51); color:rgb(255, 255, 255); width:100%; position:relative;  display: table;}
#kol{float:left; height:auto; width:25%; padding:1% }
#kol ul{list-style: none; }
#kol ul li{ padding:1%;}
#kol ul li a{ padding:1%}
#logo{ display: table-cell; float:left; width:20%; margin:.5%; border:none }
#logo img{ max-width: 300px; max-height:152px; border:none; }
#logo a:hover{ background:none; border:none}
#full_menu{ display: table-cell; float: right; width:70% }
#menu_tel{ display:none; } 
#tel{color:rgb(255, 255, 255); text-shadow: 1px 1px 1px rgb(102, 102, 102); font-size:160%; margin:1%; float:right; width:36%;}
#tel ul{list-style: none;}
#menu_small{ color:rgb(255, 255, 255); text-shadow: 1px 1px 1px rgb(102, 102, 102); float:left; padding:1%; line-height:200%; width:60%; font-size:110%  }
#menu_small a{color:rgb(255, 255, 255); padding:1%; }
#menu { float:right; width:100%; }
#menu ul{list-style: none; text-transform: uppercase; line-height:100%;  font-size:120% }
#menu ul a li{ color:rgb(255, 255, 255);  padding:1%; float:left; text-align:center; }
#menu ul a li:hover{background-color: rgb(204, 51, 51);}
#tree{ width:100%; } 
#tree_image{ margin:1%; position: relative; width:17%; float:left; }
#image_tree{width: 95%; border: 1px solid rgb(153, 153, 153); box-shadow: 0 0 10px rgb(153, 153, 153); height:auto; padding: 5%; background:none;}
#tree_text{position: absolute;	bottom: 70%; left: 10%; width: 100%;  }
#tree_text span{position: absolute; font-size:120%; text-transform:uppercase; text-decoration:none; color:rgb(255, 255, 255); background: rgb(51, 51, 51); padding:1%;  text-shadow: 1px 1px 1px rgb(51, 51, 51); 
border: 1px solid rgb(51, 51, 51); box-shadow: 0 0 10px rgb(51, 51, 51); width:85%}
#tree_image  a span:hover{background-color: rgb(204, 51, 51);}
#tree_image  a:hover{background: none;  }
#nashi-uslugi{width:100%; }
#nashi-uslugi-tit{padding:1%; text-align:center}
#span_a{font-size:160%; color: #00b034; }
#span_b{font-size:180%; color:rgb(204, 51, 51);  font-style:italic; font-weight:bold;}
#usluga1{ margin:1%; position: relative; width:46%; float:left; background:none;}
#usluga2{ margin:1%; position: relative; width:46%; float:right; background:none;}
#usluga_name{text-decoration:none; text-transform: uppercase; color:rgb(204, 51, 51); text-align:center; font-weight:bold;}
#usluga_image{ float:left; padding:1%; width:75px; height:75px; border:none;}
#nashi-plusi{width:100%; margin: 0 auto; }
#plus{ margin:1%; position: relative; width:20%; float:left; border: 1px solid rgb(153, 153, 153);box-shadow: 0 0 10px rgb(153, 153, 153); padding:5%;  background:none;}
#plus_name{text-decoration:none; text-transform: uppercase; color:rgb(204, 51, 51); text-align:center; font-weight:bold;}
#plus_text ul{ list-style: none;  list-style-image:  url(/images/galka_.png) ; padding-left:1%; }
#plus_text ul span { color: rgb(204, 51, 51); text-align:center;}
#scrollup {position: fixed; right: 1%; bottom: 1%; display: none;cursor: pointer;}
#obratnaya-svyaz{ display:none;} 
#knopka{background-color:rgb(204, 51, 51); color:rgb(255, 255, 255); padding:1%; text-shadow: 1px 1px 1px rgb(102, 102, 102); box-shadow: 0 0 10px rgb(153, 153, 153); cursor:pointer; text-transform: uppercase; border: 1px solid rgb(153, 153, 153); font-size:110%; margin:1% ; }
input[type="text"]{ font-size:100%; border: rgb(153, 153, 153) solid 1px; margin:1%;}
textarea { width:90%; min-height:100px;}
#u_call{position:fixed; top:122px; left:500px;; z-index:2000; color:rgb(255, 255, 255); text-transform: uppercase; border: 1px solid rgb(153, 153, 153); box-shadow: 0 0 10px rgb(153, 153, 153); 
background-color:rgb(51, 51, 51); background-color:rgba(0, 0, 0, 0.8); padding:1%; width:300px;}
#u_order{position:fixed; top: 122px; left:10px; z-index:2000; color:rgb(255, 255, 255); text-transform: uppercase; border: 1px solid rgb(153, 153, 153); box-shadow: 0 0 10px rgb(153, 153, 153); 
background-color:rgb(51, 51, 51); background-color:rgba(0, 0, 0, 0.8);   padding:1% ; }
#u_call a:hover, #u_order a:hover{background:none;}

#category{ width:100%; margin:1%;}
#cat_image_r{ margin:3%; position: relative; width:20%; float:left; }
#cat_image{width: 95%; border: 1px solid rgb(153, 153, 153); box-shadow: 0 0 10px rgb(153, 153, 153); height:auto; padding: 5%; background:none;}
#cat_text{margin:1%; position: relative; width:70%; float:right; background:none;}
#cat_text a, #cat_text a:visited, #mat_text a, #mat_text a:visited {color:#00b034; }
#cat_text a:hover, #mat_text a:hover{color:#00b034; cursor:pointer; background:none; border-bottom: dotted #00b034 1px; }
#mat_text{margin:5% auto; width:70%; background:none;}

#main_text{margin-left:2%; padding-left:2%; position: relative; width:90%; background:none; font-size:110%}
#main_text a, #main_text a:visited {color:#00b034; }
#main_text a:hover {color:#00b034; cursor:pointer; background:none; border-bottom: dotted #00b034 1px; }
#main_text ul{ list-style: none;  list-style-image:  url(/images/galka_.png) ; margin:0 auto; margin-left:5% }
#banner{background: url(/images/banner.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative; width: 800px; height:135px; margin:0 auto; margin-top:1%}

#steps{ width:98%; margin:0 auto; margin-left:1%; margin-bottom:1%;   float:left; position:relative} 
#steps ul{list-style: none; }
#steps ul li{float:left; width: 150px;  }

#step_text{ width:90%; margin:0 auto  }
#step_text_1{font-size:180%; font-weight:bold; color:rgb(140, 203, 7);}
#step_text_2{font-size:180%; font-weight:bold; color:rgb(233, 85, 34);}
#step_text_3{font-size:180%; font-weight:bold; color:rgb(0, 161, 118);}
#step_text_4{font-size:180%; font-weight:bold; color:rgb(220, 47, 47);}
#step_text_5{font-size:180%; font-weight:bold; color:rgb(68, 80, 156);}
#step_text_6{font-size:180%; font-weight:bold; color:rgb(197, 57, 140);}
#step_img1{ background: url(/images/step1.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative;  width: 150px; height:115px; margin:0; padding:0   }
#step_img2{ background: url(/images/step2.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative;  width: 150px; height:115px;  }
#step_img3{ background: url(/images/step3.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative;  width: 150px; height:115px;  }
#step_img4{ background: url(/images/step4.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative;  width: 150px; height:115px;  }
#step_img5{ background: url(/images/step5.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative;  width: 150px; height:115px;  }
#step_img6{ background: url(/images/step6.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative;  width: 150px; height:115px;  }

#pluses{ width:98%; margin:0 auto; margin-left:1%;   float:left; }
#pluses ul{list-style: none; }
#pluses ul li{float:left;  width: 120px;  margin:1%; border: 1px solid rgb(153, 153, 153); box-shadow: 0 0 10px rgb(153, 153, 153); height:auto; padding: 1%; background:none; text-align:center }
 
#pluseses { width:90%; margin:0 auto}
#plus_1 { background: url(/images/plus1.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative; width: 100px; height:100px; margin:0 auto   }
#plus_2 { background: url(/images/plus2.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative; width: 100px; height:100px; margin:0 auto   }
#plus_3 { background: url(/images/plus3.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative; width: 100px; height:100px; margin:0 auto   }
#plus_4 { background: url(/images/plus4.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative; width: 100px; height:100px;  margin:0 auto   }
#plus_5 { background: url(/images/plus5.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative; width: 100px; height:100px; margin:0 auto   }
#plus_6 { background: url(/images/plus6.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative; width: 100px; height:100px; margin:0 auto   }
#plus_7 { background: url(/images/plus7.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative; width: 100px; height:100px; margin:0 auto   }
#plus_8 { background: url(/images/plus8.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative; width: 100px; height:100px; margin:0 auto   }
#plus_9 { background: url(/images/plus9.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative; width: 100px; height:100px; margin:0 auto   }
#plus_10{ background: url(/images/plus10.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative; width: 100px; height:100px; margin:0 auto   }



#menu_down{ display:none;} 
#katalog{ display:none;} 
#menu_cat { padding-left:1%;}
#menu_cat a{ color:rgb(204, 51, 51);  float: left;  padding-left:1%; padding-right:1%;  }
#menu_cat a:hover{color:rgb(255, 255, 255);  background-color: rgb(204, 51, 51); cursor:pointer; text-decoration:none;}
#dot{border-bottom:dotted rgb(204, 51, 51) 1px;}

#mat1{ margin:1%; position: relative; width:46%; float:left; background:none;}
#mat2{ margin:1%; position: relative; width:46%; float:right; background:none;}


#menu_mat{position:relative; margin:0 auto; }
#menu_mat a{ color:rgb(204, 51, 51); border-bottom:dotted rgb(204, 51, 51) 1px;}
#menu_mat a:hover{color:rgb(255, 255, 255);  background-color: rgb(204, 51, 51); cursor:pointer; text-decoration:none;}

#mat_logo{float:right; position:relative; margin:0 auto; border:none; max-width:150px; max-height:150px;}

#gallery {width:100%}
#gallery_block {width:150px; height:150px;  float:left ;  border: 1px solid rgb(153, 153, 153); box-shadow: 0 0 10px rgb(153, 153, 153); margin:5px; text-align:center; position:relative;}
#gallery_photo {max-width:100%; max-height:100%; width:auto; height:auto; position:absolute; margin: auto; top:0; bottom:0; left:0; right:0; }

@media screen and (max-width: 1000px) 
{
#content{width:90%;  font-size:100%;} 
#content_full { font-size:100%;} 
A:hover{}
#logo{ width: 100%;  background-color: #00b034; text-align:center; border:none  }
#shpk {width: 100%; background-color:rgb(255, 255, 255);}
#full_menu{ width: 100%;}
#menu_small{ display:none;} 
#tel{color:rgb(0, 0, 0); text-shadow: 1px 1px 1px rgb(102, 102, 102); font-size:120%; padding:1%;  width:100%;}
#tel ul{list-style: none; text-align:center}
#menu_down {width:90%;  margin: 1% auto; display:block; margin-top:5%}
#menu_tel {display:block; margin-bottom:5% }
#menu_down ul, #menu_tel ul{list-style: none; text-transform: uppercase; list-style-image:  url(/images/galka_.png) ; padding-left:5%;}
#katalog{ display:block; margin:1% auto; position: relative; width:80%;  border: 1px solid rgb(153, 153, 153);box-shadow: 0 0 10px rgb(153, 153, 153); padding:2%;  background:none;}

#menu_down ul a li, #menu_tel ul a li{ color:rgb(0, 0, 0);  padding:1%; width:100%; text-align:left; border-bottom:dotted rgb(204, 51, 51) 1px; }
#obratnaya-svyaz{display:block; list-style: none; text-transform: uppercase; }
#obratnaya-svyaz div a{ float:left; width:80%; margin:1%; position:relative;}
#obratnaya-svyaz div a{ color:rgb(255, 255, 255); background-color: rgb(204, 51, 51); padding:1%;  }

#cat_image_r{ display:none}
#cat_text{margin:1%; position: relative; width:95%;  background:none;}

#u_call, #u_order{ position:static; top:0;  color:rgb(0, 0, 0); text-transform: uppercase; padding:1%; width:90%; margin:0 auto; background:none; border:none;}

 input[type="text"]{ max-width:100% }

#menu ul a li:hover, #menu_tel ul a li:hover { background-color:rgb(255, 255, 255);}
#footer{ display:none;} 
#menu{ display:none;} 

#black{ display:none;}
#tree{ display:none;}
#usluga1, #usluga2 { margin:1%; width:98%; background:none;}
#mat1, #mat2{ margin:1%; position: relative; width:96%; background:none; padding:1%}

#usluga_image{ float:left; padding:10px; width:75px; height:75px; border:none;}
#plus{ margin:1%; width:90%;  background:none; border:none; box-shadow:none;}
#plus_text { padding-left:5%; }

#plus_text ul{ list-style: none;  list-style-image:  url(/images/galka_.png) ; padding-left:5%; }

#banner{background: url(/images/banner_1.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative; width: 300px; height:74px; margin:0 auto; margin-top:1%}

}

@media screen and (max-width: 400px) 
{
#banner{background: url(/images/banner_1.png) ; background-position:center; background-repeat:no-repeat; background-size: 100%; position:relative; width: 270px; height:67px; margin:0 auto; margin-top:1%}

}