* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	border: 0;
}

body {
	height: auto !important;
	height: 100%;
	background: #a1927a url("../img/bg/top.jpg") repeat-x top left;
	min-height: 100%;
	position: relative;
	color: #62574B;
    font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

p { margin-top: 1ex; line-height: 150%; }

.left{text-align:left}
.right{text-align:right}
.center{text-align:center}

a { color: #638ec6; }
a:link  { color: #638ec6; }
a:visited{ color: #988875; }
a:hover, a:active{ color: #988875; text-decoration: none; }

img.link { border-bottom: 0px; }
a:link img, a:visited img, a:hover img, a:active  img { text-decoration: none; border: 0; }

div.list_container { text-align: center; }

img.item { margin: 2em 2em; }

table.list{ width: 90%; margin-left:auto; margin-right:auto; border-spacing: 0;}
table.list td{ padding: 7pt; font: normal 10pt "Trebuchet MS", Arial, Tahoma, Verdana, serif; }

table.list tr.odd { background-color: #ddd; }
table.list td { border-right: 1px solid #ddd;}
table.list td.last_right { border: 0;}
table.list th{ background-color: #62574B; color:#fff; padding: 7pt; font: bold 10pt "Trebuchet MS", Arial, Tahoma, Verdana, serif; vertical-align: top; }

table.list2{ width: 90%; margin-left:auto; margin-right:auto; border-spacing: 0;}
table.list2 tr.odd { background-color: #ddd; }
table.list2 th { background-color: #62574B; color:#fff; padding: 5pt; font: bold 10pt "Trebuchet MS", Arial, Tahoma, Verdana, serif; vertical-align: top; }
table.list2 td { padding: 2pt; font: normal 10pt "Trebuchet MS", Arial, Tahoma, Verdana, serif; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; }
table.list2 td.last_right { border-right: 1px solid #ddd;}

table.catalog { border-spacing: 25px; width: 90%; margin: 2em auto; }
table.catalog td { text-align: center; width: 33%; }
table.catalog  a { font-size: 10pt; }

table.catalog a { text-decoration: none; }
table.catalog a span { text-decoration: underline; }
table.catalog a:visited span { text-decoration: none; }
table.catalog a:hover span { text-decoration: underline; }
table.catalog a img { width: 100px; height: 100px; }


/*	----------------------------------------- */
/*	HEADER */
/*	----------------------------------------- */
div#header{
	height: 172px;
	padding-bottom: 7px;
	background: transparent;
}

div#header #t_header{
	width:760px;
	height: 171px;
	margin: auto;
}
div#header #i_logo{
	margin-top: 20px;
}

/* top menu */
div#header #top_menu_left{
	width: 57px;
	height: 73px;
	background: url("../img/bg/top_menu_left.jpg");
}
div#header #top_menu{
	background: url("../img/bg/top_menu.jpg");
	padding-top: 12px;
}
div#header #top_menu_right{
	width: 57px;
	height: 73px;
	background: url("../img/bg/top_menu_right.jpg");
}

div#header #top_menu a{
	font-weight: bold;
	font: 16px Trebuchet MS;
	color: #433815;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
}

div#header #top_menu a .top_menu_item{
	font-weight: bold;
	border-bottom: 1px solid #433815;
}

div#header #top_menu a:hover .top_menu_item{
	border-bottom: 0px solid #fff;
}

div#header #top_menu a:hover{
	color: #fff;
	background: #8D7C5C;
}

div#header #top_menu .selected{
    color: #fff;
	background: #8D7C5C;
	font-weight: bold;
	padding: 1px 5px 1px 5px;
}


/*	----------------------------------------- */
/*	</HEADER> */
/*	----------------------------------------- */

/*	----------------------------------------- */
/*	<CONTENT> */
/*	----------------------------------------- */
div#content{
    width: 760px;
	margin:auto;
}

div#leftmenu {
	width: 176px;
	padding: 2px;
	/*background: #AE9F8E;*/
	background-color: #fff;
}

/* <Закругленные уголки> */
div#leftmenu div.top_left{background: #AE9F8E url("../img/bg/left_menu/top_left.jpg") no-repeat top left;}
div#leftmenu div.top_right{	background: url("../img/bg/left_menu/top_right.jpg") no-repeat top right;}
div#leftmenu div.bottom_left{ background: url("../img/bg/left_menu/bottom_left.jpg") no-repeat bottom left;}
div#leftmenu div.bottom_right{ background: url("../img/bg/left_menu/bottom_right.jpg") no-repeat bottom right;
	padding-bottom:10px;
	padding: 6px;
}
/* </Закругленные уголки> */

div#leftmenu div.icon{ height:181px; padding:10px 0px 10px 0px; }

div#leftmenu div.item1{ background: url('../img/leftmenu/item1_icon.jpg') no-repeat center 10px; }
div#leftmenu div.item2{ background: url('../img/leftmenu/item2_icon.jpg') no-repeat center 10px; }
div#leftmenu div.item3{ background: url('../img/leftmenu/item3_icon.jpg') no-repeat center 10px; }
div#leftmenu div.item4{ background: url('../img/leftmenu/item4_icon.jpg') no-repeat center 10px; }
div#leftmenu div.item5{ background: url('../img/leftmenu/item5_icon.jpg') no-repeat center 10px; }
div#leftmenu div.item6{ background: url('../img/leftmenu/item6_icon.jpg') no-repeat center 10px; }

div#leftmenu h2{
	font: bold 16px/32px Trebuchet Ms, Arial, Helvetica, sans-serif;
	color: #433815;
}

div#leftmenu a.leftmenu_item{
	font: 10px/12px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #8A7E70;
	text-decoration: none;
	margin: 0px 0px 1px 0px;
	padding:5px;
	display: block;
}

div#leftmenu a.leftmenu_item:hover{
	background: #62574B;
}

div#leftmenu .selected{
	font: 10px/12px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #62574B;
	margin: 0px 0px 1px 0px;
	padding:5px;
	display: block;
}

div#main{
	/*width: 580px;
	float: left;*/
	/*overflow: hidden;*/
	background-color: #E9E8E7;
	font: 12px/16px Arial, Tahoma, Verdana;	
}

div#main h1{
	color: #988875;
	line-height: 100%;
    font-size: 200%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

div#main h2{
	color: #988875;
    font-size: 150%;
	line-height: 100%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin-top: 0.5em;
    margin-bottom: 0.7em;
}

div#main ul{ margin-left:4ex; }

div#main div.top_right{
    background: url("../img/bg/main_top.jpg") no-repeat top right;
}

div#main div.bottom_right{
    background: url("../img/bg/main_bottom.jpg") no-repeat bottom right;
	margin-bottom:7px;	
	padding:1em 1em 75px 1em;
}


/*	----------------------------------------- */
/*	</CONTENT> */
/*	----------------------------------------- */

div#footer {
	position: absolute;
	bottom: 0;
	background: url("../img/bg/bottom.jpg") repeat-x bottom left;
	width: 100%;
	height: 146px;
	margin-top: 146px;
}

div#footer #copy{
	font-size: 11px;
	color: #474225;
}

div#footer #copy a{
	color: #AC621F;
}

div#footer #copy a:hover{
	color: #655B4F;
	text-decoration: none;
}
