html, body, div, ul, li, a, p, table, td, h1, h2, h3, h4, h5, h6, input, select, textarea, button {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

html {
	height: 100%;
}

body {
	font-family: verdana, tahoma, arial;
	font-size: 16px;
	background-color: transparent;
	height: 100%;
}

/* rouble sign ***************************************************************/
/*****************************************************************************/
.rouble-sign { width: 1.6em; display: inline-block; font-weight: light; }
.rouble-sign::before, .rouble-sign::after { content: '-'; line-height: 0.2em; vertical-align: -0.22em; }
.rouble-sign::before { margin-right: -0.45em; }
.rouble-sign::after { margin-left: -0.6em; text-align: left;	width: 0.8em; display: inline-block; }

.content-back {
	background: linear-gradient(#dae6ff, #ffffff);
	/* background: linear-gradient(#dae6ff, #a6c2ff); */
	min-height: 100%;
	padding-bottom: 7.8rem; /* also adjust footer height */
}

.content-outer {
	width: 100%;
	margin: 0em auto;
	max-width: 1500px;
	position: relative;
}


.header-menu {
	height: 4.88em;
}
.header-menu ul {
	margin: 0em auto 0.6em auto;
	padding-top: 0.6em;
	list-style: none;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #002b80;
}
	.header-menu ul li {
		display: inline-block;
		vertical-align: middle;
		margin: auto 0.6em;
		padding: 1px 0em;
	}
	@media only screen and (min-width: 1270px) { .header-menu ul li { margin: auto 1.0em; } }	
	@media only screen and (min-width: 1400px) { .header-menu ul li { margin: auto 1.4em; } }	
	
	.header-menu ul li:hover {
		padding: 1px 0em;
	}
		.header-menu ul li a {
			text-decoration: none;
			border-bottom: 1px #aaa solid;
			color: #002b80;
			padding: 1px 0em;
			position: relative;
			z-index: 0;
		}

		.header-menu ul li a:hover {
			color: white;
			border-bottom: 1px transparent solid;
		}
			.header-menu ul li a:hover::before {
				content: "";
				display: block;
				position: absolute;
				width: 120%;
				left: -10%;
				height: 116%;
				z-index: -1;
				border-radius: 0.2em;
				opacity: 0.7;
				background-color: #0061d3;
			}

	.header-menu ul li.header-logo {
		margin-right: 1em;
	}
	@media only screen and (min-width: 1270px) { .header-menu ul li.header-logo { margin-right: 2em; } }
	@media only screen and (min-width: 1400px) { .header-menu ul li.header-logo { margin-right: 4em; } }
		.header-menu ul li.header-logo a {
			border-bottom-width: 0px;
			height: 2.5em;
			display: inline-block;
			color: black;
		}
		.header-menu ul li.header-logo a:hover {
			background-color: transparent;
			color: black;
		}
		.header-menu ul li.header-logo a:hover::before {
			display: none;
		}
			.header-menu ul .header-logo img {
				height: 100%;
				vertical-align: middle;
			}

	.header-menu ul li.call-link {
		margin-left: 0.4em;
	}
	@media only screen and (min-width: 1270px) { .header-menu ul li.call-link { margin-left: 1em; } }
	@media only screen and (min-width: 1400px) { .header-menu ul li.call-link { margin-left: 3em; } }

	.header-menu ul .call-link a {
		color: black;
		border-bottom: 1px #aaa dashed;
	}

	.header-menu ul .feedback-link {
		width: 2.4em;
		margin: auto 0.4em auto 1em;
	}
		.header-menu ul .feedback-link a {
			border-bottom-width: 0px;
		}
		.header-menu ul .feedback-link:hover {
			background-color: rgba(255,255,255,0.5);
			border-radius: 0.5em;
			box-shadow: 0px 0px 0.3em 0.3em rgba(255,255,255,0.5);
		}
			.header-menu ul li.feedback-link a:hover::before {
				display: none;
			}
			.header-menu ul .feedback-link img {
				width: 100%;
			}

.header-categories {
	width: 100%;
	display: table;
	table-layout: fixed;
	margin: 0px auto;
	border-spacing: 1.2rem 0.0rem;
	position: relative;
	z-index: 10;
}

/* some fixed-menu works */
.content-outer.fixed-categories-menu .header-categories {
	max-width: 1500px;
	position: fixed;
	top: 0em;	
	opacity: 0.5;
}
.content-outer.fixed-categories-menu .header-categories:hover {
	opacity: 1;
}

.content-outer .fixed-menu-spacer {
	display: none;
}
.content-outer.fixed-categories-menu .fixed-menu-spacer {
	display: block;
}
/*************************/
.header-categories>div {
	display: table-row;
}

.header-categories p a {
	color: white;
}

.header-categories>div .category {
	display: table-cell;
	vertical-align: top;
}

.header-categories>div .category:nth-child(1) {
	background-color: #3768ef;
}

.header-categories>div .category:nth-child(2) {
	background-color: #329e32;
}

.header-categories>div .category:nth-child(3) {
	background-color: #de7857;
}

.header-categories>div .category:nth-child(4) {
	background-color: #959595;
}

.header-categories>div .category:nth-child(5) {
	background-color: #00b1b4;
}

.header-categories>div .category:nth-child(6) {
	background-color: #b53c62;
}

.header-categories>div .category:nth-child(7) {
	background-color: red;
}
.header-categories>div .category {
	/* background-color: #002b80 !important; */
}

.header-categories>div .category>div {
	overflow-x: visible;
	overflow-y: visible;
	position: relative;
	background-color: inherit;
}


.header-categories>div .category>div p {
	position: relative;
	color: white;
	margin: 0.0em auto;
	padding: 0em;
	font-size: 1.1em;
	text-align: center;
	display: table;
	border-spacing: 0rem 0rem;	
	width: 100%;
	height: 100%;
}
.header-categories>div .category>div p a:hover {
	background-color: rgba(0,0,0,0.3);
}

.header-categories>div .category>div p a {
	display: table-cell;
	height: 3.6em;
	padding: 0em 0.4em;
	vertical-align: middle;
	text-decoration: none;
}

.header-categories>div .category>div ul {
	position: absolute;
	display: none;
	padding: 0.0em 0.0em 0.0em 0.0em;
	background-color: inherit;
	list-style: none;
	font-size: 0.9em;
	margin-bottom: 0.5em;
	width: 100%;
}

.header-categories>div .category>div ul li {
	position: relative;
	z-index: 1;
	line-height: 1.2em;
}

.header-categories>div .category>div ul li a {
	display: block;
	padding: 0.45em 0.5em;
	color: white;
	text-decoration: none;
	position: relative;
}
.header-categories>div .category>div ul li a::before {
	content: '';
	position: absolute;
	right: 0px;
	top: 0px;
	width: 45%;
	border-top: rgba(0,0,0,0.2) 1px solid;
}
.header-categories>div .category>div ul li a::after {
	content: '';
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 20%;
	border-top: rgba(0,0,0,0.3) 1px solid;
}
.header-categories>div .category>div ul li:first-child a::before {
	width: 100%;
}


.header-categories>div .category>div ul li a:hover {
	background-color: rgba(0,0,0,0.3);
}

.header-categories .category:hover>div ul {
	display: block;
}


/*****************************************************************************/
/*** nevigator ***************************************************************/
/*****************************************************************************/
.navigator {
	font-weight: bold;
	padding: 0.5em 2em;
}

.navigator>a {
	text-decoration: none;
	display: inline-block;
	margin: 0em 0.4em;
	color: #002b80;
	border-bottom: 1px #aaa solid;
}
.navigator>a:hover {
	border-bottom: 1px #111 solid;
}

/*****************************************************************************/
/*** catalog *****************************************************************/
/*****************************************************************************/

/* short version (groups) */
.content-groups {
	text-align: center;
	margin: 0px auto;
}

.content-groups .content-group {
	position: relative;
	width: 16em;
	height: 16em;
	line-height: 16em;
	border: 1px #ddd solid;
	display: inline-block;
	vertical-align: top;
	margin: 1.0em 0.8em;
	/* background-color: white; */
}
.content-groups .content-group:focus {
	outline: none;
}

.content-groups .content-group .content-group-caption {
	display: table;
	/* table-layout: fixed; */
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 16em; /* don't set it to 100%. If set, test carefully in firefox */
	height: 3.8em;
	line-height: 1.1em;
	color: white;
	background-color: rgba(0,0,0,0.45);
	text-align: center;
}
.content-groups .content-group-caption>div {
	display: table-row;
}
	.content-groups .content-group-caption>div>div {
		display: table-cell;
		width: 100%;
		vertical-align: middle;
	}

.content-groups .content-group-image {
	height: 100%;
	width: 100%;
	text-align: center;
}
	.content-groups .content-group-image img {
		max-width: 90%;
		max-height: 90%;
		vertical-align: middle;
	}









/* full version - pic-tabled version */
.content-groups-tabled {
	width: 90%;
	margin: 0em auto;
	display: table;
	table-layout: fixed;	
}
	.content-groups-tabled .content-group {
		display: table-row;
		text-decoration: none;
	}
	.content-groups-tabled .content-group:hover {
		background-color: rgba(0,0,0,0.1);
	}
		.content-groups-tabled .content-group>div {
			display: table-cell;
			padding: 0.8em;
			border-bottom: 1px rgba(0,0,0,0.15) solid;
		}
		.content-groups-tabled .content-group>div.content-group-image {
			width: 12em;
			vertical-align: middle;
			text-align: center;
			position: relative;
		}
			.content-groups-tabled .content-group-image>div.content-group-price {
				position: absolute;
				left: 0.4rem;
				background-color: rgba(0,0,0,0.35);
				/* color: #23527c; */
				color: white;
				font-size: 1.5em;
				font-weight: bold;
				border-radius: 0.3em;
				border: 1px solid #444;
				padding: 0em 0.6em;
				top: 0.4rem;
			}
			.content-groups-tabled .content-group-image img {
				max-width: 100%;
				max-height: 12em;
			}

		.content-groups-tabled .content-group>div.content-group-texts {
			vertical-align: middle;
			padding-left: 2em;
		}
			.content-groups-tabled .content-group>div.content-group-texts .caption {
				font-size: 1.1em;
				font-weight: bold;
				margin-bottom: 0.9em;
			}
			.content-groups-tabled .content-group>div.content-group-texts .detailed  table {
				table-layout: fixed;
				width: 85%;
			}
				.content-groups-tabled .content-group>div.content-group-texts .detailed td:first-child {
					padding-right: 2.5em;
					width:50%;
				}








/* full version - multi-item mode */
.items-information {
	width: 90%;
	margin: 0px auto;
}

	.items-information-common-pic {
		width: 16em;
		vertical-align: top;		
		padding-top: 2em;
	}
		.items-information-common-pic img {
			width: 100%;
		}
	
	.items-table {
		margin-left: 2em;
		border-collapse: collapse;
		width: 100%;
		font-family: tahoma, verdana, arial;
	}

		.items-table>thead>tr {
			border-bottom: 1px #666 solid;
		}

			.items-table>thead>tr>th {
				text-align: left;
				padding: 0.4em 1.2em;
			}

		.items-table>tbody>tr {
			background-color: #fff;
			border-bottom-color: #bbb;
			border-bottom-width: 1px;
			border-bottom-style: solid;
		}

		.items-table>tbody>tr:nth-child(even) {
			background-color: #eee;
		}

			.items-table>tbody>tr>td {
				text-align: left;
				padding: 0.4em 1.2em;
			}

			.items-table>tbody>tr>td:nth-child(1) {
				font-size: 1em;
				font-weight: bold;
				width: 20em;
			}

			.items-table>tbody>tr>td:nth-child(2) {
				font-size: 0.8em;
			}

/* full version - single-item mode */
.single-item-information {
	display: table;
	table-layout: fixed;
	width: 80%;
	margin: 2em auto;
}
	.single-item-information>div {
		display: table-row;
	}
		.single-item-information .single-item-image {
			display: table-cell;
			width: 20em;
			text-align: center;
			padding-right: 1em;
			position: relative;
		}
			.single-item-information .content-group-price {
				position: absolute;
				right: 2.4rem;
				background-color: rgba(255,255,255,0.4);
				color: #23527c;
				font-size: 1.5em;
				font-weight: bold;
				border-radius: 0.3em;
				border: 1px solid #444;
				padding: 0em 0.6em;
				top: 0.4rem;
				z-index: 1;
			}
		
		
			.single-item-information .single-item-image-outer {
				width: 100%;
				height: 20em;
				display: table;
				table-layout: fixed;
			}
			.single-item-information .single-item-image-outer>div {
				display: table-cell;				
				position: relative;
				vertical-align: middle;
				height: 100%;
			}
				.single-item-information .single-item-image img {
					max-width: 100%;
					max-height: 100%;
				}
				.single-item-information .single-item-image-border {
					width: 100%;
					height: 100%;
					position: absolute;
					right: 0px;
					bottom: 0px;
					border-style: solid;
					border-color: #002b80;
					border-width: 0px 1px 0px 0px;
				}
		.single-item-information .single-item-image+.single-item-texts {
			display: table-cell;
			vertical-align: top;
			padding-left: 0em;
			border-left: 1px #999 solid;
			
		}
				.single-item-information .single-item-caption {
					font-size: 1.4em;
					font-weight: bold;
					margin: 0em 1em 1.5em 1em;
				}
					.single-item-information .single-item-caption>span {
						display: inline-block;
						border-bottom: 2px #002b80 solid;
						padding-bottom: 1px;
					}
						.single-item-information .single-item-caption>span>span {
							display: inline-block;
							border-bottom: 0px #002b80 solid;
							white-space: pre;						
						}
					
				.single-item-information .single-item-text {
					color: #000;
					padding-left: 1em;
				}
					.single-item-information .single-item-text ul {
						margin: 0.5em 0em 0.5em 2em;
					}
						.single-item-information .single-item-text ul li {
						}
					
					.single-item-information .single-item-text table {
						border-collapse: collapse;
					}
						.single-item-information .single-item-text table tr {
						}
							.single-item-information .single-item-text table td {
								padding: 0.3em 0.7em 0.3em 0.5em;
								position: relative;
								border-bottom: 1px #bbb solid;
								
							}
								.single-item-information .single-item-text table td:last-child::after {
									content: '';
									display: block;
									position: absolute;
									right: 0px;
									bottom: 0px;
									border-right: 1px #bbb solid;
									width: 1px;
									height: 25%;
								}


/*****************************************************************************/
/*** footer & misc ***********************************************************/
/*****************************************************************************/
.content-box {
	padding-top: 1.5em;
}

.content-box p {
	margin-top: 1em;
}

.footer {
	border-top: 1px gray solid;
	position: relative;
	margin: -7.0rem auto 0em auto; /* also check out .content-back padding-bottom and take a look into main.css */
	padding-top: 0.6rem;
	max-width: 50em;
	text-align: center;
}

.footer .disclaimer {
	font-size: 1.1rem;
	line-height: 1.4rem;
}

.footer .title {
	font-size: 1.6rem;
	line-height: 3.0rem;	
}

.feedback-form {
	width: 70%;
	margin: 0.5em auto;
}
.feedback-form h3 {
	text-align: center;
	margin-bottom: 1em;
}
.feedback-form .feedback-buttons {
	margin-top: 1.5em;
	text-align: center;
}

/*****************************************************************************/
/*** patch tinyMCE ***********************************************************/
/*****************************************************************************/
.mce-statusbar .mce-flow-layout {
	height: 1px !important;
}
.mce-statusbar .mce-path {
	display: none;
}