HTML,BODY{
	padding:0px;
	margin:0px;
}

/*@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=cyrillic,latin);*/

BODY{
	background: #e0e0e0;
	color:#333333;
	padding:0px 0px 0px 0px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:120%;
}



A { color:#903d5d; }
A:hover { color:#ff448c; }

.body {
	
	background: #ffffff;
	width:100%;
	height:100%;
	max-width:1200px;
	min-height:500px;
	margin:0px auto 0px auto;
	box-shadow:0px 0px 20px #bbb;
	border-radius: 0px;
}



INPUT, P, TD, DIV, TEXTAREA { font-size:100%;}



.head{
	position:relative;
	width:100%;
	max-width:1200px;
	background:#fff;
	
}
#topfix{
	width:100%;
	max-width:1200px;
	z-index:100;
}
#fortopfix{
	display:none;
	width:1200px;
}
.sitesup{
	width:100%;
}
.headname{
	min-height:110px;
	display:table-cell;
	vertical-align:center;
}

.headname .name{
	color:#903d5d;
	font-size:180%;
	float:left;
	font-weight:400;
	margin:30px 0px 0px 0px;
	text-align:right;
}

.headname .podname{
	color:#777;
	font-size:13px;
	margin:0px 0px 0px 130px;
	
	font-style:italic; 
}

.headname .logo{
	width:100px;
	float:left; 
	margin:0px 0px 10px 0px;
}

.headnamemini {
	height:50px;
}
.headnameclear{

}

.headnamemini .name{
	animation: headnamemini_name_Animation .5s;
	animation-fill-mode: forwards ;
}
@keyframes headnamemini_name_Animation {
	from {		
		font-size:180%;
	}
	to {
		font-size:120%;
		margin-top:10px;
	}
}
.headnameclear .name{
	animation: headnameclear_name_Animation .5s;
	animation-fill-mode: forwards ;
}
@keyframes headnameclear_name_Animation {
	to {		
		font-size:180%;
	}
	from {
		font-size:120%;
		margin-top:10px;
	}
}


.headnamemini .logo{
	animation: headnamemini_logo_Animation .5s;
	animation-fill-mode: forwards;
}
@keyframes headnamemini_logo_Animation {
	from {
		width:100px;
	}
	to {
		width:50px;
		margin-left:10px;
		margin-bottom:2px;
	}
}
.headnameclear .logo{
	animation: headnameclear_logo_Animation .5s;
	animation-fill-mode: forwards;
}
@keyframes headnameclear_logo_Animation {
	to {
		width:100px;
	}
	from {
		width:50px;
		margin-left:10px;
		margin-bottom:2px;
	}
}



.dpage{
	min-height:300px;
	padding:0px 0px 20px 0px;
	
}
.dpaget{	
	margin:0px 20px 0px 20px;
}


.menu{

}



.w100{
	width:100%;
}





.col3{
	width:373px;
}
.col2{
	/*max-width:570px;*/
	width: 47%;
	
}
.col1{
	width: calc(100%-120px);
}

.clear{clear:both;}
.flr{float:right;}
.fll{float:left;}

.sitesup{
	background:#722241;
	background-image: linear-gradient(to bottom, #ac3d68 0%, #722241 100%);
	background-image: -webkit-linear-gradient(top, #ac3d68 0%, #722241 100%);
	margin:0px 0px 0px 0px;
	
	
}

.sblock{
	
	float:left;
	width:25%;
	/*min-height:280px;*/
	overflow:hidden;
	border-bottom:1px solid #722241;
}
.sblockdes{
	height:240px;
}
.sblockdeshide{
	animation: sblockdeshide_Animation .5s;
	animation-fill-mode: forwards ;
}
@keyframes sblockdeshide_Animation {
	from {
		height:240px;
	}
	to {		
		height:0px;
		display:none;
	}
}
.sblockdesshow{
	animation: sblockdesshow_Animation .5s;
	animation-fill-mode: forwards ;
}
@keyframes sblockdesshow_Animation {
	to {
		height:240px;
		display:block;
	}
	from {		
		height:0px;
	}
}

 
.sblock A{
	background:#000;
	background-image: linear-gradient(to bottom, #555 0%, #000 50%);
	background-image: -webkit-linear-gradient(top, #555 0%, #000 50%);
	border-right:1px solid  #333;
	/*
	background:#722241;
	background-image: linear-gradient(to bottom, #722241 0%, #4c162b 100%);
	background-image: -webkit-linear-gradient(top, #722241 0%, #4c162b 100%);
	
	border-right:1px solid  #722241;
	*/
	/*
	background:#000;
	border-right:1px solid  #333;
	*/
	
	
	
	float:left;
	
	width:100%;
	
	
	margin:0px;
	padding:0px 0px 0px 0px;
	
	color:#fff;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	text-decoration:none;
}


.sblock A:hover {
	/*background:#722241;
	background-image: linear-gradient(to bottom, #9c375e 0%, #722241 100%);
	background-image: -webkit-linear-gradient(top, #9c375e 0%, #722241 100%);
	*/
	background:#000;
	
}
.sblock A .name{
	background:#a02f5b;
	
	/*
	background-image: linear-gradient(to bottom, #9c375e 0%, #722241 100%);
	background-image: -webkit-linear-gradient(top, #9c375e 0%, #722241 100%);
	*/
	
	padding:5px 0px 8px 0px;
	font-size:150%;
	box-shadow:0px -10px 10px #722241 inset;
	text-align:center;
}
.sblock A:hover .name{
	background:#ff2c7d;
	
	/*background-image: linear-gradient(to bottom, #9c375e 0%, #722241 100%);
	background-image: -webkit-linear-gradient(top, #9c375e 0%, #722241 100%);
	*/
	
	
	
	text-decoration:underline;
}
.sblock A .text{
	padding:5px 0px 5px 0px;
	min-height:80px;
	text-align:center;
	
}
.sblock A .site{

	
	text-align:center;
	
	width:80%;
	margin:0px auto;
	/*max-width:200px;*/
	height:42px;
	line-height:42px;
	
	
	font-size:120%;
	
	background:#333;
	
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	border:1px solid #777;
	border-radius:4px 4px 0px 0px;
	box-shadow:0px 0px 10px #555 inset;
	
}


.sblock A:hover .site{
	background:#722241;
	text-decoration:underline;
	border:1px solid #c32d67;
	box-shadow:0px 0px 10px #a12c59 inset;
}
.siteimg{
	
	width:80%;
 
	
	overflow:hidden;
	margin:0px auto;
	
	
	
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	
}
.siteimg IMG{
	width:100%; 
}
.dmob2{display:none;}


#nizbut{
	
	right:20px;
	bottom:-5px;
	width:100px;
	height:40px;
	line-height:40px;
	font-size:170%;
	
	
	
	font-weight:900;
	
	background:#333;
	border:1px solid #f0f0f0;
	border-radius: 6px ;
	
	
	position:fixed;
	
	z-index:1001;
	display:none;
	
	text-align:center;
	
	
	cursor:pointer;
	opacity:0.70;
	color:#fff;
	box-shadow:0px 0px 3px #555;
}

#nizbut:hover{
	color:#fff;
	opacity:1;
}




.mmenu{
	background:  #ddd;
	min-height:50px;
	padding:5px 10px 5px 10px;
	position:relative;
	/*background-image: linear-gradient(to top, #e0e0e0 44%, #ffffff 50%);*/
	
}

.mmenu A, #butomenu{
	
	min-width: calc(20% - 20px )  ;
	
	display:table-cell;
	
	padding:0px 10px 0px 10px;
	margin:5px 10px 5px 10px;
	height:40px;
	line-height:40px;
	background: #f0f0f0 ;
	
	
	background-image: linear-gradient(to bottom, #ffffff 50%, #f0f0f0 44%);
	background-image: -webkit-linear-gradient(top, #ffffff 50%, #f0f0f0 44%);
	
	
	text-decoration:none;
	text-align:center;
	float:left;
	box-shadow:0px 0px 10px #bbb;
	border-radius: 5px;
	
	border:1px solid #ffffff ;
	
	color:#333333;
	font-size:140%;
	/*font-stretch: semi-condensed;*/
	
	
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	
}
.mmenu  A DIV{
	line-height: 23px !important;
}
.mmenu A:hover, .mmenu .sel, #butomenu:hover, .butomenusel{
	background: #fff !important ;
	color:#ff0076 !important;
}
#butomenu{
	min-width:50px;
	cursor:pointer;
	padding:0px 10px 0px 10px;
	display:none;
}
#butomenu .flr{
	line-height:8px;
	padding-top:6px ;
	font-family: Arial;
}
#butomenu .fll{
	line-height:40px;
	margin-right:10px;
}
#dmmenu{
	display:block;
}

.path{
	background:#f0f0f0;
	min-height:26px;
	line-height:26px;
	max-width:1200px;
	
	font-size:90%;
	padding:0px 20px 0px 20px;
	color:#333;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}
.path A{
	min-height:26px;
	line-height:26px;
	
	
	color:#333;
	float:left;
	padding:0px 6px 0px 6px;
	
	border-radius:2px;
	
	text-decoration:none;
}
.path A:hover{
	color:#ff0076;
	background:#fff;
}
.path SPAN{	
	float:left;
	
	
	margin:0px 6px 0px 6px;
	
}



.dblock{
	display:block;
	
	width: calc(100%-20px);
	
	min-height:150px;
	box-shadow:0px 0px 10px #ddd;
	border-radius:4px;
	margin:20px 0px 20px 0px;
	padding: 0px;
	
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.dblock A{
	font-size:125%;
}

.dblockimg{
	width:280px;
	min-height:150px;
	border-radius:4px 0px 0px 4px;
	float:left;
	margin: 0px 20px 0px 0px;
	background:#fbfbfb;
}
.dblockt{
	margin: 0px 10px 0px 10px;
	padding:10px 0px 10px 0px;
}
.dblockfon1{
	background:url('/images/content/bumajnie_oboi.jpg') center center no-repeat ;
	background-size: 280px auto;
}
.dblockfon2{
	background:url('/images/content/bumajnie_na_flizeline.jpg') center center no-repeat ;
	background-size: 280px auto;
}
.dblockfon3{
	background:url('/images/content/flizelinovie.jpg') center center no-repeat ;
	background-size: 280px auto;
}

.dblockfon4{
	background:url('/images/content/fotooboi.jpg') center center no-repeat ;
	background-size: 280px auto;
}
.dblockfon5{
	background:url('/images/content/vinil.jpg') center center no-repeat ;
	background-size: 280px auto;
}

.dblockfon6{
	background:url('/images/content/vinil_na_flizeline.jpg') center center no-repeat ;
	background-size: 280px auto;
}




H1 {
	font-size:200%;
	font-weight:normal;
	line-height:100%;
}
H2 {
	font-weight:normal;
	font-size:150%;
}
H3, H4, H5, H6 {
	font-weight:normal;
	line-height:100%;
}





.niz{
	background:#333;
	min-height:200px;
	
	padding:20px 0px 20px 0px;
	
}
.nizt{
	margin:0px 20px 0px 20px;
	
	color:#fff;
}

.copyr{
	text-align:center;
}

.mini{ font-size:80%;}




#left_slider {
	position:relative; 
}
.left_td {
	color:#333;
	
	float:left;
	
	border-radius: 5px;
	
	margin:10px 10px 0px 10px;
	
	
	width:calc(25% - 20px);
	min-width:200px;
	 
	 

	/*font-stretch: semi-condensed;*/
	
	/*padding: 10px;
	
	
	background-image: linear-gradient(to right, #ffffff 0%, #f0f0f0 100%);
	
	box-shadow:0px 0px 10px #aaa;
	*/
	
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}
.left_td UL{
	padding:0px;
	margin:0px 0px 0px -16px ;
}
.left_td UL LI{
	list-style:none;
	margin:10px 0px 10px 16px;
	line-height:100%;
}

.lmenu{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*border:0px solid #ccc;	
	box-shadow:0px 2px 5px #f0f0f0;
	*/
	
	border-radius: 5px ;
	background-image: linear-gradient(to bottom right, #ffffff 60%, #f0f0f0 100%);
	background-image: -webkit-linear-gradient(top left, #ffffff 60%, #f0f0f0 100%);
	
}

.lmenu DIV{
	margin:3px 0px 0px 8px;
	clear:both;
	
}
.lmenu0{
	margin:0px 0px 0px -7px !important;
}

.lmenu DIV A{
	float:left;
	width:87%;
	margin:2px 0px 2px 0px;
	
	line-height:90%;
	
	text-decoration:none;
	padding:4px 0px 4px 10px;
	border-radius:4px;
	
}

.lmenu DIV A.sel{
	color:#ff0076;
}
.lmenu DIV A:hover{
	background:#ce005f;
	color:#fff;	
	padding:4px 10px 4px 10px;
}



.page, .page2{
	
	margin:0px 200px 0px 200px;
	padding:20px 0px 20px 0px;
	min-height:1000px;
}
.page2{
	margin:0px 0px 0px 230px;
}

#nadpage100{
/*	height:120px;*/
}




/*============ ========*/


.pgsel {

	padding:2px 15px 2px 15px;
	margin:1px;
	border-radius:4px;
	
	background:#fff;
	
	
	
	box-shadow:0px 0px 6px #e0e0e0;
	
	border:1px solid #e0e0e0;
	color:#ff0076;
	
	font-weight:bold;
	font-size:130%;
	
	line-height:30px;
	
	height:30px;
	
	float:left;
}
.pg ,.toback {
	
	
	background:#fff;
	
	background-image: linear-gradient(to top, #e0e0e0 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(bottom, #e0e0e0 0%, #ffffff 100%);
	
	
	padding:2px 15px 2px 15px;
	margin:1px;
	
	float:left;
	
	border-radius:4px;
	border:1px solid #f0f0f0;
	text-decoration:none;
	
	cursor:pointer;
	
	
	line-height:30px;
	height:30px;
}
.pg:hover,.toback:hover, .sort A:hover, .sort .sel {
	
	background:#fff;
	
	
	box-shadow:0px 0px 6px #e0e0e0;
	
	border:1px solid #e0e0e0;
	
	text-decoration:none;
	
}

.ctrll{
	margin:0px 4px 0px 0px;
}
.ctrlr{
	margin:0px 0px 0px 4px;
}


/*============ ========*/

.dgoodsincat{
	float:left;
	
	
	width:calc(25% - 20px);
	
	min-height:280px;
	
	border:1px solid #eee;
	
	box-shadow:0px 0px 5px #eee, 0px 0px 10px #eee inset;
	margin:10px;
	border-radius:4px;
	
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.dgoodsincatc{
	margin:10px;
}

.dgoodsincatc IMG {
	width:100%;	
}
.dgoodsincatcimg{
	border:1px solid #f0f0f0;
	border-radius:4px;
	overflow-y:hidden;
	max-height:250px;
}
.imgminidiv{
	background-size: contain ;
}
.dgoodsincat A{
	text-decoration:none;
}

.dgoodsincat .name{
	font-size:20px;
	line-height:17px;
	margin:0px 0px 4px 0px;
	
}

.namecatalog {
	width:30%;
}

.namecatalog A H2{
	color:#930044;
}
.namecatalog A:hover H2{
	color:#ff0076;
}
.namecatalog H2{
	min-height:40px;
	line-height:40px;
	margin:0px;
	
}
.namecatalog H2.iskl{
	line-height:16px;
	font-size:22px;
}


/*=====  Коллекции  ======*/
.dcollectback{
	min-width:165px;
	min-height:200px;
	border-radius:10px;
	box-shadow: 5px 5px 10px #999 inset;
	margin:10px 0px 0px 0px;
	
	
}
.dgoodsincatc H2{
	margin-top:5px;
}

.mt5{
	margin-top:5px;
}






.galblock{

	margin:0px 0px 10px 0px;
	padding:0px 10px 0px 10px;
	
	border:1px solid #ccc;	
	box-shadow:0px 2px 5px #f0f0f0;
	
	
	border-radius: 5px ;
	background-image: linear-gradient(to top , #f0f0f0 0%, #fff 90%);
	background-image: -webkit-linear-gradient(bottom , #f0f0f0 0%, #fff 90%);
	 
	
}
.galblock A IMG{

	box-shadow:3px 3px 10px #ccc;
	
}
.galblock H2{
	margin:0px 0px 10px 0px;
}
.galblock A{
	margin:0px 10px 10px 0px;
}
.galblock2 {
	float:left;
	margin:0px 5px 20px 5px;
	width:220px;
	text-align:center;
}

.galblock2 A IMG{
	border:1px solid #ddd;
	margin:0px 0px 0px 0px;
	box-shadow:3px 3px 10px #ccc;
}
.galblock2dop {
	margin:-125px 0px 0px 0px;
	position:absolute;
}
.galblock2dop A IMG{
	
	height:100px;
}


.imgleft {
	float:left;
	margin:0px 10px 10px 0px;
}
.imgright {
	float:right;
	margin:0px 0px 10px 10px;
}
.imgmini {
	max-width:200px;
	max-height:133px;
}
.imgmid {
	max-width:300px;
}


.mob{display:none;}
.nomob{display:block;}

.error{
	
	color:red;
	font-weight:bold;
	text-align:center;
}


.dnew, .dold{
	width:64px;
	height:24px;
	position:absolute;
	background:#008510 ;
	background-image: linear-gradient(to top right, #008510 0%, #00cf18 40%,  #00cf18 60%, #008510 100%);
	background-image: -webkit-linear-gradient(left, #008510 0%, #00cf18 40%,  #00cf18 60%, #008510 100%);
	
	border-radius:10px 0px 10px 0px;
	/*border:1px solid #f0f0f0;*/
	
	text-align:center;
	line-height: 10px;
	color:#fff;
	font-size:13px;
	margin:10px 0px 0px -10px;
	
	font-weight:bold;
	z-index:1;
	
}
.dnew DIV, .dold DIV{
	margin:6px 0px 0px 0px;
}
.dold{

	margin:40px 0px 0px -10px;
	width:134px;
	background:#8e0000 ;
	background-image: linear-gradient(to top right, #8e0000 0%, #c70000 40%,  #c70000 60%, #8e0000 100%);
	background-image: -webkit-linear-gradient(left, #8e0000 0%, #c70000 40%,  #c70000 60%, #8e0000 100%);
	
}


.atmore {
	display:block;
	margin:10px 0px 10px 0px;
	padding:4px 10px 4px 4px;
	color:#555;
	background:#f0f0f0;
	border:1px solid #ddd;
	border-radius:5px;
	text-decoration:none;
	font-size:90%;
	text-align:center;
}




.tmore{display:none; padding:10px 0px 0px 0px; margin:0px 0px 10px 0px;}
.atmore{
	
	float:right;margin:0px;
	
	border-radius:4px;
	padding:0px 4px 0px 4px;
	font-size:90%;	
	text-decoration:none;
}
.tmore0:hover .tmore{
	display:block !important;
}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}

/*======================================================*/

@media (min-width: 1200px) {




	
}

/*======================================================*/

@media (max-width: 1200px) {
	
	
	
	
}

/*======================================================*/

@media (max-width: 992px) {

	.sblock A .name{
		font-size:130%;
	}
	.sblock A .text{
		font-size:80%;
		margin:5px 10px 5px 10px;
	}
	
	
	
}

/*======================================================*/

@media (max-width: 768px) {
	
	.dmob2{display:block;}
	
	
	
	
	
	.headname{
		width:100%;
	}
	.headname .logo{
		width:50px;
		margin:0px 0px 2px 10px;
	}
	.headname .name{
		margin:10px 0px 0px 10px;
		font-size:120%;
	}
	.headname .podname{
		font-size:11px;
		margin:-3px 0px 0px 0px;
	}
	.sblock{
		/*min-height:240px;*/
	}

	
	.sblock A .name{
		font-size:150%;
	}
	.sblock A .text{
		font-size:80%;
		margin:0px 0px 0px 0px;
		min-height:40px;
	}

	
	.sblock{
		width:50%;	
	}
	.sblock .sblockdes{
		display:none;
	}
	
	.dblock {
		
	
	}
	.dblockimg{
		float:none;
		width:100%;
		background-size: 100% auto ;
		border-radius:4px 4px 0px 0px;
	}
	
	
	.mmenu A{
		width:calc(100% - 20px);	
	}
	#dmmenu{
		display:none;
	}
	#butomenu{
		display:block;
	}
	
	
	.dgoodsincat{
		width:calc(50% - 20px);
	}
	

}

/*======================================================*/

@media (max-width: 640px) {
	
	.page, .page2 {
		margin:0px 0px 0px 0px;
	}
	
	.imgmini, .imgmid {
		width:100%;
		height:auto;
		max-width:100%;
		max-height:100%;
	}
	.mob{display:block;}
	.nomob{display:none;}
}

/*======================================================*/

@media (max-width: 500px) {
	
	.sblock{
		width:100%;	
	}
	
	.headname .podname{
		display:none;
	}
	
}

/*======================================================*/

@media (max-width: 500px) {
	
	.headname {
		text-align:center;
		display:block;
		min-height:50px;
	}
	.headname .logo{
		display:none;
	}
	.headname .name{
		text-align:center; 
		width:100%; 
	}
	
	
}

/*======================================================*/

@media print{
	
	
	.body{
		padding:0px;
		box-shadow:none;
	}
	.dpage{
		margin:0px 0px 0px 0px;
	}
	
}