@font-face {
	font-family: 'Rouble';
	src: url('/css/font/rouble.eot');
	src:local("Rouble"),
		url('/css/font/rouble.woff') format('woff'),
		url('/css/font/rouble.svg') format('svg'),
		url('/css/font/rouble.ttf') format('truetype'),
		url('/css/font/rouble.otf') format('opentype');
	}

@media Screen

{

	html,body{ margin:0; padding:0; height: 100% }

	body{ background: white; cursor: default; font-family: arial; color:#010101 }	
	
	form{ padding:0; margin:0 }

	img{ border:none }

	h1, h2, h3, h4, h5, h6, p, address{ margin:0; padding:0 }

	address{ font-style: normal }

	table{ padding: 0; border-collapse: collapse; width: 100% }
		table.tab { width: auto; }
		table.tab td { padding: 5px 10px; }

	td{ padding: 0; border-collapse: collapse }

	h1{ padding-top: 22px; float:left; width: 319px; margin-right: -319px }

	h2{ color:#ef383f; font: 185% georgia }

	a{ color:#3674a5 }

	a:hover{ text-decoration: none }

	address{ float:left; width: 40%; padding:17px 0 0 0 }

	span.rubl {font-weight:normal;font-family:Rouble;}
	
	input[type="text"] {border:1px solid #969696;}
	input[type="submit"], input.add2bascet {font-family: Georgia, "Century Schoolbook L", Serif;color:#FFF;font-style:italic;text-shadow:0 -1px #2272b6;position:relative;height:35px;width:auto;border:none;font-size:13pt;line-height:1;padding:4px 10px;+padding:4px 0;cursor:pointer;
		display:-moz-inline-box; 
		display:inline-block;
		vertical-align:top; 
		*zoom:1; 
		*display:inline;		
		-moz-box-shadow:
		 2px 2px 3px rgba(0, 0, 0, 0.11),
		inset rgba(255, 255, 255, 0.5) 0 4px 2px -2px;
		box-shadow:
		2px 2px 3px rgba(0, 0, 0, 0.11),
		inset rgba(255, 255, 255, 0.5) 0 4px 2px -2px;
		-webkit-box-shadow:inset rgba(255, 255, 255, 0.5) 0 4px 2px -2px; /*перебиваем глюк с тенью в Safari*/
		-moz-border-radius: 17px; /* Firefox < 4*/
	   -webkit-border-radius: 17px; /* Safari and Chrome */
	   -khtml-border-radius: 17px; /* Linux browsers */
	   border-radius: 17px; /*CSS3 */
	   /*IE*/	   
	   background:#caebfb url('/img/bgr_add2bascet.gif') left bottom repeat-x;
	   /* Firefox 3.6+ */ 
		background:-moz-linear-gradient(top, #b9e5fa 0, #005aab 100%);
		/* Safari*/ 
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #b9e5fa), color-stop(1, #005aab) );
		/*Chrome*/ 
		background:-webkit-linear-gradient(top, #b9e5fa 0, #005aab 100%); 
		/* Opera 11.10+ */ 
		background:-o-linear-gradient(top, #b9e5fa 0, #005aab 100%); 
		/*css3*/
		background:linear-gradient(top, #b9e5fa 0, #005aab 100%);		   
		}
	input[type="submit"]:hover, input.add2bascet:hover {		
		-moz-box-shadow:
		 2px 2px 3px rgba(0, 0, 0, 0.52),
		inset rgba(255, 255, 255, 0.5) 0 4px 2px -2px;
		box-shadow:
		 2px 2px 3px rgba(0, 0, 0, 0.52),
		inset rgba(255, 255, 255, 0.5) 0 4px 2px -2px;
		-webkit-box-shadow:inset rgba(255, 255, 255, 0.5) 0 4px 2px -2px;/*перебиваем глюк с тенью в Safari*/
	   background:#468ec9;		   
		}
	input.removeFromBascet {border:none;color:#3674A5;font-size:12pt;height:26px;padding:0 0 5px 37px;margin:0 0 0 -10px;background:url('/img/bgr_remove.gif') 0 0 no-repeat;cursor:pointer;}
	

	.pages{ background: white url('/img/decor1.jpg') no-repeat 0 109px }

	

	.body{ min-width: 990px; min-height: 100% }

	.body .main{ margin: 0 50px 0 }

	.body .root{ width: 100%; position: relative }

	.head{ width: 100% }

	

	.search{ position: relative }

	.search .input{ position: absolute; width: 140px; right: 28px; top:22px; font-size: 12px; padding:1px 5px 1px 15px; color:#9fadb8; background: url('/img/bull.gif') left center no-repeat; border: solid 1px #e7e7e7 }

	.search .submit{ position: absolute; width: 17px; height: 17px; right:0; top:22px }

	

	.menu ul, .menu li{ list-style: none; padding:0; margin:0 }

	.menu{ margin-left: 5%; padding-left:270px; position: relative }

	.menu .layer{ width: 100%; position: relative }

	.menu ul{ position: absolute; width: 100%; top: 68px }

	.menu li{ float:left; padding: 0 38px 0 0; +padding: 0 35px 0 0;}

	/*.item-catalog{ width: 19% }

	.item-buy{ width: 21% }

	.item-about{ width: 19% }

	.item-partners{ width: 20%; margin-right: -20% }*/

	

	.left-block{ width: 270px; padding-top: 130px; float:left }

	.right-block{ padding-top: 60px; padding-left:270px; margin-left: 5% }

	

	.tree,.tree ul, .tree li{ margin:0; padding:0; list-style: none }

	.tree{ font: 125% georgia; float:left; width: 100% }

	.tree a{ color:#04518e }

	.tree li{ padding: 0 0 20px 0}

	.tree ul{ padding-left: 5px; padding-top: 8px; font-size: 80% }

	.tree ul li{ margin: 8px 0 0; padding: 2px 0 2px 10px; line-height: 1.1em }

	.tree ul ul{ padding: 0px 40px 11px 22px}

	.tree ul ul li{ padding: 0 0 0 13px }

	.current{ background: url('/img/line.gif') repeat-y }

	.current a, .current{ color:#ef383f; font-weight: bold }

	

	.catalog{ width: 100%; float:left }

	.catalog-tr{ float:left; width: 100%; padding-top: 25px }

	.catalog img{ display: block; float:left }

	.catalog .block{ float:left; width: 33% }

	.catalog .last{ margin-right: -33%; position: relative; z-index:1 }

	.item{ width: 200px; text-align: center }

	.price_block {padding:8px 0 0 0;}
	
	.price {margin:8px 8px 0 0;color:#0a61af;font-weight:bold;
		display:-moz-inline-box; 
		display:inline-block;
		vertical-align:top; 
		*zoom:1; 
		*display:inline;
	}

	.photo{ float: left; width: 100% }

	.photo div{ float: left; display: inline; width: 31%; margin-right:2%; height: 177px }

	.photo1{ background: url('/img/photo1.jpg') no-repeat }

	.photo2{ background: url('/img/photo2.jpg') no-repeat }

	.photo3{ background: url('/img/photo3.jpg') no-repeat }

	

	.page{ padding-top: 30px; width: 100%; float: left }

	


	.insert, .insert2, .insert3{ position: relative; height: 352px; margin-top: 30px; }
	.insert div{ position: absolute; left:-50px; width: 334px; height: 352px; background: url('/img/tort.jpg') no-repeat }
	.insert2 div{ position: absolute; left:-50px; width: 334px; height: 352px; background: url('/img/tort2.jpg') no-repeat }
	.insert3 div{ position: absolute; left:-50px; width: 334px; height: 352px; background: url('/img/tort3.jpg') no-repeat }


	.banner{ padding: 50px 0 0 }

	

	.end{ height: 250px; clear: both }

	.end-left{ clear: both; height: 230px }

	.index .end{ height: 100px }

	

	.panel{ width:21%; float: right; font-size: 80%; color:#04518e }

	.panel .inner{ width: 119px; text-align: center }

	.name{ padding:8px 0 15px }

	.preview{ border: solid 1px #dce1e5 }

	

	.big-image{ width:70%; float:left; padding-top:50px; text-align: center }

	.big-image .align-center{ width: 450px; margin:0 auto }

	

	.decoration{ min-width:990px; position: relative }

	.decoration .decor2{ position: absolute; width: 100%; height:265px; top: -265px; background: url('/img/decor2.jpg') no-repeat }

	.decoration .decor3{ position: absolute; width: 100%; height:265px; top: -265px; background: url('/img/decor3.jpg') no-repeat 100% 145px }

	

	.description{ color:#617d93; text-align: center }
	
	table#cart_body {width:95%;}
	.description table{ margin:0; text-align: left; }
	.description table.parametres {margin:0 0 20px 0;}

	.description td{ padding: 10px 0 0 0;vertical-align:top;}
	
	#cart_body td {color:#575656;}
	.parametres td.dots, .parametres td.data {font-size:10pt;}

	.description small{ white-space: nowrap }
	
	.description td.dots {width:420px;}
	
	.description div.image {padding-right: 20px }

	.description .dots div{ background: url('/img/dots.gif') repeat-x bottom left; padding-right: 20px }

	.description .dots span{ background: white; padding: 2px 5px 0 0 }

	.description .data{ padding-left: 5px; padding-right: 40px }
	
	.description .data input.add2bascet {margin:-10px 0 0 30px;}
	
	.description input.button {margin:7px 10px 0 0;}

	.description .value_in_cart {float:right;margin:0 5px 0 0;}
	
	.bracket{ vertical-align: top }

	.bracket-top{ position: absolute; top:0; left:1px; width: 50px; height: 50px; background: url('/img/top.gif') no-repeat top left }

	.bracket-bot{ position: absolute; width: 50px; height: 50px; top:-30px; left:2px; background: url('/img/bot.gif') no-repeat top left }

	.bracket-center{ width: 50px; background: url('/img/arr.gif') 0 center no-repeat }

	.bracket-center div{ width: 50px }

	.description .like{ padding:0 0 0 30px; vertical-align: middle; }

	

	.description2 { text-align: left; margin: 10px 0}

		.description2 h1, .right-block h1 { float: none; margin: 0; padding: 10px 0 10px 0; width: auto; 

			font-style: italic !important; color: #EF383F; font-size: 200%; font-weight: normal; font-family: georgia}

		.description2 p { margin: 0 0 20px 0; }

	input.quantity {width:46px;padding:2px;margin:0 0 0 5px;}

	.item1{ position: absolute; width: 100%; height:265px; top: -265px; background: url('/img/item1.jpg') no-repeat 25% bottom }

	.item2{ position: absolute; width: 100%; height:265px; top: -265px; background: url('/img/item2.jpg') no-repeat 22% bottom }

	.item3{ position: absolute; width: 100%; height:265px; top: -265px; background: url('/img/item3.jpg') no-repeat 22% bottom }

	.item4{ position: absolute; width: 100%; height:265px; top: -265px; background: url('/img/item4.jpg') no-repeat 22% bottom }

	

	.footer{ font: 90% arial; color:#9fadb8; min-width: 990px }

	.footer .layer{ margin: 0 50px; position: relative }

	.footer .root{ position: absolute; width: 100%; height:152px; top: -152px }

	.index .footer .root{ height: 90px; top:-90px }

	.copy{ display:inline; padding-right: 5%; width: 30% }

	.opt{ width: 16% }

	.order{ width: 14% }

	.ros{ width: 17% }

	.contacts{ width: 19%; margin-right: -19%; z-index:1; position: relative }

	

	.present{ height: 200px; top:-420px; position: absolute; left:0; width: 180px; text-align: center }

	

	.flash{ text-align: center }

/*	#flash{ width: 860px; margin:0 auto }*/

	#flash{ width: 100%; margin:0 auto }*/	



	.sep{ height: 50px }

	.rel{ position: relative }

	.bold{ font-weight: bold }

	p.italic{color: #EF383F !important; font-style: italic !important; font-size: 180%; font-family: Georgia; }

	.fl{ float:left }

	.cl{ clear: both }

	.nv{display: none}

}
.links {
	border-top: 1px solid #04518e;
	border-bottom: 1px solid #04518e;
	width:90%;
	text-align: center;
	margin: 20px auto 0px auto;
	padding: 10px 0px;
}
.links a {
	color: #3674A5;
	text-decoration: none;
	border-bottom: 1px dotted #3674A5;
}
.links a:hover {
	text-decoration: none;
	border: none;
}
.links p {
	margin-bottom: 5px;
}

#user_panel {
	float: right; 
	padding: 20px 10px 0 0;
	width: 490px;
	}
	#user_panel iframe {
		width: 490px;
		height: 50px;
		border: 0;
		}
		
#bascet_panel {
	float: right; 
	padding: 20px 200px 0 0;
	}