body { margin: 0px; background-color: rgb(189, 231, 247); background-image: url('bg-fon.png'), none; background-repeat: repeat, repeat; background-attachment: scroll, scroll; background-position: 0% 0%, 0% 0%; background-clip: border-box, border-box; background-origin: padding-box, padding-box; background-size: 19em auto; color: rgb(39, 39, 39); text-align: center; overflow-x: auto; }
body, a, td, input, select { font: 11pt 'Arial'; }
a { color: rgb(18, 130, 216); text-decoration: underline; }
a:hover { color: rgb(0, 82, 183); text-decoration: none; }
hr { clear: both; }
@font-face {
	font-family: "aquarion";
	src: url('aquarion.ttf');
}
@font-face {
	font-family: "martaregular";
	src: url('marta_regular.ttf');
}
@font-face {
	font-family: "comfortaaregular";
	src: url('comfortaa-regular.ttf');
}
@font-face {
	font-family: "comfortaabold";
	src: url('comfortaa-bold.ttf');
}
@font-face {
	font-family: "barkentina";
	src: url('barkentina.ttf');
}
@font-face {
	font-family: "fregat";
	src: url('fregat.ttf');
}
@font-face {
	font-family: "fregatbold";
	src: url('fregat_bold.ttf');
}
@font-face {
	font-family: "fregatbold_italic";
	src: url('fregat_bold_italic.ttf');
}
@font-face {
	font-family: "fregat_italic";
	src: url('fregat_italic.ttf');
}
@font-face {
	font-family: "calibri";
	src: url('calibri.ttf');
}
@font-face {
	font-family: "Academy";
	src: url('academyactt-bold.ttf');
}
#all { width: 100%; height: auto; box-sizing: border-box; margin: auto; padding: 1%; }
#all-content { width: 100%; height: auto; margin: auto; padding: 0px; background: url('content-fon.jpg') repeat scroll 0% 0% / 29em auto transparent; border: 0.15em solid rgb(255, 255, 255); border-radius: 0.45em; box-shadow: 0em 0em 0.25em 0.2em rgba(0, 0, 0, 0.2) inset; }
#top { width: 100%; height: 330px; background-color: transparent; background-image: url('fon-top-right.png'), url('fon-top-left.jpg'); background-repeat: no-repeat, no-repeat; background-attachment: scroll, scroll; background-position: right bottom, right top; background-clip: border-box, border-box; background-origin: padding-box, padding-box; background-size: cover; border-bottom: 0.15em solid rgb(255, 255, 255); border-radius: 0.45em 0.45em 0em 0em; box-shadow: 0em 0em 0.3em 0.2em rgba(0, 0, 0, 0.25) inset; }
#content { width: 100%; box-sizing: border-box; margin: auto; padding: 0px 0.45em 0.45em; text-align: left; }
#content-text-frame { width: 100%; height: auto; box-sizing: border-box; padding: 0.5em; }
#content-text, #content-text-in { width: 100%; height: auto; box-sizing: border-box; background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.6); border: 0.15em solid rgb(255, 255, 255); border-radius: 0.45em; padding: 0.5em; text-align: justify; }
#content-text div, .content-text-div, .eMessage div, .shop-info div { text-indent: 0.95em; margin-bottom: 0.6em; line-height: 1.4em; }
#content-text:after, #content-text-in:after { content: "."; display: block; visibility: hidden; clear: both; height: 0px; }
.content-title { position: relative; float: left; width: auto; margin-top: -0.1em; cursor: default; text-align: left; margin-bottom: 0px; font: 2em 'fregatbold'; color: rgb(0, 82, 183); text-shadow: 0.01in 0.01in 0.02in rgb(255, 255, 255); }
#footer { width: 100%; height: 38px; margin-top: 20px; clear: both; }
.f-block { width: auto; height: 100%; position: relative; float: left; margin: auto; padding-left: 8px; padding-right: 8px; text-shadow: 0.012in 0.012in 0.012in rgba(255, 255, 255, 0.4), -0.012in -0.012in 0.012in rgba(255, 255, 255, 0.4), 0.012in 0.012in 0.012in rgba(255, 255, 255, 0.4), -0.012in -0.012in 0.012in rgba(255, 255, 255, 0.4); }
.f-block a { font: bold 1.1em 'barkentina'; text-decoration: none; color: inherit; }
#main-menu, #menu { position: relative; float: left; margin-top: 0.45em; }
#menu td { width: auto; padding-right: 0.5em; }
#main-menu ul { list-style: none outside none; margin: 0px; padding: 0px; }
#main-menu ul li { display: block; text-align: center; position: relative; float: left; width: 100%; padding-bottom: 0.5em; }
#main-menu ul li a.m_list, #menu td a.m_list, #main-menu ul li a#m1.act { display: block; padding: 0.18em; color: inherit; font: 1.2em 'fregat'; border: 0.1em solid rgba(102, 79, 42, 0.4); text-decoration: none; box-sizing: border-box; background: none repeat scroll 0% 0% rgb(255, 255, 182); border-radius: 0.45em; box-shadow: 0em -1.8em 1.3em -0.85em rgba(255, 186, 0, 0.75) inset, 0.1em 0.1em 0.1em 0em rgba(0, 0, 0, 0.4); transition: all 0.3s ease 0s; }
#menu td a.m_list { text-transform: uppercase; }
#main-menu ul li a.m_list:hover, #menu td a.m_list:hover, #main-menu ul li a#m1.act:hover { background: none repeat scroll 0% 0% rgb(255, 255, 222); border: 0.1em solid rgba(102, 79, 42, 0.55); transition: all 0.3s ease 0s; }
#m-fr, #main-menu ul li a#m1.act #m-fr { border: 0.1em solid rgba(102, 79, 42, 0.4); border-radius: 0.3em; transition: all 0.3s ease 0s; }
#main-menu ul li .m-link, #menu td .m-link { height: 1.7em; display: table-cell; vertical-align: middle; }
#main-menu ul li a.m_list:hover #m-fr, #menu td a.m_list:hover #m-fr, #main-menu ul li a#m1.act:hover #m-fr { color: rgb(0, 82, 183); border: 0.1em solid rgba(102, 79, 42, 0.55); transition: all 0.3s ease 0s; }
#main-menu ul li a.act, #menu td a.act, #main-menu ul li a.act:hover, #menu td a.act:hover { font: 1.2em 'fregatbold'; background: none repeat scroll 0% 0% rgb(255, 255, 222); color: rgb(0, 82, 183); border: 0.1em solid rgba(102, 79, 42, 0.55); box-shadow: 0em -1.8em 1.3em -0.85em rgba(255, 230, 96, 0.5) inset, 0.1em 0.1em 0.1em 0em rgba(0, 0, 0, 0.05); }
#main-menu ul li a.act #m-fr, #menu td a.act #m-fr { border: 0.1em solid rgba(102, 79, 42, 0.55); }
#main-menu ul li a#m1.act:hover { font: 1.2em 'fregat'; }
.block { width: 100%; position: relative; float: left; box-sizing: border-box; background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.6); border: 0.2em solid rgb(255, 255, 255); border-radius: 0.45em; margin-bottom: 0.5em; padding: 0.5em; text-align: justify; font: 0.9em 'arial'; }
@media only screen and (min-width: 320px) {
	#top { height: 80px; }
	body, a, td, input, select { font: 2.5pt 'arial'; }
}
@media only screen and (min-width: 480px) {
	#top { height: 121px; }
	body, a, td, input, select { font: 4.5pt 'arial'; }
}
@media only screen and (min-width: 640px) {
	#top { height: 162px; }
	body, a, td, input, select { font: 6.5pt 'arial'; }
}
@media only screen and (min-width: 800px) {
	#top { height: 204px; }
	body, a, td, input, select { font: 8pt 'arial'; }
}
@media only screen and (min-width: 1024px) {
	#top { height: 267px; }
	body, a, td, input, select { font: 8.5pt 'arial'; }
}
@media only screen and (min-width: 1152px) {
	#top { height: 282px; }
	body, a, td, input, select { font: 10pt 'arial'; }
}
@media only screen and (min-width: 1280px) {
	#top { height: 330px; }
	body, a, td, input, select { font: 11pt 'arial'; }
}
@media only screen and (min-width: 1366px) {
	#top { height: 352px; }
	body, a, td, input, select { font: 11.5pt 'arial'; }
}
@media only screen and (min-width: 1440px) {
	#top { height: 376px; }
	body, a, td, input, select { font: 12pt 'arial'; }
}
@media only screen and (min-width: 1600px) {
	#top { height: 418px; }
	body, a, td, input, select { font: 13.5pt 'arial'; }
}
@media only screen and (min-width: 1680px) {
	#top { height: 440px; }
	body, a, td, input, select { font: 14pt 'arial'; }
}
@media only screen and (min-width: 1920px) {
	#top { height: 496px; }
	body, a, td, input, select { font: 16.5pt 'arial'; }
}
@media only screen and (min-width: 2560px) {
	#top { height: 600px; }
	body, a, td, input, select { font: 22pt 'arial'; }
}
.u-comboedit::-moz-focus-inner { border: 0px none; }
.ymaps-b-form-button__input::-moz-focus-inner { padding: 0px; border: 0px none; }
@media not all, not all {
}
@media not all {
}

#magazw img {margin:5px; border:4px solid #ccc;}