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 */

.header {
	height:100px;
	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;}

