* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font: Verdana, Geneva, sans-serif;
	background-color: #FDFDFD;
	width: 100%;
	height: 100%;
	font-size:15px;
	/*background-image: url(img/snezhinki-min.jpg);
	background-attachment:fixed;*/
}
.wrapper {
	max-width: 1300px;
	min-width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*position:relative;*/
}


/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 170px;
	position:absolute;
	top:0px;
	left:0;
	background-image: url(img/fon11.jpg);
	background-position:left;
	background-repeat:repeat-x;
	padding-top:30px;
	width:100%;
}
#header {
	max-width: 1300px;
	min-width: 1000px;
	margin: 0 auto;
}

/* Middle
-----------------------------------------------------------------------------*/
.middle {
	width: 100%;
	padding: 0 0 100px;
	position: relative;
}
.middle:after {
	display: table;
	clear: both;
	content: '';
}
.container {
	width: 100%;
	float: left;
	overflow: hidden;
	margin-top:180px;
}
.content {
	padding: 0 270px 0 0;
	position:relative;
}


/* Right Sidebar
-----------------------------------------------------------------------------*/
.right-sidebar {
	float: left;
	width: 250px;
	margin: 180px 0px 0px -250px;
	position: relative;
}


/* Footer
-----------------------------------------------------------------------------*/
.footer {
	margin: -90px auto 0;
	height: 90px;
	position: relative;
	width:100%;
	background-image:url(img/fon2.jpg);
	background-position:left;
	background-repeat:repeat-x;
}
#topmenu {
	top:0;
	left:0;
	background-image:url(img/fon3.jpg);
	background-position:left;
	background-repeat:repeat-x;
}
#topmenu div div{
	height:24px;
	padding-top:5px;
	float:left;
	text-align:center;
}
#topmenu div div div{
	text-align:center;
	float:left;
	height:19px;
	margin-top:-5px;
}

#topmenu {
	font-size:13px;
	text-align:center;
	position:fixed;
	width:100%;
	z-index:999;
}
#topmenu a {
	text-decoration:none;
	color:#000;
}
#basket {
	width:250px;
	background-image:url(/img/cart-cat1.png);
	background-repeat:no-repeat;
	background-position:right;
	/*background-color:#999;*/
}

#basket table {
	font-weight:400;
	text-align:left;
}

#basket div {
	height:58px; 
	width:230px;
	border:#D5D8E1 1px solid;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:10px;
	font-size: 12px;
	font-weight:bold;
}
#slidermain {
	width:100%; height:480px; position:absolute; top:-482px; border:1px solid #ccc;
}
#main {
	position: relative; margin-top:482px;
}
.menuli {
	width: calc(100% - 255px);
	height:480px;
	position:absolute;
	top:0;
	margin-left:240px;
	z-index:15;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0s, visibility 0s linear 0.3s;
	-moz-transition: opacity 0s, visibility 0s linear 0.3s;
	-o-transition: opacity 0s, visibility 0s linear 0.3s;
	transition: opacity 0s, visibility 0s linear 0.3s;
	font-size:16px !important;
}
#menu li{
	font-size:16px !important;
}

/*#menu li:hover{
	background:#EDECEC;
}*/

#menu li:hover .menuli {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.menuleft li, .menuright li{
	list-style-type:none;
	background-color:#F1F1F1;
	/*padding:4px 3px 4px 3px;
	margin:0px 5px 5px 0px;*/
}
.menuright li{
	padding:8.5px 3px 5px 10px;
	margin:0px 5px 5px 0px;
}
.menuleft li:hover, .menuright li:hover{
	background-color:#FFF;
}
.menuleft a, .menuright a{
	text-decoration:none;
	color:#000;
}
.menuleft li ul li, .menuright li ul li{
	list-style-type:circle;
	/*margin:3px 0px -10px 30px;*/
	background:none;
	font-weight:bold
}
.menuleft li ul li:hover, .menuright li ul li:hover{
	background:none;
	color:#F00;
}
.links {
	display:none;
}

#footer { /* подвал */
height: 00px; /* высота подвала */
font-size:14px;
color: #333;
max-width: 1300px;
min-width: 1000px;
margin:0 auto;
padding-top:10px;
}
#footer a {
	text-decoration:none;
	color:#000;
}
.article {
	width: calc(100% - 2px);
	font-size: 16px;
	background-color: #FFF;
	padding:10px 0;
}
.article p{
	margin:10px 20px 10px 20px;
	text-align:justify;
	padding:5px 0;
}
.article h1, .article h2{
	margin:20px 20px 10px;
	font-size: 20px;
	padding:5px 0;
}
.article h3{
	margin:20px 20px 10px;
	font-size: 20px;
	text-align:center;
}
.article ul, .article ol {
	margin:10px;
	margin-left:50px;
}
.article ul li, .article ol li{
	margin:5px;
}
.news {
	border:#D5D8E1 1px solid;
	padding:5px 10px;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-weight:400;
	font-size:14px;
	margin:5px;
	width:calc(100%/2 - 32px);
	float:left;
	height:160px;
}
.news p{
	text-align:left !important;
}
.news ul{
	margin-left:15px;
	font-size:15px;
}
.news p{	
	color:#0e1d35;
}
.news a{
	color:#002E78;
}
.news a:hover{
	color:#cc0000;
}
.separator {
	/*margin-left: -10px;
	margin-right: -10px;*/
	height: 15px;
	background-image:url(/img/bg-separator.jpg);
	background-repeat:repeat-x;
	font:16px/20px Arial, Tahoma, Verdana, sans-serif;
	padding-top:10px;
	/*opacity: 0.3;*/
}
.fid {
	border:#D5D8E1 1px solid;
	padding:10px;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-weight:400;
	font-size:12px;
	margin:2px;
	width:calc(20% - 10px);
	float:left;
	height:150px;
	padding:2px;
	background-color:#FFF;
}

.menuimg {
	background-color:#FFF;
	text-align:center;
	margin:5px 5px 5px -5px;
	/*padding-top:5px;
	padding-bottom:5px;*/
	border:#D5D8E1 1px solid;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.menuimg img{
	width:95%;
	height:95%;
}
.rek{
	width:100%;
}
.rek div{
	width:calc(100%/3 - 1px); 
	float:left;
}
.rek div a img{
    max-width: 85%;
	height:auto;
	border:none;
	}
#feedback, #formseo {
	position:fixed;
	top:100px;
	left:500px;
	z-index:100;
	display:none;
	font-weight:400;
	background-color: #FAFAFA; 
	border:#D5D8E1 1px solid;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color:#002E78;
	font-size: 14px;
	margin-top:10px;
}
#feedback p {
	margin-top:10px;
}
#feedback td {
	padding:2px;
}
#feedback input{
	width:100%;
	margin-top:5px;
}

#feedback #pass{
	width:90%;
}

#feedback #login{
	width:90%;
	float:right;
}

#feedback div{
	width:280px;
	margin:0 auto; 
	padding:5px;
	padding-right:10px;
}
#feedback div table{
	width:100%; padding-top:5px;
}
#feedback li{
	list-style:none;
	padding:5px 0px 5px 0px;
	border-bottom:#D5D8E1 1px solid;
	color:#002E78;
}

#feedback a{
	text-decoration:none;
	color:#002E78;
}

#feedback li:hover{
	text-decoration:none;
	background-color: #f7f7fe;
}
.noForm{
	color:#F00;
	font-weight:bold;
	cursor:pointer;
}
#fon-pop-up {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color:#ccc;
	z-index:100;
	display:none;
	opacity: .7;
}
.child {
	border:#D5D8E1 1px solid;
	margin:10px;
	padding:10px;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*behavior: url(/template/border-radius.htc);*/
	font-weight:400;
	font-size:15px;
}
.tab td {
	border-bottom:#D5D8E1 solid 1px;
	padding:3px;
}
.gabarit {
	text-align:left; 
	width:150px; 
	font-size:11px;
	border-right:#D5D8E1 1px solid;
	margin:2px;
	padding-right:5px;
}

.gabarit table tr td {
	border-bottom:#D5D8E1 1px solid;
	height:25px;
}
.red {
	color:red;
}
.mebprod {
	margin:3px;
	margin-bottom:6px;
	height:170px;
	width:calc(25% - 9px);
	float:left; 
	border:#D5D8E1 1px solid;
	text-align:center;
	font: 11px/14px Arial, Tahoma, Verdana, sans-serif;
	padding:3px 0px 3px 0px;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color:#FFF;
	opacity: 0.7;
}
.mebprod:hover{
	opacity: 1;
}
.mebprod img{
	width: 90%;
}

.pag {
	float:left;width:calc(4% - 5px); height:18px; border:solid 1px #ccc;padding:2px;margin-left:2px;
	text-align:center;
}
.mebdes {
	margin:3px;
	margin-bottom:6px;
	width:calc(33% - 6px);
	float:left; 
	border:#D5D8E1 1px solid;
	height:295px; 
	text-align:center;
	font: 14px/17px Arial, Tahoma, Verdana, sans-serif;
	padding:3px 0px 3px 0px;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color:#FFF;
}
.mebdes a{
	color:#333;
}
.mebdes a:hover{
	color:#cc0000;
}
.mebdes img{
	width: 80%;
}
.filterul{
	font-size:13px;
	list-style-type:none;
	margin-left:0px !important;
}
.filterul a{
	text-decoration:none;
	color:#333;
}

.filterul a:hover{
	color:red;
}
.mebprodmenu {
	margin:5px 5px 5px -5px;
	height:160px;
	width:100%;
	border:#D5D8E1 1px solid;
	text-align:center;
	font: 14px/17px Arial, Tahoma, Verdana, sans-serif;
	padding:3px 0px 3px 0px;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color:#FFF;
	opacity: 0.7;
}
.mebprodmenu:hover{
	opacity: 1;
}
.decor {
	text-align:left; 
	width:180px; 
	float:right; 
	text-align:center; 
	margin:0px 10px 10px 10px;
	font-size:10px;
}

.decor td {
	border-bottom:solid #999 1px;
	padding:2px;
	vertical-align:top;
}
.price {
	width:calc(50% - 12px); height:280px; border:solid 1px #D5D8E1; float:left;margin:5px;
	font: 14px/17px Arial, Tahoma, Verdana, sans-serif;
}
.price img {
	width:95%;
	max-height:220px;
}
.price1 {
	width:calc(33% - 10px); border:solid 1px #cccccc; float:left;margin:5px;background-color: #fff; height:245px;
	font: 14px/17px Arial, Tahoma, Verdana, sans-serif;
}
.price1 img {
	max-width:95%;
	max-height:130px;
}
.button {
	width:160px;height:25px;background-color: #14EB4E;	border-radius:10px;	-moz-border-radius: 10px;-webkit-border-radius: 10px; padding-top:5px; font-weight:bold;border:2px solid #14EB4E; margin:0 auto 10px; text-align:center;
}
.button:hover {
	background-color: #fff;
	
}
.attention {
	margin:10px;
	background-image:url(../img/vote1.png);
	background-repeat:no-repeat;
	padding:14px 13px 0px 13px;
}
.attention div {
	border:1px solid #f16b6b;
	padding:5px;
	padding-top:15px;
	text-align:justify;
	color:#002E78;
	font-size:14px;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:10px;
}

.attention div li {
	margin: 2px;
	margin-right:10px;
}
.attention div p {
	margin: 2px 10px -2px 10px;
}

@media screen and (max-width: 1200px) {
	.news {
		height:170px;
	}
	.pag {
		width:calc(4% - 6px);
	}
	.mebdes {
		height:265px;
		font: 12px/16px Arial, Tahoma, Verdana, sans-serif;
	}
}
@media screen and (max-width: 1100px) {
	.news {
		height:180px;
	}
	.mebdes {
		height:240px;
		font: 12px/15px Arial, Tahoma, Verdana, sans-serif;
	}
	.price1 {
		width:calc(50% - 12px);
	}
}