viewport { width: device-width; } body, table, td{ font-family: Arial, Helvetica, Sans-Serif; color: #464646; font-size: 12px; } INPUT, TEXTAREA, SELECT, OPTION{ font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; color: #464646; } a{ font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #464646; text-decoration: underline; } a:hover{ font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #464646; text-decoration: underline; } a.path{ font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #464646; text-decoration: underline; } a.path:hover{ font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #464646; text-decoration: underline; } .noA{ color: #464646; } a.search{ color: #464646; text-decoration: underline; } a.search:hover{ color: #464646; text-decoration: underline; } .whiteText{ color: #FFFFFF; } /* .leftMenu{ margin-top: 0px; margin-right: 16px; margin-left: 0px; margin-bottom: 6px; font-size: 12px; font-weight: bold; } .leftMenu2{ margin-top: 0px; margin-left: 12px; margin-right: 16px; margin-bottom: 6px; color: #464646; } */ .menu { position: relative; z-index: 150; } .menu,.menu > ul, .menu ul > li, .menu ul > li > a { width: 100%; } .menu ul { list-style-type: none; margin: 0; padding: 0; } .menu ul > li { float: left; } .menu li > ul { position: absolute; background-color: white; border: 1px solid #3D3D3D; display: none; float: left; width: 260px; } .menu li:hover { background-color: #3D3D3D; cursor: pointer; } .menu li:hover > ul { display: inline-block; } .menu li > a.menu-item{ background: url('/images/menu.png') no-repeat -1 3; float: left; display: inline-block; padding: 5px 7px 5px 13px; } .menu li:hover > a.menu-item { background: #3d3d3d url('/images/menu-hover.gif') no-repeat -3 1; color: white; } .menu li > a.producer { display: inline-block; background-image: none; padding: 5px 25px 5px 5px; } .menu li:hover > a.producer { color: white; } .menu ul li.top_line:first-child{ border-top: 1px solid #3d3d3d; } .copy{ font-size: 12px; line-height: 16px; } .copy:hover{ font-size: 12px; line-height: 16px; } .cap,.h1{ font-size: 18px; font-weight: bold; margin: 0 0 12px 0; } .h2{ font-size: 14px; font-weight: bold; } .text{ margin-top: 0px; text-align:justify; } a.white{ color: #FFFFFF; font-size: 12px; text-decoration: none; } a.white:hover{ color: #FFFFFF; font-size: 12px; text-decoration: none; } .price{ color: #27A435; font-size: 12px; text-decoration: none; font-weight: bold; } a.price{ color: #27A435; font-size: 12px; text-decoration: underline; font-weight: bold; } a.price:hover{ color: #27A435; font-size: 12px; text-decoration: underline; font-weight: bold; } .mainText{ text-align: center; } .tbcap { margin-left : 10px; margin-right: 10px; padding-top : 4px; padding-bottom : 5px; font-weight: bold; color: #464646; } .tb11 { margin-left : 10px; margin-right: 10px; padding-top : 4px; padding-bottom : 5px; } .tb1 { margin-left : 0px; margin-right: 0px; padding-top: 4px; padding-bottom: 5px; } .top_bg1 { background-position: right; background-repeat: no-repeat; } .top_bg2 { background-position: left; background-repeat: no-repeat; } .copy_zak { float: right; width: 59%; margin: 5px 4px 5px 0; font-size: 10px; } .partner { width: 660px; float: left; } .copy_inf { float: right; width: 30% } .commaleft { margin-left: -2px; } .social-icons { margin: -6px 0 0 30px; width: 200px; z-index: 99; float: left; } .social-icons a { display: block; float: left; height: 25px; margin-right: 18px; margin-top: 10px; width: 25px; } .vk-soc { background: url("../images/vkontakte.png") no-repeat scroll 0 0 transparent; } .tw-soc { background: url("../images/twitter.png") no-repeat scroll 0 0 transparent; } .fb-soc { background: url("../images/facebook.png") no-repeat scroll 0 0 transparent; } .lj-soc { background: url("../images/livejournal.png") no-repeat scroll 0 0 transparent; } .linkst{ background: rgb(253, 253, 253); padding: 3px 7px; border: 1px solid #d9d9d9; border-radius: 3px; font-weight: bold; } .recst{ margin-top:15px; margin-left:10px; font-size: 16px; color: white; font-weight: bold; } .recst li{ padding-bottom:5px } p.related_header{ color: #740000; font-weight: bold; } p.related_header>span{ height: 12px; width: 12px; margin-left: 5px; cursor: pointer; background-size: contain; display: inline-block; } p.related_header>span.plus{ background-image: url('/images/related_plus.png'); } p.related_header>span.minus{ background-image: url('/images/related_minus.png'); } table.related_table{ width: 100%; } table.related_table.hide{ display: none; } table.related_table td.article{ width: 100px; } table.related_table td.rel_price{ color: #740000; width: 75px; } table.related_table td.rel_buy{ width: 135px; } table.related_table td.rel_buy div.plus{ /*display: inline-block;*/ float: left; width: 15px; height: 15px; background-image: url(/images/plus.png); margin-left: 5px; margin-right: 10px; } table.related_table td.rel_buy div.minus{ /*display: inline-block;*/ float: left; width: 15px; height: 15px; background-image: url(/images/minus.png); margin-right: 5px; } table.related_table td.rel_buy input{ float: left; width: 25px; text-align: center; } table.related_table td.rel_buy a{ float: left; } table.related_table td{ padding: 4px; border-bottom: 1px solid #E8E8E8; } table.related_table tr:last-child td{ border: none; } p.archive{ font-weight: bold; color: #c23200; margin-bottom: 0; } a.order_button{ padding: 5px 10px; border-radius: 5px; background: linear-gradient(#36c930, #27660d); font-weight: bold; text-decoration: none; color: #fff!important; } a.order_button:hover{ background: linear-gradient(#2df822, #2d800e); } a.order_button.in_category{ margin-left: 10px; } a.order_button:not(.in_category){ display: inline-block; } .search_result p.archive{ margin: 0; } .search_result div.tb11.order{ padding-top: 6px; } .form-button { position: fixed; top: 50%; display: block; margin-top: -113px; text-decoration: none; z-index: 50; right: 0; background-color: #a08e6a !important; background-image: url("/img/feedback.png"); background-position: 0 0; background-repeat: no-repeat; border: none; width: 28px; height: 237px; border-radius: 3px; cursor: pointer; border-radius: 6px 0 0 6px; } .form-button:hover{ background-position: -28px 0; } .pop-up_back { position: fixed; z-index: 100; top: 0; height: 100%; width: 100%; background-color: #000; transition: opacity 0.3s, visibility 0s linear 0.3s; } .pop-up_back_hidden { opacity: 0; visibility: hidden; } .pop-up_back_visible { opacity: 0.5; visibility: visible; transition-delay: 0s; } .pop-up { position: fixed; z-index: 150; } .pop-up__window { background-color: #fff; width: 436px; padding: 0 0 15px 0; border-radius: 5px; position: fixed; top: 50%; left: 50%; margin-top: -204px; margin-left: -218px; } .pop-up__header { margin: 0; padding: 3px 0; background-color: #a08e6a; background: linear-gradient(to bottom, #fff 0%, #a08e6a 100%); color: #fff; border-radius: 5px 5px 0 0; } .pop-up__header h3 { padding: 5px; text-align: center; margin: 0; text-shadow: 2px 1px 1px #808080; } .pop-up__close { background: url("http://feedback.infinity-pro.ru/images/fos_close.png") no-repeat; height: 19px; width: 20px; cursor: pointer; position: absolute; top: 9px; right: 7px; } .pop-up__form { padding: 10px 0 0; margin: 0; } .pop-up__form .form-in { position: relative; float: left; margin: 0 0 10px; padding: 0 20px; } .pop-up__form .form-in p { margin: 0; padding: 0; } .pop-up__form .form-in input, .pop-up__form .form-in textarea { border: solid 1px #ccc; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; -webkit-box-shadow: inset 0 1px 0 0px #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; clear: both; transition: all 0s; } .pop-up__form .form-in textarea { width: 384px; height: 80px; resize: none; } .pop-up__form .form-in input.error, .pop-up__form .form-in textarea.error { border-color: #f00; transition: all 0.3s; } .pop-up__form .full { width: 396px; } .pop-up__form .full input { width: 384px; } .pop-up__form .half input { width: 172px; } .pop-up__form #form-submit { /*background-color: #a08e6a; background: linear-gradient(to bottom, #fff 0%, #a08e6a 100%); border none cursor pointer*/ width: 100%; /* border-radius 3px*/ /*color #ffffff text-shadow 2px 1px 1px grey*/ float: left; clear: both; text-align: center; } .pop-up__form #form-submit div { background-color: #a08e6a; display: inline-block; background: linear-gradient(to bottom, #fff 0%, #a08e6a 100%); border: none; cursor: pointer; border-radius: 3px; color: #fff; padding: 7px 35px; text-shadow: 2px 1px 1px #808080; } .pop-up_hidden { opacity: 0; visibility: hidden; } .pop-up_visible { visibility: visible; transition-delay: 0s; } .pop-up_visible.pop-up_back { opacity: 0.5; } #captcha_picture_refresh{ cursor: pointer; }