html { margin: 0; padding: 0; height: 100%; }
body { font-size: 12px; font-family: "Myriad Pro", Tahoma; color: black; background: #e0e0e0; margin: 0; padding:0; height:100%; width: 100%; min-width: 999px; //font-family: Tahoma; }
img { border: none; }
a { color: black; margin:0; padding: 0; }
a:hover { color: black; text-decoration: none; }
h2 { font-size: 1.4em }

.cont_l { margin-left: 0 !important; }
/* Footer */

.f_l { background-image: url(images/footer_l.jpg); background-repeat: no-repeat; background-position: left top; }
.f_r { padding-top: 120px; padding-bottom: 30px; color: #2f2f2f; background-image: url(images/footer_r.jpg); background-repeat: no-repeat; background-position: right top; }
.f_r div { width: 1000px; }
.footer { margin-top: 0px; background-image: url(images/footer_c.jpg); background-repeat: repeat-x; background-position: left top; background-color: #e0e0e0;}
.footer small { font-size: 10px; }
.footer span { font-size: 12px; }
.footer a { color: #2f2f2f; }

/* end of Footer */

.all { background: white; }
.page { width: 1000px; }

.head { background-image: url(images/header.jpg); background-repeat: no-repeat; }
.head span { text-align: left; float: right; margin-right: 200px; margin-top: 38px; }
.mainlogo {margin-left:-4px;padding:49px 0 0;width:132px;}
.logo { margin-top: 9px; }

/* Menu */

.menu {margin:-49px 0 0;padding:0 0 0 12px;position:relative;}
.menu div { height: 24px; display: inline-block; vertical-align: top; margin-right: 32px; //position: relative; //display: inline; //zoom: 1; }
.menu div#price { margin-left: 157px !important; margin-right: 20px; //margin-left: 157px !important; }
.menu div#projects { margin-right: 20px; }
.menu div#coord { margin-right: 0; }
/* sub menu */
.menu div.n_sub_menu { margin-left: 10px; display: none; position: absolute; margin-right: 0; float: none; z-index: 9; text-align: left; margin-top: 0px }
.menu div.n_sub_menu img { margin-top: 4px; }

/* sub menu */
.menu div a {  }
.menu div img { //margin-top: 7px; }
.menu div span { padding: 2px 8px 2px 7px; display: inline-table; }
.menu div .l_menu { padding: 0; padding-left: 1px; }

.l_menu { padding: 0; padding-left: 1px; background-image: url(images/l_menu.gif); background-position: left top; background-color: #e2e2e2; background-repeat: no-repeat; }
.r_menu { background-image: url(images/r_menu.gif); background-position: right top; background-repeat: no-repeat; }

.active .l_menu { padding: 0; padding-left: 1px; background-image: url(images/l_menu_a.gif); background-position: left top; background-color: #f08200; background-repeat: no-repeat; }
.active .r_menu { background-image: url(images/r_menu_a.gif); background-position: right top; background-repeat: no-repeat; }

.last_m { background-image: none !important; }

.menu div#about { background-image: none !important; }
.menu div#questions { background-image: none !important;  }

.sub_menu { position: relative; z-index: 10; text-align: left; }
.sub_menu img { margin-right: 15px; }

.sub_menu#sub_price { margin-top: -50px; margin-left: 410px; position: relative; //margin-left: -36px; padding-bottom: 20px; }
.sub_menu#sub_about { margin-top: -50px; margin-left: -35px; position: relative; //margin-left: -36px; padding-bottom: 20px; }
.sub_menu#sub_catalog { margin-top: -50px; margin-left: 125px; position: relative; padding-bottom: 20px; }
.sub_menu#sub_services { margin-top: -50px; margin-left: 126px; position: relative; float: left; }

/* end of Menu */

.content { margin-left: 47px; margin-right: 25px; font-size: 12px; text-align: left; position: relative; z-index: 3; padding-top: 60px; }

.main { position: relative; z-index: 10; }
.main p { position: absolute; margin: 0; margin-left: 30px; }
.house {margin-left:85px;margin-top:40px; }

.vodostok, .krovlya, .saiding {position:absolute;}
.imgs-in-main {position:relative;}
.imgs-in-main ul {list-style:none;line-height:1;}
.imgs-in-main ul a {font-size:11px;letter-spacing:0.2px;text-transform:lowercase;}
.vodostok {top:196px; z-index: 1; left: 137px; }
.vodostok .name {margin: -30px 0 0 63px; display: block;width: 82px; height: 12px;}
.vodostok ul {margin:-10px 0 0 22px;}
.krovlya {left:228px;top:45px;width:246px;}
.krovlya .name {margin: -114px 0 0 146px; display: block; width: 63px; height: 9px;}
.krovlya ul {margin:-10px 0 0 105px;}
.saiding {left:663px;top:221px;width:196px;z-index:50;}
.saiding .name {margin: -42px 0 0 58px; display: block; width: 76px; height: 10px;}
.saiding ul {margin:-9px 0 0 17px;}

.main-news {position:absolute;top:40px;left:0;width:120px; padding-left: 15px; }
.self-news {margin-bottom:30px;}
.news-data {color:#ff9900;padding-bottom:7px;}
.news-name {color:#000;padding-bottom:7px;}
.self-news a {color:#666;}

.main-right {width:170px;position:absolute;top:37px;right:-30px; z-index: 9999; //right: -18px;}
.main-right .sendlink {padding:43px 0 0 29px;font-weight:bold;}
.main-right .sendlink a {font-size:12px;color:#900;}
#main-pop-up {background:url('/images/main-popup_n.png') no-repeat 0 0;display:none;height:266px;padding:34px 0 0 17px;position:relative;width:151px;z-index:9999;left:-68px;
	_background:url('/images/main-popup_n.gif') no-repeat 0 0;
	_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	}
#main-pop-up .close_main { position: absolute; right: 7px; top: 32px; cursor: pointer; }
#main-pop-up p {position:static;margin:0;}
#main-pop-up p.errors {font-size:10px;color:#f00;display:none;}
#main-pop-up p,#main-pop-up label {padding-bottom:5px;}
#main-pop-up label {display:block;}
#main-pop-up .t, #main-pop-up .ta {border:1px solid #9a9a9a;width:130px;font-size:12px;}
#main-pop-up .t {height:17px;}
#main-pop-up .ta {height:100px; position: relative; z-index: 999;}
#main-pop-up .submit {padding-top:5px; text-align: center; width: 130px;}
#main-pop-up .s {
	background:url('/images/main-send-button.png') no-repeat 0 0;width:105px;height:21px;border:0;text-align:center;font-size:12px;color:#666;
	//background:url('/images/main-send-button.gif') no-repeat 0 0;
	cursor: pointer;
}

.saiding ul {#margin:-9px 0 0 57px;}
.vodostok ul {#margin:-10px 0 0 62px;}
.krovlya ul {#margin:-10px 0 0 145px;}

.main_services { float: left;padding:31px 0 0 45px; }
.main_services img { float: left; }
.main_services a img { margin-top: 0px; margin-left: 0px; }

.header { margin-left: -10px; margin-bottom: 20px; background-color: #f08200; float: left; background-image: url(images/h_l.gif); background-position: left top; background-repeat: no-repeat; }
.header_r { float: left; height: 31px; padding: 10px; padding-top: 0; padding-bottom: 0;  background-image: url(images/h_r.gif); background-position: right top; background-repeat: no-repeat;}
.header_r img { margin-top: 10px; }

.vacancy { }
.vacancy_r { vertical-align: top; width: 240px; }
.vacancy_r form {  }
.vacancy_r form small { font-size: 10pt; display: block; margin-top: 10px; margin-bottom: 2px }
.vacancy_r form input,textarea { width: 80%; border: 1px #969696 solid; }
.vacancy_r form textarea { height: 100px; }
.error { color: #da6e6e; display: block; }
.vacancy_l { width: 75%; vertical-align: top; }
.vacancy_l div { padding-right: 40px; }
.vacancy_l h2 { margin: 0; }
.vacancy_l p { margin-top: 0px; margin-bottom: 20px; }

.questions {  }
.ask { background-image: url(images/line_horiz.gif); background-position: left bottom; background-repeat: repeat-x; margin-bottom: 20px; padding-bottom: 20px; }
.ask p { margin-bottom: 10px; }
.ask i { color: #2b2a2a;  }

.services { }
.services div { float: left; width: 30%; margin-left: 12%; margin-bottom: 30px; padding-left: 10px; //margin-left: 7%; }
.services div img { margin-top: 10px; }
.services div p { margin-top: 5px; }

.catalog table { }
.catalog td { vertical-align: bottom; width: 33%; text-align: center; padding-bottom: 30px; }
.catalog td img { margin-bottom: 20px; }
/*.catalog div { float: left; width: 33%; text-align: center; }
.catalog div img { margin-bottom: 20px; margin-top: 10px; }*/

.catalog_head img { float: left; }
.arrow { margin: 12px 15px 0 15px; }

.about { }
.about_l { float: left; width: 200px }
.about_r { margin-left: 210px; }

.news {}
.top_news { padding-bottom: 15px; background-image: url(images/line_horiz.gif); background-position: left bottom; background-repeat: repeat-x; }
.top_news h2 { margin:0 }
.top_news p { font-size: 1.2em; margin-top: 5px }

.other_news { margin-top: 20px; }
.other_news span { display: block; margin-top: 3px; width: 100px; float: left; }
.other_news a { font-size: 1.2em; color: #4a4a4a; }

.news_foto { float: right; width: 270px; }
.news_one ul { padding: 0; margin: 0; margin-top: 10px }
.news_one ul li { color: #4a4a4a; }
.news_one ul a { color: #4a4a4a; font-weight: bold; font-size: 1.2em }
.news_foto div { float: right; }
.news_foto div img { margin-bottom: 5px }
.news_one .top_news { margin-right: 300px; background-image: url(images/line_horiz.gif); background-position: left bottom; background-repeat: repeat-x; }
.news_one .other_news { margin-right: 300px;  }
.news_one .other_news ul { padding: 0; margin:0 }
.news_one .other_news li { margin-bottom: 10px; color: #4a4a4a; font-weight: bold; }
.ul_news {  margin-top: 10px;  list-style-type: none;  }

.projects {  }
.proj_left { float: left; width: 45%; }
.proj_left img { float: left; }
.proj_left div { float: left; margin-left: 10px; }
.proj_left div img { float: none; margin-bottom: 7px; }
.proj_right { width: 55%; float: left; font-size: 1em }
.proj_right h2 { margin:0; }

.all_projects { margin-top: 30px }
.arrow_l { float: left; margin-top: 25px; width: 73px; height: 72px; cursor: pointer; }
.arrow_r { float: right; margin-top: 25px; width: 73px; height: 72px; cursor: pointer; }
.proj_c { overflow: hidden; width: 84%; position: relative; }
.proj_c p { margin-top: 0; margin-bottom: 5px; }
.proj_c div { margin-right: 40px; float: left; _margin-right: 20px; }
.ddf { overflow: scroll; height: 130px; }
.ddf td { vertical-align: top; }
.ddf td div { cursor: pointer; }

/* COLOR */
.color { background-image: url(images/trees.jpg); background-position: center top; background-repeat: no-repeat; }

.replace_saiding { margin-top: 40px; }
.replace_saiding div { width: 33%; float: left; }
.replace_saiding div img { margin-right: 15px; }

.r_saiding { position: absolute; z-index: 10; margin-left: 30px; }
.r_saiding img { margin-right: 20px; }
.r_roof { right: 80px; position: absolute; z-index: 11 }
.r_roof img { margin-right: 20px; }
.r_roof div { background-color: #444444; margin-top: 10px; }
.r_roof div img { margin: 3px 0 0 10px; cursor: pointer; }
.accessories { text-align: center; margin-top: 40px; float: left; width: 49%; text-align: center; }
.accessories img { margin-right: 20px; }

.saiding_color { background: #444444; width: 150px; margin-top: 5px; }
.saiding_color div { float: left; margin: 7px; background-color: red }

.house_element { margin-top: -14px; width: 578px; position: relative; //margin-top: -16px; }
.replace_house { position: relative; margin-top: -210px; margin-left: 0px; background-color: #b5b091; }
.texture {position: relative; margin-top: 55px; z-index: 20; margin-left: 0px; }
.roof { position: absolute; z-index: 6; margin-top: 56px; left: 0; margin-left: 0px; //margin-top: 58px; }
.aksess { position: absolute; left: 0; z-index:4; margin-top: 108px; margin-left: 37px; }
.accessorise { position: absolute; z-index: 5; margin-top: 138px; margin-left: 37px; left: 0; }
/*.vodostok { position: absolute; z-index: 5; margin-top: 200px; margin-left: 5px; left: 0; }*/

/*.replace_house { position: absolute; margin-top: 0px; margin-left: 0px; background-color: green; }
.texture {position: absolute; margin-top: 0px; z-index: 20; margin-left: -33px; }
.roof { position: absolute; z-index: 3; margin-top: 56px; margin-left: -33px; }
.aksess { position: absolute; z-index:4; margin-top: 158px; margin-left: 3px;  }


/*.aas { display: none; margin-top: 80px; margin-left: 3px; position: absolute; z-index: 3; }*/

/* END COLOR */

.catalog_one {  }
.catalog_l table td { vertical-align: top; padding: 10px 0; }
.table_color div { width: 67px; height: 66px; margin-top: 5px; margin-right: 10px; float: left; }
.table_color div img { position: absolute; }
.table_color img { margin-bottom: 10px }
.table_color span { width: 60px; text-align: center; margin-bottom: 5px; display: block; border: 1px #939392 solid; float: left; padding: 2px 0; margin-right: 5px; }
.links { text-align: left; background-image: url(images/line_horiz.gif); background-position: left bottom; background-repeat: repeat-x; margin-top: 0px; padding-bottom: 0px; margin-bottom: 20px; }
.links a { font-size: 1.2em; color: #f08200; }
.links b { font-size: 1.2em; color: #f08200; }
.links span { display: block; padding-bottom: 7px;  }
.links_n { text-align: left; margin-top: 0px; padding-bottom: 0px; margin-bottom: 20px; }
.links_n a { font-size: 1.2em; color: #f08200; }
.links_n b { font-size: 1.2em; color: #f08200; }
.links_n span { display: block; padding-bottom: 7px;  }
.catalog_r { text-align: left;  margin-left: 10px; margin-bottom: 20px; width: 380px; float: right; margin-left: 20px; }
.catalog_r table { margin-top: 20px; }
.catalog_r table td { text-align: left; padding: 3px; padding-right: 10px; }

#shop { position: relative; }

.order table { margin-bottom: 10px; }
.order td { padding: 5px 20px 5px 0; }
.order small { font-size: 12px; display: block; }
.order textarea { height: 110px; }

.color_s { width: 70px; text-align: center; margin-bottom: 5px; display: block; border: 1px #939392 solid; float: left; padding: 2px 0; margin-right: 5px; }

.remail { float: left; width: 100%; }
.remail h2 { margin: 0; font-weight: normal; }
.remail p { font-size: 14px; margin-top: 0; margin-bottom: 5px }
.remail input { width: 70%; float: left; margin-right: 15px; }
.remail ul { padding-left: 15px; }
.remail ul li { margin-left: 0px; margin-top: 5px; padding-left: 0 }
.remail div { float: left; width: 45%; padding-right: 20px; }
.remail table { width: 100%; border-left: 1px #d5d5d5 solid;border-top: 1px #d5d5d5 solid; }
.remail td { vertical-align: top; padding: 10px 10px 10px 10px; }
.remail td.sec { background-color: #d8d6d6; }




.calculate { font-size: 14px; background-color: #e9e8e8; padding: 15px 20px; }
.calculate table { border-left: 1px #d5d5d5 solid;border-top: 1px #d5d5d5 solid; }
.calculate td { vertical-align: top; padding: 10px 10px 0 10px; }
.calculate td.sec { background-color: #d8d6d6; }
.calculate h2 { font-weight: normal; margin: 0; }
.calculate small { color: #929191; }
.calculate p { margin: 0; }
.calculate input { margin-right: 3px; width: 300px; margin-bottom: 10px; }
.calculate input#button { width: 100px; border: 1px #6b6a6a solid; background-color: #f08200; color: white; padding: 3px 10px; font-size: 14px; cursor: pointer; }
.l_calc { width: 45%; margin-right: 2%; float: left; position: relative; }
.l_calc input { width: 150px; }
.c_calc { width: 45%; float: left; position: relative; }

.clear { height: 1px; width: 100%; clear: both; }

.calc_img { background-image: url(images/dsgn_calculator_small.gif); background-position: left top; padding-left: 50px; background-repeat: no-repeat; height: 25px; padding-bottom: 15px; padding-top: 15px; }

.content .my p {
text-align:justify;
margin-top:10px;
margin-bottom:10px;
}

.content .my h1 {
text-align:left;
font-size:16px;
font-weight:bold;
color:#FF900B;
margin-top:15px;
margin-bottom:15px;
}

.content .my h2 {
text-align:left;
font-size:14px;
font-weight:bold;
color:#FF900B;
margin-top:15px;
margin-bottom:15px;
}

.content .my li {
text-align:justify;
}

.catalog_l h1 {
text-align:left;
font-size:16px;
font-weight:bold;
color:#FF900B;
margin-top:15px;
margin-bottom:15px;
}

.catalog_l h2 {
text-align:left;
font-size:14px;
font-weight:bold;
color:#FF900B;
margin-top:15px;
margin-bottom:15px;
}

.close { position: absolute; right: 5px; top: 5px; cursor: pointer; }
.coords_info { display:none;border: 1px gray solid; padding: 10px; position: relative; width: 296px; }

.actions_foto {  }
.actions_foto h2 { margin: 5px 0; }
.top_news h2 { margin: 5px 0; }
.top_news.act { }