html, body{
margin:0;
padding:0; 
text-align: justify;
font-family:   tahoma,verdana,arial,sans-serif;	width:100%; height:100%; 
font-size: 12px; color:black; 
background:#8e8e8e ;
line-height:1.3em;
}


a {color:#fb9322; text-decoration:underline}
a:hover {color:#dfdaa3}
a img {border:0px solid white}
img {margin:0px 10px 5px 0px;}
ul {margin:0; padding:0; list-style:none;}
h4 {font-weight:bold; font-family:tahoma;}
h5 {font:bold 12px tahoma}


#maincontainer1 {width:90%; float:right; 
background:#f2f2f2 url(images/head_bg.jpg) 0px 90px repeat-x ;}

#maincontainer2 { background:url(images/foot_menu_line_bg.jpg) 0 bottom repeat-x ; float:left; width:100%}

#maincontainer3{ float:left;
margin: 0 auto;
}

#maincontainer4{position:relative;
width: 905px; 

background:#ffffff;

}


#topsection{
height: 250px; 
position:relative;width:100%
}


#contentwrapper{
float: left;
width: 100%;
/*height:415px;*/ overflow:auto
}

#contentcolumn{
margin-right: 345px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn{
float: left;
width: 330px; /*Width of right column*/
margin-left: -345px; /*Set left margin to -(RightColumnWidth) */
}


#footer{height:28px;
clear: left;
width: 100%;
font-size:12px; 
text-align:left;position:relative; font-family:tahoma; 
background:url(images/foot_ugol.jpg) left bottom no-repeat;

}

.sep {clear:both; height:30px; text-align:right; }  

.foot_text { display:block; width:500px; position:absolute; left:30px; bottom:20px}

.innertube_cont{margin:30px 5px 20px 37px; /*Margins for inner DIV inside each column (to provide padding)*/}
.innertube_cont img {margin:5px;}

.innertube{margin:60px 20px 20px 70px;}

#logo {display:block; width:152px; height:63px; position:absolute; left:22px; top:8px; }
#logo {background:url(images/logo.jpeg) no-repeat}






/*верхнее меню*/

#top_menu li,#top_menu2 li, #home, #ugol, #ugol2,.menu, ul.foot_menu li{

display:-moz-inline-stack;/*Нужно для Firefox*/
  display:inline-block; /*Не применяется в IE и Firefox*/
  _overflow:hidden;/*фикс для IE6*/
  zoom:1;/*включаем hasLayout*/
  *display:inline;/*при hasLayout true display:inline ведёт себя как display:inline-block*/
  
  }
#top_menu {position:absolute; top:65px; display:block;height:26px; background:url(images/top_menu_bg.jpg) repeat-x }
#top_menu ul {padding:0 0 0 21px; * padding:0 0 0 30px; font:normal 11px tahoma;   float:left;}
#top_menu li ul li {border: 0px solid; border-color: #f2f2f2; }
#top_menu li { text-align:center; line-height:26px; overflow:hidden;  background:url(images/top_menu_item.jpg) no-repeat ; 
  width:95px;
  height:26px;
}
#top_menu a,#top_menu2 a {display:block;  width:95px;height:26px;  color:white;  text-decoration:none}
#top_menu a:hover,#top_menu2 a:hover { color:#dfdaa3;}
#top_menu2 a { width:auto; padding:0 10px 0 12px}
#top_menu li#current a,#top_menu2 li#current a {color:#f2f2f2}

a#home {width:28px;  height:26px; background:url(images/top_menu_home.jpg) no-repeat ; float:left;}
#ugol { width:21px;  height:26px; background:url(images/top_menu_ugol.jpg)  no-repeat ;}


#top_menu2 {background:url(images/top_menu2_bg.jpg) repeat-x;right:-4px;position:absolute; top:245px; display:block;height:26px; }
#top_menu2 ul {font:normal 11px tahoma;}
#top_menu2 li { text-align:center; line-height:26px; overflow:hidden;  background:url(images/top_menu2_item.jpg) no-repeat ; 

 
  height:26px;
}
#ugol2 { width:21px;  height:26px; background:url(images/top_menu2_ugol.jpg)  no-repeat ; float:left;}


/* выпадающее меню */
.menu ul li { position: relative;}
.menu li ul { position: absolute; left: 190px; margin: 0; padding: 0;  top: 25px; z-index: 597; float: left; display: none;   width: 110px;}
.menu li:hover ul { display: block; }



/* шапка */
.head_line {background:url(images/head_bg.jpg) repeat-x ; display:block; width:100%; height:155px; position:relative;  top:90px}
#head, #head2 { display:block; width:100%; height:155px; text-align:right;}
#head div, #head2 div {padding:20px 30px 0 0; display:block; font-size:13px; color:white; line-height:15px}
#head div h4, #head2 div h4 {font-size:17px; margin:0; padding:0; color:white; font-weight:normal;}  
 

#head { background:url(images/head_pic4.jpg)  no-repeat ;}

 
 
/*меню в подвале*/ 
ul.foot_menu {position:absolute; height:25px; right:0; bottom:0;  background:url(images/foot_menu_bg.jpg) no-repeat ; padding:0 46px 0 20px }
ul.foot_menu li { text-align:center;  overflow:hidden;  background:url(images/top_menu_item.jpg) 0px -1px no-repeat ; 
font-size:11px; 
padding:0px 6px 0 6px;
  height:25px; 
}
ul.foot_menu a { height:25px;  color:white; text-decoration:none; position:relative; top:4px; }
ul.foot_menu a:hover { color:#dfdaa3}  
ul.foot_menu  img {position:relative; top:4px; left:5px;}
  
  
#order b { float:right; color:#F00}
.pole { border:solid 1px #f99122; width:300px; padding:3px 5px}  
.pole.img { width:auto; float:left}
#order input, #order textarea {font:normal 11px tahoma;}
.error { color:#f00; font-weight:bold}  
  
  /* Таблица для кровли*/
.table_kr 
{ 
border:1px solid;
font-size: 1em;
background-color: #fff0f5;
}
.table_kr img
{ 
border:1px solid;

}

.table_kr a:hover img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7; }


ul.cont li
{	list-style-type: circle;
	font-size:11px;
	margin:0px 0px 0px 20px;
}

ol.num li
{	list-style-type: decimal;
	font-size:11px;
}

.arrow
{
margin-top:-20px;
}
#cont_img {margin:5px 5px 5px 5px;}