@charset "utf-8";
/* 

	Sokolov.net.ua CSS Document 
	
	Made in Emotion.
	www.emotionstyle.com
	
	
	Sheldon Cooper: You know how I can tell we're not in the Matrix? 
	Leonard Hofstadter: How? 
	Sheldon Cooper: If we were, the food would be better.
	
	Enjoy your day! ;)
	
*/

	*			{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	a			{color:#515151;}
	
	body 		{margin:0; padding:0;}
	
	#top		{background:#86B6CB url(/style/sk/images/bg_top.jpg) repeat-x; height:240px;}
	
	#top a,
	#footer a	{color:#3D6E82; font-size:14pt;}

	#top 
		a:hover	{color:#3A833C;}
	
	#main_frame	{background:#CF8C4B url(/style/sk/images/bg_main_frame.jpg); min-height:980px; min-width:900px; height:auto; padding:50px; padding-right:0; }
	
	#pseudo_3d	{background:#A6652F url(/style/sk/images/bg_pseudo_3d.jpg) repeat-x; height:20px;}

	#footer		{background:#A6CAC5 url(/style/sk/images/bg_bottom.jpg) repeat-x; height:125px;}
	
	
	#logo		{}
	
	#plane_tool {position:absolute; right:0; top:179px; background:url(/style/sk/images/wooden_chips-trans.png) repeat-x; width:30%;}
	
	#services	{position:absolute; top:12px; left:25%; width:260px; height:170px;}	
		
	#products	{position:absolute; top:32px; left:47%; width:165px; height:195px; }
	
	#photo		{position:absolute; top:28px; left:66%; width:165px; height:195px; overflow:hidden;}
	
	#contacts	{position:absolute; top:50px; left:82%; width:165px; height:195px; overflow:hidden; font-size:8pt;}
	
	.dashed		{font-size:8pt; text-decoration:none; border-bottom:1px dashed #3D6E8A; position:relative; top:-7px;}
	
	#top 
	.dashed a,
	#footer
	.dashed a	{font-size:8pt; position:relative; top:3px; text-decoration:none; font-weight:bold;}
	
	.small		{font-size:8pt;}

	.big		{font-size:16pt;}

	.bigger		{font-size:20pt;}
	
	.black		{color:#000000;}
	
	.green		{color:#3A833C;}
	
	#paper		{ margin-right:33%; background-color:#FFFFFF; border:1px solid #FFDFDD; padding:35px;}
	
	#paper p	{margin:0; padding:0; text-indent:25px}
	
	#right_panel	{float:right; width:30%;}
	
	#right_panel
	ul 				{list-style:none; width:48%; float:left; padding:0; margin:0; text-align:center;}
	
	#right_panel
	ul li			{text-align:center; height:180px; padding:0; margin:0; padding-top:2px; }
	
	#right_panel
	ul .active		{background: url(/style/sk/images/icon_active-trans.png) center top no-repeat;}
	
	
	#right_panel
	ul li div		{text-align:center;}

	#right_panel
	ul li .panBg	{width:70%; text-align:center; display:block; margin-bottom:20px; 
					 margin-left:auto; margin-right:auto; color:#FFFFFF; font-size:9pt; padding:4px;}


	#f_sokolov	{padding-left:30px; padding-top:15px; font-size:10pt; width:18%; float:left;}

	#fc_sokolov	{padding-left:2%; padding-top:42px; font-size:10pt; width:14%; float:left;}
	#fc_sokolov
			  a	{text-decoration:none; position:relative; top:3px;}
			  
	#fc_sokolov
	 .underline	{border-bottom:1px solid #006699;}			  
			  
	
	#f_lifecity	{width:20%; height:66px; float:left; padding-right:1%; padding-top:50px; text-align:center;}
	
	#f_ptool	{width:9%; float:right; padding-top:25px; padding-right:1%;}
	
	#counter	{width:88px; float:right; padding-top:50px; padding-right:1%;}
	
	#f_emotion	{padding-right:30px; padding-top:30px; width:150px; float:right; font-size:8pt; color:#777777;}
	
	#footer
	#f_emotion
			a	{font-size:10pt; font-weight:bold; color:#3A833C; line-height:10pt;}			
	
	/* =MENU */
		.menu 			{height: 45px; display: block;}

		.menu ul		{list-style: none; padding: 0; margin: 0;}

		.menu ul li 	{float: left; overflow: hidden; position: relative; text-align: center; line-height: 45px;}

		.menu ul li a 	{position: relative; display: block; width: 143px; height: 45px; padding:2px; text-decoration:underline; cursor:pointer;}

		.menu ul li a 
				 span 	{position: absolute; left: 0; width: 143px; text-decoration:underline;}

		.menu ul li a 
			 span.out 	{top: 0px;}

		.menu ul li a 
			span.over,
		.menu ul li a 
			span.bg 	{top: -45px;}

		#fx				{position:absolute; top:80px; left:100px;}
	
		#fx ul li a 
		  span.over 	{color: #FFF;}

		#fx ul li 
			span.bg 	{height: 45px; background: url(/style/sk/images/bg_menu3-trans.png) center center no-repeat;}
		
		#fx2			{position:absolute; top:115px; left:0px;}
	
		#fx2 ul li 
		a span.over 	{color: #FFF;}

		#fx2 ul li 
			span.bg 	{height: 45px; background: url(/style/sk/images/bg_menu2-trans.png) center center no-repeat;}
		
		#fx3			{position:absolute; top:80px; left:0px;}
	
		#fx3 ul li 
		a span.over 	{color: #FFF;}

		#fx3 ul li 
			span.bg 	{height: 45px; background: url(/style/sk/images/bg_menu-trans.png) center center no-repeat;}
			
	/* /MENU */			

	.cf_text		{width:110px; height:20px; display:block; float:left; clear:both; font-size:10pt;}
	
	.important		{color:#FF6600;}
	
	.close			{float:right;}
	
	h1				{padding:0; margin:0; font-size:14pt; margin-bottom:15px;}
	
span.innerImage img {
    padding: 1px;
    border: 1px solid #ccc;
    background: #fff;
}
span.innerImage {
    display: inline;
    float: left;
    margin-right:10px;
    margin-left:4px;
    /*margin-left: -80px;*/
}



/* FOR SLIDE DIV`S */
.h_write2us	{position:absolute; width:0px; height:0px; right:20%; top:-150px; padding:10px; display:none; overflow:hidden;}
	.h_map2us	{position:absolute; width:0px; height:0px; right:50%; top:-150px; padding:10px; display:none; overflow:hidden; background:#FFFFFF url(/style/sk/images/map2sokolov.gif) center no-repeat;}
	.map2us	{width:400px; height:350px; padding:5px; background:#FFFFFF url(/style/sk/images/map2sokolov.gif) center no-repeat; position:absolute; right:10%; top:84px;  display:none; overflow:hidden; display:inherit; overflow:visible;}
	.write2us	{position:absolute; width:400px; height:470px; right:2%; top:135px; padding:10px; display:inherit; overflow:visible;}
	#write2us1	{background:#FFFFFF;}
	#write2us1
	input		{width:220px; height:30px; margin-bottom:20px; font-size:14pt; border:1px solid #EAEAEA; border-bottom:2px solid #EAEAEA;}
	#write2us1
	textarea	{width:224px; height:120px; margin-bottom:20px; font-size:12pt; border:1px solid #EAEAEA; border-bottom:2px solid #EAEAEA;}
	#mapsokolov	{width:400px; height:350px; padding:5px; background:#FFFFFF url(/style/sk/images/map2sokolov.gif) center no-repeat; position:absolute; right:10%; top:84px;}