@charset "utf-8";
/* CSS Document */
body{
margin:0 auto;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.96em;
line-height:1.4em;
color:#505050;
background-color:#fff;
}
::selection {
background: #ffd46d; /* Safari */
}
::-moz-selection {
background: #ffd46d; /* Firefox */
}
a{color:#505050;
text-decoration:none;}


/*********************/
.blok-botton-next{

    height: 38px;
    width: 75px;
    margin: 0 auto;
	 margin-top: -12px;
	     margin-bottom: 30px;
}
.blok-botton-next .botton-next{background-image:url(../images/strelka2.png);
position:relative;
float:left;
width:75px;
height:38px;
}
/***************************************/
.zagolovok-gr{position:relative;
}


h1{
  text-align: center;
    overflow: hidden;
    font-family: Arial;
    font-weight: normal;
    text-transform: uppercase;
	color:#747474;
    font-weight: bold;
    padding-top: 1%;
    padding-bottom: 1%;
    margin: 0;
    line-height: 120%;
}
h3{
  text-align: center;
    overflow: hidden;
    font-family: Arial;
    font-weight: normal;
    text-transform: uppercase;
	color:#747474;
    font-weight: bold;
    margin: 0;
}


h2{
  text-align: center;
    background-image: url(../images/polosa.jpg);
    overflow: hidden;
    font-family: Arial;
    font-weight: normal;
    text-transform: uppercase;
	color:#747474;
    font-weight: bold;
    margin-bottom: 40px;
    margin-top: 26px;

}
h2 > span {
    position: relative;
padding: 0 40px;
    display: inline-block;
    background-color: #FFF;}
.zagolovok-gr h2{background-image:none;}
.zagolovok-gr h2 > span{ background:none;}
/*******************************************************************/
#container-2-menu{
background-color:#ff9c00;
margin:0 auto;
color:#fff;
}
#container-2-menu ul{
position: relative;
float:left;
list-style: none;
list-style-type: none;
padding:0;
margin: 2px 0 6px 0;
 }
#container-2-menu ul>li{
float: left;
position: relative;
padding:0;
margin: 0 20px 0 0 ;
}
#container-2-menu ul li a {	

color: #fff;
text-decoration: none;
text-align:left;
}
/* #container-2-menu ul:first-child{margin-right:110px;} */
#container-2-menu ul a:hover {
color:#ffe8c3;
}
.phone3{position:relative;
float:left;
background-image:url(../images/iko-phonel.png);
width:14px;
height:13px;
margin-right:6px;
margin-top:4px;
}
.mail2{position:relative;
float:left;
margin-top:5px;
background-image:url(../images/iko-mail.png);
width:14px;
height:13px;
margin-right:6px;
}
.logo{position:relative;
float:left;
width:281px;
height:44px;
background-image:url(../images/logo.png);
}
#container{margin:0 auto;
background-color:#fff;
padding: 10px 0 10px 0;
width:100%;
}



/*******************************************************************/
#container-gray1 {
background-color:#f0efef;
margin:0 auto;
}
.images-fon1{    max-width: 1301px;
height:271px;
background-image:url(../images/fon1.jpg);
margin: 0 auto;}
.images-fon2{     max-width: 1301px;
height: 271px;
background-image:url(../images/fon2.jpg);
background-repeat:no-repeat;
margin: 0 auto;}
#container-gray2, #container-gray2-mb{
background-color:#e7eaee;
padding:10px 0 10px 0;
margin:0 auto;
}

#column{max-width: 980px;
margin: 0 auto;
min-width:320px;
padding: 12px 10px 6px 10px;
}	

/*********menu***************/
.menu-container{
position: relative;
float:right;
list-style: none;
list-style-type: none;
padding:0;
 }
.menu-container>li{
float: left;
position: relative;
}
.menu-container li a {	
display:block;
color: #505050;
text-decoration: none;
text-transform:uppercase;
font-weight:bold;
text-align:left;
margin-left:56px;

}
.menu-container .active a{color:#ffb200;
}
.menu-container a:hover {
color:#ffb200;
}

/**************menu mobil******************/
.lines{ display:none;
}


/**********3 bloka**************/
#column .blok1{
	display: block;
    float: left;
    width: 33.3%;
    text-align: center;
    text-decoration: none;
    position: relative;
    color: #919191;
    background-color: #fff;
    padding: 18px 0 36px 0;
	
	}
.zagolovok{
	display:block;
color: #646464;
font-weight:bold;
margin: 30px 0 20px 0;
text-transform:uppercase;
}

/**************кнопка подробнее*****************/
.blok-center{
    margin: 0 auto;
}
.blok-center a {
text-transform: uppercase;
padding: 3px 12px 1px 12px;
border-radius: 6px 6px 0 0;
margin: 0 auto;
background-color:#e0e0e0;
display:block;
font-size: 0.8em;
color: #838383;
width:76px;
text-align:center;
}
.button_dalee:hover{background-color:#c9c9c9;}
/*************************************************/
/***************3krana*******************/
 .krani > ul{
list-style: none;
list-style-type: none;
padding:0;
    margin-bottom: 40px;}
.krani > ul > li {
	position:relative;
float:left;
    margin-left: 1%;
	margin-bottom:18px;
    width: 32%;
	 border:1px solid #e6e6e6;
 border-radius:10px;}
.krani > ul > li:first-child {
	margin-bottom:18px;
}
.img-kran{width:100%;}
.img-kran img{width:100%;}
.kran ul {
    padding: 20px 20px 5px 8px;
}

 /********************************/
 
 
 
.krani > ul > li:even{margin:0;}
h4{color:#fff;
background-color:#a3a3a3;
padding:18px;
text-transform:uppercase;
margin:0;
border-radius:10px 10px 0 0;
min-height:42px;}
.kran > ul{list-style: none;
list-style-type: none;
    padding: 20px 20px 16px 20px;
font-size:0.87em;
font-weight:bold;}
.haracteristiki{position:relative;
float:left;
}
.haracteristiki span{
font-weight:normal;
    display:inline-block;
}

/*******************catalog-from-block************************/
.catalog-form-block {
	padding: 0 20px 10px 20px;
}

.catalog-form-block #submit {
	background-image: none;
	padding: 10px 0;
    width: 100%;
}

.catalog-form-block input[type=text] {
	box-sizing: border-box;
	width: 100% !important;
	font-size: 1.13em;
}

.after-submit {
	padding: 0 20px 10px 20px;
	color: green;
	font-weight: bold;
}

.price {
	padding: 0 20px;
	font-weight: bold;
}

.lower .blok1 {
	padding-bottom: 0 !important;
}
/*******************fouter************************/
.fouterconteiner{
margin:0 auto;
background-color:#959595;
font-size:1em;
color:#797979;
}
.phone1{position:relative;
float:left;
margin-top:4px;
background-image:url(../images/f-mts.png);
width:17px;
height:13px;
margin-right:16px;
}
.phone2{position:relative;
float:left;
margin-top:4px;
background-image:url(../images/f-vel.png);
width:17px;
height:13px;
margin-right:16px;
}
.mail{position:relative;
float:left;
margin-top:4px;
background-image:url(../images/f-mail.png);
width:17px;
height:13px;
margin-right:16px;
}
#container-gray1 .images-fon2 ul, .widget-container-fouter2{position:relative;
float:left;
list-style-type: none;
list-style: none;
padding: 0;
width: 420px;
margin-right:46px;
font-size:1.1em;
margin:0;
}
.widget-container-fouter2{float:right;
text-align:right;}
#container-gray1 .images-fon2 ul>li{
margin-bottom:10px;
}
#container-gray1 .images-fon2 ul>li>a:hover{color:#828282;}

.fouterconteiner .menu-container li a{color:#fff;
margin:0 56px 0 0;
}
.fouterconteiner .menu-container li a:hover{color:#e6e6e6;

}
.fouterconteiner .menu-container{float:left;}



/********************comments***********************/

form {position:relative;
float:left;
width:100%;
    margin-top: 12px;
}
.commentform-input, .new-select-style-wpandyou{
float:left;
}

input, textarea, select  {
 font-size: 0.86em;
 position:relative;
 float:left;
}

button, input, textarea {
  margin: 0;
  vertical-align: middle; 
}

input[type="text"], .uneditable-input, select 
{ 
 background-color: #ffffff;
  border: 1px solid #e1e0e0;
  display: inline-block;
  width:280px;
  padding: 13px 14px;
  margin-bottom: 10px;
  color: #8b8b8b;
margin-right:16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 6px;
  vertical-align: middle;
}
 input, select:focus{outline:none;}
select{width:300px;}

.new-select-style-wpandyou select {
    -webkit-appearance: none;
    overflow: hidden; 
	 background: url(../images/strelka3.jpg) no-repeat right #fff; 
	 background-repeat:no-repeat;
   }

/***************************************************************************************/
.form-submit, .form-submit2
{
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
#submit, #submit2 {
	float: none;
    color: #fff;
    background-color: #ff9c00;
    border: 1px solid #f59500;
    border-radius: 4px;
    font-size: 1.13em;
    letter-spacing: 0.03em;
    text-shadow: 1px 1px 2px #eb9000, 0 0 0 #eb9000;
padding:11px 52px 10px 52px;
display: inline-block;
text-align: center;
}
#submit2{padding:14px 52px 14px 52px;
max-width:180px;}
input[type=submit] {
cursor: pointer; 
}
.submit, .submit2{ background-image: url(../images/strelka.png);   
float:right;
    background-repeat: no-repeat; 
    background-position: 130px;  }

.ssilka{position:relative;
float:right;
text-transform:uppercase;
color:#FFF;
font-size:0.8em;
    margin-top: 18px;
}
.ssilka:hover{color:#dedede;}

#submit:hover, #submit2:hover{background-color:#ff7200;
border:1px solid #ff7200;
}


/********************************/
@media screen and (max-width: 960px){

#column { min-width: 321px; 
font-size:0.9em;
 }
 
/*#container-2-menu ul>li:first-child {
width:100%;
}
#container-2-menu ul>li:nth-child(2){
width:100%;
}*/
.dop-menu .menu-container>li{margin-bottom:10px;
margin-right:10px;}	
.lines{ 
display:none;
}

.kran ul {
    padding: 20px 20px 5px 8px;
}



#column .blok1 {
width: 33.3%;
padding: 18px 0 10px 0;

}
user agent stylesheetdiv {
    display: block;
}
.imgblock img{width:31%;}

h4 {
    padding: 10px 16px 10px 16px;
}
.zagolovok {
margin: 10px 0 20px 0;
padding:0 8px 0 8px;
}
.menu-container li a{
    margin-left: 28px;}


.images-fon1{
max-width: 400px; 
height:100%;
background-image:none;}
.images-fon2{ max-width: 400px;
height:100%;
background-image:none;
}

input[type="text"], .uneditable-input{
    margin-right: 0;
}
input[type="text"]{width: 350px;}
.blok-botton-next {
 margin-bottom: 0;
}
form {
margin-top: 0;
margin-bottom:20px;
}
h2 {
    margin-bottom: 28px;
    margin-top: 20px;
}

#container-gray1 .images-fon2 ul, .widget-container-fouter2{
width: 400px;
}
#container-gray1 .images-fon2 ul{width:250px;
    margin-left: 82px;}
.widget-container-fouter2 {
    float: left;
    text-align: center;
	margin:10px 0 16px 0;
}
#container-gray1 .images-fon2 ul>li {
    text-align: center;
}
.blok-center a {
    width: 68px;
 
}
.krani > ul{margin-bottom:10px;}
#submit2{padding:10px 28px 10px 28px;}
.submit2{ 
    background-position: 100px;  }
	#submit{position:relative;
	float:right;}
}

/******************************/

@media screen and (max-width: 480px){
#column {width: 312px; 
 margin:0 auto;
padding:6px 0 6px 0;
        }
.logo{position:relative;
float:left;
width:222px;
height:35px;
background-image:url(../images/logo-mini.png);
}
.lines{ position:relative;
float:right;
display:block;
    border-bottom: 17px double #ffb200; 
    border-top: 6px solid #ffb200; 
    height: 5px; 
    width:30px;
	margin-top:4px;
}
.lines:hover{ border-bottom: 17px double black; 
    border-top: 6px solid black; }	
.menu-container{display:none;}
#column .blok1 {
    display: block;
    float: left;
 width: 100%;
    color: #919191;
    background-color: #fff;
    padding: 10px 0 10px 0;
}
user agent stylesheetdiv {
    display: block;
}
.imgblock img{
position:relative;
float:left;
height:60px;
width:62px;
}
.images-fon1{
width:320px;
}
.images-fon2{   width: 320px;
}
input[type="text"], .uneditable-input{
width: 290px;
}
.krani > ul > li {
	width:100%;
 margin-left: 0;
}
.krani > ul > li:first-child {
	margin-bottom:18px;
}
#container-gray1 .images-fon2 ul, .widget-container-fouter2{
width: 320px;
margin:0;
text-align: left;
}
#container-gray1 .images-fon2 ul>li {
    text-align: left;
}
.widget-container-fouter2 {
	font-size:0.87em;
	margin-bottom:20px;
}
}
/******************************************************/
.clearboth{clear:both;}
#container-gray1 .images-fon2  ul{float:left; list-style:none;}
.widget-container-fouter2 p{margin:0;padding:0;}
   table {
    border-collapse: collapse;
    margin: auto; /* Выравниваем таблицу по центру окна  */
   }
   td {border: 1px solid #959595;}
   td p{padding:0 5px;margin:0;}
#k1 h2, #k2 h2, #k3 h2{padding:0;margin:0;background-image:none;}
.success{font-weight:bold; width:100%; text-align:center; background-color: #ffffff; border: 1px solid #e1e0e0; display: inline-block; padding: 13px 14px; margin-bottom: 10px; color: #8b8b8b; margin-right: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}