html, body, h1, h2, h3, h4, h5, h6, div, p, a, img, table, thead, tbody, th, td, dl, ul, ol, li, dt, dd, form, fieldset, label, button, hr 	{margin: 0; padding: 0; border: 0; font-weight: normal;}
ol, ul		{list-style: none;}
a img		{border: none;}
:focus 		{outline: 0;}

html 				{background-position: 45% 185px; background-repeat: no-repeat;}

body				{position: relative; width: 905px; margin: 0 auto; padding: 407px 0 100px 80px; font-family: Georgia; font-size: 62.5%; color: #666;}

h1				{position: absolute; top: 110px; left: 80px; font-size: 240%; font-style: italic; letter-spacing: 1px;}
h2				{margin-bottom: 20px; font-size: 135%; font-weight: bold; letter-spacing: 1px;}

p				{margin: 0 0 1.4em 0;}

a:link			{color: #a200ff;}
a:visited		{color: #a200ff;}
a:hover			{color: #a200ff;}

#links			{margin-left: -30px; padding: 7px 0 0 30px; background-repeat: no-repeat; font-size: 180%; font-style: italic; line-height: 22px;}
	#links p 			{margin-bottom: 1.3em; letter-spacing: 1px;}
	#links a 			{text-decoration: none; border-bottom: dashed 1px #a200ff; font-size: 135%;}
	#links a.grey		{border-bottom-color: #666; color: #666 !important;}
	
.content		{display: block; margin: 30px 0 0 -80px; padding: 0 0 70px 80px; background: url(images/border-bottom.gif) bottom left no-repeat; font-size: 180%; font-style: italic;}
	.border-top			{height: 70px; margin: 0 0 22px -80px; background: url(images/border-top.gif) bottom left no-repeat;}
		.border-top span			{display: block; width: 70px; height: 70px; margin-left: 155px; background: url(images/border-top-a.gif);}
	.content p a			{text-decoration: none; border-bottom: dashed 1px #a200ff; font-size: 135%;}
	#content-bistro		{overflow: hidden; background: #fff;}
	#content-udobno		{overflow: hidden; background: #fff url(images/title-u.gif) -5000px -5000px no-repeat;}
	#content-ponyatno	{overflow: hidden; background: #fff url(images/title-po.gif) -5000px -5000px no-repeat;}
	#content-portfolio	{overflow: hidden; background: #fff;}
	#content-prosto		{overflow: hidden; background: #fff url(images/title-pr.gif) -5000px -5000px no-repeat;}
	
#order-link 		{padding-top: 45px; font-size: 240%; font-style: italic;}	
	#order-link 	a		{text-decoration: none; border-bottom: dashed 1px #a200ff;}
	#order-link 	span		{margin-left: 5px; font-style: normal;}	

#order-form		{overflow: hidden; margin-top: 35px; font-size: 140%; font-style: italic;}	
	#order-form label		{display: block; margin: 0 0 5px 5px;}
	#order-form .type 			{margin-bottom: 40px;}
		#order-form .type div				{margin: 0 0 15px 5px;}
		#order-form .type label			{display: inline; margin-right: 20px; vertical-align: middle; font-size: 130%;}
		#order-form .type input			{vertical-align: middle;}
	#order-form .text, #order-form textarea		{display: block; width: 401px; border: none; padding: 6px 8px; font: italic 180% Georgia;}
	#order-form .text	{height: 31px; margin-bottom: 25px; background: url(images/input.gif) no-repeat; }
	#order-form textarea	{height: 181px; margin-bottom: 10px; background: url(images/textarea.gif) no-repeat;}
	#order-form button	{width: 155px; height: 43px; background: url(images/submit-b.gif) no-repeat; font: bold italic 180% Georgia; line-height: 40px; color: #fff;}

	.content table	{width: 920px; margin: 40px 0 0 -45px; border-collapse: collapse; font-style: italic;}
		.content th			{width: 280px; height: 40px; border-bottom: solid 1px #d5d5d5; text-align: left; font-size: 110%; font-weight: normal; }
		.content th.n		{width: 45px; font-size: 90%; color: #999;}
		.content thead th		{font-size: 80%; font-weight: bold;}
		.content tfoot th		{vertical-align: top; padding-top: 15px; font-size: 80%; font-weight: bold; border-bottom: none;}
		.content thead td		{text-align: center; font-size: 90%;}
		.content td.d		{width: 270px; padding-left: 25px; border: none; border-bottom: solid 1px #d5d5d5; background: none; font-size: 85%;}
	
.footer			{margin: 100px 0 0 0; font-size: 120%; line-height: 1.4em; color: #999;}
	.phone				{margin: 0 0 25px -10px; font-size: 115%;}
		.phone span				{font-size: 170%;}
		
/*------------------------pages-----------------------*/	
html.index		{background-image: url(images/title-b.gif);}
	.index #links		{background-image: url(images/star-b.gif);}
		.index #links a.active, .index h2, .index #order-link a, .index #order-link span	{border-bottom-color: #a200ff; color: #a200ff !important;}
	
	.bistro	.content	{display: block !important;}
		.days thead td	span		{display: block; font-size: 140%;}
		.days tbody td		{width: 44px; height: 42px; border: solid 1px #fff; background: #d5d5d5;}
		.days td.y		{background: #a200ff;}
		.days tfoot .itogo	{padding: 5px; text-align: right; font-size: 120%;}
		.days tfoot .days5	{padding: 5px 15px; border: solid 1px #fff; background: #a200ff url(images/ministar1.gif) 117px 13px no-repeat; font-size: 155%; font-weight: bold; color: #fff;}
		p.days-discl	{margin-left: 568px; padding: 6px 0 0 10px; background: url(images/ministar2.gif) no-repeat; font-size: 80%; color: #999;}
		
html.udobno		{background-image: url(images/title-u.gif);}
	.udobno #links		{background-image: url(images/star-u.gif);}
	.udobno #order-form  button		{background-image: url(images/submit-u.gif);}
		.udobno a, .udobno #links a.active, .udobno h2, .udobno #order-link a, .udobno #order-link span	{border-bottom-color: #16e5ad; color: #16e5ad !important;}	
	.udobno .content 				{display: block !important;}
		.udobno .border-top span		{margin-left: 550px;}
	
html.ponyatno	{background-image: url(images/title-po.gif);}
	.ponyatno #links		{background-image: url(images/star-po.gif);}
	.ponyatno #order-form  button		{background-image: url(images/submit-po.gif);}	
		.ponyatno  a, .ponyatno #links a.active, .ponyatno h2, .ponyatno #order-link a, .ponyatno #order-link span	{border-bottom-color: #16d4e5; color: #16d4e5 !important;}		
	.ponyatno .content			 	{display: block !important;}
		.ponyatno .border-top span	{margin-left: 390px;}
	table.complect		{margin-bottom: 20px;}
		.complect thead td	{font-size: 90%;}
		.complect tfoot td	{padding-left: 5px; font-size: 90%;}
		.complect tfoot td	span			{display: block; margin: 5px 0 10px 0; font-size: 110%; color: #15d4e5;}
			.complect tfoot span big				{font-size: 155%; color: #15d4e5;}
		.complect tbody td		{width: 82px; height: 42px; border: solid 1px #fff; background: #16d4e5 url(images/table-check.gif) 50% 50% no-repeat;}
		.complect td.y		{background: #d5d5d5;}
		.complect td.d		{line-height: 15px;}
	
.portfolio .content		{display: block !important;}
	.portfolio .border-top span				{margin-left: 290px;}
	#content-portfolio		{position: relative; width: 810px; margin: 0 0 30px -80px; padding: 0 100px 0 70px; font-size: 90%;}		
		#content-portfolio img		{float: left;}		
		#content-portfolio div div		{float: right; width: 290px; padding-top: 7px;}		
			#content-portfolio h3			{margin-bottom: 20px; font-size: 125%;}		
			#content-portfolio p 			{line-height: 1.3em;}		
				#content-portfolio p a				{border: none; text-decoration: underline; font-size: 100%;}
		#content-portfolio .work		{width: 810px;}
		#content-portfolio .a		{position: absolute; top: 240px; display: block; width: 29px; height: 83px;}
		#content-portfolio .back		{left: 0; background: #eee url(images/arrow-left.gif) no-repeat;}
		#content-portfolio .fwd		{left: 905px; background: #eee url(images/arrow-right.gif) no-repeat;}
		
html.prosto		{background-image: url(images/title-pr.gif);}
	.prosto #links		{background-image: url(images/star-pr.gif);}
	.prosto #order-form  button		{background-image: url(images/submit-pr.gif);}	
		.prosto a, .prosto #links a.active, .prosto h2, .prosto #order-link a, .prosto #order-link span	{border-bottom-color: #41e516; color: #41e516 !important;}		
	.prosto	.content			 	{display: block !important;}
		.prosto .border-top span		{margin-left: 335px;}
	#content-prosto	ol 	{margin: 0 0 20px 45px; list-style: decimal; line-height: 1.4em;}


