@charset "windows-1251";
* {margin:0; border:0; padding:0; }
html,body {margin:0; padding:0; border:0px;	height:100%; /* needed for container min-height */ font-family:Tahoma; font-size:12px; color:#383838; background:#e1e1e1 url(/images/dar4.ru/header/up_bg.gif) top repeat-x}
div{margin:0; border:0; padding:0;}
a{outline:none; font-size:12px; color:#000; text-decoration:underline}
a:hover{outline:none; color:#000; text-decoration:none}
h1{color:#0d4e6b; font-size:20px; font-weight:normal; padding-bottom:10px;}
h2,h3,h4{color:#0d4e6b; font-size:16px; font-weight:normal; padding-bottom:10px}
div#Container{position:relative; /* needed for footer positioning*/ margin:0 auto; /* center, not in IE5 */ width:100%; height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ min-width:1100px; background:url(/images/dar4.ru/right_bg.png) right repeat-y;}
	.ie6 div#Container{width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1100? "1100px": "100%");}
.FreeL{clear:left}
.FreeBoth{clear:both}
a img,a:hover img,img{outline:none;text-decoration:none}
.ie6 .iePNG, IMG.need { filter:expression(fixPNG(this)); } 
.ie6 .iePNG A { position: relative; }
img.GreenBorder{border:#c9f2c9 1px solid}
.font21{font-size:21px}
.SpecialBlue11{font-size:11px; color:#187e90; padding:10px}
	.SpecialBlue11_0 a{color:#187e90}
.TiragSelect{line-height:31px; margin-bottom:10px}
/*Шапка*/
#Header{position:relative; width:100%; height:142px; top:0px; left:0px; background:url(/images/dar4.ru/header/up_left.jpg) top left no-repeat}
	#UpLogo{position:absolute; width:187px; height:69px; left:20px; top:10px; background:url(/images/dar4.ru/down_logo.png) no-repeat}
	
	#ChUpPodarki{position:absolute; width:160px; height:128px; top:2px; left:226px;}
	#Slogan{position:absolute; width:360px; height:auto; left:398px; top:20px; font-size:20px; color:#FFF; font-family:Myriad Pro; line-height:21px}
	#SloganShadow{position:absolute; width:360px; height:auto; left:400px; top:22px; font-size:20px; color:#b3542e; font-family:Myriad Pro; line-height:21px}
	.Bigger{font-size:29px}
	
	#UpTelFirst{position:absolute; width:130px; height:auto; top:36px; right:260px; text-align:right; font-family:Myriad Pro; font-size:25px; color:#FFF; line-height:31px}
	#UpTelSec{position:absolute; width:210px; height:auto; top:30px; right:41px; text-align:left; font-family:Myriad Pro; font-size:41px; color:#FFF; line-height:31px}
	#UpTelFirstShadow{position:absolute; width:130px; height:auto; top:39px; right:258px; text-align:right; font-family:Myriad Pro; font-size:25px; color:#b3542e}
	#UpTelSecShadow{position:absolute; width:210px; height:auto; top:32px; right:39px; text-align:left; font-family:Myriad Pro; font-size:41px; color:#b3542e}
	
	#Recycle{position:absolute; width:420px; height:18px; top:112px; right:34px; color:#4e4e4e; font-size:13px; text-align:right}
		#Recycle a{color:#FFF; text-decoration:none; padding:0px 5px}
		#Recycle a:hover{text-decoration:underline}
		#Recycle .Blue{color:#2ac4fd; padding:0px 5px}
		#Recycle .White{color:#FFF; padding:0px 5px}
		#Recycle a.Rec{position:relative; padding-right:25px}
			#Recycle img{position:absolute; margin-top:0px;}
			.ie6 #Recycle{top:112px}
	#BackForm{position:absolute; width:140px; height:18px; top:112px; left:398px; color:#fff; font-size:13px; text-align:left}
		#BackForm a{color:#FFF; font-size:13px}
/*********************************************/


/*Основное поле контента (содержимое страниц)*/
div#Content {padding-bottom:162px; padding-top:0px;/* bottom padding for footer */}

	#left {position:relative;float:left;width:184px; padding-left:21px; padding-right:12px;}
	#right {position:relative;float:right;width:226px; padding-right:20px; padding-left:13px;}
	#middle {margin-left:217px; margin-right:259px;}
	.column-in {position:relative; width:auto; height:auto; top:0px; left:0px; margin:0px; padding-top:25px;}
	.column-in_in {position:relative; width:100%; top:0px; left:0px; margin:0px; padding-top:25px; min-height:420px;}
		.ie6 .column-in_in {width:99%;}
	.cleaner {clear:both;}
	
	#LeftMenu{position:relative; width:184px; height:auto; top:0px; left:0px;}
		#LeftMenu a, #LeftMenu a:hover{display:block; width:159px; height:32px; padding-left:25px; line-height:32px; background:url(/images/dar4.ru/middle/b_n_act.jpg) no-repeat; font-size:16px; color:#ffffff; font-family:Myriad Pro; text-decoration:none; margin-bottom:2px;}
			#LeftMenu a.active{background:url(/images/dar4.ru/middle/b_act.jpg) no-repeat}
	
	#Registering{position:relative; width:184px; height:174px; top:0px; left:0px; margin-top:7px; background:url(/images/dar4.ru/middle/registering.gif) no-repeat}
		#Registering input.RegInput, #Registering input.RegInput2{width:135px; height:16px; background:#80b0c5; color:#FFF; font-size:12px; margin-left:24px;}
		#Registering input.RegInput2{}
		.ie6 #Registering input.RegInput2{margin-top:-4px}
		.ie7 #Registering input.RegInput2{margin-top:-4px}
		#EnterReg{position:absolute; width:95px; height:18px; bottom:33px; left:40px}
		#DownReg{position:absolute; width:184px; height:auto; bottom:0px; left:0px; text-align:center; font-size:10px; color:#036590}
			#DownReg a{font-size:10px; color:#036590}
	
	#Kroshki{position:relative; padding-bottom:10px; padding-left:10px; font-size:10px}
		#Kroshki a{font-size:10px}
	.WhiteBlock, .WhiteBlock2{position:relative; width:529px; height:auto; top:0px; left:0px; margin:0 auto; background:#FFF url(/images/dar4.ru/middle/left_r.jpg) left top no-repeat; margin-bottom:10px;}
		.WhiteBlock2{width:auto}
		.WhiteBotLeft{position:relative; width:100%; height:auto; top:0px; left:0px; background:url(/images/dar4.ru/middle/down_left_r.jpg) left bottom no-repeat}
		.WhiteBotRight{position:relative; width:100%; height:auto; top:0px; left:0px; background:url(/images/dar4.ru/middle/down_right_r.jpg) right bottom no-repeat}
		.WhiteTopRight, .WhiteTopRight2{position:relative; width:auto; height:181px; top:0px; left:0px; background:url(/images/dar4.ru/middle/right_r.jpg) right top no-repeat; padding:8px}
		.WhiteTopRight2{padding:18px; height:auto}
	
	.WhiteBlock3{position:relative; width:auto; height:auto; top:0px; left:0px; margin:0 auto; background:#FFF url(/images/dar4.ru/middle/left_r3.jpg) left top no-repeat; margin-bottom:10px;}
		.WhiteBotLeft3{position:relative; width:100%; height:auto; top:0px; left:0px; background:url(/images/dar4.ru/middle/down_left_r3.jpg) left bottom no-repeat}
		.WhiteBotRight3{position:relative; width:100%; height:auto; top:0px; left:0px; background:url(/images/dar4.ru/middle/down_right_r3.jpg) right bottom no-repeat}
		.WhiteTopRight3{position:relative; width:auto; top:0px; left:0px; background:url(/images/dar4.ru/middle/right_r3.jpg) right top no-repeat; padding:18px; height:auto}
	
	.WhiteGrBlock, .WhiteGrBlock2{position:relative; width:529px; height:auto; top:0px; left:0px; margin:0 auto; background:#eaeaea url(/images/dar4.ru/middle/left_r_gr.jpg) left top no-repeat; margin-bottom:10px;}
		.WhiteGrBlock2{width:auto}
		.WhiteGrBotLeft{position:relative; width:100%; height:auto; top:0px; left:0px; background:url(/images/dar4.ru/middle/down_left_r_gr.jpg) left bottom no-repeat}
		.WhiteGrBotRight{position:relative; width:100%; height:auto; top:0px; left:0px; background:url(/images/dar4.ru/middle/down_right_r_gr.jpg) right bottom no-repeat}
		.WhiteGrTopRight, .WhiteGrTopRight2{position:relative; width:auto; height:181px; top:0px; left:0px; background:url(/images/dar4.ru/middle/right_r_gr.jpg) right top no-repeat; padding:8px}
		.WhiteGrTopRight2{padding:18px; height:auto}
	
	.GrayBlock{position:relative; width:100%; height:auto; top:0px; left:0px; margin:0 auto; background:#d5d5d5 url(/images/dar4.ru/middle/left_gray.gif) left top no-repeat; margin-bottom:10px; z-index:100}
	.GrayLeft{position:relative; width:auto; height:auto; top:0px; left:0px; background:url(/images/dar4.ru/middle/left_bot_gray.gif) left bottom no-repeat}
	.GrayRight{position:relative; width:auto; height:auto; top:0px; left:0px; background:url(/images/dar4.ru/middle/right_bot_gray.gif) right bottom no-repeat;}
		.GrayTopRight{position:relative; width:auto; height:auto; top:0px; left:0px; background:url(/images/dar4.ru/middle/right_gray.gif) right top no-repeat; padding:8px}

	
		a.Orange, a.Orange:hover{color:#e44101; position:relative; padding-left:50px;}

	.BlueBlock{position:relative; width:100%; height:100%; top:0px; left:0px; margin:0 auto; background:#638190 url(/images/dar4.ru/middle/blue_top_left.gif) left top no-repeat; margin-bottom:10px;}
		.ie6 .BlueBlock{margin-bottom:20px;}
		.BlueBotLeft{position:relative; width:auto; height:auto; top:0px; left:0px; background:url(/images/dar4.ru/middle/blue_bot_left.gif) left bottom no-repeat}
		.BlueBotRight{position:relative; width:auto; height:auto; top:0px; left:0px; background:url(/images/dar4.ru/middle/blue_bot_right.gif) right bottom no-repeat}
		.BlueTopRight{position:relative; width:auto; height:auto; top:0px; left:0px; background:url(/images/dar4.ru/middle/blue_top_right.gif) right top no-repeat; padding:4px 6px;}
	
	.MonthName{color:#FFF; text-transform:uppercase; font-size:10px;}
		.MonthName2{color:#FFF; text-transform:uppercase; font-size:14px;}
		
	.NameHol{color:#004665; font-size:14px; font-weight:bold}
	.PresentText{position:relative; width:auto; height:auto; top:0px; left:0px; color:#383838; padding-left:15px;}
		.PresentText a{color:#1e8bc1}
		.PresentText a:hover{color:#e44101}
	
	.HolSpisok{color:#5a5a5a; line-height:18px}
		.HolSpisok a{color:#1e8bc1; text-decoration:underline}
			.HolSpisok a:hover{text-decoration:none}
	
	.Razdel{width:5px}	
	.RekBl{position:relative; width:252px; height:181px; top:0px; left:0px;}
		.ReBlImg{position:relative; width:252px; height:181px; top:0px; left:0px;}
		.RekRamka{position:absolute; width:252px; height:181px; top:0px; left:0px; background:url(/images/dar4.ru/middle/ramka.gif) left top no-repeat}
		.RekPrice{position:absolute; width:107px; height:21px; left:16px; bottom:27px; color:#FFF; font-size:14px; background:url(/images/dar4.ru/middle/price.gif) no-repeat; text-align:center; font-weight:bold; line-height:19px;}
		.Tirag { bottom:5px; left:16px; background:#DDD; border:1px solid #AAA; position:absolute; text-align:center; font-size:10px; color:#000; padding:0 4px; }
		
	.Text{padding:0px 10px;}
		.Text p{padding-bottom:16px}
		
	#SetBg{position:relative; width:100%; height:280px; background:url(/images/dar4.ru/set/set_bg.jpg) top repeat-x}
		#SetLeftBg{position:absolute; width:783px; height:218px; top:0px; left:0px; background:url(/images/dar4.ru/set/set_left.jpg) no-repeat}
		#SetRightBg{position:absolute; width:214px; height:218px; top:0px; right:0px; background:url(/images/dar4.ru/set/set_right.jpg) no-repeat}
	
	#SetRotator{position:relative; width:936px; height:240px; top:0px; left:0px; margin:0 auto}
		#SetUniversal{position:absolute; width:213px; height:224px; top:16px; left:0px; background:url(/images/dar4.ru/middle/img_ramka.jpg) top no-repeat}
		.SetInRamka{width:203px; height:164px; padding:5px;}
		#UnderUniversal{position:relative; width:166px; height:22px; top:24px; left:0px; margin:0 auto; background:url(/images/dar4.ru/middle/under_universal.gif) no-repeat; color:#f6f6f6; font-size:19px; font-family:Myriad Pro; text-align:center; line-height:21px}
		 	#UnderUniversal a{color:#f6f6f6; font-size:19px; font-family:Myriad Pro; text-decoration:none}
		 	#UnderUniversal a:hover{text-decoration:underline}
	#SetPresent{position:absolute; width:241px; height:178px; top:36px; left:0px;}
	#SetPromoText{position:absolute; width:219px; height:auto; top:30px; left:199px; font-size:20px; color:#FFF}
		#SetPromoText #Sub{padding-left:38px; font-size:15px; line-height:26px}
	.NameHear{position:absolute; width:180px; height:auto; top:87px; left:435px; font-size:13px; color:#f1dfbf; text-transform:uppercase; font-style:italic; font-weight:bold; font-family:Verdana; text-align:center}
	
	#NameHearForm{position:absolute; width:219px; height:124px; top:40px; right:17%; background:url(/images/dar4.ru/middle/enter_f.png) top center no-repeat; text-align:center}
		input.NameInput{width:185px; height:16px; color:#000000; font-size:13px; text-align:center; margin-left:2px; margin-top:12px; margin-bottom:20px; font-weight:bold}
		#NameHearForm a{font-size:18px; color:#FFF}
	#email_form {margin-top: 7px; margin-left: 5px; display: none;}
		.AGAIN{text-align:right;width:100%;}
		.AGAIN a{font-size:11px;}
		.gecko .AGAIN a{margin-right:36px}
		.opera .AGAIN a{margin-right:60px}
		#present_result { position:absolute; bottom:-50px; color:#FFF; font-weight:bold; left:20px; }
		#email {border: 1px solid #999999;}
		input.buttons { background: none no-repeat top left; border: none; cursor: pointer; display: block; float: left; height: 25px; overflow: hidden; padding: 0; margin: 0 2px 0 0; text-indent: -9999px; width: auto; }
		input.sendForm { background-image: url(/images/dar4.ru/middle/send_button.gif); width: 95px; height:18px; margin:5px 0 0 50px; }

	#SetNavi{position:relative; width:936px; height:33px; top:234px; left:0px; margin:0 auto}
	#SetName{position:absolute; width:213px; height:auto; left:0px; top:0px; font-family:Myriad Pro; font-size:25px; color:#FFF; line-height:33px}
	#SetNav{position:absolute; width:723px; height:33px; top:0px; left:286px;}
		#NavLeft{position:absolute; width:33px; height:33px; top:0px; left:0px;}
			#NavLeft a, #NavRight a{display:block; width:33px; height:33px; background:url(/images/dar4.ru/middle/to_left.gif) no-repeat}
			#NavLeft a:hover{background:url(/images/dar4.ru/middle/to_left_act.gif) no-repeat}
		#NavRight{position:absolute; width:33px; height:33px; top:0px; right:40px;}
			#NavRight a{background:url(/images/dar4.ru/middle/to_right.gif) no-repeat}
			#NavRight a:hover{background:url(/images/dar4.ru/middle/to_right_act.gif) no-repeat}
			
		#Rotator{position:relative; width:700px; height:224px; top:16px; left:264px;}
		#UnderSets{position:absolute; width:684px; height:28px; left:286px; top:211px; background:url(/images/dar4.ru/middle/under_sets.gif) top no-repeat}
			.opera #UnderSets, .gecko #UnderSets{top:202px}
		.stepcarousel{
		position: relative; /*leave this value alone*/
		overflow: scroll; /*leave this value alone*/
		width: 723px; /*Width of Carousel Viewer itself*/
		height: 224px; /*Height should enough to fit largest content's height*/
		}
		
		.stepcarousel .belt{
		position: absolute; /*leave this value alone*/
		left: 0;
		top: 0;
		}
		
		.stepcarousel .panel{
		float: left; /*leave this value alone*/
		overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
		width: 213px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
		margin:0px 22px;
		}
		.SetRotators{position:relative; width:213px; height:224px; top:0px; left:0px; background:url(/images/dar4.ru/middle/img_ramka.jpg) top no-repeat}
		.UnderRotators{position:relative; width:206px; height:22px; top:24px; left:0px; margin:0 auto; color:#344955; font-size:19px; font-family:Myriad Pro; text-align:center; line-height:21px}
		 	.UnderRotators a{color:#344955; font-size:19px; font-family:Myriad Pro;}
			
	#DownBanner{position:relative; width:100%; height:89px; top:0px; left:0px; text-align:right; background:#f5fafe; margin-top:15px;}
	
	.DayHolSelect{position:relative; width:auto; height:23px; top:3px; left:0px;}
	
	.PresentItem{position:relative; width:103px; height:auto; top:0px; left:0px; float:left; margin:10px 10px; text-align:center}
		.PresentItem img{border:#d4d4d4 1px solid}
		.PresentItem a{color:#1e8bc1; text-decoration:underline;}
		.PresentItem a:hover{color:#1e8bc1}
		
		
	.BlueButton{position:relative; height:23px; top:0px; left:0px;}
		.BlueLeft{position:absolute; width:4px; height:23px; top:0px; left:0px; background:url(/images/dar4.ru/buttons/blue_l.png) no-repeat}
		.BlueRight{position:absolute; width:4px; height:23px; top:0px; right:0px; background:url(/images/dar4.ru/buttons/blue_r.png) no-repeat}
		.BlueMiddle{position:relative; width:auto; height:21px; top:0px; margin:0px 4px; background:url(/images/dar4.ru/buttons/blue_mid.png) repeat-x; color:#FFF; padding-top:2px}
			.BlueMiddle input, .BlueMiddle input:hover{display:block; text-align:center; height:20px; position:relative; padding-top:3px; color:#eaeaea; text-decoration:none}
			.BlueMiddle a, .BlueMiddle a:hover{display:block; text-align:center; height:20px; position:relative; padding-top:3px; color:#eaeaea; text-decoration:none}
			
	.OrangeButton{position:relative; height:23px; top:0px; left:0px; color:#FFF;}
		.OrangeLeft{position:absolute; width:4px; height:23px; top:0px; left:0px; background:url(/images/dar4.ru/buttons/orange_l.png) no-repeat}
		.OrangeRight{position:absolute; width:4px; height:23px; top:0px; right:0px; background:url(/images/dar4.ru/buttons/orange_r.png) no-repeat}
		.OrangeMiddle{position:relative; width:auto; height:23px; top:0px; margin:0px 4px; background:url(/images/dar4.ru/buttons/orange_mid.png) bottom repeat-x; color:#eaeaea; text-decoration:none; font-size:9pt; font-family:Tahoma}
			.OrangeMiddle a, .OrangeMiddle a:hover{display:block; text-align:center; height:20px; position:relative; padding-top:3px; color:#eaeaea; text-decoration:none}
			
		.RecTable table, .RecTable td{border:#eaeaea 1px solid}
		.RecTable td{padding:5px 3px;}	
		td.HeadTd{background:#2e6784; color:#FFF;}	
		
		tr.GrayTr td{background:#dadada}
		tr.WhiteTr td{background:#ffffff}
		
		tr.GrayTr td.pusto, tr.WhiteTr td.pusto{background:none}
		
		a.DelBut{display:block; width:15px; height:15px; background:url(/images/dar4.ru/buttons/del.png) center no-repeat}
		a.AppBut{display:block; width:15px; height:15px; background:url(/images/dar4.ru/buttons/app.png) center no-repeat}
		
		.OrangePanel{position:relative; width:auto; height:auto; top:0px; left:0px; padding:10px; margin:0px 2%; margin-bottom:10px; background:#e44303; color:#FFF}
		
	.ActDate{font-size:11px; color:#005f9b; font-style:italic}
	.NameAct{color:#143144; font-size:18px; padding:5px 0px}
	.ActText{color:#2e4e62}
	.Expand, .Expand a, .Expand a:hover{font-size:11px; color:#005f9b; padding-top:4px; padding-bottom:10px}
	
		.ImgAct img{margin:0px 10px; border:#CCC 1px solid}
		.ImgAct2 {text-align:center}
			.ImgAct2 img{margin:0px 10px}
			.ImgAct2 a{color:#075c80}
			
	.PoleOgran{position:relative; width:auto; height:auto; top:0px; left:0px; padding:0px 8px}
	.Tupo, .TupoUpPad{float:left; padding-left:6px; line-height:18px}
		.TupoUpPad {padding-top:6px}
		

	.Calendar{position:relative; width:auto; height:auto; margin:0px auto; left:0px; top:0px; margin-top:10px; z-index:0}
	.Calendar ul{position:relative; list-style-type:none; list-style-image:none; text-align:center; z-index:0}
	
	.Calendar ul li{position:relative; display: -moz-inline-box; width:145px; height:146px; background:url(/images/dar4.ru/actnact/under_bg_buts.gif) center no-repeat; margin:0px 15px; z-index:0}
	
	.Calendar ul li{display:inline-block; height:164px;}
	
	* html .Calendar  ul li{ display:inline;}
	*+html .Calendar  ul li{ display:inline;}

	.CalendarItem{position:relative; width:145px; height:164px; top:0px; left:0px;}
		.CalPlashka{position:relative; width:143px; height:15px; top:0px; left:0px; line-height:13px; background:url(/images/dar4.ru/actnact/cal_plashka.gif) bottom no-repeat}
		.DayName{color:#FFF; font-size:10px; padding:0px 3px; padding-left:4px;}
		.MonthNameSm{color:#5a5a5a; padding-bottom:4px; text-align:left}
		
		.CalTable {position:absolute; width:144px; height:auto; top:34px; left:-1px}
		.CalTable table{width:100%;}
			.CalTable table td{width:18px; height:13px; padding:2px; color:#5a5a5a; font-size:11px}
			.CalTable table td.oran{background:url(/images/dar4.ru/actnact/orangik.gif) center no-repeat; color:#FFF}
			.CalTable table td.oran a{color:#FFF; text-decoration:none}
			
/*********************************************/


/*Подвал*/
div#Footer {position:absolute; height:166px; width:100%; margin:0 auto; bottom:0;clear:both; /* stick to bottom */ background:url(/images/dar4.ru/footer/bot_bg.jpg) bottom repeat-x}
	.ie6 div#footer {position:relative;}
	#DownMenu{position:relative; widht:100%; height:auto; left:0px; top:20px; text-align:center; font-family:Myriad Pro; color:#cadce6; font-size:16px; }
		#DownMenu a{color:#cadce6; font-size:16px; font-family:Myriad Pro; margin:0px 25px;}
	#DownLogo{position:absolute; width:98px; height:30px; left:47px; bottom:41px;}
	#DownText{position:absolute; width:auto; height:auto; bottom:15px; left:166px; color:#333333; text-align:left; font-size:11px;}
		#DownText a{color:#ff7e29; font-size:11px;}
		#DownText a.ContActs{color:#333333}
/*********************************************/

div.Text a, div.Text a:hover{text-decoration:none;}