body{ margin:0; padding:0; background: #4c4c4c  url(../i/bg.jpg) top center no-repeat; font-family:Arial; font-size:12px; }


/* Main tags */
img{ border:0; }
a{ color:#000; outline:none; }
a:hover{ text-decoration:none; outline:none; }
h1, h2, h3, h4{ padding:0; }
h3{ font-size:18px; font-weight:normal; }
.clearfloat { clear:both; height:0; font-size: 0px; line-height: 0px; }
.hsep{ margin:10px 0 40px;  border-bottom:1px solid #fff;  }
#s-menu a:hover, .contacts a, .demo a, .inner-nav a, .related li a{ color:#48a2c9; }

.top-line{ height:5px; background:#71c340; line-height:0; font-size:0; }
#container{ width:988px; margin:0 auto; }


/* Header */
#header{ width:100%; height:121px; }
.logo{ float:left;  width:171px; height:57px; text-align:center; margin:25px 0 0 20px; -margin:25px 0 0 10px; }
.logo img{ width:171px; height:57px; }
.slogan{ float:left;  margin-top:43px; color:#FFF; margin-left:107px; }
.slogan h1{ font-size:14px; font-weight:normal; margin:0; padding:0; }
#header .phone{ float:right; text-align:right; margin:42px 20px 0 0; -margin:42px 10px 0 0; font-size:12px; color:#FFF; }
#header .phone b{ font-size:16px; color:#71c340; }


/* Main menu */
#menu{ width: 100%; position:relative;  margin:0 0 30px 0; background:#FFF url(../i/bg-menu.gif) repeat-x center;}
#menu ul{ margin:0 0 0 20px; padding:0; white-space:nowrap; }
#menu li{ list-style:none; display: inline; padding:0; margin:0;   padding:0px 0; white-space:nowrap;}
#menu li.last span{ border-right:1px solid #dcdcdc; }
#menu a{ float:left; color:#000; font-size:14px; text-decoration:none; margin:0; padding:0;  }
#menu a span{ display:block; float:left; padding:25px 24px; border-left:1px solid #dcdcdc;  }
#menu a:hover{ color:#000; background:#e7e7e7 url(../i/bg-menu-hover.gif!) repeat-y center; }
#menu li.active a{ color:#54a125; background:#f1f1f1; }


/* Round corners */
.corner{ background:url(../i/corners.gif) no-repeat; width:5px; height:5px; font-size:0px; line-height:0px; position:absolute; }
.corner-tl{ background-position: 100% 100%; top:0; left:0; }
.corner-tr{ background-position: 0 100%; top:0; right:0; }
.corner-bl{ background-position: 100% 0; bottom:0; left:0;  }
.corner-br{ background-position: 0 0; bottom:0; right:0;   }


/* Four block's icons */
.activity{  margin:50px 0 45px; height:222px; padding:0 20px; }
.activity-one { width:222px; height:222px; float:left; margin-right:20px;  position:relative; }
.activity-one .last{ margin:0; }
.activity-one .pic{ width:176px; height:176px; margin-left:23px; }
.activity-one .glue, .activity-icon.glue{ background: url(../i/icon-glue.png) no-repeat left top; -background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/icon-glue.png',sizingMethod=''); }
.activity-one .paint, .activity-icon.paint{ background: url(../i/icon-paint.png) no-repeat left top; -background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/icon-paint.png',sizingMethod=''); }
.activity-one .termo, .activity-icon.termovstavka{ background: url(../i/icon-termovstavka.png) no-repeat left top; -background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/icon-termovstavka.png',sizingMethod=''); }
.activity-one .pvc, .activity-icon.pvc{ background: url(../i/icon-pvc.png) no-repeat left top; -background: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/icon-pvc.png',sizingMethod=''); }
.activity-one .pic a{ width:176px; height:176px; display:block;  }
.activity-one .title{ text-align:center; }
.activity-one .title a{ padding:20px 10px 0; display:block; color:#c3c3c3; text-decoration:none; }
.activity-one .title a:hover{ color:#FFF; }

.activity-icon{ width:176px; height:176px; margin-left:23px; }


/* Middle layout */
#middle{ margin:50px 0  60px 0; padding:0 20px; }

.l-col{  float:left; width:222px; }
.r-col{ float:right; width:682px; }
.r-col .content{ color:#FFF; padding-left:12px;  }
.r-col .content h1{ color:#FFF; border:none; padding:0; }

.content{ color:#FFF; }
.YMaps-b-balloon-content div{ color:#000 !important; }
.content p, .content ul li{ text-align: justify; color:#FFF; }
.content h1{ font-size:18px; color:#71c340; border-bottom: 1px solid #626262; padding-bottom:5px; font-weight:normal;  margin:0 0 20px 0; }
.content a{ color:#fff; }

.descr strong{ color:#4dc0d9; }

.inner{ margin-top:0 !important; }
.inner .content h1{ color:#FFF; border:none; }


/* Materials for download */
.materials{ margin:60px 0 0 23px; width:176px;}
.materials span{ background: #39C url(../i/bg-materials.gif) repeat-y center; color:#FFF; font-size:12px; padding:3px 5px; display:block; text-align:center; }
.materials ul{ padding:0; margin:25px 0 0 0; }
.materials li{ list-style:none; margin:7px 0 0; padding:1px 0 1px 22px; text-align:justify; }
.materials li a{ padding:1px 0; color:#4dc0d9; font-size:11px; }
.materials li a:hover{ color:#8adbed; }
.materials li.pdf{ background:url(../i/pdf.gif) no-repeat left top; }
.materials li.doc{ background:url(../i/doc.gif) no-repeat left top; }
.materials li.jpg{ background:url(../i/jpg.gif) no-repeat left top; }


/* Submenu */
#submenu{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #626262; }
#submenu ul{ margin:0px;  padding:0;  }
#submenu li{ margin:0; padding:0;  list-style:none; display:inline; margin-right:10px; }
#submenu a{  color:#71c340; font-size:18px;  text-decoration: underline; padding:7px 7px 7px 11px; background:url(../i/h1-arrow.gif) no-repeat left center; }
#submenu a:hover{  }
#submenu li.active a{ color:#FFF; background:#76c53f; text-decoration:none; }


/* Product submenu */
#p-submenu{ margin-bottom:40px; padding-bottom:50px; border-bottom:1px solid #7f7f7f; }
#p-submenu h1{ color:#71c340; margin-top:0; font-size:16px; background:url(../i/h1-arrow.gif) no-repeat left center; padding-left:11px; }
#p-submenu ul{ margin:0 0 15px 8px;  padding:0;  }
#p-submenu li{ margin:0; padding:0;  list-style:none; display:inline; margin:0 3px;  }
#p-submenu a{ color:#FFF; font-size:14px; text-decoration: underline; padding:7px 7px 7px 0px; }
#p-submenu a:hover{  }
#p-submenu li.active a{ color:#FFF; background:#76c53f; text-decoration:none; padding:7px; margin-right:7px;  }


/* Simple table */
.r-col .content table{ }
.r-col .content table td, .r-col .content table th{ background:#5e5e5e; padding:5px; border:0px solid #4c4c4c;}
.r-col .content table td.center{ text-align:center; }


/* Contacts layout */
.c-left{ width:450px; float:left;}
.c-left a{ color:#4dc0d9; }
.c-right{ width:450px; float:right;}


/* Sitemap */
.sitemap ul{ padding:10px; list-style-type:none; margin:10px 20px;}
.sitemap ul ul,.sitemap ul ul, .sitemap ul ul ul, .sitemap ul ul ul ul { padding:10px; list-style-type:none; margin:10px 20px; border-left: 3px solid #ccc;}
.sitemap ul li { padding:2px;}
.sitemap a{color:#FFF;}
.sitemap a:hover{color:#B2C629;}


/* Other probucts bottom block */
.partners{ text-align:center; /height:209px;  margin:0; padding:15px 0 10px 0;  background: url(../i/bg-partners.jpg) right repeat-y; position:relative;  }
.partners-one{ width:157px; -width:150px; height:58px;  float:left; padding:0; margin:10px 20px 0px;    }
.partners-one img{ width:120px; height:44px; }
.last{ margin-right:0; }


/* Footer */
#footer{ padding:40px 0; font-size:11px; color:#CCC;  }
#footer .copyright{  padding-left:20px; float:left; }
#footer .copyright a{ color: #ccc; }
#footer .copyright a:hover{ color:#727272; }
#footer .designed{ float:right; padding-right:20px; }
#footer .designed a{ background: #df3037; color: #FFFFFF; padding: 1px 3px; text-decoration: none; }