File: /home/bk/efi/eficenter.ru/css/efi.css
* {margin:0; padding:0; border:0; outline-style:none; font-size:100%; line-height:100%; font-family:Arial}
body {background:#f0f0f0 url(../i/bg-body.png) center top}
a {color:#f25d3c}
.wrapper {width:960px; background:#fff; margin:0 auto}
.preFooter .wrapper, .preFooter {background:#333; color:#fff}
.headline {margin-top:10px; margin-bottom:12px; /*height:126px;*/ overflow:hidden}
.logo {display:block; width:124px; height:109px; float:left; margin:8px 0px 0px 27px; overflow:hidden} .logo img {vertical-align:middle}
.naviCont {width:680px; margin-right:30px; float:right; overflow:hidden} .ncInner {width:700px}
.tele {font-size:24px; line-height:30px; font-weight:bold; color:#f25d3c; text-decoration:none; text-align:right; margin:25px 0px 18px 0px}
.tele a {color:#f25d3c; text-decoration:none} .tele a:hover {text-decoration:underline}
.naviCont ul {list-style-type:none} .naviCont ul ul {display:none}
.naviCont ul li {float:right; margin-left:20px} .naviCont ul li:last-child {margin-left:0px}
.naviCont ul li a {display:block; text-transform:uppercase; text-decoration:none; color:#000; font-weight:bold; font-size:17px; line-height:30px; height:30px}
.naviCont ul li a:hover {text-decoration:underline}
.naviCont ul li.current a {color:#f25d3c}
.slogan {text-align:center; font-size:26px; font-weight:bold; padding:20px 0px; text-transform:uppercase}
.filiali {background:#262526/* url(../i/bg-filial.png) bottom repeat-x*/; color:#fff; /*height:180px*/}
.filiali::after {content:''; clear:both; display:block}
.filiali ul {list-style-type:none; padding-top:35px; display:block; padding-bottom:30px}
.filiali ul::after {content:''; display:block; clear:both}
.filiali ul li {float:left; /*width:137px;*/ /*width:160px;*//* width:190px;*/ width:20%; text-align:center}
.filiali ul li a {color:#fff; display:block; min-height:45px; line-height:45px; font-size:14px; text-decoration:none; text-transform:uppercase}
/*.filiali h4 a {padding-bottom:15px}*/
/*.filiali ul a:hover {text-decoration:underline}*/
.filial ul li {opacity:0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
.filial ul li:hover, .filial ul li.current {opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.filial ul li h4 a:hover {text-decoration:none}
.hArticles {float:right; margin-top:38px; width:602px} .hArticles h3 {display:none}
.aricleList {list-style-type:none}
.aricleList li {position:relative; width:280px; height:244px; float:left; margin-right:15px}
.aricleList a {display:block; width:280px; position:absolute; color:#fff; text-decoration:none}
.aricleList .pic {height:170px; width:280px; z-index:5}
.aricleList .pic img {vertical-align:middle}
.aricleList .title {background:url(../i/bg-title.png) no-repeat left top; height:90px; z-index:10; top:154px}
.aricleList .title span {display:block; padding:30px 20px 0px 20px; font-size:15px; line-height:20px; text-transform:uppercase}
.aricleList .title span span {padding:0px; height:40px; overflow:hidden}
.aricleList li:hover a {text-decoration:underline}
.hAbout {float:left; margin-left:27px; margin-top:38px; width:292px}
.hAbout p a:hover, .hNews p a:hover {text-decoration:none}
.hContent {padding-bottom:40px}
.hContent p {font-size:12px; line-height:16px; margin-bottom:15px}
.hContent h3, .hContent h3 a, .contentContainer h3 {font-size:15px; line-height:20px; min-height:40px; margin-bottom:20px; text-transform:uppercase; text-decoration:none; color:#f25d3c}
.hContent h3 span {color:#000}
.hMid {margin:30px 27px; padding:30px 0px; border-bottom:#ccc solid 1px; border-top:#ccc solid 1px}
.hNews {float:left; width:292px} .hNews .pic, .hNews .title {display:none}
.hNews ul {list-style-type:none}
.hNews a:hover {color:#000}
.newsGal {margin:40px 0px 20px 0px; width:100%; overflow:hidden}
.newsGal ul {margin:0px!important; list-style-type:none}
.newsGal ul li {float:left; margin:0px 31px 31px 0px; height:170px; overflow:hidden}
.newsGal ul li img {width:280px; vertical-align:middle}
.hReviews {float:right; width:575px}
.hLead {float:right; width:610px}
.hLead ul {list-style-type:none}
.hLead li {width:125px; height:180px; float:left; margin-right:27px}
.hLead a {display:block; width:125px; font-size:13px; line-height:17px; color:#000; text-transform:uppercase; text-align:center; font-weight:bold; text-decoration:none}
.hLead .pic {height:94px; width:125px}
.hLead .pic img {vertical-align:middle}
.hLead .title {padding-top:12px}
.hLead li:hover a {text-decoration:underline}
.contentContainer {padding:30px 27px; min-height:300px}
.contentContainer p {font-size:14px; line-height:20px; margin-bottom:20px}
.contentContainer ul, .contentContainer ol {margin-left:19px; margin-bottom:30px}
.contentContainer ul, .contentContainer ul.contactItems ul {list-style-type:square; margin-left:19px} .contentContainer ul ul {margin-top:15px}
.contentContainer ul.contactItems {list-style-type:none; margin-left:0px}
.contentContainer ul.contactItems li {margin-bottom:50px; padding-bottom:25px; border-bottom:#333 solid 3px}
.contentContainer ul.contactItems li:last-child {border:none}
.contentContainer li {font-size:14px; line-height:20px; margin-bottom:12px}
.contentContainer ul.contactItems li li {border:none; margin-bottom:12px; padding-bottom:0px}
.contentContainer h4 {font-size:24px; line-height:30px; margin-bottom:12px; font-weight:normal}
.contentContainer h5 {font-size:18px; line-height:24px; margin-bottom:20px; font-weight:normal}
.contentContainer table {border-top:#ccc solid 1px; border-right:#ccc solid 1px}
.contentContainer table td {border-bottom:#ccc solid 1px; border-left:#ccc solid 1px; padding:5px; font-size:14px; line-height:18px}
.contentContainer table tr:hover {background:#f5f5f5}
.brands {height:165px; width:865px; margin:0 auto} .brands img {margin-top:46px}
.preFooter {padding:25px 0px}
.tags {float:left; width:350px;/*200*/ margin-right:50px} .tags h4 {font-size:16px; line-height:20px; text-transform:uppercase; margin-bottom:15px} .tags p {font-size:12px; line-height:16px}
.counters {float:left; width:240px;/*90*/ margin-right:55px; padding-top:4px; text-align:center}
.feedBack {float:left; width:264px/*564*/}
.feedBack ul {list-style-type:none}
.feedBack ul li, .feedBack ul li a {font-size:14px; line-height:20px; font-weight:bold; color:#fff}
.feedBack ul li {margin-bottom:8px}
.feedBack ul li a:hover {text-decoration:none}
.footer {background:#181818; color:#fff; text-align:center; font-size:14px; line-height:18px; padding:25px 0px}
.frow1 {}
.frow1 .labelCont {float:left; width:200px; margin-bottom:10px}
.frow1 .inputCont {float:left}
.frow1 .textareaCont {float:left; padding-bottom:8px}
.frow1 .inputCont2 {float:left; padding-bottom:15px}
.frow1 table {margin-bottom:15px}
.frow1 label {font-size:14px; line-height:18px}
.frow1 td {padding:4px}
.frow1 tr.nonhover:hover {background:none}
.frow1 a {text-decoration:underline}
.frow1 input, .frow1 textarea, .selsel {box-shadow:0 1px 1px rgba(200,200,200,0.35), inset 0 1px 4px #a4a4a4;-moz-box-shadow:0 1px 1px rgba(200,200,200,0.35), inset 0 1px 4px #a4a4a4;-webkit-box-shadow:0 1px 1px rgba(200,200,200,0.35), inset 0 1px 4px #a4a4a4; border:#ddd solid 1px; background-color:#fff; width:490px; padding:10px; font-size:14px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; color:#000}
.preFooter .frow1 input, .preFooter .frow1 textarea, .preFooter .selsel {background-color:#444; border:#333 solid 1px; color:#b3b3b3; box-shadow:0 1px 1px rgba(68,68,68,0.35), inset 0 1px 4px #333;-moz-box-shadow:0 1px 1px rgba(68,68,68,0.35), inset 0 1px 4px #333;-webkit-box-shadow:0 1px 1px rgba(68,68,68,0.35), inset 0 1px 4px #333; width:540px;}
.frow1 input:focus, .frow1 textarea:focus, .selsel:focus {outline:0;border:1px solid #ff6633;box-shadow: 0 0 5px #ff6633;-moz-box-shadow: 0 0 5px #ff6633;-webkit-box-shadow: 0 0 5px #ff6633;}
.selsel {width:478px!important}
.frow1 input[type="radio"] {width:auto; border:none; box-shadow:none;-moz-box-shadow:nonr;-webkit-box-shadow:none;}
.frow1 input.buttan {border:none; cursor:pointer; color:#fff; background:#ff6633; width:117px; overflow:hidden; padding-top:10px; padding-bottom:10px}
.frow1 .orderButton {background:#24a700; margin-left:255px; margin-top:15px; text-decoration:none; font-size:24px; font-weight:normal; width:200px; text-align:center; line-height:40px; height:40px} .frow1 .orderButton span {font-size:24px; font-weight:normal; line-height:40px;}
.frow1 .orderButton:hover {background:#000}
.frow1 .txtInputs, .frow1 .formDescr {width:520px; float:left}
.frow1 .formDescr {margin-bottom:10px}
.frow1 .radioInputs {width:330px; float:right}
.preFooter .frow1 .txtInputs, .preFooter .frow1 .radioInputs, .preFooter .frow1 .formDescr {width:auto; float:none}
.infoMess {padding:20px; margin:45px 0px; border:#339900 solid 2px; text-align:center}
.newsList img {/*display:none*/ width:150px}
.productList img {/*display:none*/ max-width:120px; height:80px}
.products .image {float:left; margin-right:20px; margin:0px 5px 3px 0px} .products .image img {max-width:135px} .products {margin:30px 0px} .products h2 {/*font-size:17px; font-weight:bold;*/ line-height:34px; margin:0px; text-transform:none} .products h3 {font-size:14px; font-weight:normal; line-height:18px}
.portfolio-area, .portfolio-categ {list-style-type:none} .products h2, .products h3 {max-width:620px} .products .image a {text-decoration:none}
.portfolio-categ li {float:left; margin-right:20px} .portfolio-categ li:last-child {margin-right:0px}
.portfolio-categ li.active a {font-weight:bold} .portfolio-categ li {margin-bottom:30px}
.conTel {float:right; width:290px; margin-left:40px; background:url(../i/ctbg.png) repeat-x center center; border:#ccc solid 3px; padding:12px 0px}
.conTel .ctLeft {float:left; padding-left:20px; font-size:12px; line-height:40px; white-space:nowrap}
.conTel .ctRight {float:right; padding-right:20px; font-size:24px; line-height:40px; white-space:nowrap; text-align:right}
.conTel .ctRight a {text-decoration:none; color:#000} .conTel .ctRight a:hover {text-decoration:underline}
.servRight {float:right; width:250px;}
.servRight .inner {/*position:fixed;*/ width:250px; background:url(../i/ctbg.png) repeat-x center center; border:#ccc solid 3px; padding:12px 0px}
.servRight ul {list-style-type:none; margin:0px 20px}
.servRight ul li a {font-size:14px; display:inline-block; line-height:20px; font-weight:bold; text-decoration:underline}
.servRight ul li a:hover {text-decoration:none}
.servLeft {width:620px; float:left}
.img {position:relative}
.img::before {
display: block;
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 20px;
margin-top: 10px;
background: url(../i/shadow.png) no-repeat;
background-position: center 0;
}
.item .price {
float: left;
width: 50%;
margin: 30px 0 20px;
text-align: right;
color: #2b2b2b;
font-size: 20px;
line-height: 34px;
}
.btn_wrap {
float:left;
width:50%;
margin:30px 0 20px;
text-align:left
}
.btn_wrap .btn {
display:inline-block
}
.btn_wrap .btn a {
display:inline-block;
padding:1px 1px;
border-radius:3px;
color:#fff;
font-size:16px;
font-weight:bold;
font-family:Arial;
text-align:center;
cursor:pointer;
-moz-user-select:-moz-none;
-webkit-user-select:none;
user-select:none
}
.btn_wrap .btn a div {
display:inline-block;
width:100%;
padding:1px 1px;
border-radius:3px
}
.btn_wrap .btn a div span {
display:inline-block;
/*width:100%;*/
padding:5px 30px;
text-align:center;
border-radius:3px
}
@media all and (max-width:1199px) {
.btn_wrap .btn a div span {
padding:5px 25px
}
}
.btn_wrap .btn a:hover {
text-decoration:none;
}
.btn_wrap .btn a {
background:#0999b2;
background:-webkit-linear-gradient(top,#0999b2 0,#011352 100%) no-repeat;
background:-moz-linear-gradient(top,#0999b2 0,#011352 100%) no-repeat;
background:-o-linear-gradient(top,#0999b2 0,#011352 100%) no-repeat;
background:-ms-linear-gradient(top,#0999b2 0,#011352 100%) no-repeat;
background:linear-gradient(to bottom,#f1491e 0,#cf0501 100%) no-repeat
}
.btn_wrap .btn a div {
background:#00d6ef;
background:-webkit-linear-gradient(top,#00d6ef 0,#0161a1 100%) no-repeat;
background:-moz-linear-gradient(top,#00d6ef 0,#0161a1 100%) no-repeat;
background:-o-linear-gradient(top,#00d6ef 0,#0161a1 100%) no-repeat;
background:-ms-linear-gradient(top,#00d6ef 0,#0161a1 100%) no-repeat;
background:linear-gradient(to bottom,#fca875 0,#e6230e 100%) no-repeat
}
.btn_wrap .btn a div span {
background:#019fcc;
background:-webkit-linear-gradient(top,#019fcc 0,#0172ae 100%) no-repeat;
background:-moz-linear-gradient(top,#019fcc 0,#0172ae 100%) no-repeat;
background:-o-linear-gradient(top,#019fcc 0,#0172ae 100%) no-repeat;
background:-ms-linear-gradient(top,#019fcc 0,#0172ae 100%) no-repeat;
background:linear-gradient(to bottom,#f88858 0,#f25e3c 100%) no-repeat;
text-shadow:0 1px 0 #00537f
}
.btn_wrap .btn a:hover span {
background:#018dc0;
background:-webkit-linear-gradient(top,#018dc0 0,#0172ae 100%) no-repeat;
background:-moz-linear-gradient(top,#018dc0 0,#0172ae 100%) no-repeat;
background:-o-linear-gradient(top,#018dc0 0,#0172ae 100%) no-repeat;
background:-ms-linear-gradient(top,#018dc0 0,#0172ae 100%) no-repeat;
background:linear-gradient(to bottom,#f56f41 0,#ed462a 100%) no-repeat
}
.btn_wrap .btn a:active span {
background:#0172ae;
background:-webkit-linear-gradient(top,#0172ae 0,#018dc0 100%) no-repeat;
background:-moz-linear-gradient(top,#0172ae 0,#018dc0 100%) no-repeat;
background:-o-linear-gradient(top,#0172ae 0,#018dc0 100%) no-repeat;
background:-ms-linear-gradient(top,#0172ae 0,#018dc0 100%) no-repeat;
background:linear-gradient(to bottom,#f25e3c 0,#f88858 100%) no-repeat
}
.btn_wrap .btn a.red {
background:#e00505; text-transform:uppercase; font-size:18px;
background:-webkit-linear-gradient(top,#e00505 0,#760000 100%) no-repeat;
background:-moz-linear-gradient(top,#e00505 0,#760000 100%) no-repeat;
background:-o-linear-gradient(top,#e00505 0,#760000 100%) no-repeat;
background:-ms-linear-gradient(top,#e00505 0,#760000 100%) no-repeat;
background:linear-gradient(to bottom,#e00505 0,#760000 100%) no-repeat
}
.btn_wrap .btn a.red div {
background:#ffc0c0;
background:-webkit-linear-gradient(top,#ffc0c0 0,#e00505 100%) no-repeat;
background:-moz-linear-gradient(top,#ffc0c0 0,#e00505 100%) no-repeat;
background:-o-linear-gradient(top,#ffc0c0 0,#e00505 100%) no-repeat;
background:-ms-linear-gradient(top,#ffc0c0 0,#e00505 100%) no-repeat;
background:linear-gradient(to bottom,#ffc0c0 0,#e00505 100%) no-repeat
}
.btn_wrap .btn a.red div span {
background:#f30000; padding:14px 35px 12px 35px;
background:-webkit-linear-gradient(top,#f30000 0,#aa0d0d 100%) no-repeat;
background:-moz-linear-gradient(top,#f30000 0,#aa0d0d 100%) no-repeat;
background:-o-linear-gradient(top,#f30000 0,#aa0d0d 100%) no-repeat;
background:-ms-linear-gradient(top,#f30000 0,#aa0d0d 100%) no-repeat;
background:linear-gradient(to bottom,#f30000 0,#aa0d0d 100%) no-repeat;
text-shadow:0 1px 0 #6c090b
}
.btn_wrap .btn a.red:hover span {
background:#d50505;
background:-webkit-linear-gradient(top,#d50505 0,#aa0d0d 100%) no-repeat;
background:-moz-linear-gradient(top,#d50505 0,#aa0d0d 100%) no-repeat;
background:-o-linear-gradient(top,#d50505 0,#aa0d0d 100%) no-repeat;
background:-ms-linear-gradient(top,#d50505 0,#aa0d0d 100%) no-repeat;
background:linear-gradient(to bottom,#d50505 0,#aa0d0d 100%) no-repeat
}
.btn_wrap .btn a.red:active span {
background:#aa0d0d;
background:-webkit-linear-gradient(top,#aa0d0d 0,#d50505 100%) no-repeat;
background:-moz-linear-gradient(top,#aa0d0d 0,#d50505 100%) no-repeat;
background:-o-linear-gradient(top,#aa0d0d 0,#d50505 100%) no-repeat;
background:-ms-linear-gradient(top,#aa0d0d 0,#d50505 100%) no-repeat;
background:linear-gradient(to bottom,#aa0d0d 0,#d50505 100%) no-repeat
}
.developer {width:88px; margin:0 auto; padding-top:15px} .developer a {display:block; text-indent:100px; white-space:nowrap; width:88px; height:31px; overflow:hidden; background:url(../i/vladweb.png) no-repeat left top} .developer a:hover {background-position:left bottom}