@charset "windows-1251";
* {margin: 0;padding: 0;}
a	img{	border: 0;}
body, html{
	height: 100%;
}
body{
	color: Black;
	background: #000851 url(i/bg.gif) repeat-y 0 0;
	font-family: Arial, Helvetica, sans-serif;
}
body, body div, body p, body th, body td, body li, body dd	{
	font-size:	x-small;
	voice-family:	"\"}\"";
	voice-family:	inherit;
	font-size:	small
}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd	{
	font-size:	small
}

hr{
	background: #989289;
	border: 0;
	color: #989289;
	height: 1px;
	margin: 20px 10px;
	padding: 0;
}
* html	hr{
	margin: 10px 10px;
	padding: 0;
}
a{ color: #3366CC; }
a:hover{	text-decoration: none;}
h2{
	font-size: 180%;
	font-weight: normal;
	margin: 0 30px;
}
p{
	text-align: justify;
}

/* layout */

#frame{
	background: White;
	width: 765px;
	margin: 0 0 0 5px;
	border-bottom: 10px solid #000537;
}
#header{
	height: 200px;
	background: #EA3A06 url(i/top_left_bg.jpg) no-repeat;
	position: relative;
}
h1{
	position:absolute;
	top:24px;
	left:527px;
	font:11px tahoma;
	color:white;
	z-index:100;
}
#logo{
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	margin: 0;
	width: 245px;
	height: 199px;
	color: #fff;
}
#logo span{
	position: absolute;
	height: 100%;
	width: 100%;
	background: url(i/top_right_bg.gif) no-repeat;
	
}
#logo em{
	position: absolute;
	width: 245px;
	height: 199px;
	background: none;
	behavior: url(hover.htc);
}
#logo a em{
	cursor: pointer;
	cursor: hand;
}
#logo a{
	color: #fff;
}
#logo em:hover{
	background: url(i/clothes-peg.gif) no-repeat 60px 160px;
}
#logo em.hover{
	background: url(i/clothes-peg.gif) no-repeat 60px 160px;
}

/* menu */
#menuline{
	height: 38px;
	background: #989289;
	position: relative;
	width: 100%;
	border-top: 2px solid #D7D7D7;
}
#search{
	position: absolute;
	top: 7px;
	right: 10px;
	width: 312px;
}
#search:after{content: "."; display: block; height: 0; clear: both; visibility:hidden;}
* html #search{height: 1%;} 

#search label{
	font-size: 11px;
	text-transform: uppercase;
	color: White;
	height: 13px;
	margin: 6px 0 0;
	float: left;
}
#search .inputBorder{
	display: block;
	height: 21px;
	border: 1px solid #78736B;
	background: #D1CBC2;
	width: 187px;
	float: left;
	margin: 0 5px;
	display: inline;
}
#search .intxt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 0 solid transparent;
	height: 18px;
	background: #D1CBC2;
	width: 183px;
	margin: 2px 0 0 2px;
}
#search .inbtn{
	float: left;
	vertical-align: middle;
	background: White url(i/search_submit.gif);
	text-indent: -10000px;
	width: 22px;
	height: 22px;
	border: 0 solid transparent;
	cursor: pointer;
	cursor: hand;
}

/* menu */
#menu{
	width: 70%;
	position: absolute;
	left: 31px;
	top: 8px;
	list-style-type: none;
}
#menu li{
	padding: 0 0 0 23px;
	background: url(i/menu_li.gif) no-repeat 0 3px;
	float: left;
	margin:  0 35px 0 0;
	display: inline;
	font-size: 93%;
	line-height: 160%;
}
#menu li a, #menu li{
	color: #fff;
}
#menu:after{content: "."; display: block; height: 0; clear: both; visibility:hidden;}
* html #menu{height: 1%;} 


#content {
	margin: 20px 0;
}
/* columns 3 */
.col3{
	margin: 0 30px;
}
.col3 .col3one{
	width: 200px;
	float: left;
}
.col3 .col3two{
	width: 250px;
	float: left;
	margin: 0 15px;
	display: inline;
}
.col3 .col3three{
	width: 215px;
	float: left;
}
.col3 .col3three h2{
	margin-left:0px;
}
.cServ a{
	color: #000;
}
.cServ dt a{color:#36c}
.col3:after{content: "."; display: block; height: 0; clear: both; visibility:hidden;}
* html .col3{height: 1%;} 

/* clevelone */
dl.clevelOne{

}
ul.clevelOne{
	margin: 15px 0 0;
	list-style-type: none;
}
ul.clevelOne li{
	margin: 6px 0;
	font-weight: bold;
	font-size: 93%;
}
ul.clevelOne li span{
	font-weight: normal;
}


.clevelOne dt{
	font-size: 130%;
	margin: 15px 0 0;
}
.clevelOne dt small{
	font-size: 70%;
}
.cServ  dt, .cServ  dd{
	font-size: 93%;
}
.cServ dt{
	margin: 15px 0 0;
	font-weight: bold;
}


#banner{
	position: absolute;
	left: 776px;
	top: 6px;
}

/* col2 */

.col2{
	margin: 35px 30px 35px 0;
}
.col2one{
	width: 495px;
	float: left;
}
.col2 .col2one h2{
	margin-left: 30px;
}
.col2 h2{
	margin-left: 0;
}

.col2two{
	width: 210px;
	float: left;
	margin: 0 0 0 15px;
	display: inline;
}
.col2:after{content: "."; display: block; height: 0; clear: both; visibility:hidden;}
* html .col2{height: 1%;} 

.location{
	margin: 10px 30px 5px;
}

.subServ{
	margin: 20px 10px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #989289;
}
.subServ dt{
	margin: 15px 0 5px;
	font-weight: bold;
	border-top: 1px solid #989289;
	padding: 10px 20px 0px;
}
.subServ dd{
	padding: 0 20px;
}
.subServ dt a{
	color: #3366CC;
}
.sortmenu{
	margin: 20px 30px -20px;
}
.blogSumm{
	font-size: 130%;
	float: left;
	width: 300px;
}
.sortby{
	float: right;
	width: 322px;
	text-align: left;
}
.sortby ul{
	display: inline;
}
.sortby ul li{
	display: inline;
	margin: 0 5px;
}
.sortby ul li.here{
	display: inline;
	background: #ECECEC;
	padding: 2px 5px 2px;

}
.sortmenu:after{content: "."; display: block; height: 0; clear: both; visibility:hidden;}
* html .sortmenu{height: 1%;} 
/* blogList */

.blogList{
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
}
.blogList li{
	font-size: 93%;
	margin: 0 30px 15px 55px;
	padding: 0 0 0 0;
}
* html .blogList li{
	margin: 0 25px 15px 61px;
}
.blogList li p{
	font-size: 100%;
	text-align: left;
}
.blogList li p.title{
	
}
.blogList li p.desc{
	margin: 2px 0 6px 0;
	text-align:justify;
}
.blogList li p.tech{

}
.blogList li .blogDate{
	margin: 0 10px 0 0;
}
.blogList li .blogRegion{
	margin: 0 10px 0 0;
}
.blogList li .blogRegion a{
	color: #000;
}

/* simpletxt */

.simpletxt{
	margin: 0 30px;
}
.simpletxt h2{
	margin: 30px 0 30px;
}

#footer{
	margin: 20px 30px 0;
	height: 70px;
}

/* form */
.form{
	margin: 10px 0 10px;
}
#addblog.form{
	margin: 40px 0px;
}
.form .line{
	clear: both;
	padding: 0 0 6px 0;
	width: 100%;
	margin: 2px 0;
}
.form.descr .line{
	border-bottom: 1px solid #ccc;
	padding: 5px 0 6px 0;
}
.form .line:after{content: "."; display: block; height: 0; clear: both; visibility:hidden;}
* html .form .line{height: 1%;} 
.form .label{
	float: left;
	width: 29%;
	display: block;
	margin-right: 1%;
	display: inline;
	text-align: left;	
	line-height: 24px;
}
#addblog .label{
	font-size: 93%;
	width: 34%;
	margin-right: 2%;
	text-align: right;
}
.form .formw{
	width: 69%;
	display: block;
	float: left;
}
#addblog.form .formw{
	width: 55%;
}

.form .formw .text{
	width: 100%;
	font: 100% Arial, Helvetica, sans-serif;
	background: #F6F6F6;

	border: 0 solid transparent;
	width: 97%;
	margin: 3px 0 0 3%;
	padding: 0;
	height: 19px;
	font: 110% Arial, Helvetica, sans-serif;
}
#addblog .text{
	margin-left: 1%;
}
#addblog select.text{
	margin-left: 0;
	width:98%;
	border:1px solid #CCC;
	height:23px;
}
.form .inputBorder{
	display: block;
	height: 23px;
	border: 1px solid #CCCCCC;
	background: #F6F6F6;
	width: 97%;
	margin: 0;
	padding: 0;
}
.form #secretCodeLine .secretCode{
	width: 17%;
	float: left;
	margin-top: 4px;
}
.form #secretCodeLine .inputBorder{
	width: 80%;
	float: left;
}
.form .formw .inbtn{
	font: 100% Arial, Helvetica, sans-serif;
}
#addblog .inbtn{
	margin-top: 20px;
	padding: 0 5px;
}
#form_enter.form .formw .inbtn{
	width: 5em;
}
.red{
	color: #E05332;
}
.err{
	margin: 2px 0 0;
	display: block;
	font-style: normal;
	color: #E05332;
	font-size: 83%;
	line-height: 115%;
}
.pages{
	margin: 30px 0 0 35px;
	padding: 10px 0 5px 0;
}
.pages a{
	padding: 0px 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #000;
}
.pages a:hover{
	border: 1px solid #333333;
	background: #999999;
	text-decoration: none;
	color: #fff;
}
.pages strong{
	padding: 0 5px;
	color: #000;
}
#remindinput {width:200px; height: 23px;
	border: 1px solid #CCCCCC;
	background: #F6F6F6}
#regnote{background-color:#FFFFCC; border:1px solid #CC9966; padding:15px; margin:0 73px 30px 254px}  

#yandex{margin:10px 0 0 -8px; padding:20px 0 0 0}
*html #yandex{margin:15px 0 0 -8px; padding:20px 0 0 0}