@charset "utf-8";
/*  

		27a.com.ua CSS Document 
		
		made in Emotion.
		www.emotionstyle.com

*/

body 			{
				margin: 0px;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:78%;
				}
				
				
/* 
		=MAIN STYLE
		
*/

h1					{	
					color:#F8C362;
					font-size:18pt;
					margin:0 0 20px 0;
					padding:0;
					}

h2					{	
					color:#F8C362;
					font-size:16pt;
					margin:40px 0 20px 0;
					padding:0;
					}
					
h4					{	
					color:#F8C362;
					font-size:26pt;
					margin:0;
					padding:0;
					}			
					
h5					{	
					color:#F8C362;
					font-size:19pt;
					margin:0;
					padding:0;
					}					

p					{
					margin:0;
					padding:0;
					}

img					{
					border:0;
					}

.b27a				{
					background:url(../images/bg_light.jpg);							
					}
				

.b27a, .b27a a		{
					color:#FFFFFF;	
					}

.b27a #main_menu,
.b27a #main_menu a,
.b27a #main_menu_2,
.b27a #main_menu_2 
				 a	{
					color:#FFFFFF;					
					}

.b27a #view			{
					width:800px;
					margin:0 auto 0 auto;				
					}
					
.b27a #view	img		{
					border:1px solid #FFFFFF;
					}							

.b27a #footer		{					
					color:#777777;
					background-color:#000000;
					}

.b27a #footer a   	{
					color:#13A3B8;
					}

.b27a #footer_2		{					
					color:#777777;
					background-color:#000000;
					}

.b27a #footer_2 a 	{
					color:#13A3B8;
					}


/* =PERMANENT STYLES */
#top_line			{
					width:770px;
					height:72px;
					margin:0 auto 0 auto;
					padding:12px 115px 0 115px;
					}
					
#hitring			{
					float:left;					
					}

	
#meta_menu			{
					float:right;
					}					

#top				{
					width:800px;
					margin:0 auto 0 auto;
					height:210px;
					}

#logo				{
					width:250px;
					float:left;
					}

#logo_2				{
					position:absolute;
					left:50%;					
					margin-left:-400px;
					padding-top:10px;
					}

#price				{
					background:url(../images/current_price-trans.png) left top no-repeat;
					float:right;
					width:240px;
					height:90px;
					padding:65px 0 0 60px;
					margin-right:-37px;
					font-size:34px;
					font-weight:bold;
					}					

#main_menu			{
					width:800px;
					margin:0 auto 0 auto;
					padding:0 0 40px 130px;
					font-weight:bold;
					font-size:12pt;
					}
					
#main_menu ul		{
					margin:0;
					padding:0;
					display:inline;
					list-style:none;
					}
					
#main_menu li		{
					float:left;
					margin:0 0 0 1.5em;
					}					

#main_menu_2			{
					width:800px;
					height:65px;
					margin:0 auto 0 auto;
					padding:35px 0 0 255px;
					font-weight:bold;
					font-size:12pt;
					}
					
#main_menu_2 ul		{
					margin:0;
					padding:0;
					display:inline;
					list-style:none;
					}
					
#main_menu_2 li		{
					float:left;
					margin:0 0 0 1.5em;
					}	

#text_layer			{
					width:800px;
					margin:65px auto 40px auto;
					}
					
#text_layer_s		{
					width:800px;
					margin:10px auto 40px auto;
					}					
					
					.fl_1				{
										float:left;
										margin-right:20px;
										width:470px;						
										}
										
					.fr_2				{
										float:right;
										}										

					.floor				{
										width:100%;
										padding:20px 0 20px 0;
										background-color:#FFFFFF;
										color:#222222;	
										}

					.floor a			{
										color:#222222;
										}
										
					.floor span			{
										margin-right:10px;
										}
					
					
					.flink img			{
										border:5px solid #FFFFFF;																				
										margin-left:10px;
										}
			
										
#hltv_player		{
					margin:0;
					}					
					
#video_title_on_main	{
						margin:40px auto 0 auto;
						width:777px;
						text-align:center;
						font-family:Georgia, "Times New Roman", Times, serif;
						font-size:18pt;
						font-style:italic;
						font-weight:bold;
						}					

#video_title_on_main
span					{
						margin-left:-35px; /* компенсируем отступ от панели с кнопками */
						}				

#footer					{
						width:800px;
						padding:20px;
						margin:0 auto 0 auto;
						font-size:8pt;
						}
						

#footer_2				{
						padding:20px;
						margin:0 auto 0 auto;
						font-size:8pt;
						}						
						
/* =ROUNDED BG  */

.horizontal
, .horizontal ul
						{
						list-style-type: none;
						width: 100%;
						margin: -3px 0 0 0;
						padding: 0;
						}
.horizontal:after
, .horizontal ul:after
						{
						content: '';
						display: block;
						clear: left;
						}
.horizontal li
						{
						float: left;
						
						padding: 0;
						}
.framed a
						{
						cursor: pointer;
						//cursor: hand;
						}
.framed a:hover
						{
						background-color: transparent;
						}


.framed.horizontal
						{
						//padding-bottom: 10px;
						}

.framed .f
						{
						position: relative;
						z-index: 1;
						display: block;
						float: left;
						min-height: 10px;
						//height: 10px;
						color: #000000;
						text-decoration:none;
						}
.framed .c
						{
						position: relative;
						z-index: 2;
						display: block;
						margin: 0px 0 -10px 0;
						padding: 4px 15px 4px 15px;
						}
.framed .t
, .framed .b
						{
						position: absolute;
						z-index: 1;
						top: 0;
						//top: auto;
						bottom: 0;
						left: 0;
						right: 11px;
						overflow: hidden;
						//width: 100%;
						//height: 100%;
						}
.framed .b
						{
						top: auto;
						bottom: -10px;
						height: 10px;
						}
.framed .r
						{
						left: auto;
						//left: -11px;
						right: 0;
						//margin-left: 100%;
						width: 11px;
						}
.framed .t *
, .framed .b *
						{
						position: absolute;
						top: 0;
						left: 0;
						width: 800px;
						height: 400px;
						background: url('../images/framed.png') 0 0 no-repeat;
						-background-image: none;
						-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/framed.png',sizingMethod=crop);
						}
.framed .t *
						{
						margin-top: -10px;
						}
.framed .l *
						{
						//width: 100%;
						margin-left: -11px;
						}

.framed a:hover .t *
, .framed a:hover .b *
						{
						top: -200px;
						}


		/* ************* */
		
		
		.framed .at
, .framed .ab
						{
						position: absolute;
						z-index: 1;
						top: 0;
						//top: auto;
						bottom: 0;
						left: 0;
						right: 11px;
						overflow: hidden;
						//width: 100%;
						//height: 100%;
						}
.framed .ab
						{
						top: auto;
						bottom: -10px;
						height: 10px;
						}
.framed .r
						{
						left: auto;
						//left: -11px;
						right: 0;
						//margin-left: 100%;
						width: 11px;
						}
.framed .at *
, .framed .ab *
						{
						position: absolute;
						top: 0;
						left: 0;
						width: 800px;
						height: 400px;
						background: url('../images/framed.png') 0 0 no-repeat;
						-background-image: none;
						-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/framed.png',sizingMethod=crop);
						}
.framed .at *
						{
						margin-top: -10px;
						}
.framed .l *
						{
						//width: 100%;
						margin-left: -11px;
						}

.framed .at *
, .framed  .ab *
						{
						top: -200px;
						}
		
		
		/* ************* */

/* =EXTRA STYLES */				
.dashed				{
					background:url(../images/dashed.gif) 0 13px repeat-x;
					}
.dark					
.dashed_b			{
					background:url(../images/dashed_b.gif) 0 13px repeat-x;
					}

.b27a
.dashed_b			{
					background:url(../images/dashed.gif) 0 13px repeat-x;
					}

.dashed_a			{
					text-decoration:none;
					}
					
.m20				{
					margin-top:20px;
					}
					
.ml20				{
					margin-left:20px;
					}					

.c800				{
					width:800px;
					margin:0 auto 0 auto;
					}

.r400				{
					width:400px;
					}

.pl490				{
					padding-left:490px;
					}

.white				{
					color:#FFFFFF;
					}

.blue				{
					color:#006666;
					}

.clr				{
					clear:both;
					}