/*--- DErek (Zhukov Alexandr) ---*/
/* reset
--------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,form,fieldset { margin:0;padding:0; }
img { border: 0; }

/* body
--------------------------------------------------*/
body {
       font-family: Arial;
       font-size: 62.5%;   /* Resets 1em to 10px */
       text-align: left; /* Center for IE 5.x */

}

.clearing { clear: both; height: 1px; font-size: 1px; }

a { text-decoration:underline;  outline-style:none  }
a:hover { text-decoration:none }

textarea {
  overflow: auto;
outline: none;
resize: none;}
input.placeholded {
	color: #c0c0c0;
}




.min_w { min-width:1000px;  background: url("../images/head.jpg") no-repeat 50% 100px;}
*html .min_w { width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%");}

.global { width:960px; margin:0 auto 0 auto}


/* GlobalTable
--------------------------------------------------*/
.t {border: none; border-collapse: collapse; width: 100%}
.t td {padding: 0px; vertical-align:top}


.dashedtext { border-bottom: 1px dashed ;  }
.dottedtext { border-bottom: 2px dotted grey;  }
/* Head
--------------------------------------------------*/
.hes { width:200px; height:300px; background: url("../images/logo2.gif") no-repeat  0 60px; }
.head {  height:495px; padding:22px 15px 0 10px; position:relative;}
.head .logo { display:block; width:197px; height:71px; overflow:hidden; text-indent:-3000em; background: url("../images/logo.gif") no-repeat; float:left; }

.head .h_btn { display:block; width:263px; height:43px; font-size:18px; text-align:center; text-decoration:none; color:#000000;
font-family:Arial, Helvetica, sans-serif;background: url("../images/h_btn.gif") no-repeat; position:absolute; bottom:58px; left:334px; padding-top:18px }
.head .h_btn:hover { text-decoration:underline;}


/* Head/Tel
--------------------------------------------------*/
.head .tel { float:right; font-size:31px; font-style:italic; line-height:24px; background: url("../images/tel.gif") no-repeat;
padding:0 0 0 105px; position:relative; margin-top:-3px  }
.head .tel i { display:block; color:#999999; font-size:14px; font-family:Arial, Helvetica, sans-serif;}


/* Head/Link
--------------------------------------------------*/
.h_link { float:left; font-size:14px; font-style:italic; padding:26px 0 0 64px; background: url("../images/h_link.gif") no-repeat 0 26px; margin:0 0 0 25px }
.h_link a { color:#666666; padding:12px 18px 0 0; margin-right:20px}

.h_link .lh1 { background: url("../images/ic1.gif") no-repeat 100% 0px;}
.h_link .lh2 { background: url("../images/ic2.gif") no-repeat 100% 0px;}


/* Head/Menu
--------------------------------------------------*/
.h_menu { font-size:16px; font-family: Tahoma; position:absolute; left:275px; top:95px; font-weight:bold; padding-bottom:3px}
.h_menu a { text-decoration:none; color:#000000; margin-right:30px; border-bottom:1px dashed #000000}
.h_menu a:hover { border:0px}



/* Center
--------------------------------------------------*/
.center { float:left; width:622px; padding:0 20px 0 10px; position:relative; margin-top:-17px; font-size:12px}
.center a { color:#ff6600}

.center h1 {  font-size:21px; font-family:Tahoma; font-weight:normal; padding:2px 0 15px 0}
.center h1 b { font-weight:normal; padding:2px 37px 3px 0; background: url("../images/h1.gif") no-repeat 100% 0px }
.center h1 i { color:#ff6600; font-style:normal}


/* Center/Service
--------------------------------------------------*/
.serv_ul { overflow:hidden; min-height:1px; _height:1px; padding:0 0 52px 0; background: url("../images/serv_ul.gif") no-repeat 50% 100% }
*html .serv_ul { overflow:visible;}
.serv_ul ul { margin:0px; padding:0 28px 0 15px; list-style:none; float:left; width:268px}
.serv_ul ul li { padding:3px 0 9px 37px;  background: url("../images/ic3.gif") no-repeat; font-size:12px; font-weight:bold}

.serv_txt { text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-style:italic; color:#777777; padding:7px 0 10px 5px}
.serv_txt i { font-size:18px; display:block; color:#336699; text-decoration:underline}


/* Center/Steps
--------------------------------------------------*/
.steps { margin:0px; padding:0 0 22px 40px; list-style:none; overflow:hidden; min-height:1px; _height:1px; position: relative; margin:0 -20px 0 -20px}
*html .steps { overflow:visible;}
.steps li { float:left; color:#404040; font-size:12px; width:157px; padding:0 49px 0 0; font-style:italic }

.steps li b { font-size:21px; font-family:Tahoma; font-weight:normal; display:block; font-style:normal; color:#000000; position:relative; margin:0 0 0 -20px;
padding:44px 74px 6px 0; _height:1px}

.steps li .sp1 { background: url("../images/sp1.gif") no-repeat 75px 0}
.steps li .sp2 { background: url("../images/sp2.gif") no-repeat 70px 0}
.steps li .sp3 { background: url("../images/sp3.gif") no-repeat 70px 0}

/* Center/Baners
--------------------------------------------------*/
.c_ban { position:relative; margin-right:-20px; padding:0 0 20px 0}
.c_ban img { vertical-align:middle; margin-right:12px}



/* Right Col
--------------------------------------------------*/
.right_col { float:left; width:300px; font-size:12px; padding:8px 0 0 0}
.right_col a { color:#4091c9}


/* Right Col/News
--------------------------------------------------*/
.r_news {
	margin:0px;
	padding:0 0 30px 0;
	list-style:none;
	position:relative;
	_height:1px;
	width:250px }
.r_news li {
	color:#595959;
	font-style:italic;
	font-size:14px;
	padding:1px 0 5px 52px;
	min-height:25px;
	_height:15px; }
.r_news li b {
	display:block;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0099ff;
	width:58px;
	height:15px;
	text-align:center;
	font-weight:normal;
	background: url("../images/ic4.gif") no-repeat;
	font-style:normal;
	padding-top:2px;
	position:absolute;
	left:0px;
	}
.r_news i {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-style:italic;
	padding-top:0px;
	position:relative;
	left:0px;
	top: 0px;
	}
.r_news img {background:;}

.r_news li p { margin:11px 0 -16px 0; padding:3px 0 3px 5px}

.r_news .rn_ac b {
	background: url("../images/ic5.gif") no-repeat;
	color:#FFFFFF;
	}
.r_news .rn_ac p {
	background:#e9eff1;
	color:#000000;
	}

/* Right Col/Text
--------------------------------------------------*/
.r_txt { font-size:12px; color:#777777; font-style:italic}
.r_txt span { display:block; padding:14px 0 0 160px; background: url("../images/rt_l.gif") no-repeat; min-height:70px; _height:70px; color:#777777; font-style:italic;
border-bottom:1px solid #cccccc; font-size:14px; margin-bottom:17px}
.r_txt p { padding:0 0 16px 0}

/* Footer
--------------------------------------------------*/
.footer { border-top:1px solid #cccccc; padding:34px 0 30px 14px; overflow:hidden; min-height:1px; _height:1px; font-size:12px; margin-top:20px; color:#707070}
*html .footer { overflow:visible;}

.footer .fl { display:block; width:63px; height:51px; background: url("../images/fl.gif") no-repeat; overflow:hidden; text-indent:-3000em; float:left;
position:relative; margin-top:-9px}

/* Footer/Copy Right
--------------------------------------------------*/
.copy_r { padding:0 0 0 50px; background: url("../images/copy_r.gif") no-repeat 0 2px; float:left; margin-left:13px; width:220px  }
.copy_r a { font-family:Tahoma; color:#006699}
.copy_r b { display:block; font-weight:normal; padding-top:11px}
.copy_r b i { display:block;}

/* Footer/RSS
--------------------------------------------------*/
.rss { float:left; font-family: "Trebuchet MS"; color:#777777; font-size:12px; line-height:14px}
.rss i { font-size:14px; font-weight:normal; display:block; color:#333333; padding-bottom:7px}
.rss img { float:left; margin-right:10px}

.f_ban { float:right; padding-top:12px}
 #border3 {border: 1px dotted #666666;}
  #border32 {border: 1px dotted #666666; background-color:#ffc885;}
   #border333:hover {background: #bed9e5;} /* Меняем цвет фона строки таблицы */
   a {outline:none;}
		#content {width:300px;margin:0 auto;}
		#footer {width:700px;margin:0 auto;text-align:center;}
		#p1, #p2, #p3, #p4, #p5 {height:0;overflow:hidden;background:#ececec;}
.mini_picture { height: 20px; border: 1px dotted #4091c9;}
/* StartStyle */
.hideWrap{
text-align:left; /* Устанавливаем выравнивание по левому краю */
clear:both;
}

.hideBtn{
display:block; /* Дисплей блок - для ссылки - необходимо, для установки фона */
background:transparent url("/_example/_img/_lib1/_plus.gif") no-repeat left center; /* Картинка «плюс» */
font:bold 11px/15px Tahoma, Arial, sans-serif;
padding:0px 0px 0px 0px; /* Отступы - для картинки ... и вообще ... */
cursor:pointer;
outline:none; /* Скрываем рамочку, при нажатии */
}

.hideBtn.show{
background-image: url(/_example/_img/_lib1/_minus.gif); /* картинка «минус» - для открытого блока */
}
.hideCont{display:none;  /* Скрываем контент */
}
/* EndStyle */

/* StartStyle */
.hideWrap1{
text-align:left; /* Устанавливаем выравнивание по левому краю */
clear:both;
}
.hideBtn1{
display:block; /* Дисплей блок - для ссылки - необходимо, для установки фона */
font:bold 13px/15px Verdana,sans-serif;
padding:0px 0px 0px 0px; /* Отступы - для картинки ... и вообще ... */
cursor:pointer;
outline:none; /* Скрываем рамочку, при нажатии */
position:relative;
top: -10px;
right:0px;
}
.hideBtn1 a img {decoration: none;} /* Убирает подчеркивание для ссылок */
.hideCont1 {display:none;} /* Скрываем контент */
/* EndStyle */
/* StartStyle */
.hideWrap3{
text-align:left; /* Устанавливаем выравнивание по левому краю */
clear:both;
}
.hideBtn3{
display:block; /* Дисплей блок - для ссылки - необходимо, для установки фона */
background:transparent url("../images/8march1.png") no-repeat right ;
font:bold 13px/15px Verdana,sans-serif;
padding:10px 35px 0px 0px; /* Отступы - для картинки ... и вообще ... */
cursor:pointer;
outline:none; /* Скрываем рамочку, при нажатии */
position:relative;
top: -17px;
right:0px;
}
.hideBtn3 a img {decoration: none;} /* Убирает подчеркивание для ссылок */
.hideCont3 {display:none;} /* Скрываем контент */
/* EndStyle */
/* StartStyle */
.hideWrap4{
text-align:left; /* Устанавливаем выравнивание по левому краю */
clear:both;
}
.hideBtn4{
display:block; /* Дисплей блок - для ссылки - необходимо, для установки фона */
background:transparent url("../images/9may1.png") no-repeat right ;
font:bold 13px/15px Verdana,sans-serif;
padding:10px 35px 0px 0px; /* Отступы - для картинки ... и вообще ... */
cursor:pointer;
outline:none; /* Скрываем рамочку, при нажатии */
position:relative;
top: -17px;
right:0px;
}
.hideBtn4 a img {decoration: none;} /* Убирает подчеркивание для ссылок */
.hideCont4 {display:none;} /* Скрываем контент */
/* EndStyle */

/* StartStyle */
.hideWrap2{
text-align:left; /* Устанавливаем выравнивание по левому краю */
clear:both;
}
.hideBtn2{
display:block; /* Дисплей блок - для ссылки - необходимо, для установки фона */
background:transparent url("../images/h12.gif") no-repeat right center; /* Картинка «плюс» */
font:bold 12px/15px Verdana,sans-serif;
padding:0px 15px 0px 0px; /* Отступы - для картинки ... и вообще ... */
cursor:pointer;
outline:none; /* Скрываем рамочку, при нажатии */
position:relative;
top: -30px;
right:0px;
}
.hideBtn2.show{
background-image: url(../images/h11.gif); /* картинка «минус» - для открытого блока */
}
.hideCont2{display:none;  /* Скрываем контент */
}
/* EndStyle */
/* Личный кабинет
--------------------------------------------------*/
.lc a { color:#4091c9;}
.sup { font-weight: bold; color:#4091c9;}
.more_lc { font-size:10px; color:#777777; font-style:italic}
.price_lc { border-top:1px solid #cccccc; padding:0px 0 0px 14px; overflow:hidden; min-height:1px; _height:1px; font-size:12px; margin-top:5px; color:#707070}
.wind_parrent {
text-align:left; /* Устанавливаем выравнивание по левому краю */
clear:both;
position:relative;}
.wind {
position: absolute;
width:320px;
left: 35%;
top: 4px;
border: 1px dotted #105a98  ;
display: none;
z-index: 10;
overflow: hidden;
background-color:#e9eff1;
color:#000000;
text-align:justify;
padding: 9px 3px 3px 3px;
}
.wind a{  color:#4091c9;  }
.wind_close {position:absolute; top: -3px; right: 1px; font-size:14px;}
.menu_lc { border-left:1px solid #cccccc; padding:5px 0 5px 4px; overflow:hidden; min-height:1px; _height:10px; font-size:12px; margin:15px 0 15px 0; color:#707070}
.menu_lc a{ font-size:13px; margin-top:5px; color:#707070; }
.menu_lc a:hover{ color:#4091c9;}
.example_lc a{ text-decoration:none; color:#000000; border-bottom:1px dashed #000000; font-weight:bold;}
.example_lc a:hover { border:0px}
.table_lc { border-left:1px solid #000000; overflow:hidden; min-height:1px; _height:10px; font-size:12px; text-align:left;}
.table_lc i {color:#707070;}
.folder {height:34px; border-bottom:1px solid #cccccc; float:left; font-size:12px;  padding:7px 0 5px 7px;   margin:5px 0 5px 0px; background: url("../images/folder1.png") no-repeat 0px 0px; }
.folder a{color: #707070;}
.folder a:hover{ color:#4091c9;}
.folder2 {height:34px; float:left; font-size:12px;  padding:7px 0 5px 7px;   margin:5px 0 5px 0px; background: url("../images/folder2.png") no-repeat 0px 0px; }
.folder2 a{color: #4091c9;}
#left{
position:fixed;/*Никуда не девается блок при прокрутке страницы с этим стилем*/
right:0px;
background:#666;
color:#fff;
top:8%;/*Чтобы было посередине,50 процентов отступа сверху*/
height:61px;/*по вкусу*/
width:177px;/*по вкусу*/
/*по вкусу, но создает эффект тени при таком раскладке вроде*/
border-top:0px solid #fafafa;
border-right:0px solid #fafafa;
border-bottom:0px solid #fff;
/*по вкусу, но создает эффект тени при таком раскладке вроде*/
}