body, div, p,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote,
th, td { margin: 0; padding: 0}
ul { list-style: none}
table {}
*:focus { outline: none}

a { color: #2f6e0d; text-decoration: underline}
a:hover {text-decoration: none;}
a img { border: none}

h1 {
    padding:0 0 28px;
    font: normal 230% Arial;
    color:#45190a;
}
h2 {
    padding:0 0 28px;
    font: normal 230% Arial;
    color:#45190a;
}
h3 {
    padding:0 0 25px;
    font: normal 150% Arial;
}

body, html {
    padding:0;
    margin:0;
    height:100%;
}
body {
    font: normal 12px Arial;
    color:#000;
    background:#fff;
}

#container {min-height:100%;}
*html #container {height:100%;}

#container .crop {padding:0 0 256px;
background:url(https://d61caf.claudeassets.com/20250716204208im_/https://rusbutton.org/img/bg_gal.jpg) 0 0 repeat;
}

#header {
    height:226px;
    background:url(https://acdb93.claudeassets.com/20250716204208im_/https://rusbutton.org/img/bg.jpg) 0 0 repeat;
}
#header .header {
    width:936px;
    margin:0 auto;
}
.img {
    position:absolute;
    width:533px; height:226px;
    margin:0 0 0 435px;
    background:url(/assets/rusbutton.org/img/header-img.png) 0 0 no-repeat;
}

.head-tools {overflow:hidden; zoom:1;}
#header .logo {
    float:left;
    width:263px; height:86px;
    padding:30px 0 0;
    vertical-align:top;
    zoom:1;
}

#header .options {
    padding:58px 0 0 0;
    overflow:hidden; zoom:1;
}
#header .options li {
    float:left;
    padding:9px 16px 0 0;
    vertical-align:top;
    line-height:0;
    font-size:0;
}
#header .options .main-ico {padding:0 16px 0 0;}

#header .mainmenu {
    width:936px;
    overflow:hidden; zoom:1;
}
#header .mainmenu li {
    float:left;
    margin:16px 22px 0 0;
    padding:6px 0;
    font-size:110%;
}
#header .mainmenu .active {
    padding:6px 4px;
    background:#491b0c;
}
#header .mainmenu .active a {color:#fff;}

.category {
    width:450px;
    overflow:hidden; zoom:1;
}
.category li {
    float:left;
    padding:10px 20px 0 0;
    font-size:120%;
    color:#491b0c;
}
.category li a {color:#af0016;}

#content {
    width:936px;
    margin:0 auto;
    overflow:hidden; zoom:1;
}
#wrapper {
    float:left;
    width:100%;
    overflow:hidden; zoom:1;
}
#center {
    padding:39px 20px 0 0;
    margin: 0 216px 0 0;
    overflow:hidden; zoom:1;
}
#infoCol {
    float:left;
    width:216px;
    padding:39px 0 0;
    margin-left:-216px;
}

.catalog li {
    display: inline-block;
    padding: 0 31px 40px 0;
    vertical-align: top;
}

/*Хак для ИЕ6-7*/
*html .catalog li {display:inline;}
*+html .catalog li {display:inline;}
/*Хак для ИЕ6-7*/

.catalog li img {
    display:block;
    margin:0 0 12px;
    border:1px solid #d8d8d8;
}

.indexmcat {
    position: relative;
    width: 722px;
}

.catalog.indexmcat li {
    width:122px !important;
}

.catalog li a {font-size:230%;}

.catalog.mcat li {
    width:195px;
}

.catalog.mcat li div {
    font-size: 16px;
}
.catalog li div {
    font-size:230%;
    color: #2F6E0D;
}

.catalog li span {
    display:block;
    padding:6px 0 4px;
    font-size:110%;
}

.catalog li b {
    font: normal 185% Arial;
    color:#491b0c;
}

.catalog li p {
    padding:4px 0 0;
    font-size:95%;
    color:#737373;
}

.catalog li .new-item {
    position:absolute;
    width:56px; height:27px;
    padding:7px 0 0 22px;
    margin:15px 0 0 128px;
    background:url(https://930309.claudeassets.com/20250716204208im_/https://rusbutton.org/img/new-item-ico.gif) 0 0 no-repeat;
    color:#fff;
}
.catalog li .discount {
    position:absolute;
    width:67px; height:27px;
    padding:7px 0 0 22px;
    margin:15px 0 0 117px;
    background:url(https://c30a74.claudeassets.com/20250716204208im_/https://rusbutton.org/img/discount-item-ico.gif) 0 0 no-repeat;
    color:#fff;
}

.news {padding:0 0 20px;}
.news li {padding:0 0 20px;}
.news li span {
    display:block;
    padding:0 0 2px;
    font-size:95%;
    color:#878787;
}
.news li a {font-size:120%;}

.news li p {
    padding:3px 0 0;
    font-size:110%;
}

.delivery {
    height:72px;
    margin:7px 0 10px;
}
.delivery p {   
    position:absolute;
    width:243px; height:53px;
    padding:19px 0 0 15px;
    margin:0 0 0 -10px;
    font: normal 110% Arial;
    color:#30538e;
    background:url(https://202e8b.claudeassets.com/20250716204208im_/https://rusbutton.org/img/delivery.png) 0 0 no-repeat;
}
.delivery a {color:#fff;}


.contacts p {
    padding:0 0 20px;
    font-size:110%;
}
.contacts p b {display:block;}

.contacts div {
    margin:0 0 5px;
    font-size:260%;
    color:#45190a;
    text-align:right;
    background:url(https://6522d0.claudeassets.com/20250716204208im_/https://rusbutton.org/img/phone-ico.png) 0 3px no-repeat;
}
.contacts div span {
    padding:0 3px 0 0;
    font-size:50%;
}
.contacts a {
    display:inline-block;
    padding:0 0 1px 16px;
    background:url(https://adc1c7.claudeassets.com/20250716204208im_/https://rusbutton.org/img/new-window-ico.gif) 0 3px no-repeat;  
    font-size:95%;
    color:#5b5b5b;
}

/*Хак для ИЕ6-7*/
*html .contacts a {display:inline;}
*+html .contacts a {display:inline;}
/*Хак для ИЕ6-7*/

#footer {
    width:936px; height:168px;
    padding:30px 0 0;
    margin:-199px auto 0;
    border-top:1px solid #cbcbcb;
    overflow:hidden; zoom:1;
}

#footer p {
    float:left;
    width:200px; height:168px;
    padding:0 42px 0 0;
    font-size:110%;
    overflow:hidden; zoom:1;
}
#footer p b {display:block;}

#footer ul {
    float:left;
    width:200px; height:168px;
    padding:0 42px 0 0;
    font-size:110%;
    overflow:hidden; zoom:1;
}
#footer ul li {padding:0 0 18px;}
#footer ul a {color:#5b5b5b;}

#footer form {
    float:left;
    width:200px; height:168px;
    padding:0 42px 0 0;
    font-size:110%;
    overflow:hidden; zoom:1;
}
#footer form .text {
    width:196px;
    padding:1px 2px;
    margin:0 0 3px;
    font: normal 95% Arial; 
    border:1px solid #000;
}
#footer form .submit {
    width:50px;
    font: normal 95% Arial;
}

#footer div {
    float:left;
    width:210px; height:168px;
    font-size:110%;
    text-align:right;
    overflow:hidden; zoom:1;
}
#footer div a {
    display:inline-block;
    padding:0 0 5px 14px;
}

/*Хак для ИЕ6-7*/
*html #footer div a {display:inline;}
*+html #footer div a {display:inline;}
/*Хак для ИЕ6-7*/

#center .leftCol {
    float:left;
    width:436px;
    padding:0 40px 0 0;
}
#center .rightCol {
    float:right;
    width:185px;
    padding:61px 44px 0 15px;
}

#center .rightCol li {
    padding:0 0 0 12px;
    margin:0 0 16px;
    font-size:110%;
}
#center .rightCol .active {
    width:184px;
    padding:0 0 9px;
    background:url(https://75fd5c.claudeassets.com/20250716204208im_/https://rusbutton.org/img/submenu-corner.gif) 0 100% no-repeat;
}
#center .rightCol .active p {
    padding:8px 10px 0 11px;
    border:1px solid #491b0c;
    border-bottom:none;
    color:#491b0c;
}
#center .rightCol li a {color:#af0016;}

#center .rightCol form {
    width:175px; height:34px;
    padding:10px 0 0 10px;
    background:url(https://1f4b25.claudeassets.com/20250716204208im_/https://rusbutton.org/img/select-bg.gif) 0 0 no-repeat;
}
#center .rightCol select {width:165px; height:22px;}

.news-list li, #container .article {padding:0 0 20px;}
.news-list span, #container .article span {
    display:block;
    padding:0 0 1px;
    font-size:95%;
    color:#878787;
}
.news-list a, #container .article a {font-size:120%;}
.news-list p, #container .article p {
    font-size:110%;
}

.pagelist {overflow:hidden; zoom:1;}
.pagelist li {
    float:left;
    padding:5px 0 0;
    margin:0 16px 0 0;
    font-size:135%;
}
.pagelist li a {color:#af0016;}

.pagelist .active {
    padding:5px 10px;
    background:#491b0c;
    color:#fff;
}

.publication .leftCol {overflow:hidden; zoom:1;}
.publication .leftCol h2 {
    padding:0 0 6px;
    font: normal 185% Arial;
    color:#000;
}
.publication .leftCol span {
    display:block;
    padding:0 0 12px;
    font-size:95%;
}
.publication .leftCol .justifyright {
    float:right;
    width:185px; height:156px;
    margin-left:10px; margin-bottom:5px;
    border:1px solid #ddd;
}

.publication .leftCol .justifyleft {
    float:left;
    width:185px; height:156px;
    margin-right:10px; margin-bottom:5px;
    border:1px solid #ddd;
}

#catalog h1 {font-size:270%;}

#catalog .subcat {
    padding:0 15px;
    margin:0 42px 20px 0;
    line-height:41px;
    border:1px solid #45190a;
    
}
#catalog .subcat li {
    position:relative;
    display:inline;
    padding:0 14px 0 0;
    font-size:110%;
    color:#45190a;
    zoom:1;
}
#catalog .subcat .arrow {
    position:absolute;
    width:10px; height:10px;
    margin:-10px 0 0 11px;
    background:url(https://7d93e5.claudeassets.com/20250716204208im_/https://rusbutton.org/img/arrow-top.gif) 0 0 no-repeat;
    line-height:0;
    z-index:10;
    font-size:0;
}
#catalog .subcat a {color:#af0016;}

#catalog .sorting {
    position:absolute;
    width:280px;
    padding:0 42px 0 0;
    margin:-50px 0 0 400px;
    overflow:hidden; zoom:1;
    text-align:right;
}
#catalog .sorting li {
    display:inline-block;
    vertical-align:top;
    padding:1px 0 0;
    margin:0 6px 0 0;
}

/*Хак для ИЕ6-7*/
*html #catalog .sorting li {display:inline;}
*+html #catalog .sorting li {display:inline;}
/*Хак для ИЕ6-7*/

#catalog .sorting .active {
    padding:1px 4px;
    background:#ebd6c0;
}
#catalog .sorting a {color:#5b5b5b;}

.leftCol p, .catalog_text p, .catalog_text_full p {
    margin: 12px 0;
    font-size:13px;
    line-height:1.4;
}
.leftCol h3 {
    margin: 17px 0 8px;
}
.catalog_text {
    width: 436px;
    padding: 0 40px 0 0;
}
.catalog_text_full {
    width: 100%;
    padding: 0 40px 0 0;
}
.product_l {
    width: 45%;
    display: inline-block;
    float: left;
    padding-right: 4%;
}
.product_l img {
    width: 100%;
}
.product_r {
    width: 50%;
    display: inline-block;
}

.crumbs {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}
.crumbs li {
    float: left;
    margin-right: 5px;
    font-size: 14px;
}



#content, 
#header .header, 
#footer {
	max-width: 100%;
	min-width: 300px;
}

@media (max-width: 1020px) {
	#content, 
	#header .header, 
	#footer {
		padding-right: 10px;
		padding-left: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#header .img {
		display: none;
	}
	.category, 
	.indexmcat {
		width: 100%;
		margin-right: -10px;
	}
	.catalog li {
	    padding: 0 23px 20px 0;
	}
	#header .mainmenu {
		width: 100%;
		padding-top: 16px;
	}
	#header .mainmenu li {
	    margin: 0 22px 0 0;
	}
	#center, 
	.delivery p {
		margin: 0;
		position: relative;
	}
	#center .rightCol {
	    float: none;
	    width: 100%;
	    padding: 0;
	    position: absolute;
	    top: 20px;
	    left: 0;
	}
	#center .rightCol li {
	    padding: 0 0 9px;
	    margin: 0 12px 6px 0;
	    display: inline-block;
	}
	#center .rightCol .active {
	    padding: 0 0 9px;
	}
	#center .leftCol {
    	float: none;
	    width: 100%;
    	padding: 60px 0 0;
    	position: relative;
	}
	#infoCol {
	    float: none;
	    width: 100%;
	    margin: 0;
	}
	.catalog_text {
		width: 100%;
		padding: 0 0 30px;
	}
	.contacts div {
		text-align: left;
		padding-left: 35px;
	}
	#footer p {
		height: auto;
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	#footer ul li {
		padding-bottom: 10px;
	}
}

@media (max-width: 620px) {
	#header .logo {
	    width: 178px;
	    height: 60px;
	    padding: 22px 0 0;
	}
	#header .logo img {
		display: block;
	    width: 141px;
	    height: 60px;
	}
	#header .options {
		padding-top: 37px;
	}
	#center .leftCol {
		padding-top: 90px;
	}
	#container .crop {
		padding-bottom: 305px;
	}
	#footer {
		height: 232px;
		margin-top: -249px;
	}
	#footer ul {
		height: auto;
		padding-bottom: 10px;
	}
	#footer form {
		height: auto;
	}
}

@media (max-width: 430px) {
	#header .logo {
	    width: 148px;
	    height: 51px;
	    padding: 15px 0 0;
	}
	#header .logo img {
	    width: 121px;
	    height: 51px;
	}
	#header .options {
		padding-top: 30px;
	}
	#center .leftCol {
		padding-top: 90px;
	}
	.catalog li {
	    padding: 0 14px 18px 0;
	}
}

.contact-form h3{
font-size: 24px;
    padding: 0 0 20px;
    margin: 0;
}
.contact-form {
  margin:30px auto;
  max-width:96%;
  box-sizing:border-box;
  padding:30px;
  border-radius:5px; 
  background:RGBA(255,255,255,1);
  -webkit-box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .45);
  box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .45);  
}

.textbox{
  height:40px;
  width:100%;
  border-radius:3px;
  border:rgba(0,0,0,.3) 2px solid;
  box-sizing:border-box;
  font-family: 'Open Sans', sans-serif;
  font-size:14px; 
  padding:8px;
  margin-bottom:24px;
}
.message:focus,
.textbox:focus{
  outline:none;
   border:#491b0c 2px solid;
   color:#000;
}

.message{
    background: rgba(255, 255, 255, 0.4); 
    width:100%;
    height: 100px;
    border:rgba(0,0,0,.3) 2px solid;
    box-sizing:border-box;
    -moz-border-radius: 3px;
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    display:block;
    padding:10px;
    margin-bottom:24px;
    overflow:hidden;
}

.contact-form .button{
  height:40px;
  width:100%;
  border-radius:3px;
  border:rgba(0,0,0,.3) 0px solid;
  box-sizing:border-box;
  padding:8px;
  background:#2f6e0d;
  color:#FFF;
  font-family: 'Open Sans', sans-serif;  
  font-weight:400;
  font-size: 16px;
  transition:background .4s;
  cursor:pointer;
}

.button:hover{
  background:#80b438;
}
.recaptcha {
    margin-bottom: 24px;
}
/*
     FILE ARCHIVED ON 10:54:09 Nov 23, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:32:07 Jun 30, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.724
  exclusion.robots: 0.052
  exclusion.robots.policy: 0.035
  esindex: 0.014
  cdx.remote: 13.741
  LoadShardBlock: 177.269 (3)
  PetaboxLoader3.resolve: 111.329 (4)
  PetaboxLoader3.datanode: 131.354 (5)
  load_resource: 72.977
  loaddict: 23.587
*/