@charset "utf-8";
/* CSS Document */
body { background-color: #bec598;
 background-repeat:no-repeat;  
 font-weight: 500; /* Жирность шрифта */
 font-size:14px; /* размер шрифта*/ 
 color:#003300; /* цвет шрифта */ 
 _line-height: 18px;/*Межстрочный интервал*/
 _letter-spacing:0px;/*расстояние между символами*/
 font-family:"Times New Roman", Times, serif
}
.info { position: relative; top: 2px; left:20px; font-size:12px; color: #888833}
.info a { text-decoration:none; color: #888833}

.intro h1 {position: relative; left:20px; top:5px;
 text-indent: 20px; /*Отступ красной строки*/ 
 line-height: 25px; /* Межстрочный интервал */ 
 font-size:24px;
 font-style: italic;
 color: #cc6633;
 text-align:right;  
 float:left;
 width:45%; 
}
/*right blok*/
.external_top { position: relative;
       right: 4%; top:5px; 
	   width:45%; 
	   float:right;}
.external {position:relative; padding: 0px; 
 left:5px; top:5px;
 display:block;
 width:97%;}
 .d1, .d2, .d3, .d4, .d5, .d6 {
	background-color:#cdd4b4;
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;}	
.d6 { margin: 0 6px}
.d5 { margin: 0 5px}
.d4 { margin: 0 4px}
.d3 { margin: 0 3px}
.d2 { margin: 0 2px}
.d1 { margin: 0 1px}
.summary, .summary_top {position: relative; padding: 4px 10px 1px 10px;
 background-color:#cdd4b4; 
 text-indent:20px; 
 text-align:justify;  
 font-size:14px; /*размер шрифта*/
 font-weight: 500;}
.summary { min-height: 120px; }
.summary img { height: 100px; width: 150px; float: left; margin: 4px 10px 2px 0px; border: 3px #aaaaaa solid;}

#off1, #off2, #off3, #off4, #off5, #off6, #off7, #off8, #off9, #off10 { visibility:hidden}
#frameset { border:none; border-spacing:0; }
/*right blok end*/
.both_, .both { clear: both}
.both_ img, .both img { width: 1px; height: 1px; border:none}
.both_ { width: *; height: 30px}

.block_fig img {
 border: 3px #aaaaaa solid;
 width: 150px;
 height: 100px;
 float: left;  
}
.block_fig { position: absolute;
 left: 166px; top: 11px; 
 display:block;
 height:216px; z-index:30;
 width:73%;
 overflow:hidden;
}

/*пробная вставка ===========================================================*/
.further {position: relative;
    left: 200px; 
	clear: left;
    display:block;
	width:100px;
	height:25px;
	overflow:hidden;	
	line-height:22px;	
	font-size: 14px;
	text-indent: 14px; 
	font-weight: 700;	
	border:none}
.further a { background-image: url(img/further_l.gif);
    display:block;
	width:100px;
	height:25px;
	color: #333300;		
	text-decoration:none;
	}	
.further a:visited { background-image: url(img/further_l.gif);	
	color:#666633}
.further a:hover { background-image: url(img/further_h.gif);
	color: #CC6633;
	line-height:20px}
.further a:active { background-image: url(img/further_a.gif);		
	line-height:22px;
	color: #CC00CC}

/* подложки под фото ==================================================================================*/
a  { outline:none; text-decoration:none}
.fig a:visited, .fig2 a:visited, .fig3 a:visited, .fig4 a:visited {color:#006633 }

.fig, .fig2, .fig3, .fig4 {  background-repeat: no-repeat; background-position:center;
	display:block;
	width:170px;
	height:175px;/* 190px */
	float: left;	
	font-size: 12px;
	text-align:center;
	font-weight: 700; 
	margin: 4px 5px; 
	line-height:16px;	
	border:none
	}
.fig img, .fig2 img, .fig4 img, .fig3 img { border: none; padding: 10px 10px} /* 128px */
.fig img {
 width: 150px;
 height: 100px; 
 }
.fig2 img { 
 width: 100px;
 height: 150px; 
 }
.fig3 img { 
 width: 150px;
 height: 112px; 
 }
.fig4 img {
 width: 150px;
 height: 128px; 
 }
.fig a, .fig2 a, .fig3 a, .fig4 a { display:block; text-decoration:none; color: #333300; background-repeat:no-repeat;}
.fig a {background-image: url(img/fig.gif);
	width:170px;
	height:120px;
	}
.fig2 a{background-image: url(img/fig2.gif);
    margin-left:25px;
	width:120px;
	height:170px;
    }
.fig3 a{background-image: url(img/fig3.gif);
    width:170px;
	height:132px;
    }
.fig4 a{background-image: url(img/fig4.gif);
    width:170px;
	height:148px;
    }
.fig a:hover { background-image: url(img/fig_h.gif); color: #CC6633	}
.fig2 a:hover { background-image: url(img/fig2_h.gif); color: #CC6633 }
.fig3 a:hover { background-image: url(img/fig3_h.gif); color: #CC6633 }
.fig4 a:hover { background-image: url(img/fig4_h.gif); color: #CC6633 }		

.fig a:hover img, .fig2 a:hover img, .fig3 a:hover img, .fig4 a:hover img { padding: 9px 9px 11px 11px}	

.fig a:active { background-image: url(img/fig_a.gif); color: #CC00CC}
.fig2 a:active { background-image: url(img/fig2_a.gif); color: #CC00CC}
.fig3 a:active { background-image: url(img/fig3_a.gif); color: #CC00CC}
.fig4 a:active { background-image: url(img/fig4_a.gif); color: #CC00CC}

.fig a:active img, .fig2 a:active img, .fig3 a:active img, .fig4 a:active img { padding: 9px 9px 11px 11px}

a img{ 
  opacity: 0.9;
  filter: alpha(opacity=90)}
a:hover img{
  opacity: 1;
  filter: alpha(opacity=100)}

/*-- bottom =======================================================================================--*/
.live_m {display:block;
	width:88px;
	height:31px;
	float: left}
.live_m img {border:none}
.menubot { 
    position: relative; /* Â ïðàâîì íèæíåì óãëó îêíà */    
	display: block; right: 40px;
	width:336px;
	height:31px; 
	float: right;
	text-decoration:none;
	border:none;	
	}
.bott { 
	display:block;
	width:160px;
	height:31px;
	float:right;	
	line-height:29px;	
	font-size: 12px;
	text-align:center;
	font-weight: 700;	
	border:none
	}
.bott a { background-image:url(img/link.gif);
	display:block;
	width:160px;
	height:31px;
	color: #333300;		
	text-decoration:none;
	}
.bott a:visited {	
	width:160px;
	height:31px;
	color:#666633;	
	}
.bott a:hover { background-image:url(img/link_h.gif);
	color: #CC6633;
	line-height:27px
	}
.bott a:active { background-image:url(img/link_a.gif);		
	color: #CC00CC
	}
/*banner ====================================================================================*/
.rol {display: block;  
    width: 88px; float:left; margin-right: 15px; 
    height: 31px;
    border: 3px #aaaaaa solid }			  
.rol a { background-image: url(../img/hard.bnr.gif);
    display: block;
	width: 88px; 
    height: 31px;  
    border:none}
.rol a:hover { background-image: url(../img/hard.water.gif) }
.rol a:active { background-image: url(../img/hard.bnr3.jpg) }
em {
 color: #444400;
 text-decoration: none; margin-right: 10px;
 margin:10px;
 font-size:16px;
 font-weight: 600;}
quotes: {"\201e" "\201c"} /* Êàâû÷êè */