html,
body {
  width: 100%;
  height: 100%;
  /*background-image: url(../img/fon1.jpg); background-attachment: fixed;*/
  background:#F5F7F1;
}

.wrap{width: 100%; min-height: 100%; _height: 100%; margin: 0px auto; font-family: 'PT Sans'; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-size:16px; line-height: 1.5em; }
.clear {clear: both; line-height: 1px; height: 1px;} 
#before_footer { 
padding-bottom:1px; min-height: 1px;
margin:0 auto; 
 } 

/* CONTENT ----------------------------------------------------------- */

.shad{margin:0 auto; background: url('../img/shad.png') top center no-repeat; width: 100%; height:23px;}


#float {
position:absolute;
top:0;
left:0;
width:100%; z-index: 9999;
}
#menu{position:absolute; background:#2C2C2A; background-position: bottom center; width: 100%; height:53px; top:0; opacity:0.8; 
}
#menu .top{position:absolute; top:0; left:50%; margin-left:161px; width: 262px; height:131px; background: url('../img/zvonok.png') top center no-repeat; text-align:center;}  
#menu .top a{z-index:1000; color:#fff; font-size:90%; line-height: 1.2em; } 
#menu .top a:hover{color:#cadce7;} 
#menu .top .phone{padding-top:20px;}   

#sections1{
position:relative;
width: 100%; 
height:53px;
margin: 0px auto;
text-align:center;
}

.grey{background:#2C2C2A;}
.white{background:#FBFDF8;}

#sections2{
position:relative;
width: 100%; 
height:604px;
margin: 0px auto;
background: #FBFDF8 url('../img/fon2000_st.jpg') top center;
background-attachment: fixed;
background-position:center;
}

#sections2 div.info1{position:relative; margin:0 auto; background: url('../img/fon_main_top.png') top center; max-width: 1020px; height:604px;}
#sections2 div.info1 .blok1{position:relative; margin:0 auto; top:0px; text-align:center; max-width: 400px;}
#sections2 div.info1 .blok2{position:relative; margin:0 auto; text-align:center; max-width: 410px;}

.new{top:155px;}
.old{top:110px;}

#sections2 div.info1_dop{position:relative; margin:-250px auto; max-width: 1020px; height:150px;}
#sections2 div.info1_dop .blok3{position:relative; margin:0 auto; float:left; top:0; text-align:center; width: 50%; }
#sections2 div.info1_dop .blok4{position:relative; margin:0 auto;  float:right; top:0; text-align:center; width: 50%;}

#sections2 div.info1 p, #sections2 div.info1_dop p{color:#fff; font-size:120%; padding:10px 0;} 
#sections2 div.info1 p.slogan{padding-top:30px; font-size:140%; } 
#sections2 div.info1 p strong, #sections2 div.info1_dop p strong{font-size:140%;font-weight: normal;} 
#sections2 div.info1 p.logo2{padding-top:20px; display:none;}
#sections2 div.info1 p.small{font-size:60%; line-height: 1.0em; } 
#sections2 div.info1 p.next{padding-top:20px;} 
#sections2 div.info1 p a{font-size:100%; color:#000;} 
#sections2 div.info1 p a:hover{ color:#999;} 



#sections3{
position:relative;
width: 100%; 
height:100%px;
margin: 0px auto;
background: #FCFEF9 url('../img/shad_top.png') top center no-repeat;
}

#sections3 div.info2{position:relative; margin:0 auto; max-width: 1020px; height:400px; font-size:90%; padding-left:10px;}
#sections3 div.h1{position:relative; margin:0 auto; padding-top:10px; max-width: 1020px; text-align:center;}


#sections3 div.info2 .icon01{position:relative; float:left; background: url('../img/infogr_01.png') top left no-repeat; height:66px; width: 150px;}
#sections3 div.info2 .icon02{position:relative; float:left; background: url('../img/infogr_02.png') top left no-repeat; height:66px; width: 180px; }
#sections3 div.info2 .icon03{position:relative; float:left; background: url('../img/infogr_03.png') top left no-repeat; height:66px; width: 190px; }
#sections3 div.info2 .icon04{position:relative; float:left; background: url('../img/infogr_04.png') top left no-repeat; height:66px; width: 190px; }
#sections3 div.info2 .icon05{position:relative; float:left; background: url('../img/infogr_05.png') top left no-repeat; height:66px; width: 180px; }

#sections3 div.info2 .icon01{margin-top:170px; padding-left:75px; line-height: 1.4em;}
#sections3 div.info2 .icon02{margin-top:30px; margin-left:-70px; padding-left:75px; line-height: 1.4em;}
#sections3 div.info2 .icon03{margin-top:170px; margin-left: -60px; padding-left:75px; line-height: 1.4em;}
#sections3 div.info2 .icon04{margin-top:30px; margin-left:-50px; padding-left:75px; line-height: 1.4em;}
#sections3 div.info2 .icon05{margin-top:170px; margin-left:-120px; padding-left:75px; line-height: 1.4em;}



#sections4{
position:relative;
width: 100%; 
height:400px;
margin: 0px auto;
background: #F9FCF1 url('../img/fon2000_photo.jpg') top center;
background-attachment: fixed;
background-position:center;
}


#sections5{
position:relative;
width: 100%; 
height:100%;
min-height: 500px;
margin: 0px auto;
background: #F9FCF1 url('../img/fon_sect5.jpg') top center;
background-position:center;
text-align:center; 
}


#sections5 .catalog{max-width: 900px; margin:0 auto; position:relative; overflow: auto; padding-bottom:30px;}
.catalog .item{position:relative; display: inline-block; margin:0 auto;  max-width: 228px; padding: 20px; margin:5px; border:6px solid #CCCCCC;}
.catalog .item .ph{max-height:280px; max-width: 228px; overflow: hidden;}
.catalog .item .name{padding-top:10px; font-size:110%; font-weight: bold;}
.catalog .item .text{padding:10px 0; font-size:90%;}
.catalog .item .text span{font-size:120%; font-weight: bold; font-style:italic;}
.catalog .item .item_card{background:#AA3D4A; padding:5px 0;}
.catalog .item .item_card a{color:#fff;}
.catalog .item .item_card a:hover{color:#e1a5a5;}


.catalog .item_photo{position:relative; float:left; margin:0 auto;  margin:12px; }
.catalog .item_photo img{}


.catalog_card {max-width: 900px; margin:20px auto; position:relative; overflow: auto; padding-bottom:30px;}
.catalog_card p{padding:10px 0; font-size:100%;}
.catalog_card p span{font-size:120%; font-weight: bold; font-style:italic;}


#sections6{
position:relative;
width: 100%; 
max-height:500px;
margin: 0px auto;
background: #E8EBE4;
text-align:center;
padding: 20px 0;
}

#sections7{
position:relative;
width: 100%; 
min-height:100%;
margin: 0px auto;
background: #3E5A67;
text-align:center;
padding: 20px 0;
overflow: auto;
COLOR:#FFF;
}

#sections7 H2{COLOR:#FFF;}


#sections8{
position:relative;
width: 100%; 
min-height:50px;
margin: 0px auto;
background: #E8EBE4;
text-align:center;
overflow: auto;
}


#sections9{
position:relative;
width: 100%; 
max-height:500px;
margin: 0px auto;
background: #F9FCF1;
text-align:center;
}


/* Контент */
.content{position:relative; max-width: 900px; margin:0 auto;}
.contact{position:relative; margin:0 auto;}
.manuf_photo{width: 200px; display: inline-block;}
.manuf_photo p{min-height: 25px;}

.knopka{background:#AA3D4A; padding:5px 0; max-width: 200px; margin: 0 auto; color:#fff;}
.knopka a:link{color:#fff;}
.knopka a:hover{color:#e1a5a5;}



/* Код для WebKit */
@media all and (min-width:0px) { 
.sl2 .none{width: 150px;} 
.sl2 .address1{width: 270px;} 
.sl2 .address2{width: 270px;} 
.sl2 .address{width: 540px;} 
}




/* MOBIL ----------------------------------------------------------- */

@media screen and (min-width: 2000px) {
#sections2{
position:relative;
width: 100%; 
height:600px;
margin: 0px auto;
background: #FBFDF8 url('../img/fon3000.jpg') top center;
background-attachment: fixed;
background-position:center;
}}

@media screen and (max-width: 1000px) {

#menu .top{ position:absolute; top:0; left:50%; margin-left:-131px; width: 262px; height:131px; background: url('../img/zvonok2.png') top center no-repeat; text-align:center;} 
#menu .top .phone{padding-top:10px;} 
 
.new{top:155px;}
.old{top:110px;}


#sections3{background: url('../img/shad_top_2.png') top center no-repeat; height:100%;}
#sections3 div.info2{max-width: 600px;padding-left:10px; font-size:110%;}
#sections3 div.info2 .icon01{display:none;}
#sections3 div.info2 .icon02{display:none;}
#sections3 div.info2 .icon03{display:none;}
#sections3 div.info2 .icon04{display:none;}
#sections3 div.info2 .icon05{display:none;}

#sections4{
max-height:750px;
background: #FBFDF8 url('none') top center; overflow: hidden;
}

#sections5 .catalog{max-width:600px;}

}

@media screen and (max-width: 900px) {

#sections2 div.info1_dop .blok3{position:relative; margin:0 auto; float:left; left:-40px; top:0; text-align:center; width: 50%; }
#sections2 div.info1_dop .blok4{position:relative; margin:0 auto;  float:right; right:-40px; top:0; text-align:center; width: 50%;}
#sections2 div.info1_dop p{color:#fff; font-size:110%;} 
#sections2 div.info1_dop p strong{font-size:130%;font-weight: normal;} 

#sections4{
max-height:500px;
background: #FBFDF8 url('none') top center; overflow: hidden;
}
}


@media screen and (max-width: 750px) {

.new{top:90px;}
.old{top:150px;}


#sections2 div.info1_dop .blok3{display:none;  }
#sections2 div.info1_dop .blok4{display:none; }

#sections2 div.info1 p.small{display:none; }
#sections2 div.info1 p.logo2{display:inherit; padding-top:80px;}

#sections2 div.info1 p.slogan{padding-top:0px;} 

#upbutton {
    left:0; margin:0 auto;
    cursor: pointer;
    display: none;
    overflow: hidden;
    position: fixed;
    z-index: 9999;
    opacity:0.5;
    text-align:center;

  }
  
  
}



@media screen and (max-width: 650px) {
#sections5 .catalog{max-width:300px; padding:20px;}
#sections3{height:100%; }
#sections3 div.h1{padding:20px;}


}

@media screen and (max-width: 500px) {
#sections4{
max-height:255px;
background: #FBFDF8 url('none') top center;}

}


@media screen and (max-width: 350px) {

#sections2 div.info1 p{font-size:95%; } 
#sections2 div.info1 p strong{font-size:135%;font-weight: normal;} 

}


/* OTHER
----------------------------------------------------------- */
a, body, center, div, form, header, html, i, img, li, menu, nav, ol, p, section, small, span, sup, textarea, u, ul, video { font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; margin: 0; padding: 0; border: 0; outline: 0; }
ol, ul { list-style: none }
blockquote, q { quotes: none }
:focus { outline: 0 }
table { border-collapse: collapse; border-spacing: 0; line-height: 1.4em; }

td.tab-cat {padding:7px; border:1px solid #999; }
img { max-width: 100%; height: auto; }
ph { border:7px solid #dcdcdc; margin:5px; }
.icon {vertical-align: middle; border:0px;}

b.up {font-family: 'FontAwesome'; font-size:25px; color:#fff; margin-top:10px;}
b.icontact2 {font-family: 'FontAwesome'; font-size:18px; color:#BDBDBD;}
b.iconmenu {font-family: 'FontAwesome'; font-size:25px; color:#000; margin-top:10px;}
b.lmenu {font-family: 'FontAwesome'; font-size:90%; color:#444444; margin-top:10px;}
b.menu-icon {font-family: 'FontAwesome'; font-size:110%; color:#666666; margin-top:10px;}



A:Link{ Color: #212121; Text-decoration: underline; font-size:100%;}
A:Visited{ Color: #212121; Text-decoration: none; font-size:100%;}
A:Hover{ Color: #1C6ABF; Text-decoration: underline; font-size:100%;}

A.s:Link{ Color: #1C6ABF; Text-decoration: underline; font-size:100%;}
A.s:Visited{ Color: #1C6ABF; Text-decoration: none; font-size:100%;}
A.s:Hover{ Color: #212121; Text-decoration: underline; font-size:100%;}


H1{
color:#000;
font-size:160%;
font-weight: normal;
line-height: 1.4em;
	}
   
   
H2{
color:#000;
font-size:160%;
font-weight: normal;
line-height: 1.4em;
text-align:center;
	}
H3{
color:#000;
font-size:120%;
font-weight: normal;
line-height: 1.4em;
	}
   
hr {
color: #999;
border: 0px none;
border-top: 1px dotted #999;
height: 1px;
padding:15px 0;
}

p {padding:5px 0;} 



/*inputs*/

form{margin:0 auto; max-width: 500px;}

input[type=search], input[type=text], textarea, input[type=submit] { font-family: inherit; border: 1px solid #c8c8c8; background: #EFEEEC; color: #000; display: block; font-size: 14px; font-weight: normal; margin: 0 0 5px; padding: 5px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-appearance: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; border-radius: 3px; }

.select { font-family: inherit; border: 1px solid #c8c8c8; background: #EFEEEC; color: #000; display: block; font-size: 14px; font-weight: normal; margin: 0 0 5px; padding: 5px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-appearance: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; border-radius: 3px; }


input[type=submit]{margin-top: 15px; border:1px solid #ff8304; background: #ff8304; color: #fff; font-size: 16px;} 

input[type=submit] a {color:#fff; font-size:15px;  text-decoration:none;} 
input[type=submit] a:hover {color:#fff; font-size:15px;  text-decoration:underline;} 
input[type=submit]:hover {background: #3E5A67; border: 1px solid #3E5A67;} 

/*upbuttons*/
#upbutton {
    background-color:#c8c8c8;
    height: 50px;
    width: 50px;
    bottom: 30px;
    right: 120px;
    cursor: pointer;
    display: none;
    overflow: hidden;
    position: fixed;
    z-index: 9999;
    opacity:0.5;
    text-align:center;

  }
  #upbutton:hover {background-color: #999999; opacity:0.5; }

@media screen and (max-width: 750px) {

#upbutton {
    left:0; right:0; margin:0 auto;
   }
  
  
}



.tb table tbody tr:nth-child(even){
	background: #FFFDF7;
}

.tb table tbody td{border:1px solid #E9E4DD; padding:5px; text-align: center;
}


th, td{
	text-align: left;
	padding: 10px;
}

.tb{
	max-width: 100%;
	overflow: auto;
}
.tb table{
	min-width: 400px;
}