/*Здесь находятся стили для основных элементов html, которые могут встретится в блоках контента.
Удалять их не стоит. Можно избирательно редактировать или переопределять в файлах base.css и decor.css*/
td{
  vertical-align:top;
}
fieldset, img{
  border:none;
}
a:focus, a:active{
  outline:none;
}
/*"Пальчик" для кнопок и элементов, выполняющих скрипт по клику*/
[onclick], input[type="submit"], input[type="button"], button{
  cursor:pointer;
}
/*Очистители от обтекания*/
.cleaner{
  clear:both !important;
  height:auto !important;
  min-height: auto !important;
  margin:0 !important;
  padding: 0 !important;
}
/*Выделенный пункт меню (галочка "выделить в меню" в свойства раздела)*/
.marked > a, .marked > span, .warning{
  font-weight:bold;
}
/*Шрифт для областей мапинга*/
.content{
  font-size:90%;
}
/*Шрифт для основной контентной области*/
#content{
  font-size:100%;
}
/*Первый блок в области - без верхнего отступа (чтобы не суммировался с внутренним отступом контейнера)*/
.content > :first-child, #content > :first-child{
  margin-top:0 !important;
}
/*Меню "следов"*/
#content ul.sub{
  margin:0;
  padding:0 0 0.7em;
  list-style:none;
}
#content .sub li{
  margin:0 10px 0 0;
}
.sub li{
  display:inline;
}
/*Пейджер страниц*/
#content .pager{
  text-align:right;
}
#content .pager li{
  display:inline;
}
#content .pager a, #content .pager span{
  margin:0 0 0 5px;
}
/*Заголовки*/
h1{
  margin:1.5em 0 1em;
  font-size:180%;
}
h1.section, .sub+h1, h1:first-child{
  margin-top:0;
}
h2{
  margin:1.4em 0 1em;
  font-size:160%;
}
h3{
  margin:1.3em 0 .9em;
  font-size:140%;
}
h4{
  margin:1.2em 0 .9em;
  font-size:120%;
}
h5{
  margin:1.1em 0 .8em;
  font-size:110%;
}
h6{
  margin:.8em 0 .5em;
  font-size:100%;
}
/*Абзацы (минимальная высота делает видимым пустой абзац и позволяет делать таким способом дополнительные расстояния между строками)*/
#content p, .content p{
  min-height:1em;
  margin:0 0 1em;
}
#content dl p{
  margin:0 0 .5em;
}
/*Text-align*/
.textLeft{
  text-align:left !important;
}
.textRight{
  text-align:right !important;
}
.textCenter{
  text-align:center !important;
}
.textJustify{
  text-align:justify !important;
}
/*Лишний абзац в новостях и анонсах*/
blockquote h4+p, blockquote p:first-child{
  min-height:0 !important;
  margin:0 !important;
}
/*Картинки в тексте - слева, справа. посередине*/
.ImageLeft{
  margin:0 10px 5px 0;
}
.ImageLeft.li{
  margin-right:30px;
}
.ImageRight{
  margin:0 0 5px 10px;
}
.ImageCenter{
  display:block;
  margin:0 auto 5px;
}
/*Заголовок списка*/
.li{
  margin-bottom:0;
}
/*Списки: маркированный, нумерованный, определений*/
#content ul{
  margin:0 0 1em 50px;
}
.content ul{
  margin:0 0 1em 30px;
}
#content td ul{
  margin:0 0 1em 14px;
}
#content ol{
  margin:0 0 1em 50px;
}
.content ol{
  margin:0 0 1em 30px;
}
#content td ol{
  margin:0 0 1em 14px;
}
#content dd{
  margin:5px 0 1em 50px;
}
.content dd{
  margin:5px 0 1em 30px;
}
#content td dd{
  margin:5px 0 1em 14px;
}
/*Таблицы*/
#content table, .content table{
  margin:0 0 1.5em;
}
.tablelist caption span{
  display:block;
}
th{
  padding:.3em .5em;
}
#content td{
  padding:0 .3em .5em 0;
}
/*Чересстрочность таблицы*/
.tablelist td.stripe{
  background:#ccc;
}
/*Блок Фотография*/
#content .photo{
  display:inline-block;
  margin:0 10px 10px 0;
}
.content .photo{
  padding:0 0 10px 0;
  text-align:center;
}
.photo p{
  text-align:center;
}
/*Блок Баннер*/
.banner{
  padding:0 0 10px 0;
}
#content .banner{
  padding:0 10px 10px 0;
}
#content .banner{
  float:left;
}
.content .banner{
  text-align:center;
}
.content .banner img{
  display:block;
  margin:30px auto 5px;
}
.banner p{
  text-align:center;
}
/*Список подразделов и коллекция*/
table.stuff, table.collection{
  width:100%;
  text-align:center;
}
table.stuff img, table.collection img{
  margin:0 auto 5px;
}
/*Анонсы*/
blockquote{
  padding-bottom:2.4em;
}
/*Элементы форм*/
.content form{
  margin:0 0 10px;
}
#content form{
  margin:0 0 20px;
}
.content form td{
  padding-bottom:0.2em;
  padding-right:.3em;
}
#content form td{
  padding-bottom:0.5em;
  padding-right:2em;
}
#content input[type="text"], #content input[type="password"], #content input[type="email"], #content input[type="tel"], #content input[type="url"]{
  width:250px;
  margin:0 5px 0 0;
}
.content input[type="text"], .content input[type="password"], .content input[type="email"], .content input[type="tel"], .content input[type="url"]{
  width:120px;
}
textarea{
  width:250px;
  height:140px;
}
input[type="radio"], input[type="checkbox"]{
  margin:0 5px 0 0;
  vertical-align:middle;
}
img[src*="captcha"]{
  display:block;
  margin:0 0 5px 0;
  border:none !important;
}
#content input.but, .content input.but, #content input[type="submit"], #content input[type="button"]{
  padding:2px;
}
#content form td ul{
  margin:0;
  list-style:none;
}
img[src*="captcha"]{
  display:block;
}
input[name="code"]{
  width:80px !important;
}
/*gallery*/
#content .gallery{
  clear:both;
  margin:0 0 20px;
  text-align:center;
}
#content .gallery.v{
  position:relative;
/*Правый отступ: ширина превью + 10px*/
  padding:0 100px 0 0;
}
#content .mainGallery{
  margin:0 0 7px;
}
.content .mainGallery+p, #content .mainGallery+p{
  min-height:1.5em;
  text-align:center;
}
#content .gallery ul{
  margin:0;
  padding:0;
}
#content .gallery.v > ul{
  position:absolute;
  top:0;
  right:0;
}
#content .gallery li{
  padding:0;
  overflow:hidden;
}
#content .gallery.g li{
  display:inline-block;
  margin:0 5px 10px;
  vertical-align:top;
}
#content .gallery.g .list li{
/*Нижний отступ равен высоте превью*/
  margin:0 10px 70px 0;
}
#content .gallery.v li{
  display:table;
  margin:0 auto 5px;
}
#content .gallery.g .list{
  position:relative;
  padding:0 30px;
  text-align:left;
}
#content .gallery.v .list{
  position:absolute;
  top:0;
  right:0;
  padding:0;
}
#content .gallery .list div{
  position:relative;
  height:74px;
  overflow:hidden;
}
#content p.prevArr, #content p.nextArr{
  position:absolute;
/*Верхний отступ подгоняется сообразно высоте ленты*/
  top:12px;
}
.prevArr, .nextArr{
  cursor:pointer;
}
#content p.prevArr{
  left:0;
}
#content p.nextArr{
  right:0;
}
#content p.upArr{
  margin:0;
  padding:0 0 5px;
}
#content p.downArr{
  margin:0;
  padding:5px 0 0;
}
#content .gallery.g .list ul{
/*Высота превью + удвоенная рамка*/
  max-height:74px;
  margin-right:-300px;
}
#content .gallery.v .list ul{
  margin-bottom:-300px;
}
.gallery li img{
  vertical-align:bottom;
}
#content .mainGallery{
  background:url('/images/xsl_images/loader.gif') no-repeat 50% 50%;
}
#content .gallery ul{
  list-style:none;
  list-style-image:none;
}
.control{
  margin:0 !important;
  padding:0 !important;
  cursor:pointer;
}
.gallery .control img{
  border:none !important;
}
#content .gallery .active{
  border:2px solid inherit;
}
#content .gallery .active img{
  cursor:default;
}
#content .gallery li{
  border:2px solid #fff;
}
.mainGallery{
  border:2px solid inherit;
}
/*FAQ*/
p.faq{
  text-align:right;
}
/*Login*/
#content #login a{
  margin:0 10px 0 0;
}
.content #login a{
  margin:0 5px 0 0;
}

/*shop*/
#content .goodCard th, .content .goodCard th{
  padding:2px 10px 2px 5px;
  text-align:left;
  vertical-align:top;
}
#content .goodCard td, .content .goodCard td{
  padding:2px 10px 2px 5px;
}
#content input.quantity, #content .catalog input[type="text"]{
  width:40px;
}
#msgBox{
  width:239px !important;
  min-height:50px !important;
  padding:20px 10px;
  text-align:center;
}
#content input.quantity{
  width:40px;
}
#content .remove, #content .view, #content .btnremove{
  text-align:center;
}
/**
 * Core styles.
 */
.Bold{
  font-weight: bold;
}
.Italic{
  font-style: italic;
}
.Underline{
  text-decoration: underline;
}
.StrikeThrough{
  text-decoration: line-through;
}
.Subscript{
  vertical-align: sub;
  font-size: smaller;
}
.Superscript{
  vertical-align: super;
  font-size: smaller;
}
/**
 * Font faces.
 */
.FontComic{
  font-family: 'Comic Sans MS';
}
.FontCourier{
  font-family: 'Courier New';
}
.FontTimes{
  font-family: 'Times New Roman';
}
/**
 * Font sizes.
 */
.FontSmaller{
  font-size: smaller;
}
.FontLarger{
  font-size: larger;
}
.FontSmall{
  font-size: 8pt;
}
.FontBig{
  font-size: 14pt;
}
.FontDouble{
  font-size: 200%;
}
/**
 * Font colors.
 */
.FontColor1{
  color: #ff9900;
}
.FontColor2{
  color: #0066cc;
}
.FontColor3{
  color: #ff0000;
}
.FontColor1BG{
  background-color: #ff9900;
}
.FontColor2BG{
  background-color: #0066cc;
}
.FontColor3BG{
  background-color: #ff0000;
}
/**
 * Indentation.
 */
.Indent1{
  margin-left: 40px;
}
.Indent2{
  margin-left: 80px;
}
.Indent3{
  margin-left: 120px;
}
/**
 * Alignment.
 */
.JustifyLeft{
  text-align: left;
}
.JustifyRight{
  text-align: right;
}
.JustifyCenter{
  text-align: center;
}
.JustifyFull{
  text-align: justify;
}
/**
 * Other.
 */
code{
  font-family: courier, monospace;
  background-color: #eeeeee;
  padding-left: 1px;
  padding-right: 1px;
  border: #c0c0c0 1px solid;
}
kbd{
  padding: 0px 1px 0px 1px;
  border-width: 1px 2px 2px 1px;
  border-style: solid;
}

/*Обновление галереи*/
.slick-slide{
		transition:all ease-in-out .3s;
		opacity:.2;
	}
	.slick-active{
		opacity:.5;
	}
	.slick-current{
		opacity:1;
	}
	.gallery.v{
		position:relative;
		padding:0 130px 0 0;
	}
	.gallery-list a{
		display:inline-block;
		margin:0 10px 0 0;
		vertical-align:top;
	}
	.g .gallery-list-slider{
		padding:0 35px;
	}
	.v .gallery-list-slider{
		padding:35px 0;
	}
	.gallery.v .gallery-list-slider{
		position:absolute;
		top:0;
		right:0;
		width:120px;
		height:100% !important;
		-mox-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
	}
	.gallery.v .slick-list{
		height:100% !important;
	}
	.gallery.g .slick-slide{
		margin:0px 10px;
	}
	.gallery.v .slick-slide{
		margin:0 0 10px;
	}
	.slick-slide img{
		width:100%;
	}
/* Slider */
.slick-slider{
	position:relative;
	display:block;
	box-sizing:border-box;
	-webkit-user-select:none;
	   -moz-user-select:none;
		-ms-user-select:none;
			user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
		touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
}
.slick-list{
	position:relative;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
}
.slick-list:focus{
	outline:none;
}
.slick-list.dragging{
	cursor:pointer;
	cursor:hand;
}
.slick-slider .slick-track, .slick-slider .slick-list{
	-webkit-transform:translate3d(0, 0, 0);
	   -moz-transform:translate3d(0, 0, 0);
		-ms-transform:translate3d(0, 0, 0);
		 -o-transform:translate3d(0, 0, 0);
			transform:translate3d(0, 0, 0);
}
.slick-track{
	position:relative;
	top:0;
	left:0;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.slick-track:after{
	content:'';
	display:table;
	clear:both;
}
.slick-loading .slick-track{
	visibility:hidden;
}
.slick-slide{
	display:none;
	float:left;
	height:100%;
	min-height:1px;
}
[dir='rtl'] .slick-slide{
	float:right;
}
.slick-slide img{
	display:block;
}
.slick-slide.slick-loading img{
	display:none;
}
.slick-slide.dragging img{
	pointer-events:none;
}
.slick-initialized .slick-slide{
	display:block;
}
.slick-loading .slick-slide{
	visibility:hidden;
}
.slick-vertical .slick-slide{
	display:block;
	height:auto;
}
.slick-arrow.slick-hidden {
	display:none;
}
.slick-loading .slick-list{
	background:url('/images/xsl_images/loader.gif') no-repeat 50% 50% #fff;
}
/* Arrows */
.slick-prev, .slick-next{
	position:absolute;
	padding:0;
	outline:none;
	cursor:pointer;
	border:none;
	color:transparent;
}
.slick-prev:hover, .slick-next:hover{
	opacity:.7;
}
.slick-disabled{
	opacity:.4 !important;
	cursor:default;
}
.g .slick-prev{
	top:50%;
	left:-0;
	width:27px;
	height:38px;
	margin-top:-19px;
	background:url('/images/xsl_images/left.png') no-repeat;
}
.g [dir='rtl'] .slick-prev{
	right:-0;
	left:auto;
	background:url('/images/xsl_images/right.png') no-repeat;
}
.v .slick-prev{
	top:-0;
	left:50%;
	width:38px;
	height:27px;
	margin-left:-19px;
	background:url('/images/xsl_images/up.png') no-repeat;
}
.v [dir='rtl'] .slick-prev{
	bottom:-0;
	top:auto;
	background:url('/images/xsl_images/down.png') no-repeat;
}
.g .slick-next{
	top:50%;
	right:-0;
	width:27px;
	height:38px;
	margin-top:-19px;
	background:url('/images/xsl_images/right.png') no-repeat;
}
.g [dir='rtl'] .slick-next{
	right:auto;
	left:-0;
	background:url('/images/xsl_images/left.png') no-repeat;
}
.v .slick-next{
	left:50%;
	bottom:-0;
	width:38px;
	height:27px;
	margin-left:-19px;
	background:url('/images/xsl_images/down.png') no-repeat;
}
.v [dir='rtl'] .slick-next{
	bottom:auto;
	top:0;
	background:url('/images/xsl_images/up.png') no-repeat;
}