﻿@import url("reset.css");
/*General Styles*/
@font-face {
 font-family:'ParsekC';
 src: url('http://shrift.ucoz.ru/Rukopis/ParsekC.otf');}


html {
height: 100%;}
  body {
 font-family:Verdana, Arial,Helvetica, sans-serif;
 font-size:14px;
  min-height: 100%;
 padding-top: 2px;}

a {text-decoration:none}


p {
margin: 0px;
   padding: 5px 0;
    
	 font-size: 14px;
	    color:#000000;
		text-align:justify;
         text-indent: 20px;
		 line-height: normal;
}

/*HEDER*/

#fon {
width: 1200px;

margin: 0 auto;}

#header{
background:#063379;
margin: 0 auto;
height:125px;
border-bottom: 3px solid #CFCACE;}


#header-top{

margin: 0 auto;
width: 1200px;


}




#header-top li{
     padding-top: 10px;
    display: block;
	width: 400px;
	text-decoration:none;
	float: left;
	text-align: center;
	
		
	}
	 #header-top ul li {
	line-height:28px;
	 width: 400px;
	 text-align: center;
   	  font-size: 16px;
	
	} 
	#header-top ul li a {
	line-height:28px;
	 color:#D4090D;
   	  font-size: 16px;}
	  




















  #header_menu {

	margin: 0 auto;
	  	height:55px;
		width: 1080px;
		
		 }
		  
		 
 hr {
    height: 3px; /* Толщина линии */
   }


ul#cssmenu {
	
 color:#020404;
 font-size: 22px;
       margin: 0 auto;
	  	height:60px;
		width: 1080px;
		
}

ul#cssmenu li {
      border-right: 1px solid #CFCACE;
 line-height:60px;
   	width: 210px;
	text-decoration:none;
	float: left;
	text-align: center;
     display: block;
    position: relative;
        
}

ul#cssmenu ul {
        margin: 0;
        border: 0 none;
        padding: 0;
        width: 178px;
        list-style: none;
        display: none;
        position: absolute;
        left: 0;
}

ul#cssmenu ul:after {
        clear: both;
        display: block;
       color: #020404;
        content: ".";
        height: 0;
        visibility: hidden;
}

ul#cssmenu ul li {
 border: 0 none;
font-size: 18px;
  line-height:45px;
text-align: left;
        width: 300px;
        float: left;
        display: block !important;
        display: inline;
		 color: #020404;
}

/* Main Menu */
ul#cssmenu a {
 color: #020404;
        float: none !important;
        float: left;
        display: block;
        text-decoration: none;
        height: auto !important;
        height: 1%;
}

/* Main Menu Hover */
ul#cssmenu a:hover,
ul#cssmenu li:hover a,
ul#cssmenu li.iehover a {
  
       
}

/* Second Menu */
ul#cssmenu li:hover li a,
ul#cssmenu li.iehover li a {
     border: 1px solid #CFCACE; 
       padding-left: 10px;
	   background:#FFFFFF;
}

/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,
ul#cssmenu li:hover li:hover a,
ul#cssmenu li.iehover li a:hover,
ul#cssmenu li.iehover li.iehover a {
    
}

ul#cssmenu ul ul {
        display: none;
        position: absolute;
        top: 0;
        
}

ul#cssmenu li:hover ul ul,
ul#cssmenu li.iehover ul ul {
        display: none;
}

ul#cssmenu li:hover ul,
ul#cssmenu ul li:hover ul,
ul#cssmenu li.iehover ul,
ul#cssmenu ul li.iehover ul {
        display: block;
} 

#wrap{
width: 1080px;
margin: 0 auto;}
#wrap-ldsp{
width: 1080px;
 height:3320px;
margin: 0 auto;}
#wrap-l{
width: 1080px;
 height:2620px;
margin: 0 auto;}
#wrap-steklo{
width: 1080px;
 height:2780px;
margin: 0 auto;}
#wrap-plastik{
width: 1080px;
 height:680px;
margin: 0 auto;}
#wrap-zerkalo{
width: 1080px;
 height:900px;
margin: 0 auto;}
#wrap-rotang{
width: 1080px;
 height:1300px;
margin: 0 auto;}

#wrap-stelagt{
width: 1080px;
 height:1700px;
margin: 0 auto;}
#wrap-shema{
width: 1080px;
 height:4720px;
margin: 0 auto;}


#wrap-fotopechat{
width: 1080px;
 height:20920px;
margin: 0 auto;}
#wrap-k{
width: 1080px;
 height:1900px;
margin: 0 auto;}



#fon{
background: url(../imeg/shkaf1.jpg) no-repeat;

width:1200px;
height:476px;
margin-top: -11px;}
.fon { 
margin-top:300px;
width: 600px;
 padding: 10px;
 padding-left: 50px ;
  opacity: 0.8;
  background: #FFFFFF; /* Цвет фона */
 color:#000000;
 font-size: 23px;
 float: right;
 }


#content h2 {
	line-height:1.5;
	margin-top: 20px;
	color:#020404;
	text-indent: 40px;
	font-size: 30px;
	font-weight:600;
	}

.garantia {float: right;}
#content_menu{ 
margin-top:30px;}

#content_menu h2{ 
line-height:1.5;
clear: left;
	color:#020404;
	
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
	font-weight:600;
	}

	#content_menu ul{
 color:#FFFFFF;
padding-bottom:520px;
    
	}
	
	
	
#content_menu li{
background:#FD865B;

padding-top: 10px;
margin-left:5px;
margin-bottom:5px;
    display: block;
	 width: 350px;
	text-decoration:none;
	float: left;
	text-align: center;
	}
		
	
#content_menu ul li a{
 color:#FFFFFF;
 width: 355px;
line-height:25px;
 	text-decoration:none;
	 font-size: 23px;
	
	} 
	 
#content_menu ul li a:hover {
 	    font-size:23px;
		 color:#063379;
	}	


#content_menu img{
padding-top: 10px;}




#content_material{ 
height:630px;
margin-top:30px;}

#content_material h2{ 
line-height:1.5;
clear: left;
	color:#020404;
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
	font-weight:600;
	}

	
#content_material li{
 border: 1px solid #CFCACE ;
 border-radius: 7px;
	text-align: center;
margin-left:25px;
margin-bottom:25px;
    display: block;
	 width: 230px;
	height: 155px;
	text-decoration:none;
	float: left;
	
	}
	#content_material img{
border-radius: 7px;}	
	
#content_material ul li a{
 width: 230px;
line-height: 35px;

 	text-decoration:none;
	 color:#020404;
	  font-size: 14px;
	
	} 
	 
#content_material ul li a:hover {
 	    font-size:14px;
		 color:#FD865B;
	}	






#content_rabota{ 
margin-top:30px;
height: 400px;
}

#content_rabota h2{ 
line-height:1.5;
clear: left;
	color:#020404;
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
	font-weight:600;
	}
.rabota {margin-left:75px;}
	
#content_rabota ul li{
 border: 1px solid #CFCACE ;
 border-radius: 7px;
	text-align: center;
margin-left:10px;
margin-bottom:25px;
    display: block;
	 width: 160px;
	height: 200px;
	text-decoration:none;
	float: left;
	}
#content_rabota img{
text-align: center;
border-radius: 7px;}	
	
	#pochemu {


width: 1080px;}

#pochemu h2{ 
line-height:1.5;
clear: left;
	color:#020404;
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
	font-weight:600;
	}

#drugie{
margin-left: 10px;
float: left;
width: 540px;}

#drugie ul li{
 
	text-align: left;
width: 510px;
margin-bottom:20px;
    display: block;
	height: 130px;
	text-decoration:none;
		}

#drugie img{
margin-bottom: 10px;
float: left;
padding-right:20px;
padding-bottom:70px;
padding-left:20px;
}


#pochemu h3{ 
line-height:1.5;

	color:#F50707;
	font-size: 30px;
	text-align: center;
	margin-bottom: 10px;
	}


	
#mi ul li{
 
	text-align: left;

margin-bottom:20px;
    display: block;
	height: 130px;
	text-decoration:none;
		}

#mi img{
margin-bottom: 10px;
float: left;
padding-right:20px;
padding-bottom:70px;
padding-left:40px;
}


#mi h3{ 
line-height:1.5;

	color:#95DE00;
	font-size: 30px;
	text-align: center;
	margin-bottom: 10px;
	}

#content_vizov {
margin-top: 10px;

border-radius: 7px;
background:#063379;
height:370px;
}

#content_vizov h2 {
padding-top:17px;
line-height:1.5;
clear: left;
	color:#FFFFFF;
	font-size: 36px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 30px;
	font-weight:600;
	}
	
#content_vizov img {
padding-left:120px;
margin-bottom: 30px;
}

#content_vizov_levo{
padding-left: 10px;
float: left;
width: 550px;

}

#content_vizov_levo h3{
line-height:1.5;
color:#FFFFFF;
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px;}
	
	#content_vizov_levo pre{
font-size: 18px;
line-height:1.5;
color:#FFFFFF;
	}
	
	
	#obrat_vizov	{
	    display: block;
	 padding-top: 10px;
	padding-bottom: 10px;
		font-size: 16px;
	line-height:20px;
	color:#FFFFFF;
		}
			
		
		#obrat_vizov   tr{
	   margin-bottom: 10px;
	padding-left: 50px;	
		}
	 
	#content_otziv  {  
	 height:370px;}
	 
	#content_otziv h2 { 
line-height:1.5;
clear: left;
	color:#020404;
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
	font-weight:600;
	}

	 
	#content_otziv li{ 

padding-top: 20px;
padding-right: 50px;
margin-bottom:5px;
    display: block;
	 width: 490px;
	text-decoration:none;
	float: left;
		}
		
		
		
	#content-footer	h2{ 
line-height:1.5;
clear: left;
	color:#020404;
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
	font-weight:600;
	}
		
		
		
		
	#content-footer h3{
line-height:1.5;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight:600;
	}
	 
#content-footer-contact	 {
float: left;
width: 320px;
margin-top: 10px;

}
	 #content-footer-contact h3{
line-height:1.5;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight:600;
	}
	 
	 #karta{
	margin-top: 28px;
	margin-bottom: 18px;
	}
	 
	 
	 

 form .input /* Стили для класса input */ {
    padding:10px;
     width: 260px; /* Ширна 230 пикселей */
     border: 1px solid #063379; /* Сплошная рамка вокруг шириной 1 пиксель и цветом #ddd */
}


div.overlay { 
}
div.overlay div.close {background-image:url(images/close.png);position:absolute;
right:5px;top:5px;cursor:pointer;height:35px;width:35px;}
#overlay {background-image:url(images/fon.png);background-repeat:no-repeat;}
#overgoop {background-image:url(images/fon.png);background-repeat:no-repeat;}
div.wrap {height:441px;overflow-y:auto;}
.contact-title {color:#FFFFFF;margin-top:20px;font-size:1.2em; text-align:left;}
.contact-input {font-family:'Trebuchet MS', Verdana, Arial;float:left;padding:2px;
margin:2px;background:#eee;border:1px solid #fff;width:300px;
}
.lable {text-align:left;clear:left;display:block; font-size:14px;font-family:"Verdana";color:#FD865B;}
.input {text-align:left;background-color:#F0F0F0;border:0px;font-size:14px;
font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#1C5455;}
.warning_table {background:#F0F0F0;border:outset 5px #666666;border-radius:10px;
-moz-border-radius:10px;-webkit-border-radius:10px;-webkit-box-shadow:#666 0px 2px 3px;
-moz-box-shadow:#666 0px 2px 3px;box-shadow:#666 0px 2px 3px;behavior: url(PIE.htc);
}
.warning_font_big {font:Arial;font-size:30px;color:#B70004;}
.warning_font {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;color:#333;padding-top:15px;
}
#parent_popup {background:#D4D4D4;display:none;height:100%;opacity:0.9;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* работает в IE6, IE7 и IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; /* только для IE8 */
filter: alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;
position:fixed;width:100%;z-index:10000;top:0;left:0;
}
#popupup {margin:0 auto;margin-top:170px;background-image:url(images/fon.png);
background-repeat:no-repeat;width:474px;height:501px;padding:0 0 0 0;color:#f00;z-index:10001;
}
#close {background-image:url(images/close.png);margin-left:434px;
cursor:pointer;height:35px;width:35px;
}
a.images {background:url("images/knopka.png");display:block; 
width:200px;height:30px;border:0; 
}
a.images:hover {background:url("images/knopka-2.png");
width:200px; height:30px;border:0; 
}


#sidebar{
	width: 230px; /* Ширина слоя */
    padding: 5px 5px; /* Отступы вокруг текста */
    float: left; /* Обтекание по правому краю */
	border: 1px solid #CFCACE ;	}
	
	#sidebar ul li {
	padding-left: 10px;}
	
	#sidebar ul li a{
	color: #020404;
	width: 220px;
	
	line-height:30px;
	text-decoration:none;
	font-size:14px;
	display: block;
	padding-left: 5px;
	text-align: left;
	margin-top: 6px;
	}
  #sidebar ul li a:hover {
    color: #063379;
	font-size:14px;
	}

	 #sidebar h3 {
	 margin-top: 10px;
	 padding-top: 10px;
	padding-bottom: 10px;
	color:#FB0611;
	}
	 
	 
  #conteiner {
margin-top: 15px;

margin-left: 280px;
}
.ldsp {float:left;
margin-right: 30px;
margin-bottom: 10px;
}
  #conteiner h4 {
	font-size: 26px;
	font-weight:500;
	}
.gad {
	text-align: center;
	margin-left:5px ;
	}

.gad div {
	 width:220px; 
	 color:#000;
	 font-size:14px;
	
	 float:left;
	 margin:10px 7px 5px;
 	
	overflow:hidden;
	
}	 

.gad img{ 
	
	width:220px;
	height: 126px;
}

.gad a{ 
	
	color:#000;
}









.gad1 {
	text-align: center;
	margin-left:5px ;
	}

.gad1 div {
	 width:160px; 
	 color:#000;
	 font-size:14px;
	
	 float:left;
	 margin:10px 12px 5px;
 	
	overflow:hidden;
	
}	 

.gad1 img{ 
	
	width:160px;
	height: 233px;
}

.gad1 a{ 
	
	color:#000;
}


.gad12 {
	text-align: center;
	margin-left:5px ;
	}

.gad12 div {
	 width:120px; 
	 color:#000;
	 font-size:14px;
	
	 float:left;
	 margin:5px 5px 5px;
 	
	overflow:hidden;
	
}	 

.gad12 img{ 
	
	width:120px;
	height: 175px;
}

.gad12 a{ 
	
	color:#000;
}








.gad2 {
	text-align: center;
	margin-left:5px ;
	}

.gad2 div {
	 width:158px; 
	 color:#000;
	 font-size:14px;
	
	 float:left;
	 margin:5px 10px 5px;
 	
	overflow:hidden;
	
}	 

.gad2 img{ 
	
	width:158px;
	height: 175px;
}

.gad2 a{ 
	
	color:#000;
}





.gad3 {
	text-align: center;
	margin-left:5px ;
	}

.gad3 div {
	 width:238px; 
	 color:#000;
	 font-size:14px;
	
	 float:left;
	 margin:5px 10px 5px;
 	
	overflow:hidden;
	
}	 

.gad3 img{ 
	
	width:238px;
	height: 175px;
}

.gad3 a{ 
	
	color:#000;
}




#footer{
background:#063379;
margin: 0 auto;
height:125px;
border-bottom: 3px solid #CFCACE;}


#footer-top{

margin: 0 auto;
width: 1200px;


}




#footer-top li{
     padding-top: 10px;
    display: block;
	width: 400px;
	text-decoration:none;
	float: left;
	text-align: center;
	
		
	}
	 #footer-top ul li {
	line-height:28px;
	 width: 400px;
	 text-align: center;
   	  font-size: 16px;
	
	} 
	#footer-top ul li a {
	line-height:28px;
	 color:#D4090D;
   	  font-size: 16px;}
	  
	  
	  
#conteiner_menu{ 
margin-top:10px;}



	#conteiner_menu ul{

padding-bottom:50px;
    
	}
	
	
	
#conteiner_menu li{
padding-top: 10px;
margin-left:5px;
margin-bottom:20px;
    display: block;
	 width: 180px;
	text-decoration:none;
	float: left;
	text-align: center;
	}
		
	
#conteiner_menu ul li {
 width: 180px;
line-height:25px;
 	text-decoration:none;
	 font-size: 14px;
	 } 
	 

#conteiner_menu img{
padding-top: 10px;}

#conteiner_menu h4 {
clear: left;}


	  
#conteiner_napolnenie{ 
margin-top:10px;}



	#conteiner_napolnenie ul{

padding-bottom:20px;
    
	}
	
	
	
#conteiner_napolnenie li{
padding-top: 10px;
margin-left:5px;
margin-bottom:20px;
    display: block;
	text-decoration:none;
	float: left;
	text-align: center;
	}
		
	
#conteiner_napolnenie ul li {
line-height:25px;
 	text-decoration:none;
	 font-size: 14px;
	 } 
	 

#conteiner_napolnenie img{
padding-top: 10px;}

#conteiner_napolnenie h4 {
clear: left;}






	  
#conteiner_n{ 
margin-top:10px;}



	#conteiner_n ul{

padding-bottom:20px;
    
	}
	
	
	
#conteiner_n li{
padding-top: 10px;
margin-left:18px;
margin-bottom:20px;
    display: block;
	text-decoration:none;
	float: left;
	text-align: center;
	}
		
	
#conteiner_n ul li {
line-height:25px;
 	text-decoration:none;
	 font-size: 14px;
	 } 
	 

#conteiner_n img{
padding-top: 10px;}

#conteiner_n h4 {
clear: left;}















#conteiner h2 
{font-size: 18px;
	font-weight:500;
	margin-left:30px;
}



.go-up, .go-down {
 display: none;
 position: fixed; /*позиционирование*/
 z-index: 9999; /*поверх все элементов на странице*/
 right: 2%; /*положение на странице, если слева - left*/
 background: #4F4F4F;
 border: 1px solid #ccc;
 border-radius: 5px;
 cursor: pointer;
 color: #fff;
 text-align: center;
 font: normal normal 42px/42px sans-serif;
 text-shadow: 0 1px 2px #000;
 opacity: .5;
 padding: 3px;
 margin-bottom: 5px;
 width: 42px;
 height: 42px;
}
.go-up { bottom: 60px; }
.go-down { bottom: 10px; }
.go-down:hover,
.go-up:hover {
 opacity: 1;
 box-shadow: 0 5px 0.5em -1px #666;
}









