/*
---------------------------------------------------------------------- 
Main tags 
----------------------------------------------------------------------
*/
body {
    padding: 0;
    margin: 0; 
    background: url("../img/h_bg.gif") repeat-x top left;}
    
a:link {
    text-decoration: underline;
    color: #156634;}

a:visited {
    text-decoration: underline;
    color: #156634;}

a:hover {
    color: #12703b;
    text-decoration: none;}

img {
    border: 0;}
    
hr {
    }

h1 {
    color: #000;
    font: normal 20px Verdana, Tahoma, Arial, Sans-serif;
    margin: 28px 0 25px 0;}

h2 {
    color: #000;
    font: normal 17px Verdana, Tahoma, Arial, Sans-serif;
    margin: 25px 10px 10px 0;}

h3 {
    color: #156634;
    font: bold 13px Verdana, Tahoma, Arial, Sans-serif;
    margin: 15px 10px 10px 0;}

h4 {
    color: #000;
    font: bold 12px Verdana, Tahoma, Arial, Sans-serif;
    margin: 15px 10px 10px 0;}

.text {
    font: normal 12px Verdana, Tahoma, Arial, Sans-serif;
    padding: 0;
    color: #000;}
    
.left {
    float: left;
    padding-right: 40px;}

form {
    padding: 0;
    margin: 0;}
    
input {
    }
    
select {
    }

/*
---------------------------------------------------------------------- 
Глобальная структура
----------------------------------------------------------------------
*/
#outerFrame {
/*    width: 780px;
    margin-left: -390px;
    padding-left: 50%;
*/
    width: 100%;}

#header {
    width: 100%;
    height: 137px;
    padding: 0;
    margin: 0;
    border: 0;
    background: url("../img/h_line.gif") repeat-x bottom left;}
    
#logo {
    float: right;
    height: 115px;
    padding: 22px 0 0 0;
    margin: 0;
    background: url("../img/logo_bg.gif") repeat-x bottom left;}
    
#service-menu {
    padding: 83px 0 0 20px;}

#service-menu img{
    margin-right: 30px;}
    
#lang {
    padding: 13px 0 0 20px;
/* IE hack [ALT] +[ 0-1-6-0] вместо пробела */
    padding: 9px 0 0 20px;}

#lang a {
    color: #fff;
    font: normal 10px Verdana, Tahoma, Arial;
    text-decoration: none;}

#centa {
    width: 100%;}

#leftCol {
    width: 200px;
    vertical-align: top;
    font: bold 10px Verdana, Tahoma, Arial;
    background: url("../img/recycling.gif") no-repeat bottom center;}
    
#leftCol ul {
    list-style-type: none;
    padding: 77px 10px 10px 20px;
    margin: 0;
    color: #f00;
    font-weight: bold;}
        
#leftCol ul li {
    padding-bottom: 10px;}
        
#leftCol a {
    color: #099a49;
    text-decoration: none;
    font: normal 10px Verdana, Tahoma, Arial;}
    
#leftCol a:hover {
    color: #12703b;
    text-decoration: underline;}
        
#content {
    font: normal 11px Verdana, Tahoma, Arial;
    padding-right: 20px;}
    
#megapic {
    width: 100%;
    height: 191px;
    background-color: #d9dce1;}
    
#picTD {
    width: 287px;
    height: 191px;}
    
#txtTD {
    color: #000;
    padding: 20px;
    font: normal 14px Verdana, Tahoma, Arial;
    background: url("../img/waste.jpg") no-repeat top right;}
    
#txtTD_p {
    color: #000;
    padding: 20px;
    font: normal 14px Verdana, Tahoma, Arial;
    background: url("../img/pushkin_bg.jpg") no-repeat top right;}
    
#txtTD_a {
    color: #000;
    padding: 20px;
    font: normal 14px Verdana, Tahoma, Arial;
    background: url("../img/alvsbyn_bg.jpg") no-repeat top right;}
    
.stuffFoto {
    width: 80px;
    text-align: left;}
    
#footaLeft {
    height: 27px;
    text-align: right;
    background: #089a48;}
    
#footaRight {
    height: 27px;
    background: #156634;
    text-align: right;}
    
#bottomLeft {
    color: #4d4d4d;
    text-align: center;
    vertical-align: top;
    padding-top: 20px;    
    font: normal 10px Verdana, Tahoma, Arial;}
    
#bottomLeft a {
    color: #156634;
    font-weight: bold;
    text-decoration: none;}
    
#bottomRight {
    color: #4d4d4d;
    text-align: right;
    vertical-align: top;
    font: normal 10px Verdana, Tahoma, Arial;
    padding: 20px 20px 0 0;}
    
#bottomRight a {
    color: #156634;
    text-decoration: none;}