/* CSS Document */
body{padding:0px; margin:0px; background:#fff; color:#666; font:14px/18px Trebuchet MS, Arial, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
a{background:#0099FF; color:#fff; text-decoration:none;}
a:hover{text-decoration:underline;}

/*----TOP PANEL----*/
#maintopPan{height:277px; background:url(images/headerbg2.jpg) 0 0 repeat-x; margin:0 auto;}
#topHeaderPan{width:734px; height:277px; float:left; background:url(images/header.jpg) right no-repeat;}

#topHeaderPan ul{width:114px; height:124px; position:absolute; top:119px; left:23px;}
#topHeaderPan ul li{width:114px; height:24px; background:url(images/dot-line.gif) 0 100% repeat-x;}
#topHeaderPan ul li a{display:block; width:102px; height:24px; background:url(images/bullet1.gif) 0 9px no-repeat; font:12px/24px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 12px;}
#topHeaderPan ul li a:hover{text-decoration:underline; background:url(images/bullet2.gif) 0 9px no-repeat;} 
#topHeaderPan ul li.resources{width:114px; height:24px; background:none;}

#topHeaderPan img{width:220px; height:53px; position:absolute; top:24px; left:24px;}
/*----Top Side Menu--*/
#topSidemenuPan{width:264px; height:277px; float:left; background:url(images/right-bg.gif) 100% 0 no-repeat #fff; color:#000;}
#topSidemenuPan ul{width:198px;  margin:0 0 0 20px;}
#topSidemenuPan ul li{float:left;}

#topSidemenuPan ul li.home a{width:99px; height:277px; display:block; background:url(images/home-normal.jpg) 0 0 no-repeat; text-indent:-20000px;}

#topSidemenuPan ul li.contact a{width:99px; height:277px; display:block; background:url(images/contact-normal.jpg) 0 0 no-repeat; text-indent:-20000px;}



/*----/TOP PANEL----*/

/*----BODY PANEL----*/
#bodyPan{clear:both;}
/*----Left Panel----*/
#leftPan{width:725px; float:left;}
#leftPan p{padding:0 24px 14px;}
#leftPan p span{font-weight:bold;}
#leftPan p.more{width:70px; height:23px; margin:0 0 0 340px;}
#leftPan p.more a{width:70px; height:23px; display:block; background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#589B02; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 36px;}
#leftPan p.more a:hover{background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#046CB8; text-decoration:none;}

#leftPan h2{width:220px; height:100px; background:url(images/icon1.gif) 0 50% no-repeat; text-indent:-20000px; margin:0 0 0 22px;}

#leftPaninleftPan{width:270px; float:left;}
#leftPaninleftPan h3{color:#b4b4b4; font:24px/26px Arial, Helvetica, sans-serif; margin:0 0 0px 24px;}
#leftPaninleftPan h4{width:209px; height:90px; background:url(images/image1.jpg) 0 0 no-repeat; margin:0 0 0 62px; text-indent:-2000px;}
#leftPaninleftPan p.strongtext{font:16px/18px Arial, Helvetica, sans-serif; background:#fff; color:#3A3A3A; font-weight:bold; padding:16px 24px 14px;}


#leftPaninrightPan{width:235px; float:left;}

#leftPaninrightPan h4{width:209px; height:90px; background:url(images/image2.jpg) 0 0 no-repeat; text-indent:-2000px; margin:26px 0 0 70px;}

#leftPaninrightPan p{padding:0 0 14px;}
#leftPaninrightPan p.strongtext{font:16px/18px Arial, Helvetica, sans-serif; background:#fff; color:#3A3A3A; font-weight:bold; padding:16px 24px 14px 0;}
#leftPaninrightPan p span{font-weight:bold;}

.stoi {
  font:16px/24px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin-left: 24px; color: #457fa6;
}


/*----/Left Panel----*/

/*----Right Panel----*/
#rightPan{width:273px; float:left; background:url(images/rightpanbg.gif) 0 0 repeat-y;}

#rightPan h2{ height:88px; background:url(images/icon4.gif) 0 0 no-repeat; color:#3A3A3A; font:14px/18px Arial, Helvetica, sans-serif; padding:8px 0 0 96px; text-transform:uppercase; margin:24px 0 0 23px; }
#rightPan h2 span{font-size:48px; line-height:32px; color:#df4182; text-transform:none;}

#rightPan ul{width:210px; margin:6px 0 40px 36px;}
#rightPan ul li.dot{background:url(images/bullet.gif) 0 7px no-repeat; padding:0 0 15px 15px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-transform: uppercase; font-style: italic; color: #966334}

#rightbottomPan{width:273px; height:24px; background:url(images/rightbottompan.gif) 0 0 no-repeat;}

/*----Right Panel----*/
#footermainPan{height:108px; background:#4C4C4C; color:#fff; clear:both;}
#footerPan{width:778px; float:left; position:relative;}

#footerPan img{width:218px; height:52px; position:absolute; top:28px; right:30px;}

#footerPan ul{width:320px; position:absolute; top:38px; left:53px;}
#footerPan li{float:left; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 5px 0; color:#fff; background:#4C4C4C; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.teworld{ color:#fff; display:block; position:absolute; top:25px; left:336px;}
#footerPan ul.teworld li a{background:#4C4C4C; display:block; color:#fff; text-decoration:none;}
#footerPan ul.teworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{background:#4C4C4C; color:#79D000; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; top:64px; left:58px;}

#wds {
  width: 241px;
  height: 67px;
  position: absolute;
  left: 493px;
  top: 277px;
  background: url(images/wds.gif) no-repeat;
}

.mat{
  background: #EEEEEE url(images/matbg.gif) repeat-y right;
  height: 150px;
}
.okna_pvc {
  padding-left: 24px;
}

.okna_pvc li {
  padding-left: 24px;
  background: url(images/bullet2.gif) no-repeat 10px 7px;
  padding-bottom: 10px;
  padding-right: 10px;
}
.okna_pvc i {
  color: #b5407f;
}

.ds {
  position: relative;
  left: 27px;
  top: -20px;
}