html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
html, body{
	height: 100%;
	font-family:Arial, Verdana, Tahoma, sans-serif;
	color:#333;
}


#body {
	margin: 0;
	padding: 0;
	height: 100vh;
	background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.8) 96%), url(../../img/ukladka-plitki.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	background-blend-mode: darken;
	background-attachment: fixed;
}

#topic_m {
	height: 80px;
	margin: 0px 0px 0px 0px;
	border-bottom: solid 0.5px rgba(255, 255, 255, 0.25);
	width: 100%;
	margin: 20px 0px 0px 0px;
}

#p1 {
	font-size: 32px;
	padding-top: 3px;
	color: #ffffff;
}
#p2 {
	font-size: 22px;
	font-weight: 500;
	color: #e9e9e9;
}
#tb {
	margin-top: -61px;
}
#logim {
	border-radius: 70px;
	border: 1.75px solid #ffffff;
	width: 70px;
	height: 70px;
	box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.75);
	-webkit-box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.75);
}
#obl {
	margin: -10px 0px 0px 0px !important;
	font-size: 40px !important;
	color: #FFCA2D !important;
}
















input, textarea:focus
{
    outline:none;
    border:none;
}
#wrapper{
	border:0px solid yellow;
	margin:0 auto;
	height:auto;
	max-width:1024px;
	width:100%;
}
					  /*Start Header*/
#header{
	outline:0px solid yellow;
	height:auto;
	}
					/*Блок входа и регистрации*/					
#h11{
	outline:0px solid gray;
	height:40px;
	width:100%;
	border-bottom:1px solid #d9d9d9;
	background-color:#f6f6f6;
}
.hrer, .hreu{
	outline:0px solid gray;
	float:left;
	height:100%;
	width:160px;
	margin-right:1px;
	}
	
.hrer a, .hreu a, .hrek a{
	font-size:70%;
	text-decoration:none;
	display:inline-block;
	cursor:pointer;
	height:39px;
	width:100%;
	outline:1px solid #d9d9d9;
	color:#333;
	line-height:36px;
	text-align:center;
	transition:all 0.1s ease-in;
}
.hrer a:hover, .hreu a:hover, .hrek a:hover{
	background-color:#ffa201;
	color:#fff;
}
.hrek{
	display:block;
	height:100%;
	width:160px;
	float:right;
}
.hrer a:before{
	font-family:FontAwesome;
	content:"\f090";
	font-size:120%;
	margin-right:5px;
}
.hreu a:before{
	font-family:FontAwesome;
	content:"\f234";
	font-size:120%;
	margin-right:5px;
}
.hrek a:before{
	font-family:FontAwesome;
	content:"\f270";
	font-size:120%;
	margin-right:5px;
}

									/*Блок лого и поиска*/
#h12{
	outline:0px solid blue;
	width:100%;
	min-height:160px;
	display:block;
	float:left;
}
#logo{
	display:block;
	width:auto;
	height:auto;
	text-align:right;
	margin:10px 0px 20px 0px;
}
#logo a{
	outline:0px solid red;
	height:auto;
	margin-top:0px;
}
#logo img{
	width:100px;
	height:100px;
}

.grid {
	height: 100vh;
	width: 100%;
	margin-top: -130px;
	position: absolute;
	/* сама сетка */
	background-image: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 1px, transparent 1px, transparent 150px ), repeating-linear-gradient( -45deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 1px, transparent 1px, transparent 150px );
	/* маска для плавного исчезновения к центру */
	-webkit-mask-image: radial-gradient(circle, transparent 40%, black 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: cover;
	mask-image: radial-gradient(circle, transparent 40%, black 100%);
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: cover;
}

#leftfirst
{
    float:left;
    width:100%;
    margin:80px 0px 0px 0px;
    border:none;
    vertical-align:top;
    padding:0px;
}

	#leftfirst h1 {
		color: #ffffff;
		font-size: 70px;
		font-weight: 500;
		line-height: 52px;
		font-family: Arial,Hauss,Hauss Other,sans-serif;
		padding: 0px;
		margin: 0px;
		letter-spacing: 6px;
		text-shadow: -1px -1px 0 #818181, 1px -1px 0 #818181, -1px 1px 0 #818181, 1px 1px 0 #818181;

	}

		#leftfirst h1 span {
			color: #454a56;
			color: #FFCA2D;
			font-size: 120px;
			font-weight: 600;
			line-height: 150px;
			font-family: Arial,Hauss,Hauss Other,sans-serif;
			padding: 0px 0px 0px 30px;
			margin: 0px;
			letter-spacing: 3px;
			text-shadow: -1px -1px 0 #ebebeb, 1px -1px 0 #7f7f7f, -1px 1px 0 #7f7f7f, 1px 1px 0 #7f7f7f;
		}

#leftfirst #mainscrin
{
    font-size:26px;
    margin:0px 0px 0px 0px;
}
	#leftfirst #mainscrin h2 {
		font-size: 70px;
		font-weight: 400;
		margin: -15px 0px 8px 0px;
		color: #ffffff;
		text-shadow: -1px -1px 0 #666666, 1px -1px 0 #666666, -1px 1px 0 #666666, 1px 1px 0 #666666;
	}
#leftfirst #mainscrin p
{
    font-size:16px;
    margin:-5px 0px 30px 10px;
    color:#444;
}
	#leftfirst .greenbutton, .greenbutton {
		font-size: 16px;
		margin: -52px 0px 20px 0px;
		color: #fff;
		padding: 0px;
		background-color: #6fc727;
		background-color: #f5a019;
		background-color: #FFCA2D;
		width: 230px;
		text-align: center;
		vertical-align: middle;
		padding: 18px;
		border-radius: 8px;
		cursor: pointer;
		float: right;
		position: relative;
		box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.5);
		-webkit-box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.5);
		-moz-box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.5);
		z-index: 1000;
	}
		#leftfirst .greenbutton:hover, .greenbutton:hover {
			box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.75);
			-webkit-box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.75);
			-moz-box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.75);
			background-color: #f5a019;
		}

#rightfirst {
	/* float: right; */
	position: relative;
	width: 100%;
	height: max-content;
	height: 800px;
	border: solid 1px #ffffff44;
	/* outline: solid 8px #d5d5d5; */
	/* padding: 20px 15px 0px 15px; */
	border-radius: 5px;
	vertical-align: top;
	margin: 160px 0px 0px 0px;
	background-color: #f0f8ff;
	background-color: #f4f5de;
	background-color: #f7f9d1;
	-webkit-box-shadow: 15px -10px 27px -6px rgba(0, 0, 0, 0.55);
	-webkit-box-shadow: 15px -10px 27px -6px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 15px -10px 27px -6px rgba(0,0,0,0.55);
	background-image: radial-gradient(circle, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.1) 90%), url(../../img/plitochnik.jpg);
	background-size: cover;
	background-position: center;
	background-blend-mode: darken;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}
#rightfirst #leftdiv
{
    float:left;
    width:100%;
}
#rightfirst #leftdiv a
{
    color:#338aa5;
    text-decoration:none;
    cursor:pointer;
    font-size:90%;
    margin:0px 0px 0px 0px;
}

.photo {
	position: relative;
	display: inline-block;
	overflow: visible;
}
/* top-left */
.photo::before {
		content: "";
		position: absolute;
		left: -26.4575px;
		top: -25.9px;
		width: 160px;
		height: 160px;
		border-top: 26px solid #ffa201;
		border-left: 26px solid #f5a019;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 2px;
		z-index: 2;
	}
/* bottom-right */
.photo::after {
		content: "";
		position: absolute;
		right: -26.4375px;
		bottom: -26.9px;
		width: 160px;
		height: 160px;
		border-bottom: 26px solid #f5a019;
		border-right: 26px solid #ffa201;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 2px;
		z-index: 2;
	}


/* базовый стиль для обоих лазеров */
.laser {
	position: absolute;
	top: 327px; /* источник — правый верхний угол */
	right: 312px;
	height: 1.2px; /* толщина лазера */
	width: 0; /* начинаем с нуля */
	background: red;
	box-shadow: 0px 1px 4px red, 10px 0px 0px red, 0 0 10px #ff2020;
	transform-origin: top right;
	z-index: 3;
	pointer-events: none;
	/* Убрали animation отсюда, чтобы не стартовала сразу */
}

	/* Новый класс для запуска анимации */
	.laser.animate {
		animation: laser-shoot 3s forwards;
	}

/* горизонтальный луч */
.laser-horizontal {
	transform: rotate(-8deg);
	animation-delay: 0.5s; /* выстрел чуть позже */
}

/* вертикальный луч */
.laser-vertical {
	transform: rotate(-126deg);
	animation-delay: 0.5s; /* чуть позже второго */
}

/* анимация выстрела (остается без изменений) */
@keyframes laser-shoot {
	from {
		width: 0;
		opacity: 0; /* можно чуть прозрачнее в начале */
	}

	to {
		width: 41%; /* конечная длина луча */
		opacity: 0.4;
	}
}




.commentform
{
    color:#338aa5;
    text-decoration:none;
    cursor:pointer;
    font-size:100%;
    margin:8px 0px 0px 0px;
}

#rightfirst #leftdiv a:hover, .commentform:hover
{
    color:Red;
    text-decoration:underline;
    cursor:pointer;
}
#rightfirst #rightdiv {
	width: 100%;
	padding: 0px;
	text-align: right;
	top: 281px;
	position: absolute;
	right: 204px;
}
#rightfirst #rightdiv img {
		width: 15%;
		height: 15%;
		transform: rotate(6deg);
	}
#rightfirst #leftdiv h2 {
	float: right;
	font-size: 100px;
	color: #ffffff;
	padding: 50px;
	margin: 90px -25px 6px 0px;
	font-weight: 100;
	line-height: 28px;
	letter-spacing: 0.25px;
	text-shadow: -1px -1px 0 #666666, 1px -1px 0 #666666, -1px 1px 0 #666666, 1px 1px 0 #666666;
	background-color: #00000099;
}
#rightfirst #leftdiv2 h2 {
	font-size: 100px;
	color: #ffffff;
	padding: 50px;
	margin: 0px 90px -10px -26px;
	position: absolute;
	bottom: 100px;
	font-weight: 100;
	line-height: 28px;
	letter-spacing: 0.25px;
	text-shadow: -1px -1px 0 #666666, 1px -1px 0 #666666, -1px 1px 0 #666666, 1px 1px 0 #666666;
	background-color: #00000099;
}
#rightfirst #coolcontent
{
    margin: 0px 0px 0px 10px;
}
	#rightfirst #coolcontent h2 {
		margin: 0px 0px 6px -8px;
		color: #555;
		font-weight: 400;
		color: #6fc727;
	}
#rightfirst #coolcontent ul
{
    margin: 0px 0px 20px 10px;
    list-style: disc;
    color:#777;
    font-weight:100;
    font-size:15px;
}
#rightfirst #coolcontent ul li
{
    margin: 0px 0px 3px 0px;
    font-style:italic;
    font-size:95%;
}
#rightfirst h3
{
    font-size: 22px;
    color: #444;
    padding: 0px;
    margin: 30px 0px 16px 0px;
    font-weight: 100;
    line-height: 28px;
    letter-spacing:0.25px;
}

#content .preferences {
	display: inline-block;
	margin: 50px 40px 0px 0px;
	vertical-align: top;
	max-width: 33%;
}
	#content .preferences span {
		font-size: 120%;
		color: #f2f2f2;
		display: block;
	}
		#content .preferences span strong {
			font-size: 34px;
			font-weight: 400;
			color: #fff;
			display: block;
			margin: 0px 0px 4px 0px;
			text-shadow: -1px -1px 0 #666666, 1px -1px 0 #666666, -1px 1px 0 #666666, 1px 1px 0 #666666;
		}
	#content .preferences .number {
		color: #f5a019;
		font-size: 54px;
		font-weight: 600;
		text-align: center;
		/* float: left; */
		text-shadow: -1px -1px 0 #666666, 1px -1px 0 #666666, -1px 1px 0 #666666, 1px 1px 0 #666666;
	}
	#content .preferences .afternumber {
		float: right;
		display: block;
		margin: 10px 0px 0px 10px;
		text-align: center;
	}

#content #priceblock
{
    margin:80px 0px 0px 15px;
    padding:0px;  
    width:100%;  
}
	#content #priceblock .blockprice {
		margin: 0px 30px 0px 0px;
		padding: 0px 0px 30px 0px;
		width: 30%;
		background-color: #f7f7f7;
		text-align: center;
		float: left;
		border-radius: 2px;
		-webkit-box-shadow: 15px -10px 27px -6px rgba(0, 0, 0, 0.55);
		-webkit-box-shadow: 15px -10px 27px -6px rgba(0, 0, 0, 0.55);
		-moz-box-shadow: 15px -10px 27px -6px rgba(0,0,0,0.55);
		border-bottom: solid 15px #ffa201;
	}

#content #otzyvy
{
    padding:0px;
    margin:160px 0px 0px 0px;    
}

.starky
{
    margin:20px;    
}

#content #otzyvy #skidkiblock
{
    font-size:15px;
    min-width:300px;
    width:600px;
    margin:20px 40px 40px 40px;
    padding:10px;
    vertical-align:top;
    background-color:#f7f9d1;   
    border-radius: 15px;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
}

::placeholder {
  color: #c7c7c7;
  font-size:15px;
  font-style:italic;
}

#content #otzyvy #skidkiblock .blockouter
{
    font-size: 15px;
    height: 60px;
    margin: 15px 10px 10px 10px;
    padding: 10px 10px 0px 10px;
    border: solid 1px #bdbdbd;
    border-radius: 12px;
    background-color: #fff;
}

#content #otzyvy #skidkiblock h2
{
    font-size: 22px;
    color:#9c9c9c;
    margin: 0px 10px 0px 10px;
}
#content #otzyvy #skidkiblock h3
{
    font-size: 16px;
    color:#767676;
    margin: 0px 10px 10px 10px;
}

#content #otzyvy #skidkiblock span
{
    font-size: 15px;
    margin: 0px 0px 0px 4px;
    color: #505050;
    color:#6fc727;
    display: block;
    font-weight: 400;
    letter-spacing: 0.35px;
}
#content #otzyvy #skidkiblock input, #content #otzyvy #skidkiblock textarea 
{
    padding: 0px;
    font-size: 20px;
    margin: 0px 0px 0px 4px;
    width: 99%;
    height: 40px;
    color: #adadad;
    border: solid 0px #eee;
    font-weight: 100;
    letter-spacing: 0.5px;
}
#content #otzyvy #skidkiblock input:focus, #content #otzyvy #skidkiblock textarea:focus 
{
    border: solid 0px #eee;
    outline: none;
}
#content #otzyvy #skidkiblock textarea 
{
    height:160px; 
    margin-top:10px;  
    outline: none; 
}

#content #otzyvy #skidkiblock #SendComment_btn
{
    width: 50%;
    border-radius: 7px;
    background-color: #6fc727;
    color: #fff;
    font-size: 15px;
    margin: 20px 0px 20px 10px; 
    cursor:pointer;   
}
#content #otzyvy #skidkiblock #SendComment_btn:hover
{
    width: 50%;
    border-radius: 7px;
    background-color: #6fc727;
    color: #fff;
    font-size: 15px;
    margin: 20px 0px 20px 10px; 
    cursor:pointer;   
    box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.75);
-webkit-box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.75);
background-color:#4fa707;
}
.errorblock
{
    font-weight:400 !important;    
}


#content #otzyvy .otzyvleftblock
{
    padding:0px;
    margin:0px 20px 10px 20px;   
    float:left; 
    width:45%;

}
#content #otzyvy .otzyvrightblock
{
    padding:0px;
    margin:0px 20px 10px 0px;    
    float:right;
    width:48%;

}

#content #otzyvy .otzyvleftblock .single, #content #otzyvy .otzyvrightblock .single
{  
    margin:0px 0px 33px 0px;   
    background-color:#f2f3f5;
    border:solid 1px #e8e8e8;
    border-radius:8px;
        box-shadow: 5px 4px 7px -6px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 5px 4px 7px -6px rgb(0 0 0 / 75%);
    -moz-box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.75);
}

#content #otzyvy .otzyvleftblock .commontext, #content #otzyvy .otzyvrightblock .commontext
{
    padding: 0px 0px 0px 0px;
    margin: 20px 0px 20px 40px;
    font-size: 14px;
    text-align: justify;
    font-style: italic;
    letter-spacing: 0.4px;
    line-height: 20px;
}
#content #otzyvy .otzyvleftblock .titleotzyv, #content #otzyvy .otzyvrightblock .titleotzyv
{
    padding:10px 40px 10px 40px;
    background-color: #ebebeb;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
}
#content #otzyvy .otzyvleftblock .footerotzyv, #content #otzyvy .otzyvrightblock .footerotzyv
{
    padding:10px 40px 10px 40px;
    background-color: #f1f0f0;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    font-size:12px;
    border-top:solid 1px #ddd;
}
#content #otzyvy .otzyvleftblock .polosa, #content #otzyvy .otzyvrightblock .polosa
{
    height:1px;
    background-color:#ffffff;
    border:solid 1px #ffffff;
    margin:-1px;    
}

#content #otzyvy .otzyvleftblock .titleotzyv h2, #content #otzyvy .otzyvrightblock .titleotzyv h2
{
    color:#1990cf;
    font-weight:400;
    font-size:15px;
}
#content #otzyvy .otzyvleftblock .commontext p, #content #otzyvy .otzyvrightblock .commontext p
{
    margin: 0px 40px 0px 10px;
    display:block;
}
#content #otzyvy .otzyvleftblock .commontext p strong, #content #otzyvy .otzyvrightblock .commontext p strong
{
    margin: 10px 40px 10px -10px;
    display:block;
}

#content #faq {
	opacity: 0.75;
	border: solid 1px #ffffff;
	padding: 0px 60px 40px 40px;
	margin: 160px 0px 0px 5px;
	/* width: 100%; */
		background-color: #1a1a1a;
		/* width: 100vw; */
		position: relative;
		left: 50%;
		transform: translateX(-50.5%);
		overflow-x: hidden;
	}



	#content #faq > div {
		max-width: 900px;
		margin: 0 auto; /* центрируем блок */
		text-align: left; /* выравнивание контента внутри по левому краю */
	}

	#content #faq p {
		font-size: 15px;
		color: #555;
		padding: 0px 0px 20px 40px;
		font-size: 25px;
		color: #ffffff;
		padding: 0px 0px 20px 40px;
		font-weight: 400 !important;
		color: #bababa !important;
		/* display: inline !important; */
		font-weight: 100;
		font-size: 22px !important;
	}
#content #faq details
{
    margin-left: 40px; 
    margin-top: -12px; 
}
	#content #faq details ol,
	#content #faq details ul {
		font-size: 19px;
		color: #AAA;
		margin: 0px 0px 0px 86px;
	}

.blockprice .headerblockprice {
	margin: 0px;
	padding: 20px;
	background-color: #54595f;
	color: #fff;
	letter-spacing: 1.0px;
	border-top-left-radius: 1.5px 1.5px;
	border-top-right-radius: 1.5px 1.5px;
	border: solid 15px #ffa201;
	border-bottom: none;
}
.blockprice .pricefooter
{
    text-align:center;
    width:100%;
}

.blockprice p
{
    font-size:15px;
    margin:10px 40px 10px 40px;
    padding:0px 0px 8px 0px;
    color:#777;
    border-bottom:solid 1px #ccc;
}
.blockprice .yes
{
    color: #6fc727;
}
.blockprice .pricefooter .smallbutton {
	padding: 10px 0px 12px 0px;
	text-align: center;
	background-color: #54595f;
	width: 50%;
	margin: 0 auto;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 1.2px;
}
	.blockprice .pricefooter .smallbutton:hover {
		font-size: 16px;
		letter-spacing: 1.75px;
		background-color: #656a71;
		box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.75);
		-webkit-box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.75);
		-moz-box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.75);
	}
.blockprice .priceblockmain
{
    margin:20px;
    text-align:center;
}
.blockprice .priceblockmain .preprice
{
    font-size:22px;
}
.blockprice .priceblockmain .moneyprice
{
    font-size:42px;
}
.blockprice .priceblockmain .for1000
{
    font-size:25px;
    font-weight:400;
    display:block;
	color:brown;
}

.zerp
{
    color:#999;
    font-size:16px;    
}

#content #tematiki {
	padding: 0px 60px 60px 60px;
	margin: 160px -0px 0px 0px;
	background-color: #54595fc2;
	border: solid 20px #ffffff8f;
}

#h12 img{
	/*box-shadow:0 0 5px rgba(0,0,0,0.5);*/
	width:auto;
	float:left;
	
}
#search{
	outline:0px solid yellow;
	display:block;
	text-align:justify;
	width:75%;
	height:auto;
	float:right;
}
.tematik
{
    margin: 15px 0px 0px -17px;   
}
#hs{
	outline:0px solid yellow;
	display:inline-block;
	float:right;
	border:1px solid #d9d9d9; 
	width:100%;
	height:40px;
	margin-top:55px;
}
#hs input[type="submit"]{
	width:11%;
	height:42px;
        margin-top: -1px;
	cursor:pointer;
	border: none;
	background-color:#1990cf;
	background-image:url('../../images/search.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	float:right; 
	}
#hs input[type="text"]{
	width:87%;
	height:38px;
	line-height:36px; 
    font-size:120%;
    padding-left:15px;
	font-size:90%;
	border:none;
	background-color:#f7f7f7;
}
#brcrumb{
	outline:0px solid red;
	Width:75%;
	display:block;
	float:right;
	padding:10px 0;
}
.brcr, .brcr_last{
	display:block;
	float:left;
	font-size:80%;
	color:#888;
}
.brcr:after{
	content:"\203a";
	margin:0 7px;
}
.brcr a{
	color:blue;
	padding-left:0;
	text-decoration:none;
	color:#5f9ea0;
}
.brcr a:hover{
	text-decoration:underline;
}
										/* Regions */
#catname{
	Width:75%;
	display:block;
	float:right;
	padding:10px 0 15px 0;
}
#catname h1{
	font-size:170%;
	font-weight:normal;
	display:block;
	float:left;
	padding-right:10px;
	color:#6a96ca;
}

#podcat #h2{
	font-size:140%;
	font-weight:normal !important;
	display:block;
	float:left;
	padding-bottom:30px;
    margin-top:-3px;
	color:#676767;
}

#cityop{
	float:left;
}
#linkop{
	font-size:170%;
	font-weight:normal;
	color:blue;
	border-bottom:1px dotted blue;
	cursor:pointer;
	position:relative;
	z-index:1;
}
#contop{
	outline:0px solid green;
	display:none;
	width:200px;
	height:auto;
	background-color:#fff;
	position:absolute;
	margin:-35px 0 0 -30px;
	z-index:5;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	padding:5px 5px 5px 10px;
}
.citylist{
	height:300px;
	width:100%;
	overflow-y:auto;
	font-size:80%;
}
.citylist ul{
	margin-top:10px;
}
.citylist a{
	display:block;
	padding:5px 3px;
	text-decoration:none;
	color:#333;
}
.citylist span a{
	font-weight:bold;
}
.citylist a:hover{
	background-color:#ffa201;
	color:#fff;
}
.regions{
	outline:0px solid red;
	display:inline-block;
	margin:10px 0 5px 0;
	border-bottom:1px dotted #333;
	text-decoration:none;
	color:#333;
	font-size:90%;
}
.regions:after{
	content:"\25b4";
}
.chbox{
	display:block;
	height:20px;
	margin:10px 5px 0 0;
}
#contop input[type="checkbox"], #optop input[type="checkbox"]{
	display:block;
	float:left;
	margin-right:10px;
	height:100%;
}
#contop label, #optop label{
	font-size:70%;
}
.citys input[type="text"]{
	width:94%;
	height:23px;
	margin:20px 0;
}
                    /*End Header*/	

					/*Start Content*/
#content{
	outline:0px solid green;
	height:auto;
	max-width:1024px;
	width:100%;
	display:block;
	float:left;
}
							/* Left sidebar style (Index, Category) */
#bcat{
	width:22%;
	display:block;
	float:left;
}
.listcat{
	height:;
	overflow:hidden;
}
.listcat li{
	display:block;
	border-bottom:1px dotted #a0a0a0;
	position:;
}
li a.glcat{
	display:block;
	padding:12px 0 12px 2%;
	width:98%;
	text-decoration:none;
	color:#333;
	color:#6a96ca;
	font-size:90%;
	transition:all 0.1s ease-in;
}
.glcat:hover{
	text-decoration:none;
	background-color:#ffa201;
	color:#fff;
	opacity:1;
}
#allcatlist{
	font-size:70%;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	display:block;
	margin:15px auto;
	position:relative;
}

.listcat_pod{
	position:fixed;
	left:23%;
	top:-9999em;
	background-color:#ffa201;
	opacity:0;  
	width:800px;
	height:500px;
	z-index:3;
	transition:all .1s ease .5s;
	-webkit-transition:all .1s ease .5s;
	-moz-transition:all .1s ease .5s;
	-o-transition:all .1s ease .5s;
	border-left:10px solid transparent;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.listcat li:hover .listcat_pod{
	text-decoration:none;
	background-color:#ffa201;
	color:#fff;
	opacity:1;
	top:21%;
}  
.pod_left{
	outline:0px solid blue;
	display:block;
	float:left;
	margin:30px 0 0 5px;
	width:25%;
	height:85%;
}
.pod_left span{
	display:block;
	padding:0 0 20px 5px;
	color:#fff;
	font-size:100%;
}
.pod_left a{
	text-decoration:none;
	color:#fff;
	font-size:90%;
	display:block;
	height:100%;
	padding:10px 5px;
}
.pod_left li{
	border:none;
}

.pod_left li:hover{
	outline:1px solid #fff;
	background-color:none;
}
.for_img{
	display:block;
	float:right;
	width:65%;
	height:88%;
	margin:30px 30px 0 10px;
	background-color:#fff;
}
.for_img span{
	display:block;
	color:#333;
	margin:10px 5px 20px 10px;
}
.pod_img{
	width:94%;
	margin:3%;
	text-align:justify;
}
.pod_img li{
	Width:27%;
	height:160px;
	display:inline-block;
	vertical-align:top;
	margin:2% 1%;
	padding:3px;
	border:none;
	transition:all 0.1s ease-in;
}
.pod_img li:hover{
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.pod_img:after {
    width: 100%;
    content:"";
    display:inline-block;
}
.up_img{
	position:relative;
	margin:5px auto;
	width:90%;
	height:100px;
}
.pod_img img{
	max-width:98%;
	max-height:98%;
    height: auto;
	width:auto;
    margin:auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0
}
.pod_img a, .podlink{
	text-decoration: none;
    color: #555;
    display: block;
    margin: 10px 5px;
    font-size: 90%;
    text-align: center;
}
.podlink:hover{
	text-decoration:underline;
}
.allpodcat{
	display:block;
	float:left;
	margin-left:10px;
	color:#fff;
	text-decoration:none;
	font-size:90%;
}
.allpodcat:hover{
	text-decoration:underline;
}	
							/* Left sidebar style (Last category) */
							
#opback{
	width:100%;
	height:auto;
	border:1px solid #ccc;
	background-color: #fdfdfd;
	display:block;
	position:relative;
}
.topic{
	font-weight:bold;
	font-size:90%;
}
#optop{
	outline:0px solid green;
	width:auto;
	background-color:#fff;
	height:35px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	padding:0 5px;
	margin:5px 8px;
	transition:all 0.2s ease-in;
}
#optop:hover{
	height:auto;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}							
#optop .regions:after{
	content:"\25be";
}
#optop:hover .regions:after{
	content:"\25b4";
}										
.prdip{
	border-top:1px dotted #ccc;
	margin:50px 8px 0 8px;
	padding:10px 5px 0 5px;
}
.prdip li{
	padding:2px 0;
}
.topul a{
	text-decoration:none;
	color:#888;
	font-size:80%;
}
.topul a:hover{
	text-decoration:underline;
	color:#ffa201;
}
.valuta{
	color:#ccc;
	padding-left:5px;	
}
.topul{
	margin:10px 0;
	list-style:none;
}
.prdip input{
	width:70px;
	height:20px;
	margin-right:5px;
}
									/* Spoiler */
.otherdip{
	border-top:1px dotted #ccc;
	margin-top:15px;
}
.otlist{
	list-style:none;
}
.otlist a{
	text-decoration:none;
	color:#888;
	font-size:80%;
}
.otlist a:hover{
	text-decoration:underline;
	color:#ffa201;
}
.spoiler > .heading {
	font-weight:bold;
	font-size:90%;
	color:#333;
	display:block;
	padding:10px 0;
	cursor:pointer;
	border-bottom:1px dotted #ccc;
}
.spoiler.open > .heading{
	border:none;
}
.spoiler > .heading .b {
	display:inline-block;
	width:16px;
	height:8px;
}
.spoiler > .heading .b:before{
	content:"\25b8";
	color:#ffa201;
}
.spoiler.open > .heading .b:before {
	content:"\25be";
	color:#ffa201;
}
.spoiler > .content {
	margin:0;
	padding:8px;
	display:none;
}
.spoiler.open > .content {
	display:block;
	border-bottom:1px dotted #ccc;
}
.tags{
	display:block;
}
.tags span{
	display:block;
	margin:15px 0 10px 0;
	font-size:110%;
}
.tags li {
	display:block;
	float:left;
	padding:1px 5px;
}
.tags li a{
	font-size:80%;
	color:blue;
	text-decoration:none;
}
.tags li a:hover{
	text-decoration:underline;
}



										
										/* General page style */
#gentitle{
    display: block;
    margin: 10px 0 30px 0;
    background-color: #f7f7f7;
    padding: 10px 0px 20px 0px;
    border: solid 1px #bbb;
}
#gentitle h1{
	font-weight:normal;
	font-size:170%;
	text-align:center;
	color:#555555;
}

#bgen{
	outline:0px solid blue;
	Width:75%;
	display:block;
	float:right;
}
#addpic{
	outline:0px solid blue;
	width:100%;
	height:auto;
	text-align:justify;
}
#addpic div{
	outline:0px solid red;
	width:32%;
	height:200px;
	display:inline-block;
	position:relative;
	}
#addpic:after {
    width: 100%;
    content: "";
    display: inline-block;
}
#addpic div a img:hover{
	-moz-transform:translateY(-5px);
	transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	-o-transform:translateY(-5px);
}
#addpic div img{
	width:100%;
	height:auto;
}
.popcat{
	display:block;
	margin:25px 0 15px 0;
	color:#ababab;
}
.popcatmain {
	display: block;
	margin: 60px 0 40px 0;
	color: #ffffff;
	font-weight: 400;
	font-size: 50px;
	text-align: center;
	font-weight: 100;
	text-shadow: -1px -1px 0 #666666, 1px -1px 0 #666666, -1px 1px 0 #666666, 1px 1px 0 #666666;
}
#catpic{
	outline:0px solid green;
	width:100%;
	height:auto;
	/*text-align:justify;*/
}
.cati{
	border:1px solid #8a8a8a;/*border:1px double #ababab;*/
	margin-bottom:15px;
	margin-right:7px;
	width:23%;
	height:200px;
	display:inline-block;
	overflow:hidden;
	position:relative;
	transition:0,3s;
	z-index:1;
}
#catpic:after {
      width: 100%;
      content: "";
      display: inline-block;
}
.cati a img{
	width:100%;
	height:auto;
}
.cati a img:hover {
	transform:scale(1.1);
	transition:all 0.2s ease-in;
}
.untext{
	display: table;
    position: absolute;
    width:100%;
    height:48px;
	background: rgba(255, 255, 242, 0.85);
    bottom:0;
    color: #333;
}
.untext a{
	text-decoration:none;
	color:#333;
	font-size:85%;
	line-height: 18px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
#bcatext{
	color:#333;
	margin:10px 0 30px 0;
}

#bcatext h2{
	display:block;
	font-size:150%;
	padding:30px 0px 15px 0px;
	color:#666;
	font-weight:normal !important;
}
#bcatext h2{
display: block;
font-size: 150%;
margin: 60px 0px 35px 0px;
color: #555;
font-weight: normal !important;
border-left: solid 3px #72C02C;
padding: 0px;
padding-left: 20px;
}


#bcatext h2:first-letter{
  text-transform:uppercase;
}
#bcatext h3{
	display:block;
	font-size:100%;
	padding:10px 0;
	color:#555;
}
#bcatext h2:first-letter, #bcatext h3:first-letter{
  text-transform:uppercase;
}
#bcatext p{
 font-size:85%;
 line-height:150%;
 padding-left:2px;
 display:block;
 margin-bottom:20px;
 text-align: justify;
}
#bcatext p:first-letter{
  text-transform:uppercase;
}
.podz{
	display:block;
	font-weight:bold;
	margin:10px 0;
	color:#555;
}
#bcatext ul, #bcatext ol{
	font-size:90%;
	display:block;
	margin:20px;
	margin-left:50px;
  font-style:italic;
  color:#777;
  line-height: 150%;
}

#bcatext ul li:before{
  content: ".";
  text-indent: -9999em;
  width: 5px;
  height: 5px;
  background-color: #72C02C;
  position: absolute;
  margin-left: -16px;
  margin-top: 9px;
}

#bcatext p img{
 max-width:100%;
 margin:15px 0px 15px 0px;
     border: solid 0px #bbbbbb;
    padding: 12px;
    /*background-color: #bfecc8;*/
}	

#bcatext table{
   border-collapse: collapse;
   /*убираем пустые промежутки между ячейками*/
   border: 1px solid grey;
   /*устанавливаем для таблицы внешнюю границу серого цвета толщиной 1px*/
}

#bcatext th {
   border: 1px solid grey;
}

#bcatext td {
   border: 1px solid grey;
}


/*Category page style*/

										
#podcat{
	outline:0px solid blue;
	border-top:2px solid #ccc;
	padding-top:5px;
}
.podcat_img{
	width:98%;
	margin:3% 3% 0 3%;
	text-align:justify;
}
.podcat_img li{
	Width:22%;
	height:248px;
	display:inline-block;
	vertical-align:top;
	margin:2% 1%;
	padding:3px;
	border:none;
	border:solid 1px #8b8b8b;
	float:left;
	transition:all 0.1s ease-in;
	overflow:hidden;
        position: relative;
}
.podcat_img li:hover{
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	overflow:visible;
	background-color:#fefcfc;
}
.podcat_img:after {
    width: 100%;
    content:"";
    display:inline-block;
}
.blall{
	margin:10px auto;
	max-height:150px;
	/*max-width:150px;*/
	width:100%;
	height:100%;
	position:relative;
}
.podcat_img img{
	max-width:90%;
	max-height:98%;
    height: auto;
	width:auto;
    margin:auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	border: solid 1px #ddd;
}
.podcat_img a, .podimg{
	text-decoration:none;
	color:#333;
	display:block;
	margin:10px 5px;
	text-align:center;
	font-size: 95%;
}
.podimg:hover{
	text-decoration:underline;
}
									/*-- Пагинация --*/
#pagin{
	text-align:center;
	margin-bottom:40px;
}
ul.simple-pagination {
	list-style: none;
}
.simple-pagination {
	display:inline-block;
	overflow: hidden;
	padding: 0 5px 5px 0;
}
.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
									
.compact-theme a, .compact-theme span {
	float: left;
	color: #333;
	font-size:80%;
	line-height:30px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #ccc;
	border-left: none;
	min-width:25px;
	height:30px;
	padding: 0 7px;
	text-decoration: none;
	transition:all 0.2s ease-in;
}
.compact-theme a:hover {
	background:#ffa201;
	color:#fff;
    border:1px solid #ffa201;
	border-left: none;	
}
.compact-theme li:first-child a, .compact-theme li:first-child span {
	border-left: 1px solid #ccc;
	border-radius: 3px 0 0 3px;
}
.compact-theme li:last-child a, .compact-theme li:last-child span {
	border-radius: 0 3px 3px 0;
}
.compact-theme .current {
	background:#ffa201;
	color:#fff;
	cursor: default;
	border:1px solid #ffa201;
}
.compact-theme .ellipse {
	background:transparent;
	border:none;
	border-right:1px solid #ccc;
	padding: 0 10px;
	cursor: default;
}
										/* Last Category Style */
										
										/* Блок карусели */
.popt{
	display:block;
	text-align:left;
	margin:0px;
	margin-left:10px;
	color:#888;
}
.carousel  {
   max-width: 1080px; /* ширина всего блока */
   margin: 60px auto;
   margin-bottom:50px;
   width:100%;
}
.carousel-wrapper {
   margin: 10px 30px; /* отступы для стрелок */
   overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
   position:relative;
   /*border: solid 1px #ddd;*/
   /*background-color: #ffffe8;*/
}
.carousel-items {
   width: 10000px; /* устанавливаем большую ширину для набора элементов */
   position: relative; /* позиционируем блок относительно основной области карусели */
}
.carousel-block {
   outline:0px solid red;	
   float: left; /* выстраиваем все элементы карусели в ряд */
   width:190px; /* задаём ширину каждого элемента */
   margin: 9px; /* делаем оступы, чтобы элементы не сливались */
   height:250px;
   margin-bottom:30px;
}
.forimg{
    outline: 1px solid #ccc;
    margin-bottom: 5px;
    width: 190px;
    height: 190px;
    position: relative;
    background-color: #fffffc;
}
.carousel-block img{
	max-width:100%;
	max-height:100%;
    height:auto;
	width:auto;
    margin:auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}

								/* Кнопки карусели */
.carousel-button-left a, .carousel-button-right a{
   width: 25px; 
   height: 36px; 
   position: relative;
   top: 120px; 
   cursor: pointer; 
   text-decoration:none;
}
.carousel-button-left a{
   float: left; 
   background: url(../../images/carousel-left.png); 
}
.carousel-button-right a{
   float: right;
   background: url(../../images/carousel-right.png); 
}
										
										/* Блок с товаром */										
#itemprod, #itemprod3{
	outline:0px solid red;
	width:100%;
	height:auto;
}
#itsort{
	outline:0px solid orange;
	display:block;
	height:40px;
	margin:10px 0;
	margin-top:32px;
	padding:10px 0;
	border-bottom:1px dotted #888;
	position:relative;
}
#view{
	outline:0px solid green;
	display:block;
	float:left;
	height:auto;
}
#gridview, #listview{
	display:block;
	float:left;
	width:35px;
	height:35px;
	margin-right:0;
	border:1px solid #ccc;
}

#sort{
	border:1px solid #ccc;
	display:block;
	float:right;
}

#progrilist, #progrilist3{
	outline:0px solid blue;
	display:block;
	width:auto;
	height:auto;
	margin-bottom:70px;
}
#products{
	outline:0px solid red;
	display:block;
	width:100%;
	position:relative;
}
                                   /* Товары сеткой */
ul.grid li {
	outline:0px solid green;
	width:23%;
	display:inline-block;
	vertical-align:top;
	height:300px;
	margin:1% 1%; /* По Саненой версии было margin:2% 1%; */
	padding:0;
	float:left;
	transition:all 0.1s ease-in;
	position:relative;
}

ul.grid li.clearfix2 {
	outline:0px solid green;
	/*width:30%;width:15%;*/
	display:inline-block;
	vertical-align:top;
	height:150px;
	margin:8% 0.8%;
	padding:0;
	float:left;
	transition:all 0.1s ease-in;
	position:relative;
}

ul.grid div.itin{
	position:absolute;
	width:100%;
    height:300px;
	background: #fff;
	border:1px solid #ccc;
	overflow:hidden;
	display:block;
	z-index:2;
	transition: 0.3s;
	text-align:left;
	}
ul.grid div.itin:hover{
	outline:0px solid red;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	height:auto;
	min-height:300px;
	z-index:10;
	overflow:visible;
	display:block;
}

ul.grid div.itin2{
	position:absolute;
	width:100%;
    height:280px;
	background: #fff;
	border:1px solid #ccc;
	overflow:hidden;
	display:block;
	z-index:2;
	transition: 0.3s;
	text-align:left;
	}
ul.grid div.itin2:hover{
	outline:0px solid red;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	height:auto;
	min-height:280px;
	z-index:10;
	overflow:visible;
	display:block;
}
ul.grid div.itimg{
	outline:0px solid red;
	margin:7% 2%; /* По Саненой версии было margin:2%; */
	margin-bottom:5px;
	width:96%;
	height:160px;
	position:relative;
}
.itimg img{
	max-width:100%;
	max-height:100%;
    height:auto;
	width:auto;
    margin:auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.itgpr, .cargpr{
	font-size:80%;
	margin:5px 4%;
	color:#777;
}
.itwpr{
	font-size:80%;
	margin:3px 4%;
	color:#888;
}
.itnal{
	font-size:80%;
	margin:3px 4%;
	color:#00b50d;	
}
.itin a, .itin2 a, .carops a{
	color:#6a96ca;
	text-decoration:none;	
}
.itin a:hover, .itin2 a:hover, .carops a:hover{
	text-decoration:underline;
}
.itops a, .carops a{
	display:block;
	font-size:90%;
	margin:5px 4%;
}
ul.grid div.itin div.itdop{
	border-top:1px dotted #888;
	font-size:80%;
	margin:45px 4% 5px 4%;
	padding:5px 0;
	color:#888;
}
ul.grid li section.right span.darkview { 
outline:0px solid red;
opacity: 0;
position:absolute;
top:0; 
left:0;
z-index:5; 
margin:;
width:100%;
height:165px;
background: rgba(255, 255, 255, 0.55); 
overflow: hidden;
text-align: center;
transition: opacity 0.2s linear 0s;
-webkit-transition: opacity 0.2s linear 0s;
-moz-transition: opacity 0.25s linear 0s;
-o-transition: opacity 0.25s linear 0s;  
}
ul.grid li:hover section.right span.darkview {
	opacity: 1;
}
ul.grid li section.right a.fbtn {
	display:block;
	margin:138px 25px 5px 25px;
	background-color:#ffa201;
	color:#fff;
	padding:5px;
	text-align:center;
	text-decoration:none;
	font-size:80%;
}
ul.grid li section.right a.fbtn:hover{
	background-color:#feb73b;
	color:#fff;
}
ul.grid li section.right a.lbtn {
	display:block;
	position:absolute;
	top:3px;
	right:3px;
	background-color:#bbb;
	color:#bbb;
	padding:5px;
	width:20px;
	height:20px;
	border-radius:25px;
	text-align:center;
	text-decoration:none;
	overflow:hidden;
}
ul.grid li section.right a.lbtn:before{
	font-family:FontAwesome;
	content:"\f291";
	color:#fff;
	margin:3px 1px;
}
ul.grid li section.right a.lbtn:hover{
	background-color:#22cf2f;
	color:#22cf2f;
}
								/* Товары списком */

ul.list {
	list-style: none;
	width: 100%;
}
ul.list li { 
	display: block;
	outline:0px solid red;
	padding:;
	height:200px;
	margin:10px 0;
}

ul.list li.alt {
	outline:0px solid green;
}								
								
ul.list div.itin{
	outline:0px solid green;
	position:absolute;
	width:100%;
    height:200px;
	background:#fff;
	border:1px solid #ccc;
	display:table;
	overflow: hidden;
	z-index:;
	transition: 0.2s;
	text-align:justify;
	margin:15px 0;
}								
ul.list div.itin:hover{
	outline:0px solid red;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	height:200px;
}								
							
ul.list div.itimg{
	outline:0px solid red;
	margin:10px;
	width:180px;
	height:180px;
	position:relative;
}
ul.list div.itlefta{
	display:block;
	float:left;
}
ul.list div.itgpr{
	font-size:110%;
	margin:25px 2%;
	color:#777;
	margin-bottom:10px;
}
ul.list div.itwpr{
	font-size:80%;
	margin:3px 2%;
	color:#888;
	
}
ul.list div.itnal{
	font-size:80%;
	margin:3px 2%;
	color:#00b50d;
	
}
ul.list div.itops a{
	font-size:130%;
	margin:5px 2%;
	
}
ul.list div.itin div.itdop{
	outline:0px solid green;
	display:block;
	width:;
	height:auto;
	border-top:1px dotted #888;
	font-size:80%;
	margin:5px 0;
	padding:;
	color:#888;
	margin:25px 2% 0 2%;
	
}
ul.list section.left{
	outline:0px solid red;
	height:180px;
	margin:10px;
	position:absolute;
	top:0;
	left:190px;
	right:165px;
}
ul.list li section.right{
	outline:0px solid red;
	position:absolute;
	right:0;
	top:0;
	height:180px;
	width:160px;
	margin:10px 8px;   
	border-left:1px dotted #888;
}
ul.list li section.right a.fbtn {
	display:block;
	margin:50px 0 10px 8px;
	background-color:#ffa201;
	color:#fff;
	padding:5px;
	text-align:center;
	text-decoration:none;
	font-size:80%;
}
ul.list li section.right a.fbtn:hover{
	background-color:#feb73b;
	color:#fff;
}
ul.list li section.right a.lbtn {
	display:block;
	margin:7px 0 7px 8px;
	background-color:#bbb;
	color:#fff;
	padding:5px;
	text-align:center;
	text-decoration:none;
	font-size:80%;
}
ul.list li section.right a.lbtn:hover{
	background-color:#22cf2f;
	color:#fff;
}

/** clearfix **/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}

									/* Product page */
									
.content{
	border-top:1px solid #ccc;
	padding:30px 0;
}

#conleft{
	outline:0px solid green;
	border-right:1px solid #ccc;
	padding:0 1% 1% 0;
	width:69%;
	height:auto;
	display:block;
	float:left;
	}
					/* Название товара;*/		
#c221{
	outline:0px solid red;
	padding:0 0 20px 0;
}
	
#c221 h1{
	font-size:150%;
	font-weight:normal;
	color:#5f5d5d;
}	
					/* Код товара*/
#c222{
	outline: 0px solid #FF0;
	margin:5px 0;
	font-size:95%;
	color:#bbb;
}
					/* Фотографии  товара*/
#c223{
    border:1px solid #bbb;
    border-radius: 2px;
    width:45%;
    height:auto;
    max-height:600px;
	min-height:300px;
    display: block;
    float:left;
    margin:15px 0 10px 0;
    position:relative;
    }
#c223 img{
	max-width:98%;
	max-height:98%;
    height: auto;
	width:auto;
    margin:auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;	
	}

#c224{
    outline:0px solid green;
    margin: 0 0 10px 1px;
    width:46%;
	height:auto;
    display:block;
	float:left;
    }
.smpic{
    border:1px solid #bbb;
    border-radius:2px;
	max-width:23%;
	width:100%;
	height:auto;
    max-height:88px;
	min-height:80px;
    display:inline-block;
    vertical-align:top;
	margin:5px -1px;
    position:relative;
    }
.smpic img{
	border: 0px solid red;
    max-width:97%;
	max-height:97%;
    height:auto;
	width:auto;
    margin:auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;	
}
					/* Блок покупки  товара*/				
#buy{
    outline:0px solid green;
    width:40%;
	height:auto;
	margin:15px 35px 0px 5px;
	display:block;
	float:right;
	}    	
					/* Статус товара «Наличие» */
#c225{
    color:#448e44;
    margin:10px 0;
   }

						/* Цена */
#c227 {
	outline:0px solid blue;
    font-size:200%;
    color:#6a96ca;
    margin-right:25px;
   }
#c227b {
	outline:0px solid blue;
    font-size:100%;
    color:#777;
    margin-right:25px;
   }
					/* Две кнопки покупки товара */
#c228{
	outline:0px solid red;
	width:40%;
	height:auto;
   	margin:35px 35px 35px 5px;
   	display:block;
   	float:right;
}	

#c228 button{
    width:45%;
    height:85px;
    margin-right:8px;
    background: linear-gradient(to top, #f1f1f1, #ffffff);
    border:2px solid #c1c1c1;
    border-radius:4px;
    box-shadow: 0.2em 0.2em 6px rgba(122,122,122,0.5);
    color: #5c84cc;
    padding-bottom:10px;    
    border-bottom:2px solid #aaa;
    border-right:2px solid #aaa;
}
#c228 button:hover{
    background: linear-gradient(to top, #f1f1f1, #ffffff);
	box-shadow: 0.1em 0.1em 3px rgba(122,122,122,0.8);
    cursor: pointer;

    }
#c228 button:hover img{
    outline:0px solid red;
    text-align: center;
    width:30%;
    opacity: 1;
    padding:8px 20px;
}

#c228 img{
    outline:0px solid red;
    text-align: center;
    width:30%;
    opacity: 0.6;
    padding:8px 20px;
}
					/* Контакты */		
.contacts{
	outline:0px solid red;
	display:block;
	/*float:right;*/
	/*width:40%;*/
	height:auto;
   	margin:40px 0px 0px 5px;
}
.contacts a{
	text-decoration:none;
	border-bottom:1px dotted #ccc;
	color:#333;
	font-size:90%;
}
.contacts a:hover{
	border-bottom:1px dotted orange;
}
.phone:before{
	font-family:FontAwesome;
	font-size:130%;
	margin-right:10px;
	content:"\f10b";
	color:#ffa201;
}
.mail:before{
	font-family:FontAwesome;
	font-size:70%;
	margin-right:10px;
	content:"\f0e0";
	color:#ffa201;
}
								/* Текс описания */
#context{
	margin:20px 0;
	color:#333;
}
#context p{
	margin:10px 0;
    /*font-size: 90%;*/
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    text-align: justify;
    font-family: sans-serif;
    line-height: 150%;
}

#context ol, #context ul{
	margin-left:50px;
	font-size:95%;
	color:#525252;             
}

#context ol li, #context ul li{
	margin-bottom:5px; 
}

#context h2, #context h3{
	color:#333;
	font-weight:500;
}

#context h2{
	margin:20px;
	font-size:110%;
	margin-left:5px;
	margin-top:25px;
}

.conpodz{
	font-size:140%;
	display:block;
	margin:15px 0;
	color:#4a4a4a;
}

#context table
{
    table-layout: fixed !important;
    width: 100% !important;
    border: 1px solid #999;
    border-spacing:0px;
    border-right:none !important;
    border-bottom:none !important;
}

#context table tr
{
    border: 1px solid #999;
}

#context table tr td
{
    border: 1px solid #999;
    border-left:none !important;
    border-top:none !important;
        text-align: center;
        margin:0px;
        padding:0px;
        font-size:80%;
}
								/* Основные характеристики */
#conchar{
	border-top:1px dotted #888;
	padding:10px 0;
	margin-right:15px;
}
#conchar ul li{
	margin:7px 0;
	font-size:90%;
	width:100%;/* было по Сашеной версии 37% */
	border-bottom:1px dotted blue;
}
#conchar ul li a{
	margin:0 0 0 5px;
	font-size:100%;
	text-decoration:none;
	color:blue;
	float:right;
}
								/* Подобные товары компании */
#consame{
	border-top:1px dotted #888;
	padding:10px 0 5px 0;
}
.cosa_img{
	width:100%;
	margin:3% 0;
	text-align:justify;
}
.cosa_img li{
	/* Width:17%; */
	Width:22%;
	height:250px;
	display:inline-block;
	vertical-align:top;
	margin:1% 1%;
	padding:3px;
	border:none;
	float:left;
	transition:all 0.1s ease-in;
	position:relative;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
}
.cosa_img li:hover{
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.cosa_img:after {
    width: 100%;
    content:"";
    display:inline-block;
}
.conla{
	margin:0 auto;
	max-height:150px;
	max-width:150px;
	width:100%;
	height:100%;
	position:relative;
}
.cosa_img img{
	max-width:98%;
	max-height:85%;
    height: auto;
	width:auto;
    margin:auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.cosa_img a, .cospod{
	text-decoration:none;
	color:#636363;
	font-size:95%;
	display:block;
	/**/margin:10px 5px;
	margin: -4px 5px 10px 5px;
	text-align:center;
	overflow:hidden;
}
.cospod:hover{
	text-decoration:underline;
}
.coprice{
	display:block;
	/*font-size:120%;*/
	font-size:80%;
	position:absolute;
	/*top:255px;*/
	text-align:center; 
	width:96%;
	margin-right:1%;
	background:#fff;
	color:#999;
}
							/* Комментарии */
.conpodz a{
	text-decoration:none;
	color:blue;
	margin:0 10px;
	font-size:60%;
}
.conpodz a:hover{
	text-decoration:underline;
}
#conrecall{							
	padding:10px 0;
}
#conrecall ul{
	border-top:1px solid #888;
	list-style:none;
	padding:20px 0;
	display:block;
}
#conrecall ul li{
    border: 1px solid #ddd;
    margin: 5px 0;
    padding: 10px 0;
    display: block;
    float: left;
    width: 100%;
    background-color: #fffff2;
}
.recleft{
	outline:0px solid red;
	width:12%;
	display:block;
	float:left;
}
.recname{
	display:block;
	color:#39B939;
	padding:0 5px 0 10px;
	word-wrap: break-word;
	font-size: 85%;
}
.recdate{
	display:block;
	font-size:70%;
	padding:5px 5px 2px 10px;
}
.recrate{
	margin:0 5px 5px 10px;
	font-size:120%;
	color:#ffbb00;
}
.recright{
	outline:0px solid red;
	width:85%;
	font-size:80%;
	float:right;
	min-height:80px;
	height:100%;
	border-left:1px solid #e7e7e7;
	padding:0 5px 5px 10px;
	font-style: italic;
}
								
								
								
								
								
								
								/* Right side content */

								
#conright{
	outline:0px solid red;
	display:block;
	float:right;
	width:29%;
	height:auto;
}
.rigpodz{
	display:block;
	margin:0 3px 20px 0;
}
								/* Информация о продавце */

#crinfo{
	outline:0px solid red;
	width:100%;
	float:left;
	height:auto;
	margin:10px 0 20px 0;
}
.rcontacts{
	outline:0px solid green;
	display:block;
	float:left;
	background-color:#eee;
	width:45%;
	height:auto;
   	padding:5px 6px 8px 8px;
	margin-right:5px;
}
.rcontacts a{
	text-decoration:none;
	border-bottom:1px dotted #ccc;
	color:#333;
	font-size:70%;
}
.rcontacts a:hover{
	border-bottom:1px dotted orange;
}
.rphoto
{
    outline:0px solid green;
	display:block;
	float:left;
	background-color:#fff;
	width:100%;
	height:auto;
   	padding:0px;
	margin:0px;    
}
.rphoto .masterphoto{
	border-radius: 100px; /* Радиус скругления */
    border: 3px solid #bbb; /* Параметры рамки */
    /*box-shadow: 0 0 4px #666;  Параметры тени */
    
}
.masterphoto
{
    width:75px;
    float:left;
    margin:0px 5px 8px 0px;
}
.phoner:before{
	font-family:FontAwesome;
	font-size:130%;
	margin-right:10px;
	content:"\f10b";
	color:#ffa201;
}
.mailr:before{
	font-family:FontAwesome;
	font-size:70%;
	margin-right:10px;
	content:"\f0e0";
	color:#ffa201;
}
.callbackr:before{
	font-family:FontAwesome;
	font-size:80%;
	margin-right:10px;
	content:"\f095";
	color:#ffa201;
}
.abshop{
	outline:0px solid green;
	display:block;
	float:right;
	width:44%;
	padding:0 5px;
}
.abshop a{
	text-decoration:none;
	color:blue;
	font-size:70%;
}
.abshop a:hover{
	text-decoration:underline;
}
.abshop span{
	display:block;
	color:#888;
	font-size:60%;
}
							/* Информация о доставке */
#sendinfo{							
	border-top:1px dotted #bbb;
	width:100%;
	float:left;
	height:auto;
	margin:0 0 10px 0;
	padding:10px 0;
	    background-color: #FFFFFa;
}
#sendinfo ul{
	list-style:none;
	font-size:75%;
	color:#888;
	display:block;
	padding:5px 0;
}
#sendinfo span{
	font-size:80%;
	padding:10px 0;
}
.spay{
	display:block;
	float:left;
	width:44%;
	height:auto;
   	padding:5px 6px 8px 8px;
	margin-right:5px;
}
.spay:before{
	font-family:FontAwesome;
	content:"\f0d6";
	color:#39B939;
	margin:3px 1px;
}
.sdos{
	display:block;
	float:right;
	width:44%;
	height:auto;
   	padding:5px 0 8px 8px;
	margin-right:5px;
}
.sdos:before{
	font-family:FontAwesome;
	content:"\f0d1";
	color:#39B939;
	margin:3px 1px;
}
.spay li, .sdos li, sret li{
	margin:5px 0;
}
.sreg{
	display:block;
	float:left;
	width:44%;
	height:auto;
   	padding:5px 6px 8px 8px;
	margin-right:5px;
}
.sreg:before{
	font-family:FontAwesome;
	content:"\f0ac";
	color:#39B939;
	margin:3px 1px;
}
.sreg a, .sret a{
	color:blue;
	text-decoration:none;
	border-bottom:1px dotted blue;
	font-size:70%;
}
.sreg li{
	display:block;
	float:left;
	margin-right:5px;
}
.sret{
	display:block;
	float:right;
	width:44%;
	height:auto;
   	padding:5px 0 8px 8px;
	margin-right:5px;
}
.sret:before{
	font-family:FontAwesome;
	content:"\f0e2";
	color:#39B939;
	margin:3px 1px;
}
								

								/* Подобные товары */
#cripod{
	float:left;
	border-top:1px dotted #bbb;
	padding-top:20px;
}
.rosa_img{
	width:100%;
	margin:3% 0;
	text-align:justify;

}
.rosa_img li{
	Width:45%;
	height:250px; /* По Саненой версии было 280px */
	display:inline-block;
	vertical-align:top;
	margin:2% 1%;
	padding:3px;
	border:none;
	float:left;
	transition:all 0.1s ease-in;
	position:relative;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
}
.rosa_img li:hover{
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.rosa_img:after {
    width: 100%;
    content:"";
    display:inline-block;
}
.ronla{
	margin:5px auto;
	/*max-height:150px;*/
	max-height:100px;
	max-width:150px;
	width:100%;
	height:100%;
	position:relative;
}
.rosa_img img{
	max-width:98%;
	max-height:98%;
    height: auto;
	width:auto;
    margin:auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.rosa_img a, .rospod{
	text-decoration:none;
	color:#777777;
	font-size:85%;
	display:block;
	margin:7px 5px;
	margin-bottom:10px;
	text-align:center;
	overflow:hidden;
}
.rospod:hover{
	text-decoration:underline;
}
.roprice{
	display:block;
	font-size:130%;
	position:absolute;
	top:255px;
	left:17%;
	right:1%;
	background:#fff;
}

									/*End Content*/
												    
									/*Start Footer*/
#footer{
	outline:0px solid blue;
	min-height:100px;
	display:block;
	width:100%;
}							  
.cprt{
	display:block;
	text-align:center;
	padding-top:5px;
	font-size:60%;
	color:#bbb;
}

#footer #CategoryList
{
        margin: 40px auto;
        max-width: 100%;
        min-width:100%;
}
#footer #CategoryList div a
{
    text-decoration:none;
    color: #959595;
}

#footer #CategoryList div
{
    color:#959595;
}
#footer #CategoryList .ld1
{
    margin:0px 0px 0px 0px;
    font-size:16px;
    
    float:left;
    min-height: 200px;
    padding: 0px 40px 0px 0px;
}
#footer #CategoryList .ld2
{
    margin:12px;    
    font-size:15px;
    
    line-height: 14px;
    letter-spacing: .1px;
    margin: 10px 0px 0px 20px;
}	
#footer #CategoryList .ld3
{
    font-size: 13px;
    line-height: 12px;
    letter-spacing: .1px;
    margin: 10px;
}

#footer #CategoryList div a:hover
{
    text-decoration:underline;
    color: #f5a019;
}

#footer #CategoryList .ld1 a {
	color: #ffa201 !important;
	text-transform: uppercase;
}
#footer #CategoryList .ld2 a
{
    color:#ffffff !important;
    text-transform:none;
}
#footer #CategoryList .ld3 a
{
    color:#aaa;
    text-transform:none;
}		  
					/*End Footer*/

.nounder {
	list-style:none;
}
.clear{
	clear:both;
	}	
 
 
 .createsite
 {
    display:inline-block; letter-spacing:3px; border-radius:2px; box-shadow: 0.1em 0.1em 5px rgba(122,122,122,0.5); margin:0px 20px 0px 0px; width:auto; padding:10px 20px; font-size:110%; transition: all 0.3s ease-in; float:left; text-decoration:none; font-weight:500; color:White; height:20px; cursor:pointer; background-color:#ffa201; border:solid 1px #b8b8b8;    
 }
 .createsite:hover
 {
    box-shadow: 0.2em 0.2em 5px rgba(122,122,122,0.5); border:solid 1px #bfbfbf; margin:-1px 10px 0px -1px;
 }	
 
 .ppost {margin-top:-75px; border-bottom:solid 1px #bbb; padding-bottom:25px;}
 
 #commontext { font-size:70%; font-size:100%;}
 
 #c231_right{
    /* outline: 1px solid red; */
    /* min-width: 263px; */
    padding: 0 0 10px 0;
    text-align: right;
    position: fixed;
    text-align: right;
    top: 20%;
    right: 0.5%;
    /* width: 30px !important; */
    background-color: #fcfcfc;
    border-radius: 3px;
    z-index: 10000;
}

.carousel-wrapper #addrek
{
    font-size:60%; color:#aaa; font-style:italic; text-align:right; margin:3px 6px -2px 0px;
}

.carousel-wrapper #addrek:hover
{
    text-decoration:underline;
    cursor:pointer;
    color:#555;
}


.mysitebtn{float:right; text-decoration:none; text-align:center; 
 padding:11px 32px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:3px;
 -moz-border-radius:3px; 
 border-radius: 3px; 
 font:15px Arial, Helvetica, sans-serif; 
 font-weight:normal; 
 color:#fdffbd; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);   
 -webkit-box-shadow:3px 3px 4px #bababa;  -moz-box-shadow: 3px 3px 4px #bababa;  box-shadow:3px 3px 4px #bababa;  
  
  }.mysitebtn:hover{
 padding:11px 32px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:3px;
 -moz-border-radius:3px; 
 border-radius: 3px; 
 font:15px Arial, Helvetica, sans-serif; 
 font-weight:normal; 
 color:#fdffbd; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982a5 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982a5 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982a5 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982a5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982a5', endColorstr='#1982a5',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982a5 100%);   
 -webkit-box-shadow:4px 4px 6px #bababa;  -moz-box-shadow: 4px 4px 6px #bababa;  box-shadow:4px 4px 6px #bababa;  
  
 }.mysitebtn:active{
 padding:11px 32px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:3px;
 -moz-border-radius:3px; 
 border-radius: 3px; 
 font:15px Arial, Helvetica, sans-serif; 
 font-weight:normal; 
 color:#fdffbd; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #116682 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #116682 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #116682 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#116682 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#116682', endColorstr='#116682',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#116682 100%);   
 -webkit-box-shadow:2px 2px 1px #bababa, inset 0px 0px 2px #ffffff; 
 -moz-box-shadow: 2px 2px 1px #bababa,  inset 0px 0px 2px #ffffff;  
 box-shadow:2px 2px 1px #bababa, inset 0px 0px 2px #ffffff;  
  
 }
 
 
 dt 
 {
    padding: 4px;
    background-color: #dfdfdf;
    float: left;
    width: 250px;
    font-size: 12px;
    font-weight: 600;
 }
 
 dd
 {
padding: 4px;
    padding-left: 270px;
    background-color: #f2f2f2;
    max-width: 400px;
    min-width: 100px;
    margin-bottom: 10px;
    font-size: 13px;
    color:#5779a4;
    color:#777;
 }
 
  iframe
 {
     border:solid 4px #ddd;
     margin-bottom:10px; 
 }
  
        .video {position:relative;padding-bottom:56.25%;/*пропорции видео 16:9 */padding-top:25px;height:0; margin-bottom:-200px;}
        .video iframe {position:absolute;top:0;left:0;width:60%;height:60%;}
        
 
 
#contacttable input
{
    width:600px;
    padding-left:6px; width:408px; font-size:90%; color:#555;
}
#contacttable textarea
{
    width:600px;
    padding-left:6px; width:408px; font-size:90%; color:#555;
}







 #ootop
 {
     width:100%;
     height:40px;
    background:url(../Styles/SpriteHeader.png) no-repeat;

    background-position:-6px -80px;
    
    background:none;
    background-color:#565656;
    
    color:White;
    font-size:16px;
    vertical-align:middle;
    padding-top:10px;
     }  

#pdogj, #pdogj2
{
  text-align:center;
  z-index:999999999;

  box-shadow: 0px 0px 10px #999;
  -moz-box-shadow: 0px 0px 5px #999;  
  display: none;
  width:100%;
  max-width:610px;
  height:auto;
  position:fixed;
  left:35%;
  top:15%;
  margin:-100px 0 0 -150px;
  opacity: 1;
  background-color:Gray;
  border: 1px solid lightblue;
  padding: 0px 0px 0px 0px;
  
  background-color: #f5f5f5;
  border: solid 1px #bbbbbb;

  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-box-shadow: 0px 0px 15px #229992;
  box-shadow: 0px 0px 10px #999;
  -moz-box-shadow: 0px 0px 5px #999;
}

#pdogj ul, #pdogj2 ul
{
    text-align:left;
}

#pdogj p, #pdogj2 p
{
    padding:8px;    
}

#iiimmm
{
    width:588px;
    }
    




.gendivimg
{
    
    height:279px;
    width:100%;
    margin-top:15px;
    /*background:url(../../images/Genealogija_Proklatija_Porcha.jpg) center center no-repeat;*/
    background-size: 100% 100%;
}

.gendivimg:hover
{

    margin-top:15px;
    /*background:url(../../images/Ginealogija_Proklatija_Porcha.jpg) center center no-repeat;*/
    background-size: 100% 100%;
}

blockquote
{
    margin-left: 30px;
    padding-left: 20px;
    border-left: solid 4px #bbb;
}

#bookname
{
    text-align:center !important;    
}

#Comments_txbx
{
    width:90%;    
}

#PhoneM_txbx
{
    width:93%;
    border:solid 1px #aaa;   
    font-size:14px;
    color:#5f9ea0; 
    padding:6px;
    padding-left:10px;
    margin-bottom:10px;
    background-color:#f7f7f7;
    letter-spacing:1px;
}

#MoreInfoM_txbx
{
    width:93%;
    border:solid 1px #aaa;  
    height:200px;     
    font-size:14px;
    color:#5f9ea0;
    padding:6px; 
    padding-left:10px;
    background-color:#f7f7f7;
    margin-bottom:10px;
}

#SendInfo_btn
{
    background-color:#5f9ea0;
    border:solid 1px #f7f7f7;
    padding:10px;
    font-size:15px;
    color:#fff;
    width:100%;
    height:40px;
}


.marker, .marker a
{
    color:#ffa201;
}


#ZAKAZMASTERA
{
    position:fixed; top:50%; right:0px; cursor:pointer; z-index:999999; display:none;
}

.categorypricesblock
{
    margin: 14px 0px 0px 0px;
    font-style:italic;   
}

.categorypricesblock .pricediv
{
    float:left; margin:8px 12px 0px 0px; padding:0px 0px 2px 6px; color:#6a96ca; font-weight:500; border-left:solid 2px #72c02c;  
}

.categorypricesblock .valutik
{
    font-size:80%;
}

.coffee
{
    cursor:pointer; width:50px; margin: 0px 0px -10px 0px;    
}

.price_top
{    
    background-color: #efefef;
    padding: 9px;
    font-size: 14px;
    text-align: center;
    color: #6aa3d8;
    margin: 10px -3px 0px -3px;
    position: absolute;
    bottom: 0px;
    width: 182px;
border-top: solid 1px #ccc;
}

.mainstol
{
    float: left;
    border: solid 1px #1990cf;
    padding: 20px;
    max-width: 26%;
    margin: 0px 0px 0px 17px;
    background-color: #ffffff;
}

.mainstol .stol
{
    font-size: 22px;
    margin-bottom: 12px;
    color:#358ebd;
}

.mainstol .desc
{
    color:#777777;
}

.mainstol2 {
	float: left;
	border: solid 1px #8b8b8b;
	padding: 6px 19px 6px 19px;
	max-width: 18%;
	margin: 0px 0px 14px 13px;
	background-color: #fdfdfd00;
	box-shadow: 2px 2px 5px -3px rgb(0 0 0 / 75%);
	-webkit-box-shadow: 2px 2px 5px -3px rgb(0 0 0 / 75%);
	-moz-box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.75);
	cursor: pointer;
}
.mainstol2:hover
{
    color:#f5a019;
    border: solid 1px #f5a019;
    box-shadow: 3px 3px 6px -3px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 3px 3px 6px -3px rgb(0 0 0 / 75%);
    -moz-box-shadow: 3px 3px 6px -3px rgba(0,0,0,0.75);
}

	.mainstol2 .stol {
		font-size: 16px;
		margin-bottom: 2px;
		color: #c0c0c0;
	}
.mainstol2:hover .stol
{
    font-size: 16px;
    margin-bottom: 2px;
    color:#f5a019;
}

details {
  margin-bottom: 2rem;
  border-bottom: solid 1px #ccc;
}

summary {
  cursor: pointer;
  margin-bottom: 15px;
}

summary > * {
  display: inline;
}

summary h3 {
  color:#1990cf !important;
  display: inline !important;
  font-weight: 100;
  font-size: 25px !important;
}

summary h3:hover {
  color:#f5a019 !important;
  cursor: pointer;
  display: inline !important;
  font-weight: 100;
  font-size: 25px !important;
}

#fffooottteeerrr
{
    position: absolute;
    background-color: #f5f5f5;
    width: 100%;
    height: auto;
    padding: 0px 0px 0px 0px;
    text-align: center;
    border-top: solid 1px #fbfbfb;
}

#fffooottteeerrr .flinksm
{
    border:solid 0px #fff;
}

#fffooottteeerrr .flinksm .ina
{
    padding:0px;
    margin:10px;
}
#fffooottteeerrr .flinksm span
{
    font-size:14px;
}
#fffooottteeerrr .flinksm .ina a
{
    color:#555;
    font-size: 13px;
}

#fffooottteeerrr .greenbuttonf
{
    font-size: 13px;
    margin: 0px 0px 0px 0px;
    color: #fff;
    padding: 0px;
    background-color: #6fc727;
    width: 130px;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
}

#fffooottteeerrr .greenbuttonf:hover
{
box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.75);
-webkit-box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 4px 7px -6px rgba(0,0,0,0.75);
background-color:#4fa707;
}

#fffooottteeerrr table, tr, td {
    border: 0px solid red;
    vertical-align: top !important;
    text-align: left;
}

#vtw img
{
    width:25px;
    opacity:20%;
    margin: 20px 0px 0px 0px;    
}

#vtw a:hover img
{
    opacity:60%;   
}

#content #textcontent {
	margin: 160px 20px 0px 20px;
	/* margin: 60px 0px 50px 0px; */
	border: solid 1px #ffffff99;
	padding: 20px 80px;
	background-color: rgba(0, 0, 0, .22);
}

#content #textcontent h2
{
    font-size: 24px;
    letter-spacing: 0.1px;
    margin: 80px 0px 30px 0px;
    color: #ffffff;
    font-weight: 400;
}
	#content #textcontent h3 {
		font-size: 20px;
		letter-spacing: 0.1px;
		margin: 80px 0px 30px 0px;
		color: #ffffff;
		font-weight: 400;
	}
#content #textcontent .popcatmain
{
    display: block;
    margin: 25px 0px 10px 0;
    color: #999999;
    font-size: 20px;
    font-weight: 100;
}
#content #textcontent p
{
    line-height: 26px;
    letter-spacing: 0.1px;
    margin: 20px 0px 20px 0px;
    color: #ffffff;
    text-align:justify;
}

#content #textcontent img
{
    width: auto !important;
    height: auto !important;
    padding: 4px;
    outline: solid 4px #eee;
    display: block;
    margin: 50px auto;
}
#content #textcontent ul, #content #textcontent ol
{
    line-height: 25px;
    letter-spacing: 0.1px;
    margin: 15px 0px 10px 40px;
    color: #5a5a5a;
}
#content #textcontent #seotext
{
    margin:-20px 0px 0px 0px;
}

#content #graphika   
{
    margin: 20px auto;
    text-align: left;
    text-align: justify;
    border: solid 3px #fff;
    outline: solid 3px #999;
    padding: 15px;
    width: 65%;
    background-color: aliceblue;
    border-radius: 6px;
}

#content #graphika h2
{
    font-size: 18px;
    font-weight: 400;
    color: #f5a019;
}

#content #graphika ul
{
    margin: 10px 0px 0px 20px;
    color:#777;
}

#content #graphika ul li
{
    margin: 10px 0px 0px 5px;
}

.outerb {
	display:none;
}