body.index{margin: 0px; background: url('../img/bg.jpg') #336da2 repeat-x;}
body.second{margin: 0px;}

a{outline: none;}
div{border: 0px solid red;}
div.clear{clear: both;}

#wrap{width: 997px; height: 100%;}

#header{width: 997px; height: 130px;}
#header div.service{width: 292px;  float: left;}
#header div.service div.txt{font: 16px Myriad Pro; font-weight: bold; color: #000; margin: 13px 0px 0px 40px;}
#header div.service div.txt2{font: 24px Myriad Pro; color: #000; margin: 15px 0px 0px 25px;}
#header div.service div.txt2 span{font: 16px myriad pro; color: #666666; font-weight: bold; margin: 0px;}
#header div.service div.txt2 blockquote{font: 11px arial; color: #666666; margin: 5px 0px 0px 0px; padding: 0px;}
#header img{float: left;}
#header div.bord{width: 1px; height: 56px; background: #ccc; float: left; margin-top: 52px;}
#header div.nav{float: left; margin: 20px 0px 0px 23px;}
#header div.nav img{float: left; margin-right: 33px;}
img.im{position: relative; top: 2px;}
#header div.txt3{font: 11px arial; color: #666666; width: 170px; padding-top: 20px; line-height: 15px;}
#header div.txt3 a{font: 11px arial; color: #006699; text-decoration: underline; line-height: 20px;}
#header div.txt3 a:hover{text-decoration: none;}

/*--------------------------------------*/
#header div.txt2 {margin: 0px; position: absolute;}
#header div.txt3 {margin: 0px; position: absolute;}


#header div.status{float: left; margin: 0px 0px 0px 37px;}
#header div.status div.txt{font: 11px arial; color: #000; width: 179px; line-height: 20px;}
#header div.status div.txt h1{font: 18px tahoma; color: #000; margin: 0px; padding-bottom: 6px}
#header div.status div.txt span{font: 12px arial; font-weight: bold; float: left; margin-top: 2px;}
#header div.status div.txt input{border: 1px solid #dedede; width: 67px; height: 19px; position: relative; top: 1px; font: 12px arial; float: left;}
#header div.status div.txt img{margin-left: 10px; margin-top: 1px;}

#menu{width: 200px; margin: 20px 0px 0px 24px;}
#menu ul{list-style-type: none; margin: 0px; padding: 0px; width: 241px; background: #f4f4f4; margin-bottom: 20px;}
#menu li{font: 14px arial; color: #015c8a; border: 0px solid red; background: url('../img/back.gif'); text-decoration: none; background-repeat: no-repeat; height: 31px; display: block;  background-position: 0px 2px; margin-bottom: 4px;}
#menu li a{font: 14px arial; color: #015c8a;  background: #f4f4f4;  padding-left: 20px; text-decoration: underline;}
#menu li a span.bg{position: relative; top: 7px; padding-right: 10px;}
#menu li a span.bg2{background-repeat: no-repeat; background-position: 0px 0px; display: block; margin-top: -3px; padding-right: 20px; position: relative; top: -6px;}
#menu li a:hover{font: 14px arial;  background: url('../img/hov.gif'); color: #fff; text-decoration: none; background-repeat: no-repeat; height: 31px; display: block;}
#menu li a.hov{font: 14px arial;  background: url('../img/hov.gif'); color: #fff; text-decoration: none; background-repeat: no-repeat; height: 31px;  display: block;}
#menu li span{text-align: right;}

#support{width: 200px; margin: 0px 0px 16px 45px; font: 12px arial; color: #000;}
#support h1{margin-bottom: 16px; padding: 0px; font: 18px tahoma; color: #000;}
#support img{float: left; margin: 0px 10px 10px 0px;}
#support a{font: 12px arial; color: #0066cc; text-decoration: underline;}
#support a:hover{text-decoration: none;}

#online{background: url('../img/bg_online.png') no-repeat; margin: 0px 0px 0px 0px; width: 265px; height: 398px; padding: 25px 0px 0px 45px; border: 0px solid red;}
#online span.zag{font: 22px tahoma; color: #4d4d4d; height: 0px;}
#online div.form {font: 12px arial; color: #666666; margin-top: 10px; width: 196px; border: 0px solid red;}
#online div.form span{font: 12px arial; color: #fe0000;}
#online div.form input{width: 184px; height: 19px; border: 1px solid #c2c2c2; font: 11px arial; color: #4d4d4d; margin-bottom: 5px;}
#online div.form textarea{border: 1px solid #c2c2c2; width: 184px; height: 133px; font: 11px arial; color: #4d4d4d;}
#online div.form img{margin: 10px 0px 0px 102px;}
.float{float: left; width: 265px;}


#right{width: 718px; height: 401px; float: left; background: url('../img/back4.jpg') no-repeat; background-position: right bottom; display: block;}
#right div.cloud{width: 600px; height: 205px; margin-bottom: 6px; color: #5688ac; overflow: hidden; border: 0px solid red;}
#right div.cloud div.txt{padding:60px 0px 0px 38px; color: #5688ac; font-family: tahoma; width: 485px; line-height: 30px;}
#right div.cloud a {font-family: tahoma; color: #5688ac; text-decoration: none;}
#right div.cloud a:hover {text-decoration: underline;}
span.cloud_1{font: 24px tahoma; color: #5688ac; margin-right: 10px;}
span.cloud_2{font: 34px tahoma; color: #5688ac;}
span.cloud_3{font: 16px arial; color: #5688ac; font-weight: bold; padding-left: 45px; position: relative; top: 20px;}
span.cloud_4{font: 25px tahoma; color: #5688ac; padding-left: 100px; position: relative; top: 30px;}
span.cloud_5{font: 20px tahoma; color: #5688ac; padding-left: 35px; position: relative; top: 40px;}
span.cloud_6{font: 26px tahoma; color: #5688ac; padding-left: 25px; position: relative; top: 40px;}
span.cloud_7{font: 12px tahoma; color: #5688ac; padding-left: 35px; position: relative; top: 45px; font-weight: bold;}

#news{width: 440px; padding-left: 38px;}
#news div.txt2{width: 167px; float: left; margin-right: 30px;}
#news  h1{font: 18px tahoma; color: #000; margin: 0px 0px 15px 0px;}
#news div.txt2 span, div.news_center span {font: 12px arial; font-weight: bold; color: #619f00;}
#news a{font: 11px arial; color: #3385ad; text-decoration: underline; }
#news a:hover{text-decoration: none;}
#news div.txt2 img{margin-left: 5px;}
#news p{clear: both; margin: 15px 90px 0px 0px; padding: 15px 0px 0px 0px; text-align: right;}


#content{background: url('../img/back5.jpg') no-repeat; width: 718px; min-height: 337px; float: left;}
#content #left{width: 450px; padding: 31px 0px 0px 52px; float: left;}
#content #left h1{font: 22px tahoma; color: #b3e6ff; margin: 0px 0px 15px 0px;}
#content #left span.sp{font: 18px arial; color: #7dc40f;}
#content #left img{margin-right: 12px; behavior: url("inc/pngbehavior.htc");}
#content #left div.txt{font: 12px arial; color: #9fd1ff; width: 350px; margin: 7px 0px 20px 29px;}
span.line{text-decoration: underline; font: 12px arial; color: #9fd1ff;}
#content #left div.txt2{font: 12px arial; color: #fff; text-align: justify; padding-right: 40px;}
#content #left div.txt2 a{color: #FFFFFF;}

#content #right_column{float: left; width: 216px;}
#content #right_column h1{font: 22px tahoma; color: #b3e6ff; margin: 31px 0px 15px 0px;}
#content #right_column div.txt{font: 12px arial; color: #fff;}
#content #right_column div.txt span{font: 14px arial; color: #a3e000; font-weight: bold;}
#content #right_column h2{font: 14px tahoma; color: #c6ecff; font-weight: bold; margin: 45px 0px 0px 0px;}
#content #right_column div.inst{margin: 25px 0px 0px 0px;}
#content #right_column div.txt2{font: 11px arial; color: #fff; line-height: 18px;  padding-bottom: 0px;}
#content #right_column div.txt2 img{float: left; margin-right: 10px; margin-bottom: 20px;}
#content #right_column a{font: 12px arial; color: #9fd1ff; text-decoration: underline;}
#content #right_column a:hover{font: 12px arial; color: #9fd1ff; text-decoration: none;}
#content #right_column div.txt2 a{font: 11px arial;}
#content #right_column div.txt2 a:hover{font: 11px arial;}

#footer{background: url('../img/back7.jpg') repeat-x; padding: 0px 0px 0px 44px; height: 141px; margin-top: 55px; width: 1100px;}
#footer div.txt{font: 12px arial; color: #9fd1ff; padding: 25px 112px 0px 0px; line-height: 20px; float: left;}
#footer div.txt a{font: 12px arial; color: #9fd1ff; text-decoration: underline;}
#footer div.txt a:hover{text-decoration: none;}
#footer div.banners {padding: 10px 0px 0px 0px; clear: both;}
#footer div.our_logo{font: 12px arial; color: #9fd1ff; padding: 25px 0px 0px 50px; line-height: 20px; float: left;}
#footer div.our_logo a{font: 12px arial; color: #9fd1ff; text-decoration: none;}
#footer div.our_logo a:hover{text-decoration: underline;}
#footer_1{background: url('../img/back7.jpg') repeat-x;}


#content2{width: 680px; min-height: 337px; float: left; font: 12px arial; color: #484848; padding: 45px 0px 0px 50px; position: relative;}
/*#content2 img{float: right;}*/
#content2 a{font: 12px arial; color: #3385ad; text-decoration: underline; }
#content2 a:hover{text-decoration: none;}
#content2 h1{font: 22px tahoma; color: #000; margin: 0px 0px 25px 0px;}
#content2 h2{font: 18px tahoma; color: #000; margin: 0px 0px 25px 0px;}
#content2 div.ustanovka { background: url('../upload/imagemanager/ustanovka.jpg'); background-position: top right; background-repeat: no-repeat; }
#content2 div.remont { background: url('../upload/imagemanager/remont_2.jpg'); background-position: top right; background-repeat: no-repeat; }
#content2 div.o_nas { background: url('../upload/imagemanager/nout.jpg'); background-position: top right; background-repeat: no-repeat; }

#news2{ padding-left: 38px;}
#news2 div.txt2{width: 167px; margin-right: 30px; margin-bottom:20px;}
#news2  h1{font: 18px tahoma; color: #000; margin: 0px 0px 15px 0px;}
#news2 div.txt2 span {font: 12px arial; font-weight: bold; color: #619f00;}
#news2 a{font: 11px arial; color: #3385ad; text-decoration: underline; }
#news2 a:hover{text-decoration: none;}
#news2 div.txt2 img{margin-left: 5px;}
#news2 p{margin: 15px 75px 0px 0px; padding: 0px; text-align: right;}


#nout{padding: 0px 0px 0px 38px;}
#nout h1{font: 18px tahoma; color: #000; margin: 20px 0px 15px 0px;}
#nout ul{list-style-type: disc; color: #619f00; font-weight: bold; font: font: 11px arial !important; margin: 0px 0px 0px 15px; padding: 0px;}
#nout li a{font: 11px arial !important; color: #3385ad !important; text-decoration: underline;}
#nout li a:hover{text-decoration: none;}




/*
#content2 div div div {
	background: url(../upload/imagemanager/remont_2.jpg) no-repeat top;
	position:absolute;
	top: 0px;
	left: 0px;
	height: 262px;
	width: 680px;
	border: 1px solid red;
}
#content2 div span div div {
	background: url(../upload/imagemanager/ustanovka.jpg) no-repeat right top;
	position:absolute;
	top: 0px;
	left: 460px;
	height: 262px;
	width: 243px;
}
*/
a.abone{text-decoration: underline !important;}
a:hover.abone{text-decoration: none !important;}

div.soc_tabs {position:relative; height:23px; margin-top:10px;}
div.soc_tabs .active { background-color:#FFF; border-bottom:none; height:15px; cursor:default;}
a.facebook_a, a.vkontakte_a, a.hifinews_a {position:absolute; z-index:100; display:block; float:left; background-image:url(/img/buttons/l-face.gif); width:100px; height:14px; overflow:hidden; text-decoration:none; color:#000; font-size:12px; font-weight:bold; background-repeat:no-repeat; padding:3px 3px 3px 23px; border:1px solid #EFEFEF; background-position:3px 3px; background-color:#EFEFEF;}
a.vkontakte_a { background-image:url(/img/buttons/l-vc.gif); left:135px;}
a.hifinews_a { background-image:url(/img/buttons/l-home.ico); width:180px; left:270px;}
div.soc_tabs a {text-decoration:none; font-weight:bold; color:#000;}
#facebook_tab, #vkontakte_tab, #hifinews_tab { border:1px solid #EFEFEF; clear:left; margin-top:-2px; padding-top:10px;}
#vkontakte_tab { display:none; }
#facebook_tab { display:none; }
#hifinews_tab { padding:0px 10px 0px 10px; }
.kol-on-sklad { position:absolute; margin-top:60px; font-weight: bold; }