/* Ãëàâíûé ôàéë ñòèëåé */

dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote {margin: 0; padding: 0;}
img{border:0;}

.clear_after:after {font-size:0;display:block;visibility:hidden;clear:both;height:0;content:".";line-height:0;}

a {color:#68676c;}
a:hover{color:#68676c; text-decoration: none;}

body{
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #68676c;
padding: 50px 0 0;
}


.hidden {visibility: hidden;}


/*?=wrap
------------------- */
.wrap {width:767px; margin: 0 auto; position:relative;}
.wrap .lang {
position: absolute; z-index: 10; top: 55px; right: 40px;	
}
.wrap .lang .left {
margin-right: 20px;	
}



/*?=header
------------------- */
.header {height: 130px; border-right: 131px solid #E3E5E6; overflow: hidden; }
.logo {float: left; width:348px; height: 93px; float: left;}
.logo_title_holder {float: left; width: 190px; padding: 0 0 0 50px;}
.logo_title {color: #0b4e96; text-transform: uppercase; font-size: 15px; font-weight: bold; margin: 0 0 11px; }
.logo_title img {vertical-align: top;}
.logo_title_text {}

/*?=header_image
------------------- */
.header_image {height:207px; overflow: hidden;  position: relative;}
.header_image img {vertical-align: top;}
.header_image_title {position: absolute; left: 378px; top:0; width:129px; height: 76px;}
.header_image_icon {position: absolute; background:#004E96; left: 508px; top: 0; width:129px; height: 76px;}
.header_image_icon img {position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -9px;}

/*?=menu
------------------- */
.menu {height: 64px; overflow: hidden;  padding: 0 0 50px;}
.menu ul {list-style: none; padding: 0; margin: 0 0 0 -1px; overflow: hidden; }
.menu ul li {float: left; height:34px; overflow: hidden;  padding: 0 0 0 1px;}
.menu ul li a {float: left;height:34px; overflow: hidden;  background-image: url('menu.jpg'); background-repeat: no-repeat;}
.menu ul li a.about {background-position: 0 top; width: 100px;}
.menu ul li a.about:hover,
.menu ul li a.about_active {background-position: 0 -34px; width: 100px;}

.menu ul li a.price {background-position: -101px top; width: 101px;}
.menu ul li a.price:hover,
.menu ul li a.price_active {background-position: -101px -34px; width: 101px;}

.menu ul li a.production {background-position: -203px top; width: 101px;}
.menu ul li a.production:hover,
.menu ul li a.production_active {background-position: -203px -34px; width: 101px;}

.menu ul li a.gallery {background-position: -305px top; width: 101px;}
.menu ul li a.gallery:hover,
.menu ul li a.gallery_active {background-position: -305px -34px; width: 101px;}

.menu ul li a.news {background-position: -406px top; width: 101px;}
.menu ul li a.news:hover,
.menu ul li a.news_active {background-position: -406px -34px; width: 101px;}

.menu ul li a.dealers {background-position: -508px top; width: 125px;}
.menu ul li a.dealers:hover,
.menu ul li a.dealers_active {background-position: -508px -34px; width: 125px;}

.menu ul li a.contacts {background-position: -634px top; width: 132px;}
.menu ul li a.contacts:hover,
.menu ul li a.contacts_active {background-position: -634px -34px; width: 132px;}

/*?=content
------------------- */
.content {overflow: hidden;  padding: 0 0 40px;}
.content_in {overflow: hidden; }
.main {float: left; width: 100%; overflow: hidden;}
.main_in {margin: 0 0 0 227px; position: relative; min-height: 500px; height: auto !important; height: 500px;}
.sidebar {display: inline; float: left; width: 191px; overflow: hidden; margin: 0 0 0 -100%;}

.sidebar_menu {overflow: hidden;  padding: 0 0 20px;}
.sidebar_menu ul {list-style: none; padding: 0; margin: -2px 0 0;}
.sidebar_menu ul li {overflow: hidden;  vertical-align: top; border-top: 2px solid #C3C6C8;}
.sidebar_menu ul li a {display: block; overflow: hidden;  padding: 8px; color:#68676C; text-decoration: none;}
.sidebar_menu ul li a:hover {background:#EDEEEF; color:#68676C; text-decoration: none;}
.sidebar_menu ul li a.active {background:#C3C6C8; color:#fff; text-decoration: none;}
.sidebar_menu ul li a.active:hover {background:#C3C6C8; color:#fff; text-decoration: none;}

.sidebar_menu ul ul{background:#F2F3F5; }
.sidebar_menu ul ul li{background:#F2F3F5 url('buls/ul_ul.gif') no-repeat;}
.sidebar_menu ul ul li a {display: block; overflow: hidden;  padding: 8px 8px 8px 18px; color:#68676C; text-decoration: none;}
.sidebar_menu ul ul li a:hover {background:#C3C6C8 url('buls/ul_ul-h.gif') no-repeat; text-decoration: none;color:#68676C; }
.sidebar_menu ul ul li a.active {background:#C3C6C8 url('buls/ul_ul-h.gif') no-repeat; text-decoration: none;color:#68676C; }
.sidebar_menu ul ul li a.active:hover {background:#C3C6C8 url('buls/ul_ul-h.gif') no-repeat; text-decoration: none;color:#68676C; }

.sidebar_menu ul ul ul li{background:#F2F3F5 url('buls/ul_ul_ul.gif') no-repeat;}
.sidebar_menu ul ul ul li a {display: block; overflow: hidden;  padding: 8px 8px 8px 32px; color:#68676C; text-decoration: none; font-size: 11px;}
.sidebar_menu ul ul ul li a:hover {background:#C3C6C8 url('buls/ul_ul_ul-h.gif') no-repeat; text-decoration: none;color:#68676C; }
.sidebar_menu ul ul ul li a.active {background:#C3C6C8 url('buls/ul_ul_ul-h.gif') no-repeat; text-decoration: none;color:#68676C; }
.sidebar_menu ul ul ul li a.active:hover {background:#C3C6C8 url('buls/ul_ul_ul-h.gif') no-repeat; text-decoration: none;color:#68676C; }
/*?=footer
------------------- */
.footer{padding:0 0 20px;overflow:hidden; font-size:11px;}
.footer_in{margin:0 0 0 -7px; overflow:hidden; }
.foot1, .foot2, .foot3, .foot32, .foot33{display:inline; float:left; padding-left:12px;height:107px; margin:0 0 0 7px;}
.foot1{background: #999 url('footer/foot1.jpg') no-repeat;width:208px;color:#fff;padding-left:12px;}
.foot2{background: #ddd url('footer/foot2.jpg') no-repeat;width:207px;color:#818186;}
.foot3,.foot32,.foot33{background: #ddd url('footer/foot31.jpg') no-repeat;width:302px;color:#fff;}
.foot32{background: #69c url('footer/foot32.jpg') no-repeat;}
.foot33{background: #b6cc29 url('footer/foot33.jpg') no-repeat;}
.foot33 a, .foot1 a, .foot32 a, .foot3 a{color:#fff;}
.foot33 a:hover, .foot32 a:hover, .foot1 a:hover, .foot3 a:hover{color:#fff;}
.foot-title{font-size:13px;font-weight:bold;margin-top:10px;margin-bottom:9px;}
.foot-text1{width:190px;margin-bottom:8px;}
.foot-text2{width:100px;margin-bottom:8px;color:#818186;}
.foot-text3{width:160px;margin-bottom:8px;color:#fff;}


/*?=Content
------------------- */
#Content {}
#Content p {padding: 0 0 20px; line-height: 18px;}
#Content p img {vertical-align: top;}
#Content p em {font-size: 10px;}

#Content b a {color:#004E96;}
#Content b a:hover {color:#004E96;}

#Content h1,
#Content h2,
#Content h3,
#Content h4,
#Content h5,
#Content h6 {color:#004E96; padding: 0 0 20px; font-weight: normal;}

#Content h1 {font-size: 17px;}
#Content h2 {font-size: 16px;}
#Content h3 {font-size: 16px;}
#Content h4 {font-size: 14px;}
#Content h5 {font-size: 14px;}
#Content h6 {font-size: 12px; color:#68676c; text-decoration: underline; padding: 0 0 5px;}

#Content h2.icon_bubble {padding: 0 0 25px 28px; background: url('icon_bubble.jpg') left top no-repeat;}
#Content p.icon_file {padding: 0 0 25px 28px; background: url('icon_file.jpg') left top no-repeat; width: 298px;}
.icon_arrow1 {padding: 0 0 0 22px; background: url('buls/arrow1.jpg') left 2px no-repeat;}
.icon_arrow2 {padding: 0 0 0 22px; background: url('buls/arrow2.jpg') left 2px no-repeat;}

#Content ul,
#Content ol {padding: 0 0 25px 2em; margin: 0;}

#Content ul li,
#Content ol li {padding: 0 0 5px;}

#Content ul ul,
#Content ol ol {padding: 5px 0 0 2em;}

.list {padding: 0 0 25px; line-height: 18px;}

#Content table {border-collapse: collapse; margin: 0 0 16px -1px;}
#Content table th,
#Content table td {font-size: 10px; padding: 4px 7px;}
#Content table th {background:#FBD81A url('table/01.jpg') right top no-repeat; color:#68676C; text-align: left; border-left: 1px solid #fff; border-bottom: 1px solid #fff; font-weight: normal; border-bottom: 4px solid #fff; padding: 4px 7px 10px;}
#Content table th.odd {background:#004E96 url('table/02.jpg') right top no-repeat; color:#fff;}
#Content table th.even {background:#B6CC29 url('table/03.jpg') right top no-repeat; color:#fff;}
#Content table td {background:#fff; border-left: 1px solid #8E8D91; border-bottom: 1px solid #8E8D91;}
#Content table td.odd {background:#EBEBEB;}
#Content table td.even {background:#fff; border-color:#fff; padding: 6px 4px;}


#Content table.no_border_ok {background:none; margin: 0;}
#Content table.no_border_ok td {padding: 0;}
#Content table.no_border_ok td {background:none;}

.image {display: inline; float: left; margin: 0 15px 0 0; padding: 1px; background:#fff; border: 1px solid #004E96;}

#Content .album {overflow: hidden; padding: 0 0 25px;}
#Content .album table {background: none; margin: -25px 0 0 -52px;}
#Content .album table td {font-size: 12px; border: 0; background: none; padding: 25px 0 0 52px;}
#Content .album_link {padding: 3px; font-size: 11px;}
#Content .album_link p {line-height: normal; padding-bottom: 0;}
#Content .album_image {padding: 0 0 5px;}
#Content .album_image img {vertical-align: top; padding: 1px; background:#fff; border: 1px solid #004E96;}


#Content .items {overflow: hidden;  padding: 0 0 10px;}
#Content .items_in {overflow: hidden;  margin: -17px 0 0;}
#Content .item {border-top: 1px solid #ddd; padding: 17px 0 15px;}
#Content .item_in {float: left; width: 100%;}
#Content .item_with_image {padding: 17px 0 15px 96px; overflow: hidden; }
#Content .item_header {padding: 0 0 5px 18px; overflow: hidden; }
#Content .item_header img {display: inline; float: left; margin: -1px 0 0 -18px;}
#Content .item_text {line-height: 18px; padding: 0 0 5px;}
#Content .item_image {width: 84px; display: inline; float: left; margin: 0 0 0 -96px;}
#Content .item_image img {padding: 1px; background:#fff; border: 1px solid #004E96;}

#Content .form {padding: 0 0 25px;}

#Content .form_row {padding: 0 0 10px; margin: 0; border: 0; overflow: hidden; }
#Content .form_label {display: block; margin: 0; padding: 3px 0; clear: both;}
#Content .form_box {float: left; width:275px;}
#Content .form_box input,
#Content .form_box textarea {font-size: 12px; font-family: arial; color:#000; padding: 3px 3px; width: 255px; border: 1px solid #999; margin: 0;}
#Content .form_box textarea {height: 160px;}
#Content .hint {color:#DE201E;}
#Content .form_error {float: left; border-left: 1px solid #DE201E; padding: 3px 8px; width: 220px;}
#Content .buttons {border: 0; padding: 0 0 20px; margin: 0; overflow: hidden; }
#Content .button {float: left; width:105px; }
#Content .button input {background:#004E96; color: #fff; font-size: 12px; cursor: pointer; border: 0; padding: 3px 10px; margin: 0; font-family: arial;}
#Content .form_warning {padding: 3px 0; float: left; width:350px;}
.cr {padding: 0; margin: 0;}
.cr fieldset {overflow: hidden;  border: 0; padding: 0 0 5px 23px; margin: 0;}
.cr fieldset label {}
.cr fieldset input {padding: 0; width: 15px; height: 15px; display: inline; float: left; margin: 0 0 0 -23px;}

div.errorBox {background: #fff; color: #000; border: solid 2px #f00; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.errorBoxCap {background: #f00; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}
div.infoBox {background: #fff; color: #000; border: solid 2px #25b; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.infoBoxCap {background: #25b; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}

.sep {height: 25px; border-top: 1px solid #ddd;}

.pages {color:#999; font-size: 12px; padding: 0 0 25px;}
.pages span {padding: 0 2px;}
.pages em {color:#004E96; font-weight: bold; font-style: normal;}

.h {color:#004E96; font-size: 17px; padding: 0 0 20px; font-weight: normal;}
.small {font-style: italic; font-size:11px;}

/*?=two_cols
------------------- */
.two_cols {overflow: hidden;  }
.col_left {width: 48%; float: left;}
.col_right {width: 48%; float: right;}

/* calculator */
/*
	 ÏÎßÑÍÅÍÈß ÄËß ÂÅÐÑÒÀËÜÙÈÊÀ:

	 .input-pair - ïàðà "ìåòêà"+"ýëåìåíò ââîäà"
	 .compact - êîìïàêòíàÿ âåðñèÿ ÷åãî áû òî íè áûëî
	 .label - êîíòåéíåð ìåòêè (íå âàæíî- ââîäà èëè âûâîäà	)
	 .input - êîíòåéíåð ýëåìåíòà ââîäà

	 */
	 #calc-calc {margin-bottom:65px;}
    .input-pair,
	#calc-cost{margin:20px 0; clear:both; overflow:hidden;}
	.input-pair.compact .label { float: left; }
	.input-pair .label { font-weight:bold; width: 8.3em; }
	.input-pair .input { border-top:1px solid #808080; border-left:1px solid #808080; border-right:1px solid #fff; border-bottom:1px solid #fff; float:left; }
	.input-pair .input.radio { border:0; }
	#calc-cost { font-size:18px; color:#ff6a00; }
	#calc-cost .label { color:#68676C; }
	.input textarea  { width:242px; }
	.input select { width:330px; }
    .input input,
	.input select,
	.input textarea { margin:-1px 0; border-top:1px solid #404040; border-left:1px solid #404040; border-right:1px solid #d4d0c8; border-bottom:1px solid #d4d0c8; }
	@-moz-document url-prefix() { .input input, .input select, .input textarea { margin:0; } }
	.input-pair .shot input { width:3em; }
	.input label input { border:0; }
	#calc-calc button,
	#calc-contacts button { background:#d4d0c8; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #404040; border-bottom:1px solid #404040; width: 7.5em; clear:both; }
	.label sup { color: #f00; }
	#content { position:relative; }
	#calc-colors { position:absolute; right:0; top:35px; }
	#calc-colors div { margin:20px 0; }
	#calc-colors .color-item { padding:1px 0 1px 25px; background:url(/style/calc-colors.png) no-repeat; }
	#calc-colors .br { background-position:0 -40px; }
	#calc-colors .gr { background-position:0 -80px; }
	#calc-colors .tu { background-position:0 -120px; }
	#calc-colors .bl { background-position:0 -160px; }
	#calc-colors .ch { background-position:0 -200px; }
	#calc-colors .ye { background-position:0 -240px; }

/* ãàëåðåÿ ññûëîê íà ãëàâíîé */
#Content ul.MainGallery {
    float: left;
    width: 767px;
    font-size: 14px;
    line-height: 16px;
    list-style-type: none;
	text-align: justify;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	padding: 0 0 0 20px;
}

ul.MainGallery li {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    width: 139px;
	height:102px;
	position:relative;
    border: 1px none red;
	padding:0;
}

ul.MainGallery li span{
    background-color: #004E96;
	color: #FFFFFF;
    display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    text-align: center;
	height:20px;
    width: 139px;
	position:absolute;
	bottom:88px;
    left:0;
	line-height:20px;
}

ul.MainGallery li img{
    border: 1px solid #004E96;
    left:0;
    width: 135px;
	height:85px;
	position:absolute;
	bottom:0;
	padding:1px;
}

.more{
background: url("buls/arrow1.jpg") no-repeat 100% 50%;
padding-right: 15px;
}

.image-box{
    width: 158px;
    float: left;
    clear: left;

    margin: 0 15px 10px 0;

}
.image-box img{
    display: block;
    border: 1px solid #004E96;
    margin-bottom: 5px;
padding: 1px;
}

.image-box div{
    text-align: center;
}

#Content .image-box td{
border:  none;
}