@charset "UTF-8";
/* CSS Document */

body
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	/*color: #aeacac;*/
	color:#D9D6D6;
	padding: 0px;
	margin: 0px;
	background-color: #242327;
	text-align: center;
}

h1, h2, h3, h4
{
	font-family: Tahoma, Geneva, sans-serif; 
	color: #fff;
}

h1, h2
{
}

a, a:link, a:visited
{
	color:#f5f5f5;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

form
{
	padding: 0px;
	margin: 0px;
}

fieldset
{
	border: none;
	border-color: transparent;
}

img
{
	border: none;
}

p
{
	margin: 5px 0px;
}

/* = Wrapper
---------------------------------------------
---------------------------------------------
---------------------------------------------*/

#wrapper
{
	margin: 0 auto;
	min-width: 1000px;
	max-width: 1260px;
	text-align: left;
}

* html #wrapper
{
	width: 1000px;
}

div.home div.wrap-a
{
	background: url(../i/bkg_index_top.jpg) left top repeat-x;
}

div.home div.wrap-b
{
	background: url(../i/bkg_border_left.jpg) -3px top repeat-y;
}

div.home div.wrap-c
{
	background: url(../i/bkg_border_right.jpg) right top repeat-y;
}

div.home div.wrap-d
{
	background: url(../i/bkg_indx_left.jpg) left top no-repeat;
}

div.home div.wrap-e
{
	background: url(../i/bkg_indx_right.jpg) right top no-repeat;
}

div.home div.wrap-f
{
	background: url(../i/logo.png) 33% 250px no-repeat;
}

* html div.home div.wrap-f
{
	behavior: url(../i/iepngfix.htc);
}

div.home div.wrap-j
{
	background: url(../i/bkg_journal.png) right 150px no-repeat; 
}

* html div.home div.wrap-j
{
	behavior: url(../i/iepngfix.htc);
}


div.page div.wrap-a
{
	background: url(../i/bkg_page_top.jpg) left top repeat-x;
}

div.page div.wrap-b
{
	background: url(../i/bkg_border_left.jpg) -3px top repeat-y;
}

div.page div.wrap-c
{
	background: none;
}

div.page div.wrap-d
{
	background:  url(../i/bkg_page_left.jpg) -2px top no-repeat;
}

div.page div.wrap-e
{
	background: url(../i/bkg_page_right.jpg) right top no-repeat;
}

div.page div.wrap-f
{


}


div.page div.wrap-j
{
	
}

/* = Wrapper
---------------------------------------------
---------------------------------------------
---------------------------------------------*/

div.home #header
{
	height: 250px;
	background: url(../i/logo_index.png) left top no-repeat;
	
}

div.page #header
{
	height: 160px;
	background: url(../i/logo_page.png) left top no-repeat;
	position: relative;
}



* html div.home #header
{
	behavior: url(../i/iepngfix.htc);
}

* html div.page #header
{
	behavior: url(../i/iepngfix.htc);
}

div.home #logo
{
	float: left;
	display: inline;
	width: 280px;
	margin-left: 120px;
	height: 100px;
}

div.page #logo
{
	float: left;
	display: inline;
	width: 280px;
	margin-left: 120px;
	height: 100px;
}

#logo a
{
	display: block;
	height: 100%;
}

#about
{
	color: #1c1616;
	float: right;
	display: inline-block;
	width: 420px;
	text-align: center;
	margin: 38px 75px 0px 0px;
	line-height: 1.5;
}

* html #about
{
	margin-right: 38px;
}

#about p
{
	margin: 0px;
}

div.home #address
{
	float: left;
	clear: left;
	width: 400px;
	color: #FFF;
	margin-left: 34px;
	line-height: 1.5;
	font: bold 16px Verdana;
}

* html div.home #address
{
	margin-left: 16px;
}


div.home #address address
{
	padding-top: 40px;
	font-style: normal;
}


div.page #address
{
	width: 450px;
	color: #FFF;
	line-height: 1.5;
	margin-left: 40px;
}

* html div.page #address
{
	margin-top: -15px;
}


div.page #address div.phone
{
	padding-top: 0px;
	font-style: normal;
	float: right;
	width: 50%;
	margin-top: -15px;
}

* html div.page #address div.phone
{
	margin-top: 0px;
}

div.page #address address
{
	padding-top: 55px;
	font-style: normal;
	float: left;
	width: 40%;
	margin-top: -19px;
}

* html div.page #address address
{
	margin-top: -4px;
}

#menu
{
	display: table;
	width: 100%;
	clear: both;
	padding-top: 5px;
}

#menu ul
{
	padding: 0px 20px 0px 0px;
	float: right;
	margin: 0px;
	list-style: none;
}

#menu li
{
	float: left;
	padding: 5px 20px;
	background: url(../i/separator_menu_top.jpg) left center no-repeat;
}

#menu li a, #menu li a:link, #menu li a:visited
{
	text-decoration: none;
}

#menu li.first
{
	background: none;
}

/* = Middle
---------------------------------------------
---------------------------------------------
---------------------------------------------*/

div.home #middle 
{
	width: 100%;
	height: 1%;
}

div.home #middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

div.home #middle-wrap
{
	padding-top: 0px;
}

div.home #content
{
	width: 100%;
	float: left;
	overflow: hidden;
}

div.home #content-wrap 
{
	padding: 300px 360px 0px 100px;
}

div.home #left
{
	float: left;
	width: 200px;
	margin-left: -100%;
	position: relative;
}

div.home #right
{
	float: left;
	margin-right: -3px;
	width: 340px;
	margin-left: -340px;
	display: table;
}

div.home #left div.wrap-a
{
	background: none;
	padding: 30px 0px 20px 40px;
}

div.home #left div.wrap-b
{
	background: none;
}

div.home #left div.wrap-a ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

div.home #left div.wrap-a li
{
	padding: 4px 3px 3px 3px;
	background: url(../i/separator_menu_left.jpg) left bottom no-repeat;
}

div.home #left div.wrap-a li a
{
	text-decoration: none;
}

div.home #right div.wrap-a
{
	background: url(../i/bkg_menu_s_right.jpg) right 190px no-repeat;
}

div.home #right div.wrap-b
{
	padding: 50px 40px 150px 100px;
	background: none;
	background: url(../i/bkg_menu_s_right_bot.jpg) right bottom no-repeat;
}

div.home #right div.wrap-a ul
{
	color: #FFF;
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

div.home #right div.wrap-a li
{
	padding: 2px;
}

div.home #right div.wrap-a li ul
{
	padding: 0px 15px;
	margin-left: 10px;
	list-style: disc;
	font-weight: normal;
}

div.home #right div.wrap-a ul a
{
	text-decoration: none;
}

div.home #right div.wrap-a ul a:hover
{
	text-decoration:underline;	
}

div.page #middle 
{
	width: 100%;
	height: 1%;
}

* html div.page #middle 
{
	margin-top: -20px;
}

div.page #middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

div.page #middle-wrap
{
	padding-top: 0px;
}

div.page #content
{
	width: 100%;
	float: left;
	overflow: hidden;
}

div.page #content-wrap 
{
	padding: 40px 60px 0px 360px;
}

div.page #left
{
	float: left;
	width: 340px;
	margin-left: -100%;
	position: relative;
}

div.page #left div.wrap-a
{
	background: url(../i/bkg_menu_s_left.jpg) -3px 190px no-repeat;
}

div.page #left div.wrap-b
{
	padding: 50px 100px 150px 40px;
	background: none;
	/*background: url(../i/bkg_menu_s_left_bot.jpg) -3px bottom no-repeat;*/
}

div.page #left div.wrap-a ul
{
	color: #FFF;
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

div.page #left div.wrap-a li
{
	padding: 2px;
}

div.page #left div.wrap-a li ul
{
	padding: 0px 15px;
	margin-left: 10px;
	list-style: disc;
	font-weight: normal;
}

div.page #left div.wrap-a ul a
{
	text-decoration: none;
}

div.page #left div.wrap-a ul a:hover
{
	text-decoration: underline;
}


div.page div.content
{
	padding-bottom:15px;
}

div.page div.content p
{
	margin: 15px 0px;
}

div.page div.content h1
{
	margin: 10px 0px 20px 0px;
	font-size: 16px;
	/*text-transform:capitalize;*/
}

div.page div.content h2
{
	margin: 10px 0px 20px 0px;
	font-size: 15px;
}

div.page div.content h3
{
	margin: 10px 0px 15px 0px;
	font-size: 14px;
}

div.page div.content h4
{
	margin: 10px 0px 10px 0px;
	font-size: 12px;
}


#content div.gallery
{
	display: table;
	width: 100%;
}

#content div.gallery div.work
{
	float:left;
	width: 25%;
	background:url(../i/bkg_work.gif) center center no-repeat;
	height: 145px;
	text-align: center;
}

#content div.gallery div.work img
{
	width: 119px;
	height: 119px;
	position: relative;
	top: 13px;
}

#content div.gallery div.title
{
	float:left;
	width: 25%;
	background: url(../i/bkg_works.jpg) center center no-repeat;
	height: 145px;
}


/* = Foooter
---------------------------------------------
---------------------------------------------
---------------------------------------------*/

#footer
{
	padding: 0px 40px 0px 37px;
}

#footer div.wrap-a
{
	background-color: #000;
	background-image: none;
	padding: 0px;
	display: table;
	width: 100%;
	height: 76px;
}

#footer div.logo
{
	background: url(../i/logo_footer.jpg) center center no-repeat;
	width: 210px;
	height: 76px;
	float: right;
	display: inline;
	margin-right: 20px;
}

#footer div.logo a
{
	display: block;
	height: 100%;
}

#footer div.copy
{
	width: 410px;
	height: 76px;
	float: left;
	display: inline;
	margin-left: 20px;
	margin-top:-20px;

}

#footer div.copy a
{
	text-decoration:none;
}

#footer div.copy a:hover
{
	text-decoration:underline;
}

#footer div.copy1
{
	width: 200px;
	height: 35px;
	float: left;
	display: inline;
	margin-left: 20px;
	margin-top:36px;

}

#footer div.copy p
{
	margin: 0px;
	padding-top: 40px;
}

#a__body_sec_body_content img, #a__body_production_content img
{
	margin:0 6px 4px; 0;
}



/* ------------- FORM --------------------- */

/* ------------ Error message -------------------*/
div.error {color: red; font-size: 11px;}

.form {width:600px;margin-left:75px;}
.form .item{/*background: #E3F3FF;*/ margin-bottom:1px; padding: 1px;  width:600px;  position: relative; /*z-index:4;*/}
.form .radio{ margin-bottom:1px; padding: 0;  width: 600px;  position: relative; /*z-index:4;*/}
.form .item img{margin:5px 0px 0 0px !important; margin/**/:5px 0px 0 0px; bordeR: solid 1px gray;}

.form .title{font-weight: normal; text-align: right; float: left; width: 220px; border-rigt: solid 1px white; margin: -5px 5px -5px 0; height: 100%; padding: 10px 5px 7px 5px; background: none; color: white; color:white !important;
font-size:12px;}
.form .t_textarea{height:67px}
.form .t_capth{height:50px}
.form .field{float:left;width:250px;}
.form .field input{width:286px !important; width/**/:286px; border: solid 1px gray; font-size:12px; font-family: Arial, Verdana;}
.form .field textarea{width:286px !important; width/**/:276px; height:52px; border: solid 1px gray; font-size:12px; font-family: Arial, Verdana;}

.form .field select{border: 1px solid gray;width:288px;}

.form .radio .field .button {text-align:left;}
.form .radio .field .button .label{padding-top: 1 !important; padding-top/**/: 2px;}
.form .radio .field .button input {width:20px !important;float:left;border:none; padding-left: 0; margin-left: 0;}

.form .buttons{padding:5px 0 5px 0px; padding-left: 238px; width:250px;}
.bt_back, .bt_long {border:0; background: url(../i/bt_blue.gif) no-repeat; width: 123px; height:25px; color: white; margin: auto;}
.form .buttons input{width:120px; background: #747791; color: white; cursor: pointer;}

.form .cgray div.error{position: absolute; bottom:0px; left: 70px;}
.form div.error{position: absolute; left:400px; bottom:0px; background: #D60707; color: white; z-index: 700; padding: 1px 3px; border: solid 1px white; height: 14px;-moz-opacity:0.85; filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=0.85); white-space: nowrap;}



/* ------------ Message -------------------------*/
.message {width: 80%; border: 1px solid #e5e5e5; padding: 5px; margin: 10px 0 10px 40px; color: #1F3C06; /*font-size: 12px;*/ text-align: center}
.message_red {color: red !important;}
.message_fail {color: #A00000 !important;}
.message_success {color: #00A000 !important;}


.form .file-red {display: inline;}
.form .file-ajax {float:left; display:none;}
.form .file-ajax .monitor {float: left; color: #444; width: 150px; border: 1px solid #222; height: 14px; margin: 3px 2px 3px 2px; padding: 2px;}
.form .file-ajax .iframe {float: left; padding: 2px 0 0 5px;}
.form .file-ajax .button {width: 50px; margin-left: 5px;}
.form .file-ajax .file-loading {display: none; color: #666; padding: 1px 0 0 10px;}
.form .file-ajax .file-loading div {color: #666; padding: 1px 0 0 10px;}
.form .file-ajax .file-loading img {float: left; color: #666; padding: 0 5px 2px 10px;}
.form .file-ajax .file-done {display: none; height: 17px; color: green; margin: 0 0 0 10px;}
.form .preview {float:left; padding: 5px 0 0 5px;}
.form .preview div {float:left; margin-right:5px; color: #888;}
.form .preview img {float:left; margin-bottom: 5px;}

/* CLEARFIX */ 
.clear, .clr {
	clear:both;
	height:1px;
	font-size:1px;
}

div.flash-main-out{

	width:300px;
	left:310px;
	top:91px;
	position:relative;
	height:0px;
}

#flash-main {
	position:relative;
	z-index:49;
	background: transparent url("../i/blank.gif") repeat scroll 0% 0%;
}


#podushka
{
	float:left;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:5px;
}

#podushka .p_left
{
	background: url("../i/podushka_l.png") no-repeat;
	width: 22px;
	height: 300px;
	float:left;
}

#podushka .p_centr
{
	background: url("../i/podushka_c.png") no-repeat;
	width: 235px;
	height: 300px;
	float:left;
}

#podushka .p_centr table
{

	width: 100%;
	padding-top:15px;
}
 
#podushka .p_centr table td
{
	vertical-align:middle !important;
	text-align:center !important;
}

#podushka .p_centr img
{
	width:230px;
}


#podushka .p_centr table td.p_title
{
	vertical-align:top !important;
	text-align:center !important;
}
#podushka .p_centr table td.p_title a
{
	color:black;
	font-weight:bold;
	text-decoration:none;

}

#podushka .p_centr table td.p_title a, #podushka .p_centr table a
{
	padding:0px;
}

#podushka .p_centr div
{
	font-size:11px;
	font-weight:bold;
	text-align:center;
	width:100%;
}

#podushka .p_right
{
	background: url("../i/podushka_r.png") no-repeat;
	width: 22px;
	height: 300px;
	float:left;
}


#content div.news
{
	margin: 0px 0px 10px 0px;
}

#content div.news .title
{
	padding: 0px 0px 0px 0px;
}

#content div.news .brief
{
	padding: 0px 0px 0px 0px;
}

#content div.news a, #content div.news a:link, #content div.news a:visited
{
	font-weight: bold;
	text-decoration:none;
}

#content div.news a:hover
{
	text-decoration:underline;
}

#content p.data
{
	font-weight: bold;
}

#content div.news p
{
	padding-left: 10px;
}

#content div.news p.data
{
 	font-size: 14px;
	padding-left: 0px;
}

/*-- pagination --*/
.pagination {float: left; padding:7px 10px 0 0 !important;}
.pagination .page {float: left; font-size:12px; margin: 2px 2px 0 7px !important;}
.pagination .num {float: left; margin: 2px 2px 0 2px !important; font-size:12px;}
.pagination .num a {color:#757575; text-decoration: none; font-weight: normal;}
.pagination .num a:hover {color:#757575; text-decoration: underline !important;}
.pagination .per-page {float: left; margin: 2px 2px 0 20px !important; color:#757575; font-size:12px;}
.pagination select {margin: 0 0 0 7px !important;}
/*-- pagination --*/


table.tbl
{
	border-collapse:collapse;
	margin:15px 0px;
}

table.tbl td{
border:1px solid #B8B7B7;
padding:2px;
font-size:12px;
}

.lnks
{
	margin-left:15px;
	margin-top:8px;
}


#a__body_sec_body_sitemap  .item img{margin:2px 4px 3px 0px;}
#a__body_sec_body_sitemap  a {font-size:11px;text-decoration:none; padding: 0 0 0 20px}
#a__body_sec_body_sitemap  .subitem {padding-left: 10px;}
#a__body_sec_body_sitemap  .subitem  .item .subitem {padding-left: 10px;}
#a__body_sec_body_sitemap  .subitem  .item .subitem a{padding-left:20px;}
#a__body_sec_body_sitemap  a:hover {text-decoration:underline}
#a__body_sec_body_sitemap  .a.level1 {margin: 1px 0 4px 0 !important;padding-top:3px;}
#a__body_sec_body_sitemap  .level1 a {font-weight: bold; padding-left: 5px !important; font-size: 12px; }
#a__body_sec_body_sitemap  .level2 a { font-weight: normal; padding-left: 5px !important; font-size: 12px;}
#a__body_sec_body_sitemap  .level3 a { padding-left: 5px !important; font-size: 12px;}
#a__body_sec_body_sitemap  .level4 a {padding-left: 5px !important; font-size: 12px;}
#a__body_sec_body_sitemap  .level5 a {padding-left: 5px !important; font-size: 12px;}
#a__body_sec_body_sitemap  a img {display:inline; border:none;}

/*new*/

div.home #content-wrap 
{
	padding: 175px 365px 0px 230px;
}

div.company-banners
{
	display: table;
	width: 100%;
	margin-bottom: 30px;
}

div.company-banners div.img-block
{
	float: left;
	width: 33%;
	text-align: center;
}

div.company-banners div.img-block img
{
	width: 100%;
	max-width: 206px;
}
        
div.black-box
{
	background: #000 url(../i/corner-black-l.jpg) left bottom no-repeat;
	margin-bottom: 30px;
	color: #aeacac;
}

div.black-box-a
{
	background:url(../i/corner-black-r.jpg) right bottom no-repeat;
}

div.black-box-b
{
	
	background: url(../i/grey.jpg) left top repeat-x;
}

div.black-box-c
{
	background: url(../i/corner-grey-l.jpg) left top no-repeat;
}

div.black-box-d
{
	background: url(../i/corner-grey-r.jpg) right top no-repeat;
	padding: 10px 20px 15px 20px;
}

div.black-box h2
{
	margin: 0px;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 20px;
	color: #fff;
}

div.black-box div.slider
{
	padding: 0px 15px 0px 15px;
	position: relative;
}

div.black-box div.slider-a
{
	overflow: hidden;
}

div.black-box div.slider table
{
}

div.black-box div.slider td
{
	padding: 3px;
}

div.black-box div.slider td img
{
}

div.black-box div.slider a.arr-left
{
	background:url(../i/arr-left.gif) center center no-repeat;
	width: 14px;
	height: 14px;
	left: -9px;
	top: 72px;
	display: block;
	z-index: 10;
	position: absolute;
}

div.black-box div.slider a.arr-right
{
	background:url(../i/arr-right.gif) center center no-repeat;
	width: 14px;
	height: 14px;
	right: -9px;
	top: 72px;
	display: block;
	z-index: 10;
	position: absolute;
}

div.black-box div.review
{
	margin-bottom: 16px;
}

div.black-box div.review p
{
}

div.black-box div.review span.author, div.review2 span.author
{
	color: #ff0b00;
}

div.review2
{
	margin-bottom: 10px;
}

div.review2 p
{
	margin:5px 0px !important;
}

.rtitle
{
	font-size: 16px;
    font-weight: bold;
	font-family: Tahoma;
	margin-top:30px;
}


div.black-box a.red-button
{
	background:url(../i/button-comment.jpg) left top no-repeat;
	width:147px;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	padding: 10px 0px 14px 0px;
	font-size: 14px;
	text-decoration: none;
	margin-top: 12px;
	font-weight:bold;
}



div.btn-zajavka
{
	text-align:center;
	 

}
div.btn-zajavka a.red-button2
{
	background:url(../i/btn-zajavka.png) left top no-repeat;
	width:223px;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	padding: 21px 0px 14px 0px;
	font-size: 14px;
	text-decoration: none;
	margin-top: 12px;
	height:24px;
	font-family:Arial;
	font-weight:bold;
}

div.black-box a.red-button:hover, div.btn-zajavka a.red-button2:hover
{
	color:#F5FF8A;
}