@media Screen
{

	html,body{ margin:0; padding:0; height: 100%; width: 100% }
	body{ background: #F0E4AC url('/img/bg.gif') 0 460px no-repeat; font-family: georgia; color:#5F524E }
	form{ padding:0; margin:0 }
	img{ border:none }
	h1, h2, h3, h4, h5, h6, p, address{ margin:0; padding:0 }
	 table{ padding: 0; border-collapse: collapse }  
	td{ padding: 0; border-collapse: collapse }
	a{ color: #B0063A }
	a:hover{ text-decoration: none }
	a:active { outline: none }
	p{ color:#4E4242; font-family: arial; font-size: 90%; line-height: 1.5em; margin-top:10px; }

	h1{ color:#5F524E; font-weight: normal; font-size: 30px; }
	h2{ color:#5F524E; font-weight: normal }
	
	.body{ width: 100%; min-width: 1280px; min-height: 100%; max-width: 1300px }
	.body-main{ margin: 0 4%; position:relative; }
	.body-root{ position:relative; width:100%;}
	
	.tool{font-size: 90%; color:#504444;}
	.lang{width:16px;position:absolute;left:0;top:20px;overflow:hidden;z-index:9;}
	.lang A{ display:block;height:11px;width:16px;text-indent:-9999px;}
	.lang DIV{ display:block;height:11px;width:16px; text-indent:-9999px;}
	.lang .en{ background: url('/img/en.gif') no-repeat; height:11px; margin:5px 0 0; }
	.lang .ru{ background: url('/img/ru.gif') no-repeat; height:11px; margin:5px 0 0; }
	.icons{ width: 22px; position: absolute; left:25%; top:20px;z-index:9;}
	.icons div{ width:22px; }

	.header{ width: 100%; position: relative; padding-top: 12px; z-index:0;}
	.logo{ float: left; width: 27% }
	.logo img{ display: block; margin: 0 auto }
	.head-img{ float: right; width:72%; background: #796D43 }
	.head-img-root{ height: 195px; position: relative }
	.head-img-main{ height: 195px; width: 100%; position: absolute; left:0; top:0; background: url('/img/header.jpg') no-repeat top center; max-width: 982px }
	.head-img-left{ width: 100%; height: 100%; background: url('/img/left-header.gif') no-repeat left top }
	.head-img-right{ height: 195px; width: 100%; background: url('/img/right-header.gif') no-repeat right top; position: absolute; left:0; top:0 }
	
	.menu ul, .menu li{ list-style: none; padding:0; margin:0 }
	.menu{ white-space: nowrap; padding-top: 10px; font-size: 110% }
	.menu li{ display:block; float:left; position: relative; width:12% }
	.menu-ru li{ display:block; float:left; position: relative; width:10% }
	.menu-en li{ display:block; float:left; position: relative; width:10% }
	.menu .item{ position: relative }
	.menu a{ position: relative; z-index:1 }
	.menu-child{ width: 100% }
	.menu ul{ width: 100% }
	

    .about{ left:0 }
	.suite{ left:-25px }
	.cost{ left:-57px }
	.services{ left:-106px }
	.gallery{ left:-40px }
	.coords{ left:-32px }
	.response{ left:-62px }
	.menu .say{ width: 16%; margin-right: -16% }
	
	.suite-en{ left:-34px }
	.cost-en{  left: -60px }
	.services-en{ left: -95px }
	.gallery-en{ left:-12px }
	.coords-en{ left: -24px }
	.response-en{ left: -19px }
	.menu .say-en{ width: 16%; margin-right: -16% }
	.oplata{ left: 25px; }
	.menu-en .oplata{ left: 66px; }
	
	.gallery-en .decor-left div{ width: 130px } 
	.response-en .decor-left div{ width: 120px }
	.say-en .decor-left div{ width: 120px }
	
	.about .item,.about-en .item{ float: left; left:0 }
	.suite .item,.suite-en .item{ float: left; left: 19%}
	.cost .item,.cost-en .item{ float: left; left: 38% }
	.services .item,.services-en .item{ float:left; left: 58% }
	.gallery .item,.gallery-en .item{ float: right; left: -22% }
	.coords .item,.coords-en .item{ float: right; left: -3% }
	.response .item,.response-en .item{ float: right; left: 16% }
	.say .item,.say-en .item{ float: right }
	
	.decor-left{ position: relative; z-index:0 }
	.decor-left div{ height: 73px; width: 100px; font-size:0; background: url('/img/menu-left.gif') no-repeat left center; position: absolute; left:-30px; top:0 }
	.decor-right{ position: relative; z-index:0 }
	.decor-right div{ height: 73px; width: 54px; font-size:0; background: url('/img/menu-right.gif') no-repeat right center; position: absolute; right:-30px; top:0 }
	
	.oplata .decor-right div{ height: 73px; width: 54px; font-size:0; background: url('/img/menu-right.gif') no-repeat right center; position: absolute; right:23px; top:0 }
	
	.say .decor-left div{ width: 180px }
	.gallery .decor-left div{ width: 150px }
	
	.coords .decor-left div{ width: 143px }
	.oplata .decor-left div{ width: 127px }
	
	.node{ padding-top: 24px }
	.current, .current a{ color: white; position: relative; z-index:1 }
	
	.tree{ padding-right: 10%; padding-top: 2.2em }
	.tree ul, .tree li{ list-style:none; padding:0; margin:0 }
	.tree li{ padding: 0.8em 0; font-style: italic; color:#5F524E }
	.tree strong{ color:#5F524E }
	
	.content{ width: 100%; padding-top: 30px }
	.block-left{ float: left; width: 27%; position: relative; z-index:2 }
	.block-right{ float: right; width:72%; position: relative; z-index:0 }
	.sub-block-left{ float:left; width: 55%; position: relative; z-index:1 }
	.sub-block-right{ float: right; width: 38%; position: relative; z-index:2 }
	
	.content .pour{ background:#BD0F44; text-align: center; padding: 0 10px; color:#FDE9BE; font-size: 90%; font-style: italic }
	
	.container{ padding-top: 25px; position: relative; z-index: 2 }
	.container p{ padding-right: 12% }
	.container .data{ font-size:80%; color:#776762 }
	.block{ font-size: 80% }
	.data-full{ width: 140px }
	.year{ width: 70px; float:left; text-align: center }
	.year a{ font-size: 110%; font-style: italic; display: block; padding-top: 3px }
	.sign{ text-align: right }
	.sign a{ font-family: georgia }
	.months{ padding: 25px 0 }
	
	.months{ font-size:80% }
	.months span{ padding:0 8px 0 0 }
	
	.wall-lamp{ position: relative; left:-40px }
	.left-lamp{ position: absolute; left:-12%; width: 120px; height: 120px; background: url('/img/wall-lamp.gif') no-repeat left top }
	.right-lamp{ position: absolute; right:-130px; width: 120px; height: 120px; background: url('/img/wall-lamp.gif') no-repeat right top }
	
	.opinion{ padding-top: 3em }
	.opinion-main{ background:#BD0F44; width: 100% }
	.opinion h2{ color: white; margin-left: 16% }
	.opinion p{ color: white; line-height: 1.2em; padding: 15px 8% 0 16%; background: url('/img/lt.gif') no-repeat 3% 3px }
	.rt{ height: 60px; background: url('/img/rt.gif') no-repeat 97% 14px }
	.tail{ padding-top: 38px; margin-left: 15%; position: relative; top:-1px; background: url('/img/tail.gif') no-repeat left top }
	.author{ padding-left: 53px; font-family: arial; font-size: 90%; color:#4E4242 }
	.author em{ line-height: 2em }
	.a1{ padding-left: 24px; height: 22px; background: #BD0F44 url('/img/a1.gif') no-repeat left top }
	.a2{ padding-right: 24px; height: 22px; background: url('/img/a2.gif') no-repeat right top }
	.a3{ padding-right: 24px; height: 22px; background: url('/img/a3.gif') no-repeat right top }
	.a4{ padding-left: 24px; height: 22px; background: #BD0F44 url('/img/a4.gif') no-repeat left top }
	
	.as1, .as2, .as3, .as4{ font-size:0; height: 3px }
	.as1{ padding-left: 3px; background: url('/img/as1.gif') no-repeat left top }
	.as2{ padding-right: 3px; background: #BD0F44 url('/img/as2.gif') no-repeat right top }
	.as3{ padding-right: 3px; background: #BD0F44 url('/img/as3.gif') no-repeat right top }
	.as4{ padding-left: 3px; background: url('/img/as4.gif') no-repeat left top }
	
	.more{ text-align: right; font-size:90% }
	.more img{ vertical-align: middle; margin-right: 9px }
	.more span{ font-family: 'times new roman' }
	.more a{ text-decoration: none; border-bottom: solid 1px #B0063A }
	.more a:hover{ border-color: #F0E4AC }
	
	.contacts{ padding-top: 3em }
	.contacts em{ display:block; width:30%; float: left; font-family: arial; font-size:90% }
	.cont-data{ float:right; width: 67%; font-family: arial; font-size: 90% }
	.contacts address{ font-style: normal }
	.contacts .more{ padding-top: 15px }
	
	.widget{ padding-top: 1em; width: 100% }
	.widget-child{ font-family: arial; padding-right: 20% }
	.widget .type{ font-size: 90%; color:#5F524E; padding:0 0 7px }
	.widget-form{ width: 100% }
	.widget-form select{ width: 100%; font-family: arial; font-size: 12px; color:#555 }
	.widget .submit{ padding: 30px 0 }
	.data-tool{ width: 100% }
	.data-tool .head{ color:#555; text-align: left; padding-top: 10px; padding-bottom: 3px }
	.data-tool .data{ padding-right: 28px }
	.data-tool .data input{ width: 100%; padding:0; font-family: arial; font-size: 12px; color:#555 }
	.arrival{ float:left; width: 46%; font-size: 80% }
	.departure{ float: right; width: 46%; text-align: right; font-size: 80% }
	.calendar_l{ position: relative }
	.calendar_l .icon{ position: absolute; right:0; top:0; width: 19px; height: 19px }
	.evening{ position: relative }
	.even-left{ position: absolute; left:0; top:0; width: 100%; height: 35px; background: url('/img/reserve-left.gif') no-repeat left top }
	.even-right{ position: absolute; left:0; top:0; width: 100%; height: 35px; background: url('/img/reserve-right.gif') no-repeat right top }
	.reserve{ position: relative; z-index: 1 }
	.reserve-bg{ position: relative; z-index:0; height: 35px; margin: 0 4px; background: url('/img/reserve-bg.gif') repeat-x left top }
	.reserve-txt{ position: absolute; height: 35px; width: 100%;background: url('/img/reserve.gif') no-repeat top center }
	.sber-txt{ position: absolute; height: 35px; width: 100%;background: url('/img/sber.gif') no-repeat top center }
	.reserve-txt-eng{ position: absolute; height: 35px; width: 100%;background: url('/img/reserve_en.gif') no-repeat top center }
	.reserve input{ position: absolute; width: 100%; height: 35px }
	
	fieldset{ border: solid 1px #5F524E; margin-right: 12%; color:#5F524E; padding-bottom: 20px }
	
	#sberbank{ margin:1em 0; }
	#sberbank .submit{ width:378px; margin:1em 0 0; }
	#sberbank fieldset{ border: none; margin-right: 12%; color:#5F524E; padding-bottom: 10px }
	#sberbank label{ float:left; width: 200px; }

	legend{ font-family: arial; font-size: 90%; font-weight: bold; color:#5F524E }
	.i{ font-family: arial; font-size:65%; line-height: 16px; padding-left: 25px; padding-top: 14px }
	.i img{ vertical-align: middle; margin-right: 10px }
	.form-left{ float:left; width: 49%  }
	
	.form-right{ float:right; width: 49% }
	.form-block{ width: 100%; margin-top: 20px }
	.form-block input{ font: 12px arial; color:#555 }
	fieldset .select, .form-left-child, .range{ width: 76%; float:left; position: relative; left: 12% }
	fieldset .select select{ width: 100%; font:12px arial; color:#555 }
	
	.people{ width: 50% }
	.start{ float:left; width: 47% }
	.finish{ float: right; text-align: right; width: 47% }
	.field-head{ text-align: left; font-size: 80%; font-family: arial; padding-bottom: 5px }
	.field-head-wrong{ text-align: left; font-size: 80%; font-family: arial; padding-bottom: 5px;color:#B0063A }
	.field-head span, .i span{ color:#B0063A }
	.field-main{ width: 100%; position: relative }
	.cal{ position: relative; width: 100% }
	.cal img{ position: absolute; right:0; top:0; width: 22px; height: 22px }
	.cal-input{ padding-right: 35px }
	.cal-input input{ width: 100% }
	.input-left{ width: 87% }
	.input-right{ width: 70% }
	textarea{ font: 80% arial; color:#555; width: 80% }
	.reserve-submit{ padding: 50px 0; width: 88%; text-align: center }
	.reserve-submit input{ width: 245px; height: 35px }
	
	.banner-small{ padding-top: 30px; width: 100% }
	.banner-small .bg{ background: url('/img/bg-banner.gif') repeat-x left top }
	.banner-small .bg-right{ background: url('/img/right-banner-small.gif') no-repeat right top }
	.banner-small a{ display: block }
	
	.banner-big{ padding-top: 150px; width: 100% }
	.banner-big .bg{ background: url('/img/bg-banner-big.gif') repeat-x left top }
	.banner-big .bg-right{ background: url('/img/right-banner-big.gif') no-repeat right top }
	.banner-big a{ display: block }
	
	.spacing-informer{ height: 250px }
	.spacing-inner{ height: 223px }
	.spacing{ height: 130px; clear: both }
	
	.informer{ position: relative; width: 100%; z-index:3 }
	.informer-child{ position: absolute; height: 260px; width: 27%; top: -485px }
	.informer-main{ margin-left: 14% }
	.informer h3{ font-weight: bold; font-size: 100%; color:#5F524E }
	
	.weather{ width: 100%; position: relative; height: 7em; font-family: arial; color:#4E4242 }
	.weather-data{ position: absolute; width: 120px; left:0; top:0; padding-top: 15px }
	.weather-txt{ position: absolute; left:95px; width: 150px; top:0; padding-top: 20px; font-size: 90% }
	.weather .param{ padding: 5px 0 }
	.weather .image{ float:left; width: 52px; padding-top: 10px }
	.mean-1{ float:left; width: 45px; padding-top: 10px; text-align: right; font-size: 125%; line-height: 35px; position: relative; left: -10px }
	.mean-2{ float: left; width: 40px; padding-top:12px; text-align: right; position: relative; left: -10px }
	.degree{ clear: left; float:left; width: 52px; padding-top: 10px; font-family: georgia; font-size: 110% }
	.footer .degree a{ color:#B0063A }
	
	.courses{ margin-left: 35px; color:#555; font-family: arial }
	.courses div{ padding: 20px 0 0 }
	.courses img{ vertical-align: middle; margin: 0 8px }
	
	.search{ position: relative; width: 100%; z-index:2 }
	.search-input{ width: 86%; position: relative; left: 14%; padding-top: 85px }
	.search .input{ width: 70%; padding-right: 25px; vertical-align: middle; color:#555; font-style: italic; font-family: georgia }
	.search .submit{ vertical-align: middle; height: 25px; width: 25px; position: relative; left: -30px }
	.lamp{ position: absolute; height: 180px; width: 27%; background: url('/img/lamp.gif') no-repeat left top; left:0; top:-223px }
	
	.footer{ width: 100%; min-width: 990px; position: relative; font-size: 90%; color: white }
	.footer-main{ position: absolute; width: 100%; height:102px; top: -102px; left:0; background:#504444 url('/img/footer-bg.gif') repeat-x left top }
	.footer-root{ width: 100%}
	.footer a{ color: white }
	.copy{ float:left; width: 40%; padding-top: 44px }
	.copy .root{ padding-right: 20px; margin-left: 10% }
	.footer .address{ float:left; width: 30%; padding-top: 44px }
	.footer .phone{ font-size:170%; color:#FFDC76 }
	.made-by{ float: right; width: 24%; text-align: right; padding-top: 44px }
	.made-by .root{ margin-right: 17% }
	
	.transparent{ color:#F0E4AC }
	.georgia{ font-family: georgia }
	.italic{ font-style: italic }
	.bold{ font-weight: bold }
	.nobr{ white-space: nowrap }
	.cl{ clear: both }
	.br1{ height: 25px }
	.br2{ height: 10px; font-size:0 }
	
	.footer-root, .search, .informer, .body{ max-width: 1400px }

	table.tbl_prices 
	{
	 border-collapse: collapse;      
	 border:2px solid #E0C692;	
        } 
	table.tbl_prices td 
	{
		
 	        border:1px solid #E0C692;			
		padding: 0.5em;
        }

	.data_left
	{
		
 	  font-size:120%;   
	  text-align: left; 
        }

	tr.data td
	{
		
 	  font-size:120%;   
	  text-align: center; 
        }


        div.abc {position: absolute; top: -3000px; left: -3000px; visibility: hidden; display: none;}

	table.tbl_prices td small
	{
		font-size: 60%;
        }
}