body {
font-family:Verdana, Arial, Helvetica, sans-serif, PermianSlabSerifTypeface;
color:#454545;
font-size:11px;
margin:0px;
padding:0px;
background:#dcdcdc;
}
* {outline:none}
.black {color:#5c5849;}
.red {color:#db0414}
.or {color:#ff7800}
.gray {color:#8e8e8e}
textarea, input {font-size:11px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle}
select {border:1px solid #a1bedb; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle}
.inp {height:20px; padding:6px 6px 0px 6px;border:0}
.inp1 {background:url(/images/inp1.png) 0 0 no-repeat; width:158px;}
* html .inp1 {background-attachment:fixed}
* + html .inp1 {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/inp1.png', sizingMethod='crop');}
form {display:inline; margin:0px; padding:0px;}
h1, h2, h3, h4 {
padding:0px;
margin:0px 0px 0px 0px;
font-weight:normal;
display:block;
font-family:Tahoma, Arial, Helvetica, sans-serif;
}
h1 {font-size:24px; color:#08457e; line-height:24px; margin-bottom:13px; letter-spacing:0px;}
h1 a {color:#454545; text-decoration:none}
h1 a:hover {text-decoration:underline}
h2 {font-size:13px; font-weight: bold; color:#358435; line-height:19px; margin-bottom:14px; margin-top:20px;}
h3 {font-size:16px; line-height:16px; margin-top:10px; margin-bottom:6px; font-weight:bold;}
ul {margin:5px 0px 25px 0px; padding:0px 0px 0px 15px; list-style:none; display:block;}
ul li {display:block; margin:7px 0px 10px 0px; padding:1px 0px 1px 18px; background:url(/images/bullet.gif) 0px 3px no-repeat; list-style:none;}
a {color:#476bb5; cursor:pointer; text-decoration:underline}
a:hover {text-decoration:none;}
p {line-height:15px; margin:0px 0px 11px 0px; padding:0px; cursor:auto;}
/* --------------- HEADER */
.plashka-info{
height: 35px;
background: #fff url(/images/strip.jpg) left bottom repeat-x;
}
.plashka-cont{
width: 980px;
margin: 0 auto;
}
.plashka-info-tel{
color: #2f2f2f;
font-size: 17px;
font-family: Verdana;
padding: 6px 0 0 70px;
float: left;
}
.plashka-info-address{
color: #a9a9a9;
font-size: 12px;
font-family: Verdana;
padding-top: 11px;
margin-left: 20px;
float: left; }
.header {
height:135px;
width:100%;
overflow:visible;
background:url(/images/header-bg.jpg) top left repeat-x;
min-width:1000px;
}
.header-bg {background:url(/images/header-bg.gif) top left repeat-x; height:100px;}
.header-bg .kar{
height:100px;
position:relative;
}
.header .logo {
cursor:pointer;
position:absolute;
top:0px;
left:0px;
}
.header .search {
width:270px; height:30px; background:url(/images/index-srch-bg.png) 0 0 no-repeat;
padding:10px;
position:absolute;
top:272px;
right:0;
z-index:99;
}
.header .search .inp {
height:19px; width:186px; padding:7px 9px 3px 9px;
background:url(/images/srch.png) 0 0 no-repeat;
float:left;
font-size:12px; color:#65779a;
}
* html .header .search {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/index-srch-bg.png', sizingMethod='crop')}
* html .header .search .inp { background-attachment:fixed}
* + html .header .search .inp {background-image: none; background-attachment:fixed; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/srch.png', sizingMethod='crop')}
/* --------------- end of HEADER */
/* ---- MAIN MENU */
.main-menu {height:45px; padding:0; margin:0; position:absolute; right:0px; top:22px;}
.main-menu li {
padding:0; margin:0; background:url(/images/mm-div.gif) top right no-repeat;
float:left;
}
.main-menu li.right {background:none}
.main-menu li.right a {padding-right:0px}
.main-menu li a {
display:block;
height:30px;
color:#59595a;
text-decoration:none;
font-size:12px;
padding:15px 23px 0px 18px;
}
.main-menu li a:hover {color:#3a61b1}
.main-menu a.active {color:#3a61b1; font-weight:bold}
/* ---- end of MAIN MENU */
.big-block {
background:url(/images/big-bl-bg.png) top left repeat-x #ffffff;
min-width:1000px;
}
.big-block div.bg {text-align:left; background:url(/images/big-bl-c.png) top center repeat-y;}
.big-block div.t {background:url(/images/big-bl-t.jpg) top center no-repeat;}
.big-block div.b {background:url(/images/big-bg-b.png) bottom center no-repeat; padding:0 0 18px 0; position:relative;}
.big-block div.b .kar {
margin-left:0px;
padding:255px 0 0 0;
width: 980px;
}
.big-block .col {
float:left;
width:196px;
}
.big-block .col h1 {
font-size:18px;
line-height:19px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#ffffff;
text-transform:uppercase;
font-weight:bold;
padding:0;
margin:0 0 13px 18px;
letter-spacing:0;
}
.big-block .left {left:-18px; position:relative}
.big-block .col a {
display:block;
color:#f7ffeb;
font-size:12px; line-height:13px;
text-decoration:none;
padding:0px;
margin:0px 4px 0px 6px;
clear:none;
float:none;
}
.big-block .col i {
font-size:12px; line-height:13px; font-style:normal;
display:block;
clear:none;
float:none;
}
.big-block .col a i {padding:1px 12px 3px 12px;}
.big-block .col a i.t {padding:0; margin:0; width:182px; height:5px;}
.big-block .col a i.b {padding:0; margin:0; width:182px; height:5px;}
.big-block .col a:hover i {background:url(/images/gmenu-i-bg.png) top left repeat-y;}
.big-block .col a:hover i.t {height:5px; background:url(/images/gmenu-i-t.png) no-repeat;}
.big-block .col a:hover i.b {height:5px; background:url(/images/gmenu-i-b.png) no-repeat;}
/* ----- CONTENT */
.content { background:url(/images/content-top.gif) top left repeat-x #ffffff; min-width:1000px;}
.index-content {background:#ffffff}
.content .kar {
padding-top:30px;
padding-bottom: 20px;
}
.index-content .kar {padding-top:20px;}
.news h2 {margin-top:0px;}
.news h2 a { font-size:11px; line-height:18px; font-family:Verdana, Arial, Helvetica, sans-serif; display:block; padding:2px 0 0 0; color:#666666}
.news .item {
padding-bottom:20px;
padding-top: 0px;
}
.news .item a { color:#444444; font-weight:bold; display:block; margin:0 0 4px 0}
.news .item p img {float:left; width:80px !important; margin-right:10px; border:1px solid #d2d2d2; margin-top:4px;}
.bl-gr {width:100%; background:url(/images/gr-bl-bg.png) top left repeat-y; margin-bottom:20px}
.bl-gr .t {width:100%; background:url(/images/gr-bl-t.png) top left no-repeat; }
.bl-gr .b {background:url(/images/gr-bl-b.png) bottom left no-repeat; padding:1px 2px 4px 2px}
.bl-gr .b .cont {
padding:18px 20px 17px 20px;
}
.bl-gr .b .cont a {font-weight:bold;}
.clients {
width:222px; text-align:center; float:right;
margin-left:20px;
}
.clients h2 {margin:0 0 5px 0;}
.clients .images {text-align:center; width:222px; height:102px; padding:0px 0 0 0; background:url(/images/clients-bg.png) 0 0 no-repeat; overflow:hidden; position:relative;}
.clients .images img {
position:absolute;
top:10px;
left:10px;
}
.bl-graj, .bl-work {width:401px; float:left; background:url(/images/bl-graj.jpg) top left no-repeat; margin-bottom:20px;}
.bl-work {background-image:url(/images/bl-work.jpg)}
.bl-graj h2,
.bl-work h2 {
font-size:18px;
line-height:19px;
color:#ffffff;
display:block;
margin:28px 0 0px 129px;
padding:0;
}
.bl-graj ul,
.bl-work ul {
margin:20px 0 0 129px;
padding:0px;
}
.bl-graj ul li,
.bl-work ul li {
margin:6px 0 6px 0px;
}
.bl-graj ul a,
.bl-work ul a {
font-weight:bold;
text-decoration:none;
color:#606060;
}
.bl-graj ul a:hover,
.bl-work ul a:hover {
text-decoration:underline;
color:#62980b;
}
.feedback {width:260px; background:url(/images/feedback-bg.png) top left repeat-y;}
.feedback .t {width:260px; background:url(/images/feedback-t.png) top left no-repeat;}
.feedback .b {width:224px; background:url(/images/feedback-b.png) bottom left no-repeat; padding:18px 18px 16px 18px }
.feedback h2 {color:#35518b; margin:0 0 10px 0}
.page .feedback {
float:right;
}
.feedback .btn {
display:block;
border:0;
width:82px; height:23px; background:url(/images/btn-send.png) 0 0 no-repeat;
cursor:pointer;
}
.txtarea {background:url(/images/txtarea-bg.png) top left repeat-y; width:220px; margin-bottom:5px;}
.txtarea .t {background:url(/images/txtarea-t.png) top left no-repeat; width:220px;}
.txtarea .b {background:url(/images/txtarea-b.png) bottom left no-repeat; width:200px !important; padding:10px !important;}
.txtarea .b textarea {width:200px; height:80px; border:0;}
.map {
border:1px solid #cdcdcd;
width:312px;
}
.map iframe, .map img {border:1px solid #ffffff}
.map-div {float:left; margin-right:20px; margin-bottom:20px;}
/* ----- END OF CONTENT */
/* ------- PAGE */
.page {
float:right;
width:692px;
}
.page h1.tlt {
margin:0;
padding:18px 18px 25px 18px;
background:url(/images/tlt-line.gif) bottom left repeat-x;
color: #708090;
}
.page .f_left {margin-right:20px; margin-bottom:15px;}
.page .f_right {margin-left:20px; margin-bottom:15px;}
.bl-gr .feedback .b, .bl-gr .feedback, .bl-gr .feedback .t {background:none; padding:0; margin:0; width:auto}
.bl-gr .feedback {width:auto; clear:both; float:none; }
.bl-gr .feedback h2 {display:none}
.bl-gr .feedback .inp1 {
width:358px;
display:block;
margin-top:2px;
clear:both;
background-image:url(/images/inp2.png);
}
* html .inp1 {background-attachment:fixed}
* + html .bl-gr .feedback .inp1 {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/inp2.png', sizingMethod='crop');}
.bl-gr .feedback .txtarea {background:url(/images/txtarea2-bg.png) top left repeat-y; width:370px; margin-bottom:5px;}
.bl-gr .feedback .txtarea .t {background:url(/images/txtarea2-t.png) top left no-repeat; width:370px;}
.bl-gr .feedback .txtarea .b {background:url(/images/txtarea2-b.png) bottom left no-repeat; width:350px !important; padding:10px !important;}
.bl-gr .feedback .txtarea .b textarea {width:350px; height:150px; border:0;}
/* ------- end of PAGE */
/* ------------- PANEL */
.lp {
float:left;
width:260px;
}
.lp h2 {color:#34518b}
.lp .search {
width:240px; height:60px; background:url(/images/srch-left.png) 0 0 no-repeat;
padding:10px;
margin-bottom:20px;
}
.lp .search p b {color:#ffffff; font-size:13px; line-height:14px;}
.lp .search .inp {
height:19px; width:157px; padding:7px 9px 3px 9px;
background:url(/images/srch.png) 0 0 no-repeat;
float:left;
font-size:12px; color:#65779a;
}
* html .lp .search .inp { background-attachment:fixed}
* + html .lp .search .inp {background-image: none; background-attachment:fixed; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/srch.png', sizingMethod='crop')}
.lm {width:260px; background:url(/images/lmenu-bg.png) 0 0 repeat-y; margin-bottom:20px;}
.lm .t {width:260px; background:url(/images/lmenu-t.png) 0 0 no-repeat;}
.lm .b {width:260px; background:url(/images/lmenu-b.png) bottom left no-repeat;}
.lm ul { display:block; padding:10px 10px 14px 10px; margin:0; width:221px;}
.lm ul li { display:block; padding:0; margin:0; background:none; width:241px;}
.lm ul li a { font-size:12px;
color:#f5ffe4;
font-weight:bold;
text-decoration:none;
width:241px;
display:block;
padding:0; margin:0;
}
.lm ul li a i {font-style:normal; display:block;}
.lm ul li a i span {
display:block;
position:absolute;
top:3px; left:12px;
height:11px; width:8px; background:url(/images/lm-bullet.gif) top left no-repeat;
}
.lm ul li a i {padding:1px 12px 3px 30px; position:relative;}
.lm ul li a i.t {padding:0; margin:0; width:241px; height:4px; background:none;}
.lm ul li a i.b {padding:0; margin:0; width:241px; height:4px; background:none;}
.lm ul li a:hover {color:#ffffff;}
.lm ul li a:hover i span {background-position:bottom left}
.lm ul li a:hover i {background:url(/images/lm-i-bg.png) top left repeat-y;}
.lm ul li a:hover i.t {height:4px; background:url(/images/lm-i-t.png) no-repeat;}
.lm ul li a:hover i.b {height:4px; background:url(/images/lm-i-b.png) no-repeat;}
.lm ul li a.current {color:#406701;}
.lm ul li a.current i span {background-position:center left}
.lm ul li a.current i {background:url(/images/lm-i-bg-a.png) top left repeat-y;}
.lm ul li a.current i.t {height:4px; background:url(/images/lm-i-t-a.png) no-repeat;}
.lm ul li a.current i.b {height:4px; background:url(/images/lm-i-b-a.png) no-repeat;}
/* ------------- end of PANEL */
/* ----------- FOOTER */
.footer {background:url(/images/footer-bg.png) top left repeat-x; min-width:1000px;}
.footer .col {
float:left;
margin:30px 12px 20px 0;
width:160px;
}
.footer .col ul {
margin:0;
padding:0;
}
.footer .col ul li {background:url(/images/arrow.gif) 0 5px no-repeat; padding-left:14px}
.footer .col2, .footer .col3 {
width:232px;
}
.footer .col2 a, .footer .col3 a {font-weight:bold;}
.footer a {
color:#5c5849;
}
.footer .address {
float:right;
margin:30px 0px 0px 0px;
width:260px;
line-height:15px;
}
.footer .copyright {
float:left;
width:403px;
margin:10px 0px 20px 0;
padding-right: 12px;
}
.footer .counters {
float:left;
margin:10px 0px 20px 0;
width: 280px;
}
.footer .counters img {margin-bottom:5px;}
.footer .design {
float:right;
margin:10px 0px 20px 0px;
width:260px;
color:#636363;
line-height:15px;
}
.footer .design a {color:#636363}
/* ----------- end of FOOTER */
img {border:none; margin:0px; padding:0px; vertical-align:middle}
.f_left {float:left !important}
.f_right {float:right !important}
.check {vertical-align:middle; margin-right:3px;}
.clear {clear:both; height:2px; width:100%;}
table {margin-bottom:0px; padding:0px;}
.mar-left {margin-left:20px;}
.mar-right {margin-right:20px;}
small, .small {font-size:10px; line-height:13px !important;}
small p, .small p {line-height:13px;}
.f18 { font-size:18px; line-height:20px;}
.f22 { font-size:22px; line-height:24px;}
form {display:inline; margin:0px; padding:0px;}
.pad5 {margin-bottom:5px;}
.pad10 {margin-bottom:10px;}
.pad15 {margin-bottom:15px;}
.pad20 {margin-bottom:20px;}
.pad30 {margin-bottom:30px;}
.pad40 {margin-bottom:40px;}
.dev5 {height:5px; clear:both}
.dev10 {height:10px; clear:both}
.dev15 {height:15px; clear:both}
.dev20 {height:20px; clear:both}
.dev30 {height:30px; clear:both}
.dev40 {height:40px; clear:both}
.kar {
width:980px;
text-align:left;
overflow:visible;
}
hr {height:2px; border:0; width:100%; padding:0; margin:10px 0px 10px 0px; clear:both; background:url(/images/div-h.jpg) top left repeat-x; background-color:none;}