/* CSS Document */

html, body { height:100%; }
body { padding:0px; margin:0px;
	   font-size:13px; color:#282A2C; 
	   text-align:center;
	   font-family:"Arial", Helvetica, sans-serif; 
	   min-width: 920px; background-color:#FFFFFF; }

a { text-decoration:underline; color:#5B94C9; }
a:hover { text-decoration:none; color:#9772C5; }

#mainDiv { width:920px; min-height:100%; 
		   height:100%; position:relative; 
		   margin:auto; border:0px #FF0000 dotted; 
		   text-align:left; }
html>body #mainDiv { height:auto; }

#headerDiv { width:920px; height:221px; 
			 border:0px #006633 dotted; 
			 overflow:hidden; left:0; top:0;
			 position: absolute;
			 background-image:url('/images/makeuppic/headerfon2.jpg'); 
		     background-position:top; background-repeat:no-repeat; }

#content { padding-top:221px; width:769px; margin-left:auto; margin-right:auto; }

#footerSpace { width:100%; height:115px; clear:both; }
		   
#footerDiv { width:920px; height:105px; 
			 border:0px #006633 dotted; 
			 clear:both; left:0; bottom:0;
			 position: absolute;
			 background-image:url('/images/makeuppic/footerfon2.gif'); 
			 background-position:bottom; background-repeat:no-repeat; }
			 
#topNav { width:100%; height:34px; margin-left:auto; margin-right:auto; 
		  background-image:url('/images/makeuppic/topnavmainfon2.jpg'); 
		  background-position:top left; background-repeat:no-repeat; }
		  
/*----------------Средний навигатор------------------*/

#middleNav { width:100%; height:34px; margin-left:auto; margin-right:auto; 
			 background-image:url('/images/makeuppic/middlenavmainfon.jpg'); 
		     background-position:top left; background-repeat:no-repeat; 
			 clear:both; vertical-align:middle; }
	#middleNav a { display:block; margin-top:9px; font-size:12px; color:#5D7071; 
				   text-decoration:underline; padding-left:35px; padding-right:35px; float:left; }
	#middleNav a:hover { display:block; margin-top:9px; font-size:12px; color:#9772C5; 
				   		 text-decoration:underline; padding-left:35px; padding-right:35px; float:left; }

#middleTitle { width:150px; color:#4E5F60; font-size:21px; 
			   padding-right:35px; padding-top:3px; text-align:right;
			   background-image:url('/images/makeuppic/arrows.gif'); float:left;
			   background-position:right; background-repeat:no-repeat; }
			   

#middleBlock { width:100%; border:0px #FF0000 dotted; height:35px; padding-top:14px; clear:both; 
			   background-image:url('/images/makeuppic/topnavfon.jpg'); background-position:top left; 
			   background-repeat:no-repeat; }
*:first-child+html #middleBlock { height:365px; }
			   
#middleBlockL { width:565px;  background-color:#0099CC; float:left; border:0px #FF0000 dotted;  }
#middleBlockR { width:204px; background-image:url('/images/makeuppic/artist3.jpg'); 
						 background-position:left top; height:310px; float:right; 
						 background-repeat:no-repeat; border:0px #FF0000 dotted;
						 position:relative; }

#middleSp1 { width:100%; height:20px; clear:both; border:0px #FF0000 dotted; }

#middleBlock2 { width:100%; border:0px #FF0000 dotted; padding-top:15px;
				background-image:url('/images/makeuppic/middlenavfon.jpg'); 
				background-position:top left; background-repeat:no-repeat; }
#articleBlock { width:100%; border:0px #FF0000 dotted; padding-top:10px; }
	#articleTitle { color:#4E5F60; font-size:21px; padding:0px; margin:0px; 
					padding-left:20px; }

/*--------------------- Рамка контентной области ---------------------------*/

#lefttopug { width:100%; height:11px; background-image:url('/images/makeuppic/lefttopug.jpg'); 
			 background-position:left; background-repeat:no-repeat; font-size:1px; }
#righttopug { width:100%; height:11px; background-image:url('/images/makeuppic/righttopug.jpg'); 
			  background-position:right; background-repeat:no-repeat; font-size:1px; }
#topfonug { width:100%; height:11px; background-image:url('/images/makeuppic/topfonug.gif'); 
			font-size:1px; }
#leftfonug { width:100%;  background-image:url('/images/makeuppic/leftfonug.gif'); 
			 background-position:left; background-repeat:repeat-y; font-size:1px; }
#contentfonug { padding:10px; background-color:#FFFFFF; margin-left:1px; margin-right:1px; font-size:13px; height:290px; color:#808080; font-size:13px; text-align:justify; /*----- Высота прописана фиксироаванно только для главной -----*/ }
#contentfonug p { margin:0px; padding:0px; }
#contentfonmiddle { background-color:#FFFFFF; margin-left:1px; margin-right:1px; font-size:13px; /*----- Высота нефиксирована, для блока ссылок и контентной области внутреннего шаблона -----*/ }
#rightfonug	 { width:100%; background-image:url('/images/makeuppic/rightfonug.gif'); 
			   background-position:right; background-repeat:repeat-y; font-size:1px; }		
#leftbottomug { width:100%; height:11px; background-image:url('/images/makeuppic/leftbottomug.jpg'); 
			    background-position:left; background-repeat:no-repeat; font-size:1px; }
#rightbottomug { width:100%; height:11px; background-image:url('/images/makeuppic/rightbottomug.jpg'); 
			     background-position:right; background-repeat:no-repeat; font-size:1px; }
#bottomfonug { width:100%; height:11px; background-image:url('/images/makeuppic/bottomfonug.gif'); 
			   font-size:1px; }
			   
#compType { width:832px; text-align:right; font-size:19px; 
			font-weight:bold; text-transform:uppercase;
			color:#ffffff; margin-top:2px;}	 			
			   
#compName { width:655px; text-align:right; font-size:32px;
			font-weight:bold; color:#ffffff;
			text-transform:uppercase; margin-top:36px;}
html:root #compName {margin-top:34px;}

#compDesc1 { width:563px; text-align:right; font-size:21px; 
			color:#C7E5F2; margin-top:36px;
			text-transform:uppercase; font-weight:bold;}
html:root #compDesc1{margin-top:34px}
#compDesc2 { width:592px; text-align:right; font-size:21px; 
			color:#ABD9EE; margin-top:-6px;
			text-transform:uppercase; font-weight:bold;}
#compDesc3 { width:693px; text-align:right; font-size:21px; 
			color:#96CEE8; margin-top:-6px;
			text-transform:uppercase; font-weight:bold;}
#compDesc4 { width:449px; text-align:right; font-size:17px; 
			color:#B1DAEE; margin-top:-20px;
			text-transform:uppercase; font-weight:bold;}
#compDesc5 { width:750px; text-align:right; font-size:17px; 
			color:#C4E3F2; margin-top:-4px;
			text-transform:uppercase; font-weight:bold;}
html:root #compDesc5{margin-top:-6px}

#compDesc6 { width:832px; text-align:right; font-size:11px; 
			          color:#B5A0CB; margin-top:20px;}	 
			
/*---------------- Верхний навигатор ------------------*/

#topNavSp { width:340px; height:34px; float:left; }

#topNavEl { height:34px; float:left; border:0px #FF0000 dotted; }
	#topNavEl a { display:block; background-image:url('/images/makeuppic/markernew.gif');
				  background-position:left; background-repeat:no-repeat; margin-top:5px;
				  font-size:16px; font-weight:bold; color:#5D7071; text-decoration:none; 
				  padding-left:25px; border:0px #00CC00 dotted; }
	#topNavEl a:hover { display:block; background-image:url('/images/makeuppic/markeronnew.gif'); 
				   		background-position:left; background-repeat:no-repeat; margin-top:5px;
						font-size:16px; font-weight:bold; color:#9772C5; text-decoration:none; 	
						padding-left:25px; border:0px #00CC00 dotted; }
	#topNavElCh a { display:block; background-image:url('/images/makeuppic/markeronnew.gif'); 
				   	        background-position:left; background-repeat:no-repeat; margin-top:5px;
					        font-size:16px; font-weight:bold; color:#9772C5; text-decoration:none; padding-left:25px; }
	#topNavElCh a:hover { display:block; background-image:url('/images/makeuppic/markeronnew.gif'); 
				   		   			 background-position:left; background-repeat:no-repeat; margin-top:5px;
						  			 font-size:16px; font-weight:bold; color:#9772C5; text-decoration:none; padding-left:25px; }
									 
/*---------------- Верхний навигатор v2 ------------------*/

#topNavElV2 { height:34px; float:left; border:0px #FF0000 dotted; background:url('/images/makeuppic/markeron.gif') no-repeat left top;}
	

	#topNavElV2 a { display:block; font-size:16px; font-weight:bold; color:#5D7071; text-decoration:none; }
	#topNavElV2 a:hover { display:block; font-size:16px; font-weight:bold; color:#9772C5; text-decoration:none; }	

	#textV2 { padding-top:7px; }
	
	#topNavElV2 a #markerV2 { width:20px; height:32px; float:left; background:url('/images/makeuppic/markernew.gif') no-repeat left top; margin-right:3px; border:0px #FF0000 dotted; }	
	#topNavElV2 a:hover #markerV2 { visibility:hidden; width:20px; height:32px; float:left; background:url('/images/makeuppic/markernew.gif') no-repeat left top; margin-right:3px; border:0px #FF0000 dotted; }	

	#textV2Ch { padding-top:7px; color:#9772C5; }	
	#markerV2Ch { visibility:hidden; width:20px; height:32px; float:left; background:url('/images/makeuppic/markernew.gif') no-repeat left top; margin-right:7px; border:0px #FF0000 dotted; } 
	
/*---------------- Верхний навигатор v3 ------------------*/

#topNavElV3 { height:34px; float:left; border:0px #FF0000 dotted; background:url('/images/makeuppic/markeron.gif') no-repeat left top; padding-top:7px; padding-left:23px; position:relative; }	

	#topNavElV3 a { display:block; position:relative; font-size:16px; font-weight:bold; color:#5D7071; text-decoration:none; }
	#topNavElV3 a:hover { display:block; position:relative; font-size:16px; font-weight:bold; color:#9772C5; text-decoration:none; }	

	#topNavElV3 a #markerV3 { position:absolute; z-index:10; top:0px; left:0px; width:20px; height:32px; background:url('/images/makeuppic/markernew.gif') no-repeat left top; border:1px #FF0000 dotted; }
	#topNavElV3 a:hover #markerV3 { display:none; }	
	
									 						
/*----------------- Услуги ----------------*/			

#contentfonmiddle p { display:block; width:315px; margin:0px; padding:0px; margin-left:20px;
				      border:0px #FF0000 dotted; float:left; position:relative; }
#cfm { clear:both; height:1px; }


#contentfonmiddle a { display:block; background-image:url('/images/makeuppic/marker2.gif'); font-weight:bold;
				      background-position:left; background-repeat:no-repeat; margin-top:7px; width:50px;  
					  padding-left:10px; text-decoration:underline; color:#5D7071; margin-bottom:7px; 
					  white-space:nowrap; font-size:13px; }
#contentfonmiddle a:hover { display:block; background-image:url('/images/makeuppic/marker22on.gif'); font-weight:bold;
				      		background-position:left; background-repeat:no-repeat; margin-top:7px; width:50px;  
					  		padding-left:10px; text-decoration:underline; color:#9772C5; margin-bottom:7px;
							white-space:nowrap; font-size:13px;  }

/*----------------- Статьи ----------------*/

#articleBlock p { display:block; width:290px; margin:0px; padding:0px; margin-left:20px;
				  float:left; position:relative; font-size:12px; color:#5D7071; margin-right:25px; }
#afm { clear:both; height:1px; }

#articleBlock a { display:block; margin-top:7px; padding-left:10px; font-size:13px;
				  background-image:url('/images/makeuppic/marker3.jpg');
				  background-position:left; background-repeat:no-repeat; 
				  text-decoration:underline; color:#5D7071; margin-bottom:7px; }
#articleBlock a:hover { display:block;background-image:url('/images/makeuppic/marker321on.jpg'); 
				  		background-position:left; background-repeat:no-repeat; margin-top:7px; 
						padding-left:10px; font-size:13px; text-decoration:underline; color:#9772C5; 
						margin-bottom:7px;  }
						
/*----------------- Подвал ----------------*/

#count { width:100%; text-align:right;position:relative; border:0px #006633 dotted; margin-top:41px; }
#copy { width:100%; float:left; position:relative; font-size:11px;  
		color:#5D7071; text-align:right; vertical-align:bottom; margin-top:7px; }
	#copy a { text-decoration:underline; color:#5D7071; }
	#copy a:hover { text-decoration:underline; color:#9772C5; }

/*----------------- Скрытые блоки ----------------*/
	
.start { display:none; height:200px; }
.visitka { display:none; height:200px; }
.iCatalog { display:none; height:200px; }
.corp { display:none; height:200px; }
.iShop { display:none; height:200px; }
.iPortal { display:none; height:200px; }

.startOn { display:block; height:200px; }
.visitkaOn { display:block; height:200px; }
.iCatalogOn { display:block; height:200px; }
.corpOn { display:block; height:200px; }
.iShop4On { display:block; height:200px; }
.iPortalOn { display:block; height:200px; }

/*----------------- Скрытые картинки ----------------*/

#hidePic { display:none; }

/*----------------- Правый навигатор ----------------*/



	 span.titleNav1 { display:block; color:#282A2C; padding-left:0px; width:185px; text-align:center; font-size:21px; font-weight:normal; margin-bottom:10px; border:0px #FF0000 dotted;  }
     span.titleNav1Ch { display:block; color:#9772C5; font-size:21px; width:185px; text-align:center; font-weight:normal; margin-bottom:10px; }
	
#middleBlockR a { display:block; float:right; width:170px; background-image:url('/images/makeuppic/marker3.jpg');
							background-position:left; background-repeat:no-repeat;  margin-bottom:5px; border:0px #FF0000 dotted; 
							font-size:14px; text-decoration:underline; color:#282A2C; padding-left:10px; }
#middleBlockR a:hover { display:block; float:right;  width:170px; margin-bottom:5px; font-size:14px; text-decoration:underline; 
									color:#9772C5;background-image:url('/images/makeuppic/marker321on.jpg'); border:0px #FF0000 dotted; 
				  					background-position:left; background-repeat:no-repeat; padding-left:10px; }
									
#middleBlockR a.ch { display:block; float:right;  width:170px; margin-bottom:5px; font-size:14px; text-decoration:underline; 
								color:#9772C5;background-image:url('/images/makeuppic/marker321on.jpg'); border:0px #FF0000 dotted; 
				  				background-position:left; background-repeat:no-repeat; padding-left:10px; }
#middleBlockR a.ch :hover { display:block; float:right;  width:170px; margin-bottom:5px; font-size:14px; text-decoration:underline; 
										 color:#9772C5;background-image:url('/images/makeuppic/marker321on.jpg'); border:0px #FF0000 dotted; 
				  						 background-position:left; background-repeat:no-repeat; padding-left:10px; }

#middleBlockR a.sub { display:block; float:right;  width:160px; padding-bottom:4px; padding-left:25px; font-size:14px; 
								  text-decoration:underline; color:#666666; border:0px #FF0000 dotted;
								  background-image:url('/images/makeuppic/marker32.jpg'); 
								  background-position:left; background-repeat:no-repeat; }
#middleBlockR a.sub:hover { display:block; float:right; width:160px; padding-bottom:4px; padding-left:25px; font-size:14px; 
										  text-decoration:underline; color:#FF5C00; border:0px #FF0000 dotted;
								  		  background-image:url('/images/makeuppic/marker322on.jpg'); 
								  		  background-position:left; background-repeat:no-repeat;  }

#middleBlockR a.subCh { display:block; float:right; width:160px; padding-bottom:4px; padding-left:25px; font-size:14px; 
									  text-decoration:underline; color:#FF5C00; border:0px #FF0000 dotted;
								  	  background-image:url('/images/makeuppic/marker322on.jpg'); 
								  	  background-position:left; background-repeat:no-repeat;  }										  
#middleBlockR a.subCh:hover { display:block; float:right; width:160px; padding-bottom:4px; padding-left:25px; font-size:14px; 
										 	  text-decoration:underline; color:#FF5C00; border:0px #FF0000 dotted;
								  		 	  background-image:url('/images/makeuppic/marker322on.jpg'); 
								  		  	  background-position:left; background-repeat:no-repeat;  }
											  
a #icns1 { position:absolute; top:35px; right:120px; width:16px; height:28px; cursor:pointer; background: url('/images/makeuppic/icns1.jpg') no-repeat top right; }
a:hover #icns1 { position:absolute; top:35px; right:120px; width:16px; height:28px; cursor:pointer; background: url('/images/makeuppic/icns1On.jpg') no-repeat top right; }

a #icns2 { position:absolute; top:35px; right:100px; width:16px; height:28px; cursor:pointer; background: url('/images/makeuppic/icns2.jpg') no-repeat top right; }
a:hover #icns2 { position:absolute; top:35px; right:100px; width:16px; height:28px; cursor:pointer; background: url('/images/makeuppic/icns2On.jpg') no-repeat top right; }

a #icns3 { position:absolute; top:35px; right:80px; width:16px; height:28px; cursor:pointer; background: url('/images/makeuppic/icns3.jpg') no-repeat top right; }
a:hover #icns3 { position:absolute; top:35px; right:80px; width:16px; height:28px; cursor:pointer; background: url('/images/makeuppic/icns3On.jpg') no-repeat top right; }
