/* commented backslash hides from ie5mac \*/ 
html {
	height:100%;
	margin:0;
	padding:0
} 
html,body {
	padding:0;
	margin:0;
}
body{	
	text-align:center;
	min-width:1005px;/* for mozilla*/
	height:100%;
}
#outer{
	height:99.9%;
	min-height:100%;
	width:1003px;
	text-align:left;
	margin:auto;
	position:relative;
	background:  url(/inc/images/bg.jpg) repeat-y center center;
	position:relative;
	overflow:visible;
}
/* mac hide \*/
* html #outer{width:1005px}
/* end hide*/
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#inner {
	width:100%;
	background:  url(/inc/images/bg.jpg) repeat-y center center;
} 


#header{ 
	position:absolute;
	top:0;
	width:1005px;
	height:108px;
	overflow:hidden;
	z-index:100;

}
/* mac hide \*/
* html #outer, * html #header {width:1005px}
/* end hide*/


#sidebar {
	position:relative;/*ie needs this to show float */
	width:183px;
	float:left;

	/*needed to make room for header*/
}
#sidebar p {padding-left:3px;padding-right:2px}

#sidebar {/*
	
	background-color:#000;
	
	*/}


#footer {
	width:1003px;
	clear:both;
	height:50px;/*[previous value 50] changed for mozilla*/
	
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
}
* html #footer{margin-bottom:-1px}/* ie rounding bug*/
/* mac hide \*/
* html #footer {/*only ie gets this style*/
	height:38px;/* for ie 52*/
}
/* end hide*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
#content {/*background-color:#000;*/
	width:800px;
	float:right;
	padding: 10px;
	/*make room for header*/
}
#content p {padding-left:3px}
#outer {border:1px solid #000;}
#clearfooter {width:100%;height:38px;clear:both;} /* to clear footer height 52*/
html>body #wrapper{float:left;width:0px;height:100%;margin-bottom:-52px;background-color:#000;} /*safari wrapper */

/* Для строки Мы в соцсетях. padding-left:700px задает сдвиг текста слева */
#sotsseti {margin-top:108px; padding-left:700px; BACKGROUND-COLOR: #fff; border-bottom:1px solid #000;border-top:1px solid #000;}
#sotsseti h1 { COLOR: #fff; FONT-FAMILY: Verdana,Arial,Sans-Serif; FONT-SIZE: 11px; TEXT-ALIGN: left;padding:0px;margin:0px;}
/* До введения #sotsseti #razdel {margin-top:1px был 108px */
/* т.е. он означает сдвиг сверху от предыдущего */
#razdel {margin-top:1px; padding-left:190px; BACKGROUND-COLOR: #7090A5; border-bottom:1px solid #000;border-top:1px solid #000;}
#razdel h1 { COLOR: #fff; FONT-FAMILY: Verdana,Arial,Sans-Serif; FONT-SIZE: 11px; TEXT-ALIGN: left;padding:0px;margin:0px;}
#razd {margin-top:38px; padding-left:190px; BACKGROUND-COLOR: #7090A5; border-bottom:1px solid #000;border-top:1px solid #000;}
#razd h1 { COLOR: #fff; FONT-FAMILY: Verdana,Arial,Sans-Serif; FONT-SIZE: 11px; TEXT-ALIGN: left;padding:0px;margin:0px;}
/* ----------------------- */
#sidebar ul {margin:0px; 
			padding:5px;
			margin:0px;}
#sidebar li {height:27px;
			/*background-image:url(images/but.gif);*/
			list-style:none; 
			margin-bottom:2px;
			padding:3px; 
			border-left:3px solid #5B5B5B;
			border-right:3px solid #5B5B5B; 
			border-top:1px solid #5B5B5B;
			border-bottom:1px solid #5B5B5B;}
#sidebar a:link {COLOR: #000000; FONT-FAMILY: Verdana,Arial,Sans-Serif; FONT-SIZE: 11px; TEXT-ALIGN: left; TEXT-DECORATION: none}
#sidebar a:hover {COLOR: #000000; FONT-FAMILY: Verdana,Arial,Sans-Serif; FONT-SIZE: 11px; TEXT-ALIGN: left; TEXT-DECORATION: none}
#sidebar a:visited {COLOR: #000000; FONT-FAMILY: Verdana,Arial,Sans-Serif; FONT-SIZE: 11px; TEXT-ALIGN: left; TEXT-DECORATION: none}
#sidebar a:active {COLOR: #000000; FONT-FAMILY: Verdana,Arial,Sans-Serif; FONT-SIZE: 11px; TEXT-ALIGN: left; TEXT-DECORATION: none}

/* ----------------------- */
A:active {	COLOR: #7090A5; FONT-FAMILY: Verdana,Arial; FONT-SIZE: 13px; TEXT-DECORATION: none}
A:link {	COLOR: #7090A5; FONT-FAMILY: Verdana,Arial; FONT-SIZE: 13px; TEXT-DECORATION: none}
A:hover {	COLOR: #7090A5; FONT-FAMILY: Verdana,Arial; FONT-SIZE: 13px; TEXT-DECORATION: none}
A:visited {	COLOR: #7090A5; FONT-FAMILY: Verdana,Arial; FONT-SIZE: 13px; TEXT-DECORATION: none}

HR {color: #5B5B5B; }

TEXTAREA { BACKGROUND-COLOR: #cacaca; FONT-FAMILY: arial}
SELECT { BACKGROUND-COLOR: #cacaca; FONT-FAMILY: arial}
FORM { MARGIN-TOP: 5px; PADDING-TOP: 5px}

/* ============================== 
#content {	FONT-FAMILY: Verdana,Arial,Sans-Serif; FONT-SIZE: 13px; MARGIN-BOTTOM: 3px; MARGIN-TOP: 3px; TEXT-ALIGN: justify; TEXT-INDENT: 0px; TEXT-DECORATION: none}

.list { FONT-FAMILY: Arial,Sans-Serif; FONT-SIZE: 13px; MARGIN-BOTTOM: 15px; MARGIN-TOP: 3px; TEXT-ALIGN: justify; TEXT-INDENT: 0px }
 ============================== */


table, span {
	FONT-FAMILY: Verdana,Arial;
	font-size:12px;
	TEXT-DECORATION: none;
}

p {
margin: 0;
padding-top: 5px;
text-align: left;
text-indent: 0;
font-family: Verdana,Arial,Sans-Serif;
font-size: 12px;
TEXT-DECORATION: none;
}

div {font-family: Verdana,Arial,Sans-Serif;
font-size: 12px;
TEXT-DECORATION: none;}

.justifo { text-align: justify; }
.justify { text-align: justify; text-indent: 25px;}
.center {text-align: center; text-indent: 0;}
.right {text-align: right; text-indent: 0;}
.left {text-align:left; text-indent: 0;}

.accordion {
	width: 550px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 4px 7px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion div{
	background: #f7f7f7;
	margin: 0;
	padding:  7px 7px 7px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}
.accordion div>*{margin: 0 !important;padding-left:20px !important;}

.traur {border: 2px solid #000;}
.traur a{
text-decoration:none;
font-weight:bold;
color:#000;
}