body, html {padding: 0px; margin: 0px; background-color: #c0c0c0; }

table {border-collapse: collapse; border: 0px;}
table td {padding: 0px; vertical-align: top;}
body, td, h, p, div, select, input, a, li, h1, table {font-family: arial, tahoma, sans-serif; font-size: 95%;  }
img {border: none;}
h1 {padding: 0; margin: 0; font-size: 160%; text-align: center;}
h2 {padding: 0; margin: 0; font-size: 140%; color: #f3b32b; text-align: center;}
h3{ color: #86cd36;}
div{background-color: White;}
p{text-align: justify;}

div#cont_main{background-color: #c0c0c0;}
div#main{width: 990px;}

#pagetitle{
padding: 0; margin: 0; font-size: 100%; color: Black; text-align: left;
height: 50px;
width: 60%;
text-align: justify;
}

#top_name{
padding-top: 40px;
text-align: center;
}

#content-wrapper_top-t {
  width: 697px;
  float: right;
 }
#left {
  float: left;
  width:293px; 
  height:156px;
}
#content {
  background-image: url(pic/bg_top-cnt.png); 
  background-repeat: no-repeat; 
  float: left;
  width:347px; 
  height:156px;
  padding-top: 0px;
}
#right {
 width:350px; 
 height:156px; 
 float: right; 
 background-image: url(pic/ban_right_house-top.png); 
 background-repeat: no-repeat;
}

#content_top{width: 990px;}

#top-cnt-left {
width: 293px; 
height: 190px;
float: left;
margin-top: 0px;
}
#top-cnt-right {
width: 697px; 
height: 226px;
float: right;
background-image: url(pic/ban_right_house-dn.png); 
background-repeat: no-repeat;
text-align: justify; 
}

#top-cnt-right h3{
font-size: 150%;
margin-bottom: 0px;
}
#text_center{
width: 400px;
font-size: 100%;
padding: 15px 10px -5px 5px;
}

#text_center a{
font-weight: bold;
font-size: 100%;
color: Red;
font-decoration: underline;

}
#text_center a:hover{
color: Black;
}

#contacts{
font-size: 120%;
font-weight: bold;
text-align: right;
padding-right: 10px;
letter-spacing: 0px;
padding-top:0px;
}

#vdom{color: #007321;}
#vdom.z0 {line-height:150%;}


#menu_top{
float: right; 
width: 697px; 
height: 41px; 
margin-top: 0px;
background-color: White;}

#menu_top_2lay{
float: right; 
width: 697px; 
height: 41px; 
margin-top: 0px;
background-color: White;}

#red{color: Red;}
#green{color: #3ac110;}
#blue{color: Blue;}
#voldom{color: #f3b32b;}
#lgray{color: #cacaca;}
#gray{color: #bdbdbd;}
#black{color: Black;}

/*------------------left--------------------------*/
#content_left{
width: 275px; 
float: left; 
padding: 0;
}

p#cl{
font-size: 100%; 
}

#content_left h3{
color: Black;
font-size: 140%;
font-weight: bold;
border-bottom: Red solid 1px;
width: 95%; 
float: left;
text-align: center;
margin-bottom: 20px; 
}
#content_left h3 span{
color: Red;
}

#content_left p{
padding: 0px 30px 0px 30px; 
font-size: 100%; 
}
#content_left p.name{
padding: 40px 0px 0px 30px; 
font-size: 110%; 
color: #81ca2e; 
text-align: center;}

#content_left p.what {
     margin-top: 20px;
     font-size:100%;
     text-align: left;
}
#content_left p.what span {
     background-color: #7c7c7c;
     font-size:20px;
     color:#fff;  
     font-weight:bold; 
     float:left; 
     width: 25px;
     height:25px; 
     line-height:30px;
     margin-top:-10px; 
     margin-right:0px;
     text-align: right;

}


#cont_right{
width:  695px; 
float: right; 
margin-top: 0px;

}

/*------------------center--------------------------*/
#content_center{
float: left; 
width: 430px; 
border-left: 1px dotted Black; 
border-right: 1px dotted Black;
border-bottom: 1px dotted Black;
}


#contform{
float: right; 
width: 290px; 
margin-right: -20px; 
margin-top: 82px;
border: Red 1px solid;
}

#contform_select{
font-size: 100%; 
color: Black; 
font-weight: bold; 
float: left; 
width: 290px; 
margin-top: 0px; 
padding: 0px;
}
#contform_submit{
float: right; 
margin-right: -5px; 
width: 30px; 
margin-top: 0px;
}

#content_center div{
text-align: center;
background-color: #e1ffbf;
margin: 0px  5px 5px 5px;
}

#content_center p.name{
height: 30px; 
padding: 0px; 
background: url(pic/bg_name-green.png) 0 0 repeat-x; 
font-size: 140%; 
font-weight: bold;
letter-spacing: 0px;
}

#content_center div.part{
height: 130px;
background: url(pic/bg_cnt-green.png) 0 0 repeat-x; 
border-bottom: White 1px solid;
}
#content_center div.part p{
font-weight: bold;
font-size: 170%;
color: #007321;
}

#h1center{
align: left;
margin-top: 0px;
margin-bottom: 20px;
margin-left: 20px;
font-weight: bold;
font-size: 170%;
color: #007321;
}

#part_center{
font-size: 130%; margin-top: -11px; background-color: transparent;
}

#content_link{
float: right;
margin-top: 0px;
padding: 0px;
}
#content_link a{
font-size: 70%;
color: #f3b32b;
font-decoration: underline;

}
#content_link a:hover{
color: Black;
}

#center_bottom{
background-color: White;
color: Black;
font-size: 100%;
font-weight: bold;
border-bottom: #f6c764 solid 1px;
width: 95%;
float: right;
text-align: center;
}

#center_bottom h2{
background-color: White;
color: Black;
}

#center_bottom h2 span{
background-color: White;
color: Red;
}

#nameb{
background-color: White;
background: url(pic/bg_center_popular.png) 0 0 repeat-x;
padding: 30px 10px 10px 15px;
font-size: 110%;
font-weight: bold;
border-bottom: solid 1px #f3b32b;
height: 200px;
}

#allproject_left{
background-color: White;
padding: 20px 10px 10px 15px;
font-size: 110%;
border-bottom: solid 1px #f3b32b;
float: left;
width: 90%;

}

/*-----------------right-------------------*/
#content_right{
float: right; 
width: 260px;
}

#content_right p{
padding: 0px 20px 0px 10px; 
text-align: left; 
font-size: 110%; 
text-align: justify;
}

#content_right p span{
color: Red;
font-weight: bold;
}




/*----------------------------pic-catalog--------------------------------*/

#pic {
	background-color: #FFFFFF;
	left: 0px;
	position: relative;
	top: 0px;
	width: 98px;
	
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

.picsmall{
margin-top: 0px; 
margin-left: 0px; 
float: left;

}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 75px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 98px;
	
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 3px solid #85ce2b;
	display: block;
	height: 150px;
	left: -205px;
	position: absolute;
	top: -70px;
	width: 200px;
}


#content_right h2{
color: Black;
font-size: 140%;
font-weight: bold;
border-bottom: Red solid 1px;
width: 98%;
float: right;
}
#content_right h2 span{
color: Red;
}
#content_right h3{
color: Black;
font-size: 140%;
font-weight: bold;
border-bottom: #f6c764 solid 1px;
width: 98%;
float: right;
text-align: center;
}

.news{
border-bottom: 1px Gray dotted;
padding: 10px;
}

#content_right h3 span{
color: #f6c764;
}
#content_right p.news{
font-size: 110%;
}
#content_right p.news span{
font-weight: bold;
color: #f6c764;
}
#content_right h4{
color: Black;
font-size: 140%;
font-weight: bold;
border-bottom: #b2afaf solid 1px;
width: 98%;
float: right;
text-align: center;
}
#content_right h4 span{
color: #b2afaf;
}
#content_right ul{
margin-right: 10px;
text-align: left;
}



/*------------------bottom--------------------------------*/
#bottom_left{
width: 727px; 
float: left; 
height: 100%; 
height:30px;
background-color: #fbab00;
text-align: center;
color: White;
font-weight: bold;
border: 2px 0px 2px 2px White solid;
}

#bottom_right{
width:  255px; 
float: right; 
margin-top: 0px; 
height:30px; 
background-color: #b0b0b0;
text-align: center;
border: 2px White solid;
}


.forminfo {
  background-color: White;
  color: #000;
  border: 1px solid Gray;
  width:270px;
  display:none;
  margin-left: 110px;
  margin-top: -50px;
  font-size: 120%;
  float: right;
  padding: 5px;
  font-weight: bold;
}


a.link{
font-size: 110%;
font-weight: bold;
color: #f3b32b;
font-decoration: underline;
margin-right: 5px;

}
a.link:hover{
color: Black;
}

a.link_request{
font-size: 100%;
color: #f3b32b;
font-decoration: underline;
margin-right: 8px;

}
a.link_request:hover{
color: Black;
}

a.black{
font-weight: bold;
color: Black;
font-decoration: underline;

}
a.black:hover{
color: Gray;
}

a.main_link {
font-size: 100%;
color: #f3b32b;
font-decoration: underline;
float: right;

}
a.main_link:hover{
color: Black;
}

a.article_link {
font-size: 100%;
color: Black;
font-decoration: none;

}
a.article_link:hover{
color: #a3a3a3;
font-decoration: underline;
}

a.cat_link{
font-size: 80%;
color: #f3b32b;
font-decoration: underline;
font-weight: normal;
}
a.cat_link:hover{
color: Black;
}

#content_center_page{
text-align: left;
}


/*----------------------каталог--------------------------*/
#set1 {
   height:210px;
   text-align:left;
   font-size: 120%;
}

#set1 h2{
text-align: left;
}

#cell_1 {
    padding:5px;
    float:left;
    width:210px;
    background-color:#fff;
    height: 180px;}

#cell_1 p{
padding: 2px;
margin: 0px;
}
#cell_1_cost{
text-align: right;
margin-top: -19px;
background-color: transparent;
border-bottom: solid 1px Gray;
}

#cell_2 {
    margin:5px;
    padding:5px;
    float:left;
    width:200px;
    background-color:#fff;
    height:180px;
    border: 2px #f3b32b solid;
}

#cell_2_2 {
    margin:5px;
    padding:5px;
    float:left;
    width:200px;
    background-color:#d6ffce;

}

#cell_3 {
    padding:5px;
    float:left;
    width:200px;
    background-color:#fff;
    height:180px;
    font-size: 110%;
    font-weight: bold;
}

#cell_3_2 {
    margin:5px;
    padding:5px;
    float:left;
    width:200px;
    background-color:#d6ffce;
    height:150px;
}

#cell_3 p{
margin: 3px 0px;
}


hr {
    margin:10px 0;
    border:0;
    width:95%;
    background-color:#ddd;
    color:#ddd;
    height:1px;
    clear:both;
    text-align:left;
}
p#cat_text{
font-size: 110%;
font-weight: bold;
color: #747474;
width: 95%;
padding: 5px;
background-color: #eee;

}

#set2 {
   width: 97%; 
   height:220px;
   text-align:left;
   font-size: 120%;
   background-color: #d6ffce; 
   border: Gray solid 1px; 
}

/*-----------------------------highslide------------------------------*/
.highslide-container div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}

.highslide {
    cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
    text-decoration: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid white;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;

    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;

    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/*--------------------------------------NameMenu----------------------*/

#NameMenu 
{
	width:98%;
	height:33px;
	
	margin:0;
	border:0;
}
#tab 
{
	margin:0;
	top:0;
}
#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tab li 
{
display:inline;
	float:left;
	margin:0 0 0 0 ;
	padding:0;
}
a.left 
{
	background:#fff url("pic/bright_039.gif") no-repeat left top;
	margin:0px 0px 0px 5px;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}

a.left span 
{
	display:block;
	padding:0 10px 0 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	color:#000;
	font-weight:bold;
	line-height:33px;
}
a.left:hover
{
	background-position:left bottom;
	border-color:#000000;
}

a.right 
{
	background:#fff url("pic/bright_038.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}

a.right span 
{
	display:block;
	padding:0 30px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	color:#000;
	font-weight:bold;
	line-height:33px;
}
a.right:hover
{
	background-position:right bottom;
	border-color:#000000;
}
#nameonepr{
background: url("pic/bg_name_project.png") no-repeat ;
height: 33px;
font-weight: bold; 
font-size: 130%;
color: Black; 
width: 370px;
text-align: center;
border: 3px #fdd019 solid;
}
#nameonepr p{
text-align: center;
margin-top: -5px;
}

/*----------------------Базовая комплектация---------------------------------------*/

#cell_project {
    font-size: 110%;
    padding:4px;
    float:left;
    width:95%;
    background: url("pic/bg_project.jpg") no-repeat;
    height:auto;
    margin-bottom: 40px;
}

#cell_project p{
padding: 3px;
margin: 0px;
font-weight: bold;
}
#cell_project_cost{
text-align: right;
margin-top: -19px;
background-color: transparent;
border-bottom: solid 1px Gray;
}


#cat_project{
border: Red 1px solid;
width: 640px;
background: url("pic/bg_catalog.png") no-repeat top;
padding-top: 200px;
}

#cat_project p{
font-size: 150%;
margin-top: 35px;
}

#article{
width: 630px;
font-size: 120%;
padding: 10px;
text-align: justify;
padding: 10px;
}
#article h4{
text-decoration: underline;
color: Red;
font-size: 110%;
}

#article_last{
font-size: 90%;
padding: 10px;
}

#article_last div{
font-size: 120%;
font-weight: bold;
text-decoration: none;
}

#article_last span{
font-size: 120%;
font-weight: bold;
color: Green;
padding: 10px;
}

#article_one{
width: 630px;
font-size: 110%;
padding: 10px;
border-left: 1px dotted Black; 
padding-left: 10px;
}

#article_one h3{
background-color: #d1ff9d;
color: #60b500;
font-size: 150%;
}


#article_one div{
margin: 0px;
width: 630px;
float: left;
text-align: justify;
font-size: 105%;
}
#article_one p{
margin: 10px 0px 10px 0px;
font-size: 105%;
}

#action{
font-size: 120%;
font-weight: bold;
width: 600px;
margin-top: 20px;
}

#action legend{
font-size: 120%;
font-weight: bold;
color: Red;
}

#action a{color: Red;}
#action div{color: White; background-color: Red; font-size: 120%; text-align: center;}

#action_link {color: White; background-color: Red; font-size: 90%; text-align: center; }
#action_link a{text-decoration: none; color: White; }

#faq{width: 640px; height: 160px; margin-top: 0px; background: url(pic/bg_faq_form.png) repeat-x; }
#faq_submit{width: 150px; margin-left: 125px; font-size: 110%;}
#faq textarea{width: 590px; height: 50px; margin-left: 25px; margin-top: 0px;}
#faq input{width: 150px; margin: 5px; font-size: 110%;}

#quest{padding: 10px; font-size: 110%; color: Black; background-color: #e6e8ed; width: 640px; margin-bottom: 0px; }
#quest_main{padding: 5px; color: Black; background-color: #e6e8ed; width: 210px; margin-bottom: 0px; margin-left: 10px;}
#quest_main span{font-weight: normal; font-size: 90%;}


#reply{width: 640px; font-size: 110%; font-weight: normal; border: 1px dotted Black; padding: 10px; margin-bottom: 50px; margin-top: 5px;}
#reply span{font-weight: normal;}
#reply_main{width: 210px; border: 1px dotted Black; padding: 0px; margin-bottom: 10px; margin-top: 5px; margin-left: 10px;}
#reply_main span{font-weight: normal; font-size: 90%;}

#bg_right{
background: url(pic/bg_right.png) repeat-x; 
height: 50px;
}

#confirm{font-size: 120%; font-weight: bold; color: Red; text-align: center; margin-top: 20px;}


/* <![CDATA[ */


a {color: blue;}
p {padding: 7px 0; font-size: 110%;}

#wrapper {width: 690px; margin-top: 50px; font-size: 100%;}

/* tabs */
ul.tabs {
	height: 25px;
	line-height: 25px;
	margin: 0 0 3px;
	list-style: none;
}
* html ul.tabs {margin-bottom: 0;}
ul.tabs li {
	float: left;
	margin-right: 1px;
}
ul.tabs li a {
	display: block;
	padding: 0 13px 1px;
	margin-bottom: -1px;
	color: #444;
	text-decoration: none;
	cursor: pointer;
	background: #F9F9F9;
	border: 1px solid #EFEFEF;
	border-bottom: 1px solid #F9F9F9;
	position: relative;
}
* html ul.tabs li a {float: left}
*+html ul.tabs li a {float: left}
ul.tabs li a:hover {
	color: #F70;
	padding: 0 13px;
	background: #FFFFDF;
	border: 1px solid #FFCA95;
}
ul.tabs li.tab-current a {
	color: #444;
	background: #EFEFEF;
	padding: 0px 13px 2px;
	border: 1px solid #DDD;
	border-bottom: 1px solid #EFEFEF;
}
div.t2,
div.t3,
div.t4 {
	display: none;
}
div.t1,
div.t2,
div.t3,
div.t4 {
	width: 660px;
	border: 1px solid #DDD;
	background: #EFEFEF;
	padding: 0 12px;
}
/* end tabs */

/* ]]> */

#white{color: White;}
#price_name{font-size: 130%;}
#price_1{background-color: White;}
#price_2{background-color: #e1e1e1;}

#comment {width: 90%;}
#comment td{border: #fbab02 1px solid; padding: 10px; font-size: 100%; }


#sitemap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
}

#sitemap li {
	list-style-type: none;
}

ul#sitemap > li {
	margin-bottom: 10px;
}

#sitemap ul li {
	list-style-image: url(pic/l2_normal.gif);
}

#sitemap ul ul li {
	list-style-image: url(pic/l3_normal.gif);
}

#sitemap ul li.firstfollow {
	list-style-image: url(pic/l2_first_follow.gif);
}

#sitemap ul li.last {
	list-style-image: url(pic/l2_last_item.gif);
}

#sitemap ul ul li.firstfollow {
	list-style-image: url(pic/l3_first_follow.gif);
}

#sitemap ul ul li.last {
	list-style-image: url(pic/l3_last_item.gif);
}

a.top_link_sitemap{
font-size: 110%;
font-weight: bold;
color: Red;
font-decoration: none;
}

a.top_link_sitemap:hover{
font-decoration: underline;
}

a.sub_sitemap{
font-size: 100%;
color: Black;
font-decoration: underline;
}

a.sub_sitemap:hover{
color: Red;
font-decoration: underline;
}

#strong{font-weight:bold;}

/* Tool tip css classes http://webtips.blogsome.com (Please keep this) */

/* (Adjust the width, height, colors, etc. according to your needs) */

a.css_tooltip {
position:relative;
text-decoration:underline;
color: #e3a013;
font-weight:bold;
border:0;
}

a.css_tooltip span {
display: none;
font-weight:normal;
cursor:auto;
}

a.css_tooltip:hover {
z-index:1;
background:transparent; /* In case you use a background image like a talkbubble */
font-weight:bold;
color: Black;
}

a.css_tooltip:hover span {
background-color: #ffe238; 
display:block;
position:absolute;
top:15px;
left:-8px;
height:50px;
width:280px;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:95%;
font-weight:normal;
padding:6px;
border: 1px solid Black;
text-decoration:none;
} 

table.tooltip td{background: transparent; font-size: 100%; text-align: left; text-decoration:none;}
table.tooltip td a{color: Red;}


#basic-accordian{
	border:5px solid #EEE;
	padding:5px;
	width:190px;
	position:absolute;
	margin-left:0px;
	z-index:2;
	margin-top: 0px;
}

.accordion_headings{
	padding:5px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#00CCFF;
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

.header_highlight{
	background:#00CCFF;
}

div#build {
width: 90%;
padding-left: 20px;
border-left: Red 1px dotted;
}

div#build p{
padding: 20px 0px 20px 0px;
border-bottom: 1px dotted Black;
font-size: 120%;
}

div#build p span{
color: red;
font-weight: bold;
font-size: 180%;
}


.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px 0px 10px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('pic/info.png');
}

div.info h4{
color: Black;
text-align: center;
font-size: 110%;
margin-top:10px;
}

.success {
color: #436e16;
background-color: #ccff39;
background-image:url('pic/success.png');
}

div.success ul{
margin-left: -30px;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('pic/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('pic/error.png');
}
.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('pic/validation.png');
} 
#ofbanner { text-align:center;}
#ofbanner img {border:solid 0px black}


p#vdom {
	margin:0;
	padding:0;
	padding-bottom:5px;
	font:bold 120% Arial;
}

.red {color:red;}
.bold {font-weight:bold;}
.m10 {margin:10px;padding:10px;}