﻿*{
	margin: 0;
	padding: 0;
	}

html{
	font-size:100.01%;
   height:100%;
	}
	
body{
   position:relative;
	font:normal 62.5% Arial;
	color:#000;
	height: 100%;
	background:#fff;
}

img {
	border:0;
	}
 
a{
	color:#000;
   text-decoration:underline;
	}
	
a:hover{
   text-decoration:none;
	}


ul{
	list-style:none;
	}

table{
	border-collapse:collapse;
	}
	
	table td{
		vertical-align:top;
		}
	
#gl-wrapper{
	min-height: 100%; min-width:1000px; max-width:1280px;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px; /* нижний margin является отрицательной величиной высоты footer */
	}
	
	#footer, #push {
	  clear:both;
		height: 40px; /* .push должен быть той же высоты, что и .footer */
		}
	  
	  #footer{
		 margin:40px 0 0 0;
		 }
	  
		 
	  
/*=============*/

.wrap{
   position:relative;
   margin:0 3%;
   }
   
   .authorization{
      font-size: 1.1em;
      position: absolute;
      top:30px; right:0px;
      }

   
.logo-block{
   position:absolute;
   top:20px; left:0;
   }
   
   .logo-block a{
	  position:relative;
	  display:block;
	  width:197px; height:60px;
	  float:left;
	  }
	  
	  .logo-block a span{ 
		 position:absolute; top:0; left:0;
		 width:197px; height:60px;
		 background:url('images/logo.gif') no-repeat;
		 }
		 
		 .logo-block span{
			float:left;
			padding:23px 0 0 11px;
			font-size:1.2em;
			}
			
.contacts{
   /*width:350px;*/
   width:630px;
   margin:0 0 0 35%;
   }
   
   .phone{
	  float:left;
	  color:#a9a9a9;
	  font:normal 1.1em Tahoma;
	  text-align:right;
	  padding:34px 22px 0 0;
	  }
	  
	  .phone sup{
		 font-size:0.6em;
		 }
	  
	  .phone div{
		 font-size:1.81em;
		 color:#000;
		 margin:-6px 0 0 0;
		 }
		 
   .link-contacts{
	  font-size:1.1em;
	  padding:34px 0 0 0;
	  }

	  
.ban{
   position:relative;
   clear:both;
   margin:30px 0 0 0;
   background:url('images/bg-ban.jpg') repeat-x;
   }

   .ban-l{
   background:url('images/ban-l.jpg') no-repeat 0 0;
   }
   
   .ban-r{
	  height:397px;      
	  background:url('images/ban-r.jpg') no-repeat 100% 0;
	  padding:16px 0 0 0;
	  }

.description{
   position:absolute; top:128px; left:2%;
   font:italic 1.4em Arial;
   color:#fff;
   width:228px; height:397px;
   padding: 65px 0px 0px 172px;
  	background: url('images/brend.png') no-repeat 0 0;
   }
	  
.flash-block{
   position:absolute; top:113px; right:0;
   width:553px;
   color:#fff;
   font:italic 1.2em Arial;
   }
   
.menu{
   margin:0 5%;
   background:url('images/menu-bg.jpg') repeat-x;
   }
   
.tbl {
   border-bottom:1px solid #c0c0c0;
   border-collapse:collapse;
   border-left:1px solid #F2F2F2;
   border-top:1px solid #c0c0c0;
   }

.tbl .zb1 {
    background-color:#F2F2F2;
    }

.menu table{
   width:100%;
   background:url('images/menu-r.jpg') no-repeat 100% 0;
   height:43px;
   }
   
   .menu table td{
	  font:italic 1.2em Arial;
	  color:#fff;
	  padding:13px 0 0 0;
	  }
	  
	  .menu table td a{
		 white-space:nowrap; /*Ie не понимает nowrap для td*/
		 }

	  .menu .bg-left{
		 background:url('images/menu-l.jpg') no-repeat;
		 }
			   
/*ico*/
	  
.new-window{
   padding:3px 0 0 16px;
   background:url('images/new-window.gif') no-repeat 0 0;
   }
   
.print{
   padding:3px 0 0 16px;
   background:url('images/print.gif') no-repeat 0 0;
   }
   
.mail{
   position:relative; top:4px;
   padding:0 0 0 16px;
   background:url('images/mail.gif') no-repeat 0 0;   
   color:#a9a9a9;
   }
   
.all-parners a{
   padding:5px 15px 0 0;
   background:url('images/plus.gif') no-repeat 100% 0;
   font-size:1.2em;
   }
	
.all-what{
   padding:3px 0 0 14px;
   background:url('images/project.gif') no-repeat;
   }
	
/*end ico*/


h2{
   font:italic 22px Arial;
   margin:0 0 10px 0;
   }

.cnt-wrap{

   }
   
.l-bar, .r-bar{
   float:left;
   width:27%;
   padding:0 1.5%;
   }
   
   .c-bar{
	  float:left;
	  width:/*32%*/65%;
	  padding:0 1.5%;
	  }
	  
	  .c-bar a:hover{
		 color:#FDB813;
		 } 
   
   .l-bar{
	  text-align:right;
	  }
	  
	  .all-parners{
		 margin:15px 0 25px 0;
		 }
		 
   .wtf-block p{
	  margin:10px 0 0 0;
	  }
	  
	  .wtf-block p a{
		 color:#7e7e7e;
		 font-size:1.1em;
		 }
		 
.c-bar h2 a{


   font:normal 0.55em Arial;
   margin:0 0 0 15px;
   }
   
   .list-project li{
	  font:italic 1.2em Arial;
	  margin:0 0 33px 0;
	  }
	  
	  .list-project li a{
		 color:#7e7e7e;
		 }
		 
		 .list-project li a:hover{
			color:#FDB813;
			}
	 
	  
	  
	  .list-project li.one{
		 margin:0 0 12px -20px;
		 background:url('images/ok.gif') no-repeat 0 5px;
		 padding:0 0 0 20px;
		 }
		 
		 .list-project li.one a{
			color:#000;
			}
			
.news{
   
   }
   
   
   .news dt{
	  font:italic 1.2em Arial;
	  margin:0 0 10px 0;
	  }
   
	  .news dt a{
		 color:#00588f;
		 }
	  
   .news dd{
	  font-size:1.2em;
	  margin:0 0 30px 23px;
	  }
	  
	  .news dd .date{
		 color:#bcbcbc;
		 font-style:italic;
		 margin:5px 0 0 0;
		 }
		 
.for-clients{
   background:url('images/entered.gif') no-repeat 50px 100%;
   padding:0 0 8px 0;
   }
		 
.entered{
   padding:15px 20px;
   background:#f3f3ef;
   font:bold 1.2em Arial;
   }
   
   .entered .enter{
	  background:url('images/close.gif') no-repeat 0 0;
	  padding:3px 0 0 10px;
	  }
	  
	  .entered .enter span{
		 text-decoration:none;
		 border-bottom:dotted 1px #000;
		 cursor:pointer;
		 }
		 
				 
		 .entered .enter a:hover{
			border:none;
			}
   
	.entered:before{
		content:url('images/entered-tl.gif');
		background: url('images/entered-tr.gif') no-repeat 100% 0;
		height: 7px;
		display: block;
		margin:-15px -20px 8px -20px;
		}
		
	.entered:after{
		content:url('images/entered-bl.gif');
		background: url('images/entered-br.gif') no-repeat 100% 0;
		height: 7px;
		display: block;
		margin:10px -20px -15px -20px;
		}
	  
.annotation-clients{
   font:italic 1.2em Arial;
   margin:10px 0 0 35px;
   }
   
   .annotation-clients a{
	  color:#00588f;
	  }
	  
	 
   .annotation-clients h3{
	  font:normal 1.2em Arial;
	  margin:27px 0 12px 0;
	  }
	  
	  .clients-link li{
		 margin:0 0 5px 0;
		 }
		 
.seo-text{
   color:#999;
   font-size:0.83em;
   margin:41px 0 0 0;
   line-height:20px;
   }
   
   .seo-text a{
	  color:#999;
	  }
	  
.foot-phone{
   color:#a9a9a9;   
   }
   
.copyright{
   zoom:1;
   position:relative; z-index:2;
   color:#a9a9a9;
   font-size:1.1em;
   margin:-20px 0 0 0;
   }
   
   .link-copyright{
	  margin:0 0 0 40px;
	  line-height:20px;
	  }
	  

.second-page{
   background:url('images/ban-2-bg.gif') repeat-x !important;
   }
	  
   
.second-page .ban-l{
   background:url('images/logo-2.jpg') no-repeat 0 0;      
   }
   .second-page .ban-r{
	  height:62px !important;
	  }
   
   

   .second-page .menu{
	  margin:0 5% 0 250px;
	  }
	  
	  
	  .second-page .menu .bg-left{
		 background:url('images/menu-l-sec.gif') no-repeat;         
		 }
   

.path{
   font:normal 1.2em Arial;
   height:34px;
   line-height:34px;
   border-bottom:dashed 1px #cbcbcb;
   margin:0 0 13px 0;
   padding-left:24px;
   }
   
   .path a{
	  color:#a9a9a9;
	  }
	  
   .path li{
	  padding:0 18px 0 0;
	  background:url('images/arrow.gif') no-repeat 100% 50%;
	  margin:0 0 0 5px;
	  display:inline;
	  }
	  
	  .path .last{
		 background:none;
		 }
		 
.left-menu{
   background:url('images/menu-left-b-bg.gif') no-repeat 100% 100%;
   margin:0 0 23px 0;
   width:250px;
   float: right;
   }
   
   .left-menu ul{
	  background:url('images/menu-left-t-bg.gif') no-repeat 100% 0;
	  padding:20px 40px 20px 40px;
	  font-size:1.2em;
	  text-align: left;
	  }
	  
	  .left-menu ul li{
		margin-bottom: 10px;
		}
	  
.c-bar blockquote{
   font:normal 1.2em/20px Arial;
   padding:15px;
   background:url('images/quote-l.gif') no-repeat 0 100% #f2f2f2; 
   margin:0 0 30px 0;
   }
   
   .c-bar blockquote i{
	  color:#7e7e7e;
	  }
   
   .c-bar blockquote address{
	  padding:20px 0 20px 0;
	  background:url('images/quote-r.gif') no-repeat 100% 100%; 
	  margin:0 -15px -15px 0;
	  }
	  
	  .c-bar blockquote address span{
		 color:#bcbcbc;
		 }


.cnt p{
   margin:0 0 5px 0;
   font:normal 1.2em/20px Arial;
   }
   
.cnt a{
   font:normal 1.2em/20px Arial;
   }   
   
 
   
   .cnt h1{
	font: normal 2em "Arial";
	}
	
	.cnt h2{
		font: normal 1.8em "Arial";
		}
		
	.cnt h3{
		font: normal 1.6em "Arial";
		}
		
	.cnt h4, .cnt h5, .cnt h6{	
		font: bold 1.4em "Arial";
		}
   
.cnt h3, .style-job h3{
   font:bold 1.2em Arial;
   margin:0 0 15px 0;
   }
   
.cnt ul{
	margin: 0px 0px 0 20px !important;
   font-size:1.2em;
   }
   
   .cnt ul p{
		margin: 0px;
		}
   
   .cnt p a{
	  color:#00588f;
	  }
   
   .cnt ul li{
	  margin:0 0 3px 0;
	  padding-left: 22px;
	  background: url('images/mdash.gif') no-repeat 0 9px;
	  }
	  
.cnt em{ 
   font-size:1.2em;
   color:#7e7e7e;
   }
   
.cnt fieldset{
   border:0;
   }
   
   .cnt fieldset legend{
	  font:bold 1.2em Arial;
	  }
   
   
.style-job{
   clear:both;
   background:#f2f2f2;
   padding:20px;
   overflow:hidden;
   position:relative; top:20px;
   }
   
.list-style{
   margin:0 20px;
   }
   
   .style-job dl{
	  float:left;
	  width:18%;
	  font-size:1.1em;
	  padding-right:2%;
	  }
	  
	  .style-job dl dt{
		 font-weight:bold;
		 position:relative; left:-22px;
		 }
		 
		 .style-job dl dt span{
			font:italic 2.73em Arial;
			color:#7e7e7e;
			margin:0 5px 0 0;
			position:relative; z-index:2;
			}
			
   
.feedback{
   }
   
   .feedback label{
	  display:block; float:left;
	  width:100px;
	  font:italic 1.2em Arial;
	  color:#7e7e7e;
	  }
	  
   .feedback .row{
	  margin:0 0 10px 0;
	  }
	  
   .feedback input, .feedback textarea{
	  border:solid 1px #cdcdcd;
	  width:300px;
	  }
	  
	  .feedback textarea{
		 height:300px;
		 }
	 
	 
.link-post{
   margin:0 0 0 120px;
   font-size:1.2em;
   }
   
   .link-post a{
	  color:#00588f;
	  margin:0 10px 0 0;
	  }
	  
.what-is-rubrick{
   padding:0 20px;
   margin:0 0 20px 0;
   display:block;
   line-height:20px;
   }

   
.sort-project{
   background:url('images/quote-l.gif') no-repeat 0 100% #f2f2f2; 
   margin:0 0 37px 0;
   }
   
   .sort-project form{
	  background:url('images/quote-r.gif') no-repeat 100% 100%; 
	  padding:20px;
	  }
	  
   .sort-project label{
	  display:block;
	  font:italic 1.2em Arial;
	  color:#7e7e7e;
	  margin:0 0 3px 0;
	  }
	  
   .sort-project select{
	  width:100%;
	  margin:0 0 20px 0;
	  }
	  
	  .sort-project .col-sort{
		 float:left;
		 width:45%;
		 padding:0 5% 0 0;
		 }
		 
		 
		 
.project-more-list{
   
   }
   
   .project-more-list li.item-more-project{
	  padding:0 0 21px 20px;
	  margin:0 0 21px 0 !important;
	  background:url('images/ok.gif') no-repeat 0 5px;
	  border-bottom:solid 1px #cbcbcb;
	  overflow:hidden;
	  }
	  
	  .project-more-list li.item-more-project p{
		 margin:18px 0 18px 0;
		 font-size:1em;
		 }
   
   
.activity .type-activity{
   padding-right:5px;
   font-style:italic;
   color:#7e7e7e;
   }
   
.col-more{
   margin:20px 0 0 0;
   font-size:0.85em;
   width:44%;
   padding:0 5% 0 0;
   float:left;
   overflow:hidden;
   }
   
   .col-more .product{
	  padding:0 0 0 27px;
	  background:url('images/product-ico.gif') no-repeat 0 0;
	  min-height:20px;
	  height:20px;
   }

   .col-more .auto{
	  padding:0 0 0 27px;
	  height:20px !important;
	  min-height:20px !important;
	  background:url('images/auto-ico.gif') no-repeat 0 0;
	  }
   
	.col-more a{
	  color:#00588f;
	  }
   
.mdash{
   padding-left:20px;
   background:url('images/mdash.gif') no-repeat 0 7px;
   }
   
  /*authorization*/

#authorization{
   padding:10px 0 10px 20px;
   display:none;
   }
   
   #authorization label, #authorization input,#authorization td input{
	  display:block;
	  margin:5px 0;
	  font:bold 0.9em Arial;
	  width:150px;

	  }
	  
	  #authorization label.password{
		 margin-top:10px;
		 }
	  
	  #authorization input.password{
		 margin-bottom:5px;
		 }
		 
	  #authorization button{
		 width:75px;
		 font:bold 0.9em Arial;
		 }
  
  /*end authorization*/
  
.container-ann{
   position: relative;
   padding-bottom: 18px;
   zoom:1;
   margin-left: 15%;
   }

.ugol{
   position: absolute; bottom:0; left:20px;
   width :19px; height :19px;
   background: url('images/ugol.gif') no-repeat;
   }
  
.annotation-flash{
   position: relative;
   width:350px;
   overflow:hidden;
   }

   .tl-ann, .bl-ann{
      width:100%;      
      left:-13px;
      }
      
   .tr-ann, .br-ann{
      width:12px;
      margin-left: 100%;
      left:-13px;      
      }

   .tl-ann, .tr-ann{
      top:-12px;
      }
      
   .bl-ann, .br-ann{
      bottom:-12px;
      }
         

   .dotted-rounded{
      position: absolute;
      height:25px;
      background: url('images/all-ann.gif') no-repeat;
      }
   
   .txt-l-ann{
      margin: 12px 0;
      _margin: 11px 0;
      background: url('images/dot.gif') repeat-y;
      }
      
   .txt-r-ann{
      background: url('images/dot.gif') 100% 0 repeat-y;
      zoom:1;
      }
   
   .annotation-flash em{
      font-size: 1.67em;
      }
      
   .text-ann{
      top:-4px;
      position: relative;
      padding: 0px 10px;
      }
	  
	  .text
	  {
	  	font-size:1.2em;
	  }
	  
	  .my_top
	  {
	  float:right;
	  }
	  
	  
	  .catalog-main div
	  { font-size:1.2em;
	  }
