/* Alexander Zhook seozavr@gmail.com 2010 */

body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
background: url(../images/bg-all.png) left top repeat-x ;}

img {border: 0;display: block;}


#conainer{
background:url(../images/oblaka.png) center top no-repeat;
width:100%;

overflow:hidden;}




#head{
margin-top:17px;
height:160px;
background:url(../images/bg-up.png) top center no-repeat;}


/* ico hea block
--------------------------------------------------*/
#butonki{
width:980px;
height:40px;
margin:0 auto;
position:relative;}
#btn ul,#btn li, #btn2 ul,#btn2 li  {
	margin: 0px;
	padding: 0px;
	list-style: none;}
	#btn { position:absolute; top:13px; right:5px; width:126px; height:36px;}
#btn ul li, #btn2 ul li{float:left;}
#btn ul li.main{width:26px; height:36px; padding-right:24px;}
#btn ul li.main a{width:26px; height:36px; display:block; background: url(../images/home.png) no-repeat top; text-indent:-20000px; z-index:22;}
#btn ul li.main a:hover{width:26px; height:36px; display:block; background: url(../images/home-a.png) no-repeat top; text-indent:-20000px; z-index:22;}
#btn ul li.active-m {width:26px; height:36px; display:block; background: url(../images/home-a.png) no-repeat top; text-indent:-20000px; z-index:22; padding-right:24px;}
#btn ul li.map{width:26px; height:36px; padding-right:24px; }
#btn ul li.map a{width:26px; height:36px; display:block; background:  url(../images/map.png) no-repeat top; text-indent:-20000px; z-index:22;}
#btn ul li.map a:hover{width:26px; height:36px; display:block; background:  url(../images/map-a.png) no-repeat top; text-indent:-20000px; z-index:22;}


#btn ul li.pismo{width:26px; height:36px;}
#btn ul li.pismo a{width:26px; height:36px; display:block; background: url(../images/mail.png) no-repeat top; text-indent:-20000px; z-index:22;}
#btn ul li.pismo a:hover{width:26px; height:36px; display:block; background: url(../images/mail-a.png) no-repeat top; text-indent:-20000px; z-index:22;}

#logo{
position:absolute;
top:20px;
left:20px;
width:131px;
height:132px;}
#slogan{
width:624px;
height:35px;
position:absolute;
top:53px;
left:183px;}
#phone{
color:#0097dc;
font-size:19px;
position:absolute;
top:95px;
left:216px;
width:520px;}
#contentr-place{
background:url(../images/bg-midle.png) top center repeat-y;
}

#footer-block{
background:url(../images/bg-end.png) top center no-repeat;
height:100px;
overflow:hidden;}


#head-obl{
width:967px;
height:146px;
position:relative;
margin:14px auto 0 auto;}

#menu-block{
width:967px;
margin:0 auto;
background: url(../images/menu-block.png) top no-repeat;
height:41px;
overflow:hidden;}


.menu{
width:620px;
float:left;
padding-top:8px;}

.menu ul, .menu li {margin: 0px; display:inline; text-align:center;
	padding: 0px; list-style: none;}
	
.menu li {
color: #256585;
padding:0 20px;
font-size:16px;
font-weight:bold;
background:url(../images/line-menu.png) right center no-repeat;}
.menu li.last{
background:none;}
.menu li a{
text-decoration:none;

color: #256585;}	

.menu li a:hover{

text-decoration: none;
color: #4991c9;}	


#realcontent{
width:967px;
margin:0 auto;
overflow:hidden;}

#banner-block{
width:967px;
height:88px;
background:url(../images/banner.png) no-repeat;}

#bread{
height:24px;
width:967px;
}




.bead{
font-size:11px;

margin-top:5px;
margin-left:15px;
padding-bottom:7px;
background:url(../images/bread-line.png) bottom left no-repeat;
color:#969ba1;}

.bead a{
color:#969ba1;
text-decoration: underline}

.bead a:hover{
color:#969ba1;
text-decoration:none}



.B_crumbBox{

font-size:11px;
color:#969ba1;}

.B_crumbBox a{color:#969ba1; text-decoration:none;}
.B_crumbBox a:hover{
text-decoration:underline;}



#bloki{
overflow:hidden;
padding:3px;}

#blok, #blok2{
}
/*#blok li, #blok ul{margin: 0px; display:inline;	padding: 0px; list-style: none;}
#blok li{
padding:10px;
width:312px;
background:#ffffff;
border:1px #d4d4d6 solid;
height:158px;
margin:3px;
float:left;}
#blok li a{color:#568ba3; display:block;  padding:10px 0 0px 24px;
font-size:14px;}
#blok li a:hover{display:block; padding:10px 0 0px 24px;
font-size:14px;}*/

#blok ul, #blok li {margin: 0px; display:block; text-align:left;
	padding: 0px; list-style: none;}
	
#blok li {
color: #333333; 
margin:3px;
float:left;
width:310px;
position:relative;
font-size:13px;
text-align:justify
}
#blok li span { color:#568ba3;
font-size:14px;
}
#blok li a{display:block;  border:1px #d4d4d6 solid;
padding:10px;
height:108px;
text-decoration:none;
color: #333333; 

}	

#blok li a:hover{display:block;  border:1px solid #568BA3;
text-decoration: none;
color: #333333; 
padding:10px;
height:108px;
}
.blok-pic{
float: right;
margin-right:0px;
margin-top:4px;

width:80px;
height:80px;
border:1px #d4d4d6 solid;}
.b-lock{float:right; margin-right:0px; padding-left:5px; width:90px; height:90px; position:absolute; bottom:0px; right:4px;}
#blok2 ul, #blok2 li {margin: 0px; display:block; text-align:left;
	padding: 0px; list-style: none;}
	
#blok2 li {
color: #333333; 
margin:3px;
float:left;
width:312px;

font-size:13px;
text-align:justify
}
#blok2 li span { color:#568ba3;
font-size:14px;
}
#blok2 li a{display:block;  border:1px #d4d4d6 solid;
padding:10px;
height:18px;
text-decoration:none;
color: #333333; 

}	

#blok2 li a:hover{display:block;  border:1px solid #568BA3;
text-decoration: none;
color: #333333; 
padding:10px;
height:18px;
}

#blok-name{
padding:10px;
color:#568ba3;
font-size:14px;}

#blok-name a{
color:#568ba3;
text-decoration:none;
font-size:14px;}

#blok-name a:hover{
color:#568ba3;
text-decoration: underline;
font-size:14px;}

#blok-text{
padding:0 10px;
font-size:12px;
color: #000000;
text-align:justify;}

#blok-text a{
color:#568ba3;
text-decoration:none;
font-size:12px;}

#blok-text a:hover{
color:#568ba3;
text-decoration: underline;
font-size:12px;}


#main-feeld{
padding:20px 6px 10px 6px;}


#blok-left{
width:207px;
margin-bottom:10px;
}
#blok-left-up{
background:url(../images/block-l-up.png) top left no-repeat;
color:#FFFFFF;
text-align:center;
padding-top:8px;
height:32px;
font-weight:bold;}
#block-middle{
background:url(../images/block-l-midl.png) repeat-y;
width:207px;

overflow:hidden;}
#block-end{
width:207px;
background:url(../images/block-l-niz.png) no-repeat;
height:4px;}
#b-news{
margin:10px;
font-size:12px;}
#b-news-one{
padding:5px 10px;
background:url(../images/b-line.png) bottom no-repeat;
}
#b-news-one a{
text-decoration:none;
color:#000000;}
#b-news-one a:hover{
text-decoration: underline;
color:#000000;}

#b-news-one-last{
padding:5px 10px 15px 10px; 

}
#b-news-one-last a{
text-decoration:none;
color:#000000;}
#b-news-one-last a:hover{
text-decoration: underline;
color:#000000;}
#b-news-all{
text-align:right;
padding-right:10px;
color:#568ba3;
font-size:12px;
}

#b-news-all a{
color:#568ba3;
text-decoration:none;
font-size:12px;}

#b-news-all a:hover{
color:#568ba3;
text-decoration: underline;
font-size:12px;}
.dlya-blok{}
.dlya-blok-up{
background:url(../images/dlya-up.png) no-repeat;
width:368px;
height:47px;}
.dlya-blok-midle{
background:url(../images/dlya-centr.png) repeat-y;
height:80px;}
.dlya-blok-end{
background:url(../images/dlya-end.png) no-repeat;
height:11px;
width:368px;}

#dlya{
border:1px #f3f0f0 solid;
width:347px;
margin:8px auto;
overflow:hidden;
padding-bottom:10px;}

#dlya-name{
padding:10px 10px 10px 20px;
font-size:18px;
color:#5d5454;}

#dlya-pic{
margin:0 20px;
width:80px;
height:80px;
border:1px #f3f0f0 solid;
float:left;
}
#dlya-text{
margin-left:20px;
font-size:13px;}
#dlya-up-name{
padding-left:15px;
padding-top:10px;
font-size:22px;
}
.vidi{
color:#0348b1;}
.chego{
color:#cf043d;}

#content-obl{}

#content-obl-up{
width:742px;
background:url(../images/content-up.png) no-repeat;
height:8px;}
#content-obl-midle{
width:742px;

overflow:hidden;
background:url(../images/content-midle.png) repeat-y;}
#content-obl-end{
width:742px;
background:url(../images/content-down.png);
height:6px;}

#content{
padding:0 15px;
font-size:12px;
text-align:justify;}

#content a{
text-decoration:underline;
color:#4e7a8d;}
#content a:hover{
text-decoration:none;
color:#4e7a8d;}

#content h1{
color:#4e7a8d;
font-size:20px;
padding:0 20px;}
#content p{
text-indent:20px;}


/* menu-footer
--------------------------------------------------*/
.menu-footer{
margin:2px auto 0 auto;

width:900px;
text-align: right;
color:#4a4747;
padding-top:8px;
padding-right:35px;
}


.menu-footer ul, .menu-footer li {margin: 0px; display:inline; text-align:center;
	padding: 0px; list-style: none;}
	
.menu-footer li {
color: #4a4747;
padding:0 15px;
font-size:14px;
border-right:1px solid #4a4747;}
.menu-footer li.last{
border-right:none;}
.menu-footer li a{
text-decoration:none;
color: #4a4747;}	

.menu-footer li a:hover{
text-decoration: underline;
color: #4a4747;}


#footer-me{
width:900px;
height:50px;
margin:20px auto 0 auto;
overflow:hidden;
margin-bottom:10px;}

#footer-me1{
text-align:left;
width:300px;
padding-top:20px;
height:30px;
font-size:12px;
color:#4a311f;
float:left;}

#footer-me1 a{ 
font-size:12px;
color:#4a311f;
text-decoration:underline;}

#footer-me1 a{ 
font-size:12px;
color:#4a311f;
text-decoration:none;}

#footer-me2{
text-align: center;
width:300px;
height:50px;
float:left;
padding-top:10px;
font-size:12px;
color:#4a311f;}
#footer-me2 span{
font-weight:bold;
font-size:30px;
color:#9b6942;}
#footer-me2 span a{
text-decoration:none;
color:#4a311f;}
#footer-me3{
width:300px;
text-align:right;
font-size:12px;
color:#4a311f;
height:50px;
float:left;}

/*tovari*/

#content-me{
overflow:hidden;
padding:15px 20px;
background:#FFFFFF;}

#tovar-golova{
overflow:hidden;}

#tovar-pic{

width:315px;
overflow:hidden;
padding:9px;
float:left;
}
#tovar-pic-up{
width:315px;
background:url(../images/plashka-up.png) no-repeat;
height:18px;}
#tovar-pic-pic{
width:315px;
background:url(../images/plashka-centr.png) repeat-y;
padding:15px;
}

#tovar-pic-end{
width:315px;
background:url(../images/plashka-end.png) no-repeat;
height:15px;}


#tovat-tech{

overflow:hidden;}
#tovat-tech-name{
color:#4e7a8d;
font-size:18px;}
#tovat-tech-name h1{
margin:0;
padding:0;

color:#4e7a8d;
font-size:24px;}
#t-line{
background:url(../images/t-line.png);
width:571px;
height:1px;
margin:10px 0;}


#kha-kha{
overflow:hidden;}

.khara{
padding:0;
margin:0;
font-size:15px;
color:#6f7070;}

.khara td{
padding:8px 0;
vertical-align:top }

#niz-cena{
overflow:hidden;
height:77px;}
#tovar-cena{
padding-top:20px;
float:left;
width:305px;
height:77px;

color:#4e7a8d;
font-size:18px;

}
#buy-btn {margin: 0px;
	padding: 0px;
color:#4e7a8d;
font-size:18px; width:113px; height:52px;
}
#buy-btn ul,#buy-btn li{
	margin: 0px;
	padding: 0px;
	list-style: none;}
	
#buy-btn ul li{
text-align:center;
color:#4e7a8d;
font-size:18px;
}
#buy-btn ul li.buy{width:113px; height:52px; padding-top:10px;}
#buy-btn ul li.buy a{width:113px; height:52px; padding-top:12px; display:block; background: url(../images/kuypit.png) no-repeat top; color:#4e7a8d; text-decoration:none;}