@charset "UTF-8";
/* CSS Document */

html, body
		{
			height:100%;
			margin : 0px;
			padding : 0px;
			overflow : auto;
			background-image:url(foto/background-image.jpg);
		}
#conteiner
        {
		
		}
#verh
    	 {
			 position: relative;
			 background-image:url(foto/imageshapka.jpg);
			 height:25px;
			 z-index:1;
	
		 }
		 
#text
		 {
			  position: relative;
			  width : 90%;
			  margin:auto;
			  z-index: 2;
			  top: -1%; 
			  font-size:16px;  
		 }		 	 		 
		#shapka
				 {
					
					 background:#FFF;
				 }	
				#telefoni
						 {
							 
						 }
				#conteinerbaner
						{
						width:100%;
								
						}
						#baner
								 {
									 width:25%;
									 float:left;
									 text-decoration:none;
									 color:#FFF;
								 }
					    #baner a:link
						         {
						            text-decoration:none;
									color:#fff; 
						         }
						#baner a:visited
						         {
						            text-decoration:none;
									color:#fff;   	
						         }	
						#baner a:hover
						         {
						            text-decoration:none;
									color:#fff;   	
						         }		 
						#banerl a:link
						         {
						            text-decoration:none;
									color:#fff; 
						         }
						#banerl a:visited
						         {
						            text-decoration:none;
									color:#fff;   	
						         }	
						#banerl a:hover
						         {
						            text-decoration:none;
									color:#fff;   	
						         }			 
						#linkf
								 {
									 text-decoration:none;
									 color:#FFF;
									 font-size:30px; 
								 }
						#linkf a:link
						         {
						            text-decoration:none;
									color:#fff;
									font-size:30px;   	
						         }
						#linkf a:visited
						         {
						            text-decoration:none;
									color:#fff;
									font-size:30px;    	
						         }			 
								 
						
						#sxema
								 {
	                               text-align: justify;
								  							  
								 }
						#textsize
						         {
                                 color:#F00;
								 }
								#textsize a:link
										 {
										 color:#F00;
										 text-decoration:none;
										 }
								#textsize a:visited
										 {
										 color:#F00;
									     text-decoration:none;
										 }		 
								 
								 	 
						#oflink	
						         {
                                 color:#006;
								 font-size: 16px;
								 }
						#oflink a:link
								 {
									text-decoration:none; 
									color:#006;
									font-size: 16px;
								 }
						#oflink a:visited
								 {
									text-decoration:none; 
									color:#006;
									font-size: 16px;
								 }
					  #oflink a:hover
								 {
									
									color:#F00;
								 }
							 
								 #line1
								                  {
													   float:left;
													  
													   
												  }
								 #sxemaleft
								                  {
													   
													   
												  }
																		   
								#line2
								                  {
													   float:right;
													   
													   
												  }				  
								#sxemaright
								                  {
												      float:right;
												    
												  }					  			  
						#topspisok
								 {
									
								 }
				#conteinerfoto
			          {
					
					  }
							#foto
									 {
									   
									   background-color:#FFF;
									   
									 }
							#opisanie
									 {
										 background-image:url(foto/opisanie.jpg);
										 color:#FFF;
									
									 }	
							#textopisanie
							{
								margin-left:2%;
							}
							
				#raboti1
				 {
			      width:97.85%;
				  margin-left:1.15%;
				  text-align:center;
				 }			
							
				#raboti
				 {
				  font-family: 'Times New Roman', Times, serif; /* Гарнитура текста */ 
				  border:#000 2px;
				  background-image:url(foto/backgroundlinks.jpg);
				  width:97.6%;
				  margin-left:1.25%;
				  color:#006;
				  text-align:center;
				 }
						#raboti a:link
								 {
									color:#006;
									text-align: center;
									font-size: 16px;
								 }
						#raboti a:visited
								 {
									color:#006;
									text-align: center;
									font-size: 16px;
								 }
					   #raboti a:hover
								 {
									color:#F00;
									text-align: center;
									font-size: 16px;
								 }
		#telo
				 {
					 background:#FFF;
					 margin:auto;
				     min-height:198%;
					 width:100%;
				 }
				 
		#table
				 {
					 margin-left:0.85%;
					 width:99%;
				 }		 
		#teloalign
		         {
	width:98.75%;
	margin-left:1.25%;
	text-align: justify;
	vertical-align: middle;
		         }
				 #left
									 {
									   
									   background-image:url(foto/backgroundlinks.jpg);
									   text-align:center;
									 }
									 #kontfoto
									 {
										 width:80%;
										 background:#FFF;
										 margin-left:10%;
										 text-align:center;
										 border:none;
									 }
				#centr
									 {
										 color:#006;
										 font-size:33px; 
										 text-align:center;
								     }	
				#key				
				                     {
										font-weight:900;
										font-style:inherit;
									 }
				#name
				                    {
									font-size:25px; 	
									}
			#rekonstrukcia
                               {
								
								 
							   }
		 #rekonstrukciadv
                               {
                                 text-align:center;
								 background:#F00;
								 font-size:20px; 
								 color:#006;
								 width:80%;
								 margin-left:10%;
							   }
		#kotedjdv
                               {
                                 text-align:center;
								 background:#00F;
								 font-size:20px; 
								 color:#006;
								 width:80%;
								 margin-left:10%;
							   }
		#remontdv
                               {
                                 text-align:center;
								 background:#F60;
								 font-size:20px; 
								 color:#006;
								 width:80%;
								 margin-left:10%;
							   }
		#oficedv
                               {
                                 text-align:center;
								 background:#060;
								 font-size:20px; 
								 color:#006;
								 width:80%;
								 margin-left:10%;
							   }	
		#kapremontdv
                               {
                                 text-align:center;
								 background:#960;
								 font-size:20px; 
								 color:#006;
								 width:80%;
								 margin-left:10%;
							   }
		#soglasovanie
                               {
                                 text-align:center;
								 background:#606;
								 font-size:20px; 
								 color:#006;
								 width:80%;
								 margin-left:10%;
							   }	
		#foto
                               {
                                 text-align:center;
								 background:#990;
								 font-size:20px; 
								 color:#006;
								 width:80%;
								 margin-left:10%;
							   }										   				   							   					   						   									   							   						 
			
		 #oftext					
        {
			font-size:16px;
			text-indent: 2em;
			font-weight:500;
			width:96%;
			text-align:justify;
			margin-left:2%;
            
		 }
		 
		  #oftext1					
        {
			font-size:16px;
			text-indent: 2em;
			font-weight:500;
			width:96%;
			text-align:center;
			margin-left:2%;
		 }
		 
		 
		 
		 #oftext1 table
         {  
         border: 1px solid #006;
		 border-collapse: collapse;
		 font-size:16px;
		 }
		 
		 #oftext1 td
         {  
         border: 1px solid #006;
		 font-size:16px;
	   
		 }
		 
		
		 
		 #rektable
		 {
			 text-align:center;
		 }
		 
		 #rektable1
		 {
			 text-align:center;
			 margin-left:15%;
		 }
		 #rektable2
		 {
			 text-align:center;
			 margin-left:10%;
		 }
		 
		 UL
		      {
		    list-style-image: url(foto/imgul.jpg); 
			list-style-position: inside; /* Маркер обтекается текстом */
			   }
			   
	   
		
		#podval
				 {
					background-image:url(foto/background-image.jpg);
					margin:auto;
				 }
				 #seo
									 {
									   width:70%;
									   float:left;
									  background-image:url(foto/background-image.jpg);
									 }
				#sozdanie
				                     {
										 color:#FFF;
										 font-size:16px;
									 }
				#sozdanie a:link
				                     {
										 color:#FFF;
										 font-size:16px;
									 }	
				#sozdanie a:visited
				                     {
										 color:#FFF;
										 font-size:16px;
									 }	
				#sozdanie1
				                     {
										 color:#000;
										 font-size:16px;
									 }
				#sozdanie1 a:link
				                     {
										 color:#000;
										 font-size:16px; 
									 }	
				#sozdanie1 a:visited
				                     {
										 color:#000;
									     font-size:16px;
									 }	
				#sozdanie1 a:hover
				                     {
										 color:#F00;
										 font-size:16px;
									 }												 							 					 							 				 
				#firma
				                     {
										 color:#FFF;
									 }
				#telefoniseo
									 {
									background-image:url(foto/background-image.jpg);
									font-size:40px;
									 }			 
		 
#lin
		{
	width:90%;
	background-image:url(foto/background-image.jpg);
	text-align:center;
	font-size:12px;
		}
#lin a:link
								 {
color:#333;
text-decoration:none; 
text-align:center;
font-size:12px;
								 }
#lin a:visited
								 {
color:#333;
text-decoration:none;
text-align:center;
font-size:12px;
								 }
#lin1
		{
	margin-left:10%;
	background-image:url(foto/backgroundlinks.jpg);
	text-align:center;
	font-size:12px;
	width:80%;
		}
#lin1 a:link
								 {
color:#333;
text-decoration:none; 
text-align:center;
font-size:12px;
								 }
#lin1 a:visited
								 {
color:#333;
text-decoration:none;
text-align:center;
font-size:12px;
								 }							 

#namest
		{
	margin-left:10%;
	background-image:url(foto/backgroundlinks.jpg);
	text-align:center;
	font-size:16px;
	width:80%;
		}
 
 
 
 	
	
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }