/* em-> px Table

0.0625em = 1px        0.3125em  = 5px        0.5625em  = 9px        0.8125em  = 13px     1.0625em = 17px
0.125em  = 2px        0.375em      = 6px        0.625em   = 10px    0.875em   = 14px     1.125em  = 18px
0.1875em = 3px        0.4375em  = 7px            0.6875em  = 11px   0.9375em  = 15px     1.1875em = 19px
0.25em   = 4px        0.5em     = 8px            0.75em    = 12px   1em      = 16px      1.25em   = 20px
*/

       /* Basic style*/
       
* {
    margin: 0; 
    padding: 0;
}

html, body {
width:100%;
height:100%;
background-color: #fff;

}
#content {
  height: auto !important;
  height: 100%;
  min-height: 100%;
  min-width: 960px;
max-width: 1600px;
  margin: 0 auto; 
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif; 
  font-size: 1em;
  background-image: url(../images/trubaKusok.png);
        background-repeat: repeat-y; 
}
* html #content {
height: 100%;
   
}       
#wrapper {
  padding-bottom: 40px;
   
}
a {
	color:#0762F4;
}
a:hover {
	text-decoration:none;
}
#footer {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;  
  clear: both;  
  position: relative;
  height: 40px;
  margin-top: -40px;
  min-width: 960px;
max-width: 1600px;
  margin-left: auto; 
  margin-right: auto;  
  background-color: #609bfc;  
height: 80px;  
}
img {
    border: 0;
}
 /*for ie6* если нужен маленький блок div'a меньше 20px*/
    .flush {                  
        clear: both;
        line-height: 0px;
        font-size: 0; 
        }

 /* END of Basic style*/   
 
 /*Top style*/
 
 #top {
       min-width: 960px;
	max-width: 1600px;
       height: 190px;
       background-image: url(../images/topbg.jpg);
       background-repeat: repeat-x;
         
 }
 
  .truba {
                    background-image: url(../images/truba.png);
                    background-repeat: no-repeat;
                    background-position: top right;
                    width: 236px;
                    height: 420px;
                    position: absolute;
                    
                   
            }
        .topleft {
                width: 221px;
                float: left;
                position: relative;
                z-index: 2;
        }      
        .tel {
               color: #fff;
               font-size:1em;
               font-weight:bold;
               font-family: Arial, Helvetica Neue, Helvetica, sans-serif;  
               margin-left: 20px; 
        }
            .topleft img {
                          margin: 27px 0 0 15px;
            }
 
        .topright {
                width: 739px;
                height: 100%;
                background-image: url(../images/kollaz.jpg);  
                background-repeat: no-repeat; 
                float: right;   
                
        }
        
                .topright ul {
                        float: right;
                        list-style-type: none;
                        margin: 38px 16px 0 0;
                }
                
                          .topright ul li {
                                float: left;
                                margin-left: 11px;
                          }
 /*End of Top style*/
 
 /*Razdelitel style*/
 .razdelitel {
        height: 5px;
        background-color: #9aa0aa; 
        border-top:  2px solid #fff;
        border-bottom: 9px solid #fff;           
 }
 
 /*End of Razdelitel style*/
 
 /*Main style*/
 .main {
        overflow: hidden;
        border-left: 2px solid #9aa0aa;
        border-right: 2px solid #9aa0aa;    
           
 }
           
           .mainleft { 
                     width: 219px;                                        
                     float: left;
                     position: relative;
                                         
          }            
          
                    .menu {
                            background-image: url(../images/menubg.png);
                            background-repeat: repeat-y;
                            width: 219px; 
                            overflow: hidden;  
                    }  
                            .menu ul {
                                     list-style-type: none;
                                       
                            }
                             
                            .menu ul li {
                                        border-top: dotted 2px #9aa0aa;
                                        padding: 12px 0 12px 20px;
                                        position: relative;
                                        z-index: 2;
                            }
                            
                            .menu ul li:hover {
                                         background-image: url(../images/arrow.gif);
                                        background-repeat: no-repeat;
                                        background-position: 5px 17px;
                            }
                            
                            .menu ul li a {
                                        font-size: .875em;
                                        font-weight: bold;
                                        color: #888585;
                                        text-decoration: none;
                                        
                            }
                            
                                    .menu ul li a:hover {  
                                                      color: #0762f4;
                                                      text-decoration: underline;    
                                    }  
                                    
          .mainmiddle {  
                     padding-left: 225px;                                       
                     position: relative;
                    
          }              
          
                                .tekst {
                                            padding: 10px 40px;
                                            text-align: justify;
                                  }
                                  
                                   .tekst ul li, .tekst ol li{
                                            margin-left: 2em;
                                            
                                            font-size: .75em;
                                            
                                           
                                            
                                  }
                                  
                                  #sitemap ul li, #sitemap ol li {
                                            padding-left: 2em;
                                            list-style-type: none;
                                            font-size: .9em;
                                            margin-top: 0.5em;
                                            
                                  }
                                        #sitemap ul li a, #sitemap ol li a {
                                                color: #6c6c6c;
                                                text-decoration: none;
                                               font-size: 1em;
                                        }
                                        
                                         #sitemap ul li a:hover, #sitemap ol li a:hover {  
                                                      color: #0762f4;
                                                      text-decoration: underline;    
                                    }    
                                  
                                  h1 {
                                          font-size: 1em;
                                          font-weight: bold;
                                          color: #0762f4;  
                                  }
                                  h2 {
                                          font-size: .875em;
                                          font-weight: bold;
                                          color: #6c6c6c; 
                                  
                                  }
                                  
                                  h3 {
                                         
                                          font-weight: bold;
                                          color: #6c6c6c;  
                                  }
								 
                                  
                                  p {
					width: 100%;	
					  display: inline-block;
                                          font-size: .75em;
                                          font-weight: normal;
                                          color: #000000;
										  margin: 10px 0;
                                  } 
								.tekst a {
									font-size: 12px;
								}
           
          
          
 /*End of Main style*/
 
 /*Razdelitel2 style*/
 
 .razdelitel2   {
            height: 5px;
            background-color: #9aa0aa; 
            border-bottom: 2px solid #fff;
 }
 
  /*End of Razdelitel2 style*/  
  
  /*Footer style*/
  .copyright {
             padding: 5px 10px;          
             color: #fff;
             font-size: .75em;
			 float:left;
			 text-align:left;
			 width:850px;
             
  }
	.live {
		position: absolute;
		right: 10px;
		bottom:20px;
	}
  /*END of Footer style*/