@charset "utf-8";
/* 

			MariupolTeploSet CSS Document 
			
			created during 2009/05
			
			copyright 2009 Emotion studio 
						   of breathtaking ideas
						   Mariupol, Ukraine
						   
						   www.emotionstyle.com						 
			
			...and let the Force be with you
*/

body 		{
			margin: 0;
			padding: 0;
			padding-top:100px;
			
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:10pt;			
			}

a			{
			color:#E61E25;
			}
			
h1, h2, h3	{
			margin:0;
			padding:0;
			}			

h2			{
			font-size:16pt;
			}			

h3			{
			font-size:14pt;
			}			

/* CLASSES */
.clear		{
			clear:both;
			font-size:1px;
			line-height:1px;
			}

.l1			{
			margin-left:24px;
			}
			
.l2			{
			margin-left:18px;
			}			
			
.l3			{
			margin-left:12px;
			}			
			
.l4			{
			margin-left:4px;
			}	

.pt10		{
			padding-top:10px;
			}	

.pt20		{
			padding-top:20px;
			}	
			
.pt40		{
			padding-top:40px;
			}	
			
.phone		{
			font-size:18pt;
			}
			
.left		{float:left; width:40%; text-align:left; padding-left:40px; height:40px}			

.right		{float:right; width:40%; text-align:right; padding-right:40px; height:40px;}

.copy		{font-size:8pt; color:#E61E25;}


/* BLOCK aka DIV LAYOUT */

#envelope	{
			width:980px;
			min-height:700px;
			margin-left:auto;
			margin-right:auto;
			overflow:hidden;
			}
			
#logo		{
			width:241px;
			float:left;
			}	
			
			#logo h1 {display:none;}
			
#price		{
			width:166px;
			height:69px;
			float:right;
			margin-top:17px;
			background:url(/style/ts/images/price.png) left top no-repeat;		
			color:#FFFFFF;		
			}	
			
			#price span		{
							display:none;
							}
							
			#price h3		{
							width:70px;
							float:left;
							margin:0;
							margin-left:14px;
							padding:0;
							font-size:10pt;
							font-weight:bold;
							color:#E61E25;						
							}		
							
			#p_private		{
							width:25px;
							height:22px;
							float:left;
							}	
							
			#p_enterprise	{
							width:25px;
							height:22px;
							float:left;
							margin-left:15px;
							}
							
			#p_hot_water	{
							clear:left;
							float:left;
							margin-left:16px;
							width:25px;
							height:24px;
							}

			#p_heating		{
							clear:left;
							float:left;
							margin-left:10px;
							width:30px;
							height:22px;
							}

			#p_r1_c1		{
							float:left;
							margin-left:32px;
							width:30px;
							height:24px;
							}
														
			#p_r1_c2		{
							float:left;
							margin-left:20px;
							width:25px;
							height:24px;
							}

			#p_r2_c1		{
							float:left;
							margin-left:26px;
							width:30px;
							height:17px;
							}
														
			#p_r2_c2		{
							float:left;
							margin-left:20px;
							width:25px;
							height:17px;
							}				

#switch		{
			position:relative;
			left:683px;
			top:48px;
			}

			#switch	a		{
							color:#E61E25;
							text-decoration:none;
							background:url(/style/ts/images/bg_switch.png) top left repeat-x;
							}
							
#switch_back{
			position:relative;
			left:738px;
			top:48px;
			}

			#switch_back
					a		{
							color:#729758;
							text-decoration:none;
							background:url(/style/ts/images/bg_switch_back.png) top left repeat-x;
							}
							
							

#navi		{
			width:130px;
			position:relative;
			top:70px;
			left:-5px;
			z-index:10;
			
			font-size:11pt;
			}

			#navi ol 			{
							margin:0;
							padding:0;
							list-style:none;
							}
							
			#navi li 			{
							width:103px;	
							line-height:20px;
							}	
							
			#navi li a			{				
							font-weight:bold;
							margin-left:5px;							
							color:#E61E25;
							background:url(/style/ts/images/bg_navi.png) left top repeat-x;
							text-decoration:none;
							}
							
			#navi li 
				a:hover		{
							display:block;
							width:103px;	
							padding-left:5px;						
							font-weight:bold;
							color:#FFFFFF;
							background:url(/style/ts/images/bg_active_navi.png) left top no-repeat;						
							}



			#navi .active		{
							display:block;
							width:103px;
							padding-left:5px;
							font-weight:bold;
							color:#FFFFFF;
							background:url(/style/ts/images/bg_active_navi.png) left top no-repeat;						
							}


			/* ----  */				
			#navi li.active a{background:none;color:#FFFFFF;}
			/* ---- */
							
#illustration_hot {
			width:758px;
			float:left;
			margin-left:70px;
			margin-top: -30px;
			}
			
#illustration_end {
			float:left;
			margin-top: -8px;
			}
			
#text_col_1	{
			width:315px;
			float:left;
			margin-left:70px;
			}

#text_col_2	{
			width:300px;
			float:left;
			padding:10px;
			margin-top:20pt;
			margin-left:20px;
			color:#666666;
			background-color:#EEEEEE;
			}

#text_col	{
			width:680px;
			margin-left:auto;
			margin-right:auto;
			/*margin-top:-100px;*/
			}

#t_hot_line	{
			width:133px;
			height:108px;
			float:left;
			margin-left:50px;
			}
			
#hot_line	{
			width:170px;
			height:108px;
			float:left;
			color:#FFFFFF;
			background-color:#E61E25;
			}		

			#hot_line a {color:#FFFFFF;}

#t_arrears	{
			width:164px;
			height:108px;
			float:left;
			}	
			
#arrears	{
			width:170px;
			height:108px;
			float:left;
			background:url(/style/ts/images/teaser_arrears_bg.jpg) left top repeat-x;
			}			

#t_end		{
			width:45px;
			height:108px;
			float:left;
			}

/* Extra styles */
.inside	li	{padding-top:2px; margin-left:32px; font-size:10pt;}

#navi 
.inside	li 
	a		{font-weight:normal; color:#E61E25;}

#navi 
.inside	li 
	a:hover	{background:none; color:#000;}
	
	
/* real roundbox */
	.rndbx b.trb, .rndbx b.brb {display:block;}
	.rndbx b.trb *, .rndbx b.brb * {display:block; height: 1px; overflow-y: hidden; font-size: 0 !important; border-width: 0 1px; border-style: none solid;}
	.rndbx b.trb b, .rndbx b.brb b {margin: 0 4px;}
	.rndbx b.trb i, .rndbx b.brb i {margin: 0 2px;}
	.rndbx b.trb u, .rndbx b.brb u {margin: 0 1px !important;}
	.rndbx .rndbxC {border-width: 0 1px; border-style: none solid; padding: 10px;}
	.rndbx b.trb u, .rndbx b.brb u {height: 2px;}
	.rndbx b.trb i, .rndbx b.brb i {border-width: 0 2px;}
	.rndbx b.trb b, .rndbx b.brb b {border-width: 0;}
	
	.grndbx b.trb *, .grndbx b.brb *, .grndbx .rndbxC {background: #ececec !important; border-color: #ececec !important;}



.y	{color:#9a9a9a}


/* That's all folks for today, guys */	

/* autocomplete */
	div.autocomplete{position:relative;display:block;}
	.tagMatches{position:absolute;left:0;top:0;background:#F7F7F7; width:200px;margin-left:109px;}
	.tagMatches .tag_suggestion{display:block;padding:2px;border:1px solid #9c9c9c;margin:-1px 0 0 0;cursor:pointer;}
	.tagMatches .tag_suggestion:hover,
	.autocomplete .tag_select{background:#E7E7E7;color:#333;text-decoration:none;}