/*
@import url("http://fonts.googleapis.com/css?family=Open+Sans|PT+Sans+Narrow&subset=cyrillic-ext,latin,cyrillic");
*/
*{
	box-sizing:			border-box;
}
		html{
			height:			100%;
			padding:		0em;
			margin:			0em;
			
			background:		#acacac;
		}
		body{
			height:			100%;
			margin:			0em auto 0em auto;
			padding:		0em;

			/* ниже произвольно */
			font-family:	"PT Sans", Tahoma, Arial, sans-serif;
			font-size:		16px;
			line-height:	1.4em;
			font-weight:	normal;
			
			color:			black;
			
			text-align:		center;
			
			background:		#f9f9f9;

			filter:			progid:DXImageTransform.Microsoft.gradient( startColorstr='#acacac', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */			
			background:		-moz-linear-gradient(to top, #acacac 0px, #f9f9f9 1000px); /* FF3.6-15 */
			background:		-webkit-linear-gradient(bottom, #acacac 0px, #f9f9f9 1000px); /* Chrome10-25,Safari5.1-6 */
			background:		-o-linear-gradient(bottom, #acacac 0px, #f9f9f9 1000px); /* Chrome10-25,Safari5.1-6 */
			background:		linear-gradient(to top, #acacac 0px, #f9f9f9 1000px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		}
		p{
			margin:			0px;
			padding:		0px;
		}
		a{
			color:			#0020b0;
		}
		a:hover{
			color:			#0020e0;
		}
		a:visited{
			color:			#9090a0;
		}		
		/********************************************************/
		#page{
			min-height:		100%;
			
			/* IE8 */
			display:		table\0/;
			height:			100%\0/;
	
			/* ниже произвольно */
			margin:			0em auto 0em auto;
			width:			1000px;
			
			background:		white;
		}

		#main{
			overflow:		hidden;
			padding-bottom:	180px;
			
			/* ниже произвольно */
			text-align:		left;

			background:		-moz-linear-gradient(to bottom, #f7f7f7 100px, #ffffff 140px);
			background:		-webkit-linear-gradient(top, #f7f7f7 100px, #ffffff 140px);
			background:		-o-linear-gradient(top, #f7f7f7 100px, #ffffff 140px);
			background:		linear-gradient(to bottom, #f7f7f7 100px, #ffffff 140px);
		}

		#footer{
			font-family:	"Open Sans", Tahoma, Arial, sans-serif;
			font-size:		14px;
		
			position:		relative;
			margin-bottom:	0px;
			margin-top:		-180px;
			height:			180px;
			/*clear:			both;*/
			
			/* ниже произвольно */
			margin-left:	auto;
			margin-right:	auto;
			width:			1000px;
			
			color:			white;
			background:		#0e7f8d;
			
			background:		-moz-radial-gradient(top, #4ec5cc 0%, #0e7f8d 100%); /* FF3.6-15 */
			background:		-webkit-radial-gradient(top, #4ec5cc 0%,#0e7f8d 100%); /* Chrome10-25,Safari5.1-6 */
			background:		-o-radial-gradient(top, #4ec5cc 0%,#0e7f8d 100%);
			filter:			progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ec5cc', endColorstr='#0e7f8d',GradientType=0 ); /* IE6-9 */
			background:		radial-gradient(ellipse at top, #4ec5cc 0%,#0e7f8d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			
			text-align:		left;
			
			padding:		44px 20px 0px 620px;
			/*
			opacity:		0.9999;
			*/
		}
		#footer a{
			text-decoration:none;
			color:			white;
		}
		#footer a:hover{
			text-decoration:underline;
		}
		#footer p{
			margin:			0px 0px 10px 0px;
		}
		
		/* Opera */
		body:before{
			content:		"";
			height:			100%;
			float:			left;
			width:			0px;
			margin-top:		-32767px;
		}
		
		/* IE6 */
		* html #page{
			display:		table;
			height:			100%;
		}
		/* IE7: ничего не нужно */
/********************************************************/

.header{
			font-family:	"Open Sans", Tahoma, Arial, sans-serif;
			font-size:		14px;
			
			padding:		0px;
			margin:			0px;

			height:			100px;
			color:			black;
			background:		white;
			
			color:			white;
			background:		#0e7f8d;
			
			text-align:		left;
			cursor:			default;
}
.header a{
	vertical-align:			middle;
	margin:					0px 0px 0px 30px;

	color:					black;
	color:					white;
	text-decoration:		none;
}
.header a:hover{
	text-decoration:		underline;
}
.header a.logo{
	text-decoration:		none;

	font-size:				20px;
	display:				inline-block;
	margin:					0px;
	padding:				18px 30px 0px 30px;
	line-height:			1.5em;
	
	height:					100px;
	width:					240px;
	
	background-color:		white;
	background-color:		#0e7f8d;
	background-image:		url(/static/logo-big-i.png);
	background-position:	41px 25px;
	background-repeat:		no-repeat;
	background-size:		178px;
	
	background-image:		url(/static/logo-small-i.png)\0/;

}
.header a.logo:hover{
	text-decoration:		none;
}

/********************************************************/

.main-block1,
.main-block2{
	padding:				60px 420px 60px 65px;
	
	color:					black;
	
	opacity:				0.9999;
	
	position:				relative;

	background-repeat:		no-repeat;
}
.main-block1 img.right{
	position:			absolute;
	top:				70px;
	right:				30px;
}
.main-block1 h3,
.main-block2 h3,
.main-block1 h2,
.main-block2 h2{
	margin:					0px 0px 20px 0px;
	padding:				0px;
	
	font-weight:			normal;
	font-size:				28px;
	line-height:			1.2em;
	
	font-weight:			lighter;
}
.main-block1 h3,
.main-block2 h3{
	font-size:				24px;
}
.main-block1 p,
.main-block2 p,
.main-products p{
	font-family:			"Open Sans", Tahoma, Arial, sans-serif;
	font-size:				14px;
	margin:					12px 0px 0px 0px;
}
.main-block1 a.button,
.main-block2 a.button{
	display:				inline-block;
	font-size:				22px;

	text-decoration:		none;
	
	margin:					12px 0px 12px 0px;
	padding:				10px 40px 13px 40px;
	
	color:					white;
	background:				#0e7f8d;
	
	border-radius:			7px;
	
	font-weight:			lighter;
}
.main-block1 a.button:hover{
	border:					none;
	background:				#4ec5cc;
}
.main-block1 a,
.main-block2 a{
	text-decoration:		none;
	color:					inherit;
}/*
.main-block1 a:hover,
.main-block2 a:hover{
	border-bottom:			2px solid;
}*/
.main-block2{
	padding:				38px 60px 34px 330px;
	
	color:					white;
	/*
	opacity:				0.9999;
	*/
	background:				#444;
/*	
background: -moz-radial-gradient(center, ellipse cover, #959595 0%, #3a3a3a 100%); 
background: -webkit-radial-gradient(center, ellipse cover, #959595 0%,#3a3a3a 100%); 
background: radial-gradient(ellipse at center, #959595 0%,#3a3a3a 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#3a3a3a',GradientType=1 ); 

background: radial-gradient(ellipse at bottom, #d41f4d 0%,#731010 100%); 
*/
background: -moz-radial-gradient(bottom, #959595 0%,#3a3a3a 100%);
background: -webkit-radial-gradient(bottom, #959595 0%,#3a3a3a 100%);
background: -o-radial-gradient(bottom, #959595 0%,#3a3a3a 100%);
background: radial-gradient(ellipse at bottom, #959595 0%,#3a3a3a 100%);
}
.main-block2 a.button{
	color:					#333;
	background:				white;
	
-webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.35);
box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.35);	
}
.main-block2 a.button:hover{
	border:					none;
	
	color:					black;
-webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.65);
-moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.65);
box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.65);	
}

.main-block1 .col3,
.main-block2 .col3{
	margin:				0px;
	padding:			0px 40px 0px 5px;
	
	width:				33.3%;
			
	position:			relative;
	left:				20px;
		
	display:			table-cell;
			
	overflow:			hidden;

}

.col3 img{
	width:60%;
	
	position:relative;
	left:50%;
	top:0%;
			
	transform:translate(-60%,0%);
	-o-transform:translate(-60%,0%);
	
	display:	inline-block;
	margin:		0px 0px 30px 0px;
	padding:	0px;
}

.block-full-width{
	padding:			50px 60px 50px 60px !important;
}

.horizontal p{
	display:inline-block;
	width:30%;
	margin:0em;
	padding:0em;
	margin-left:1%;
	margin-right:2%;
	text-align:center;
	
	font-size:				26px;
	line-height:			1.2em;
	
	font-weight:			lighter;	
	
	vertical-align:			top;
}

.list-products{
	background:				none !important;
}
.main-products{
	margin:					0px;
	padding:				60px 0px 0px 0px;
	
	color:					white;

	background:				#444;

	background: -moz-radial-gradient(bottom, ellipse cover, #959595 0%,#3a3a3a 100%);
	background: -webkit-radial-gradient(bottom, ellipse cover, #959595 0%,#3a3a3a 100%);
	background: -o-radial-gradient(bottom, ellipse cover, #959595 0%,#3a3a3a 100%);
/*	
	background: radial-gradient(ellipse at bottom, #24b390 0%,#107354 100%);

	background: radial-gradient(ellipse at bottom, #d41f4d 0%,#731010 100%);
*/	
	background: radial-gradient(ellipse at bottom, #959595 0%,#3a3a3a 100%);
}

.main-products a{
	text-decoration:	none;

	margin:				0px 0px 60px 74px;
	padding:			0px;
	
	width:				232px;
	height:				248px;
	height:				260px;
			
	position:			relative;
		
	display:			inline-block;
			
	overflow:			hidden;

	border-radius:		4px;
	/*border:				2px solid #d41f4d;*/
	
	background:			white;

/*
-webkit-box-shadow:		7px 7px 17px 0px rgba(0,0,0,0.45);
-moz-box-shadow:		7px 7px 17px 0px rgba(0,0,0,0.45);
box-shadow:				7px 7px 17px 0px rgba(0,0,0,0.45);
*/
-webkit-box-shadow:		1px 1px 4px 0px rgba(0,0,0,0.25);
-moz-box-shadow:		1px 1px 4px 0px rgba(0,0,0,0.25);
box-shadow:				0px 1px 4px 0px rgba(0,0,0,0.25);

	outline:			none;
}
/*
.main-products  a:before{
	display:			block;
	position:			absolute;
	content:			"1";
	top:				0px;
	left:				0px;
	width:				232px;
	height:				80px;
	
	background:		-moz-linear-gradient(to bottom, #ffffff 0px, #ffffff 50px); 
	background:		-webkit-linear-gradient(top, #ffffff 0px, #ffffff 50px);
	background:		linear-gradient(to bottom,  rgba(255,255,255,1) 0px,rgba(255,255,255,0) 80px);

	z-index:5;
}
*/
/*
.main-products a:after{
	content:			"Подробнее...";
	
	font-family:		"PT Sans",Tahoma,Arial,sans-serif;
	font-size:			14px;
	
	position:			absolute;
	
	color:				black;
	background:			#ffd52e;
	
	bottom:				56px;
	left:				15px;
	
	padding:			0px 9px 2px 9px;
	
	border-radius:		12px;
}*/
/*
.main-products a:hover:after{
	bottom:				58px;
	right:				17px;
	
-webkit-box-shadow:		3px 3px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow:		3px 3px 5px 0px rgba(0,0,0,0.35);
box-shadow:				3px 3px 5px 0px rgba(0,0,0,0.35);
}*/

.main-products a b{
	font-family:		"Open Sans",Tahoma,Arial,sans-serif;
	font-size:			22px;
	font-weight:		bold;

font-family:		Tahoma,Arial,sans-serif;
font-size:			24px;
font-weight:		normal;
line-height:		1.2em;

	color:				#d41f4d;
	
	text-align:			center;
	
	width:				232px;
	
	position:			absolute;
	
	display:			block;
	
	margin:				0px;
	padding:			80px 10px 10px 10px;
	
	opacity:			0.9999;

	bottom:				44px;
	color:				black;
	background:			-moz-linear-gradient(top, rgba(255,255,255,0) 0px,rgba(255,255,255,0.8) 100px);
	background:			-webkit-linear-gradient(top, rgba(255,255,255,0) 0px,rgba(255,255,255,0.8) 100px);
	background:			linear-gradient(top, rgba(255,255,255,0) 0px,rgba(255,255,255,0.8) 100px);
}

.main-products a i{
	font-family:		"Open Sans",Tahoma,Arial,sans-serif;
	font-size:			24px;
	font-weight:		normal;
	
	padding:			9px 0px 12px 0px;

	font-style:			normal;
	text-align:			center;

	opacity:			0.9999;
	
	position:			absolute;
	
	width:				100%;
	display:			block;
	
	bottom:				0px;

	color:				white;
	background-color:	#d41f4d;

	/* white */
	color:				#0e7f8d;
	background-color:	#f8f8f8;
	border-top:			2px solid #e6e6e6;	
}

.main-products a img{
	height:232px;
	position:absolute;
	left:50%;
	top:-10px;
			
	-ms-transform:translate(-50%,0%);
	-o-transform:translate(-50%,0%);
	-moz-transform:translate(-50%,0%);
	-webkit-transform:translate(-50%,0%);
	transform:translate(-50%,0%);
	
	/* ie8 */
	left:			0%\0/;
	border:			none;
	
	color:			#eee;
}
/*
.main-products a:hover b{
	color:				#fe2159;
}
*/
.main-products a:hover{
	border-color:		#fe2159;
	box-shadow:			0px 1px 4px 0px rgba(0,0,0,0.35);
}
.main-products a:hover i{
	/* white */
	color:				#0e7f8d;
	background-color:	#fff;
	border-top:			2px solid #f2f2f2;
}
.main-products a.link{
	width:				auto;
	height:				auto;
	display:			inline-block;
	color:				white;
	text-decoration:	none;
	font:				inherit;
	border:				none;
	background:			none;
	box-shadow:			none;
	margin:				-50px auto 30px auto;
	padding:			0px;
}
.main-products a.link:hover{
	text-decoration:	underline;
}
/********************************************************/

h1, h2, h3{
	margin:					0px 0px 20px 0px;
	padding:				0px;
	
	font-weight:			normal;
	font-size:				28px;
	
	font-family:			"Open Sans";
	font-weight:			300;
}
.article{
	margin:					60px;
	
	color:					black;
}
.article p{
	font-family:			"Open Sans", Tahoma, Arial, sans-serif;
	font-size:				14px;
	margin:					12px 0px 0px 0px;
}
.article:after{
	display:				block;
	content:				".";
	clear:					both;
	
	visibility:				hidden;
	line-height:0px;
	height:0px;
}
.article img.product{
	max-width:				360px;
	float:					right;
	margin:					0px 0px 14px 20px;
	
	border:					none;
	/*
	border-radius:			15px;
	border:					1px solid #aaa;
	-webkit-box-shadow:		7px 7px 17px 0px rgba(0,0,0,0.45);
	-moz-box-shadow:		7px 7px 17px 0px rgba(0,0,0,0.45);
	box-shadow:				7px 7px 17px 0px rgba(0,0,0,0.45);	
	*/
}
.article .availability{
	font-size:			16px;
	font-weight:		normal;


	display:			inline-block;
	color:				white;
	background-color:	#d41f4d;
	padding:			0px 10px 2px 10px;
	margin:				0px 0px 0px 10px;
	
	border-radius:		3px;

	vertical-align:		top;
	
	background-color:	#cc2229;
	background-color:	#0e7f8d;
	
}
.article .price{
	font-family:		"Open Sans",Tahoma,Arial,sans-serif;
	font-size:			22px;
	font-weight:		normal;
	display:			inline-block;
	
	padding:			0px 10px 0px 0px;
	margin:				0px 0px 20px 0px;
	
	vertical-align:		center;
	
	white-space:		nowrap;
	
	color:				#0e7f8d;
}
.article table.spec{
	font-family:		"Open Sans", Tahoma, Arial, sans-serif;
	font-size:			14px;
	
	padding:			0px;
	margin:				20px 0px 20px 0px;
	border:				none;
	border-collapse:	collapse;
	
	position:			relative;
	left:				-10px;
}
.article table.spec tr{
	border-bottom:		1px solid #eaeaea;
}
.article table.spec tr:last-child{
	border:				none;
}
.article table.spec td{
	padding:			2px 10px 4px 10px;
}

.article a.category{
	display:			inline-block;
	text-decoration:	none;
	color:				black;
	margin:				0px 0px 14px 0px;
/*
	font-size:			1.2em;
	font-style:			italic;
*/	
}
.article a:hover.category{
	text-decoration:	underline;
}
h1.category{
	margin:				60px 0px -20px 60px;
	padding:			0px;
}

.article form{
	width:				100%;
	margin:				30px 0px 0px 0px
}
.article form textarea,
.article form input[type="text"]{
	font-family:		"Open Sans",Tahoma,Arial,sans-serif;
	font-size:			14px;
	
	width:				50%;
	border:				1px solid #aaa;
	margin:				0px 0px 20px 0px;
	padding:			5px;
}

.article form input[type="submit"]{
	font-family:		"Open Sans",Tahoma,Arial,sans-serif;
	font-size:			14px;
	
	border:				none;
	margin:				0px 0px 20px 0px;
	padding:			5px 20px 5px 20px;
	
	color:				white;
	background:			#a3172e;
	background:			#0e7f8d;
	
	border-radius:		4px;
	
	cursor:				pointer;
}

.article form input[type="submit"]:hover{
	background:			#b81a34;
	background:			#4ec5cc;
}