@charset "utf-8";
/*
	Main site styles
	Version:  25.01.13


	Structure
	--------------------------------------------
	1. Base style
		- reset.css
		- базовые настройки	
	2. Main wrap
	3. header
		- mainMenu
		- category
		- top-banner
	4. sideBar
		- sidebar-box
	5. indexContent
		- content
	6. footer
*/	
/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
}
a {                                      	
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
table {						
	border-collapse: collapse; 
	border-spacing: 0;
}
td, td img {
	vertical-align: top;			
} 
input, select, button, textarea {
	margin: 0; 				
	font-size: 100%; 			
}

input[type="checkbox"] { 		
	vertical-align: bottom;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	 list-style:none;
}
/* --------------- /reset.css --------------- */

/* --------------- базовые настройки ---------*/
html {
	overflow-y: scroll;
	min-width: 990px;
}
html, body {
	height: 100%;
}
body {
	line-height: 1;
	background: url(/img/main/main-back-led.png) repeat-x #CDB69C;
	color: #41251A;
	text-align: left;
	font: 12px Tahoma, "Geneva CY", sans-serif;
}
.index-body {
	background: url(/img/main/main-back.png) repeat-x #CDB69C;
}
input, select, button, textarea {
	font-family: Tahoma, "Geneva CY", sans-serif;
}
label, input[type="button"], input[type="submit"], button {
	cursor: pointer;
}
a, a:visited {
	color: #41251A;
	text-decoration: underline;
}
a:hover {
	color: #41251A;
	text-decoration: none;
}
a:focus, a:active {
	color: #41251A;
	text-decoration: underline;
}

/* --------------- /базовые настройки ---------*/


/*2. main wrap -------------------------------------------------------------------------*/
.main-wrap {
	min-height:100%;
	background: url(/img/header/header-led.png) center 0 no-repeat;
	overflow: hidden;
}
.main-wrap-index {
	background: url(/img/header/header.png) center 0 no-repeat;
}

.main-wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
}

.content-wrap {
	padding-bottom: 160px;
	width: 990px;
	margin: 0 auto;
	position: relative;
}
.content-wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
}
/* --/ main wrap -----------------------------------------------------------------------*/


/*3. header ----------------------------------------------------------------------------*/

.site-header {
	height: 496px;
	position: relative;
	width: 990px;
	margin: 0 auto;
}
.site-header-index {
	height: 600px;
}

.logo {
	width: 150px;
	height: 95px;
	position: absolute;
	top: 18px;
	left: 20px;
	overflow: hidden;
}

.contacts {
	width: 148px;
	height: 58px;
	position: absolute;
	right: 21px;
	top: 40px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/header/phone.png) no-repeat;
}
.contacts__lnk {
	width: 89px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	right: 2px;	
	bottom: 0;
	background: url(/img/header/contacts.png) no-repeat;
}
	.contacts__lnk:hover {
		opacity: 0.8;
	}

/*-- mainMenu --*/
.menu_top {
	position: absolute;
	left: 217px;
	top: 3px;
	font-size: 13px;
	text-transform: uppercase;
	background: url(/img/header/menu-item.png) 0 center no-repeat;
}
.menu__item_top {
	float: left;
	background: url(/img/header/menu-item.png) right center no-repeat;
	position: relative;
}
.back-shadow {
	width: 140px;
	height: 1px;
	background: url(/img/header/menu-shad.png) center center no-repeat;
	position: absolute;
	left: 0;
	top: 56px;
	opacity: 0;
}
.menu__item_active .back-shadow {
	opacity: 1;
	top: 0;
	height: 112px;
}
.menu_top .menu__lnk {	
	color: #F4E9DA;
	text-decoration: none;
	text-shadow: -1px -1px #251814;
	width: 140px;
	text-align: center;
	display: block;
	line-height: 112px;
	position: relative;
}
/*-- /mainMenu --*/


/*-- category --*/
.category {
	overflow: hidden;
	position: absolute;
	top: 132px;
	left: 0;
	width: 990px;
	height: 444px;
}
.category-item {
	width: 239px;
	height: 239px;
	background: url(/img/header/category.png) no-repeat;
	position: absolute;
}
.category-item-rus {
	left: 125px;
	top: 0;
}
.category-item-fin {
	left: 375px;
	top: 0;
}
.category-item-tur {
	left: 624px;
	top: 0;

}
.category-item-jap {
	left: 0px;
	top: 212px;

}
.category-item-inf {
	left: 249px;
	top: 212px;

}
.category-item-salt {
	left: 498px;
	top: 212px;

}
.category-item-ice {
	left: 747px;
	top: 212px;

}
.category-item-rus .category-item_lnk:after {
	content: "";
	position: absolute;
	right: -36px;
	bottom: -21px;
	background: url(/img/header/category1.png) no-repeat;
	width: 129px;
	height: 101px;
}
.category-item-fin .category-item_lnk:after {
	content: "";
	position: absolute;
	right: -26px;
	bottom: -13px;
	background: url(/img/header/category2.png) no-repeat;
	width: 120px;
	height: 76px;
}
.category-item-tur .category-item_lnk:after {
	content: "";
	position: absolute;
	right: -51px;
	bottom: -19px;
	background: url(/img/header/category3.png) no-repeat;
	width: 159px;
	height: 101px;
}
.category-item-jap .category-item_lnk:after {
	content: "";
	position: absolute;
	right: -44px;
	bottom: -22px;
	background: url(/img/header/category4.png) no-repeat;
	width: 152px;
	height: 74px;
}

.category-item-inf .category-item_lnk:after {
	content: "";
	position: absolute;
	right: -23px;
	bottom: -23px;
	background: url(/img/header/category5.png) no-repeat;
	width: 116px;
	height: 59px;
}

.category-item-salt .category-item_lnk:after {
	content: "";
	position: absolute;
	right: -19px;
	bottom: -15px;
	background: url(/img/header/category6.png) no-repeat;
	width: 114px;
	height: 57px;
}

.category-item-ice .category-item_lnk:after {
	content: "";
	position: absolute;
	right: -34px;
	bottom: -22px;
	background: url(/img/header/category7.png) no-repeat;
	width: 133px;
	height: 69px;
}

.category-item_lnk {
	display: block;
	width: 187px;
	height: 187px;
	position: absolute;
	left: 26px;
	top: 26px;
}
.category-item__pic {
	border-radius: 94px;
}
.category-item__title {
	background: url(/img/header/category-title.png) no-repeat;
	position: absolute;
	top: 102px;
	left: -17px;
	height: 37px;
	font-size: 15px;
	color: #F0E7D8;
	text-transform: uppercase;
	padding: 3px 3px 0 18px;
	line-height: 1.1;
}
.category-item_lnk:hover .category-item__title {
	text-decoration: underline;
}
.category-item__title:after {
	content: "";
	position: absolute;
	right: -5px;
	top: 0;
	width: 5px;
	height: 40px;
	background: url(/img/header/category-title.png) right 0 no-repeat;
}
/*-- /category --*/

.top-banner {
	color: #FDE5D2;
	font-size: 16px;
	position: absolute;
	top: 114px;
	left: -25px;
	width: 1040px;
	height: 386px;
	text-align: right;
}
.top-banner__text {
	width: 300px;
	position: absolute;
	top: 100px;
	left: 48px;
	text-align: left;
}
.top-banner__title {
	font-size: 30px;
	text-shadow: 1px 1px #704B3B;
	line-height: 1;
	display: block;
	text-transform: uppercase;
	margin-bottom: 13px;
}
.top-banner__frame {
	width: 1040px;
	height: 386px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(/img/header/top-banner.png) no-repeat;
	
}

/* --/ header ---------------------------------------------------------------------------*/

/*-- 4. sideBar ----------------------------------------------------------------------------*/
.sidebar {
	float: left;
	width: 282px;
	margin-left: 22px;
	margin-top: -5px;
}

.support {
	width: 258px;
	height: 132px;
	overflow: hidden;
	background: url(/img/sidebar/support.png) no-repeat;
	padding-top: 60px;
	padding-left: 18px;
	margin-bottom: 12px;
}
.support__title {
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	text-shadow: -1px -1px #251814;
	padding-left: 26px;
	width: 120px;
	background: url(/img/sidebar/support-title.png) 0 5px no-repeat;
	margin-bottom: 10px;
}
.input {
    padding: 5px 10px;
	border: none;
    border-top: 1px solid #261B16;
    border-bottom: 1px solid #6A4F43;
    color: #BD9F94;
    height: 15px;
	line-height: 15px;
	width: 125px;
    display: inline-block;
    background: #6A4A3E;
    outline: none;
	margin-bottom: 8px;
	border-radius: 4px;
}

.btn {
    padding: 0 11px;
    border: none;
    color: #4F3125;
	font-size: 11px;
    height: 27px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background: url(/img/sidebar/btn.png) repeat-x;
    outline: none;
	border-radius: 6px;
	text-transform: uppercase;
}
	.btn:hover {
		opacity: 0.8;
	}
.sidebar-box {
	background: #EDE3CF;
	width: 259px;
	margin-bottom: 12px;
	border-left: 1px solid #F6EFE3;
	border-right: 1px solid #F6EFE3;
	border-radius: 10px;
	position: relative;
	color: #614439;
	padding-top: 8px;
	padding-bottom: 15px;
	font-size: 11px;
}
.sidebar-box:after {
	content: "";
	width: 261px;
	height: 15px;
	background: url(/img/sidebar/sidebar-box.png) no-repeat;
	position: absolute;
	left: -1px;
	bottom:0;
}
.sidebar-box_feedback {
	padding-top: 12px;
	background: #EDE3CF;
	background: -moz-linear-gradient(top, #F8F5ED, #EDE3CF 40px, #EDE3CF);
	background: -webkit-linear-gradient(top, #F8F5ED, #EDE3CF 40px, #EDE3CF);
	background: -o-linear-gradient(top, #F8F5ED, #EDE3CF 40px, #EDE3CF);
}

.sidebar-box__title {
	font-size: 14px;
	font-weight: bold;
	color: #3A2720;
	text-transform: uppercase;
	margin: 0 13px 10px 14px;
	background: url(/img/sidebar/pen.png) right 0 no-repeat;
	line-height: 19px;
}
.sidebar-box__item {
	padding: 4px 13px 8px 13px;
	background: url(/img/sidebar/line.gif) 0 bottom repeat-x;
	margin-bottom: 6px;
}
.sidebar-box_feedback .sidebar-box__item {
	padding: 0 13px 19px 13px;
	margin-bottom: 6px;
}
.sidebar-box__item a {
	text-decoration: none;
	color: #614439;
}
	.sidebar-box__item a:hover {
		text-decoration: underline;
	}

a.sidebar-box__more {
	margin-left: 13px;
	color: #614439;
	text-decoration: none;
}
	a.sidebar-box__more:hover {
		text-decoration: underline;
	}
.sidebar-box__nick {
	display: block;
	font-weight: bold;
}
.sidebar-box__date {
	color: #F6EFE3;
	font-size: 10px;
	background: #614439;
	border-radius: 4px;
	padding: 2px 3px;
}
.sidebar-tab {
	display: none;
}
.sidebar-tab_active {
	display: block;
}
.bookmarks {
	overflow: hidden;
	list-style: none;
	margin-bottom: -7px;

}
.bookmark {
	width: 130px;
	cursor: pointer;
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	color: #EDE3CF;
	background: #47322A;
	background: -moz-linear-gradient(top, #694A3E, #47322A);
	background: -webkit-linear-gradient(top, #694A3E, #47322A);
	background: -o-linear-gradient(top, #694A3E, #47322A);
	line-height: 40px;
	height: 46px;
	text-align: center;
	border-top: 1px solid #52382E;
	border-radius: 10px 10px 0 0;
	text-shadow: -1px -1px #251814;
	position: relative;
}
.bookmark_active {
	background: #EDE3CF;
	background: -moz-linear-gradient(top, #F8F5ED, #EDE3CF 40px, #EDE3CF);
	background: -webkit-linear-gradient(top, #F8F5ED, #EDE3CF 40px, #EDE3CF);
	background: -o-linear-gradient(top, #F8F5ED, #EDE3CF 40px, #EDE3CF);
	border-top: 1px solid #FCF9F5;
	color: #3A2720;
	text-shadow: none;
	cursor: default;
	z-index: 2;
	width: 131px;
}
.bookmark_active:after {
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	left: -5px;
	bottom: 5px;
	background: url(/img/sidebar/bookmark-left.png) no-repeat;
}
.bookmark_active:first-child:after {
	background: url(/img/sidebar/bookmark-right.png) no-repeat;
	left: auto;
	right: -5px;
}
/*-- / sideBar ----------------------------------------------------------------------------*/



/* --5. indexContent --------------------------------------------------------------------*/
.content-column {
	float: left;	
	width: 662px;
	margin-left: 23px;
	padding-top: 31px;
}


/* content -----------------------*/
.content h1 {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 15px;
	background: url(/img/content/line.png) 0 bottom repeat-x;
	padding-bottom: 15px;
}
.content h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 14px;
}
.content h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 19px;
}
.content h4 {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 19px;
}
.content h5 {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 10px;
}
.content h6 {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 10px;
}
.content p {
	margin-bottom: 15px;
}
.content ul {
	list-style: none;
	margin: 0 0 29px 0;
}
.content ul ul {
	margin: 10px 0 10px 0px;
}
.content ul li {
	background: url(/img/content/li.png) 0 4px no-repeat;
	padding-left: 14px;

}
.content ol {
	list-style: decimal;
	margin: 0 15px 10px 20px;
}
.content ol ol {
	margin: 10px 0 10px 20px;
}
.content li {
	margin-bottom: 4px;
}
.content table {
	margin-bottom: 15px;
	font-size: 100%;
	width: auto;
	border: 1px solid #000;
}
.content th,
.content td {
	border: 1px solid #000;
	padding: 4px;
	text-align: left;
}
.content th {
	font-weight: bold;
	text-align: center;
}
.content img[align=left] {
	margin: 0 10px 10px 0;
	float: left;
}
.content img[align=right] {
	margin: 0 0 10px 10px;
	float: right;
}
.content dl {
	margin: 0 0 15px 0;
}
.content dt {
	font-weight: bold;
	margin-bottom: 2px;
}
.content dd {
	margin-bottom: 5px;
}
.content hr {
	height: 1px;
	border: none;
	color: #967B68;
	background: #967B68;
	margin: 10px 0;
	clear: both;
}


/* --/ indexContent --------------------------------------------------------------------*/



/*6. footer ----------------------------------------------------------------------------*/

.site-footer {
	width: 100%;
	height: 138px;
	position: relative;
	overflow: hidden;
	margin-top: -138px;
	clear: both;
	float: left;
	background: url(/img/footer/footer.png) 0 bottom repeat-x;
}
.footerbox {
	background: url(/img/footer/footer-box.png) no-repeat;
	margin: 0 auto;
	width: 990px;
	height: 138px;
	position: relative;
}
.footerbox a {
	color: #E3D3B6;
	text-decoration: none;
}
.footerbox a:hover {
	text-decoration: underline;
}

.site-footer_copyright {
	position: absolute;
	left: 836px;
	top: 105px;
	font-size: 11px;
	color: #E3D3B6;
}
.site-footer_logo {
	width: 108px;
	height: 98px;
	background: url(/img/footer/footer-logo.png) no-repeat;
	position: absolute;
	right: 86px;
	top: 40px;
}
.menu_footer {
	margin-left: 93px;
	background: url(../img/footer/footer-menu.png) 0 36px no-repeat;
	overflow: hidden;
	height: 122px;
}
.menu_footer .menu__layout {
	float: left;
	width: 135px;
	padding: 0 10px 0 19px;
	background: url(/img/footer/footer-menu.png) right 0 no-repeat;
	margin-top: 36px;
	height: 86px;
}
.menu__item_footer {
	padding-left: 14px;
	margin-bottom: 10px;
	background: url(/img/footer/footer-menu-item.png) 0 4px no-repeat;
}
/*-- /footer ----------------------------------------------------------------------------*/