html, body {
 padding:0;
 margin:0;
}

body{
 width: 100%;
 min-height:100%;
 position: relative;
 font-family: Tahoma;
 background: #E9C2A1;
 font-size: 14px;
}

h1{
 font-size: 22px;
 font-weight: normal;
 color: #6c6c6c;
 padding: 0;
 margin:0 0 10px 0;
}

h2{
 font-size: 42px;
 font-weight: normal;
 text-shadow: 0 1px 0 #fff;
}

h3{
 font-size: 36px;
 padding:0;
 margin: 0 0 10px 0;
 text-align: center;
}

img, iframe{
    max-width: 100%;
    max-height: auto;
}

.clear{
 clear: both;
}


.content{
 width: 100%;
 max-width: 1280px;
 margin: auto;
 position: relative;
 box-shadow: 0 0 10px #555;
}

.header{
 background: url(/images/top-pic.jpg) 50% 0;
 height: 425px;
 width: 100%;
}

.logo{
 background: url(/images/logo.png);
 padding: 0 216px 90px 0;
 position: absolute;
 top:10px;
 left: 20px;
 text-decoration: none;
}

.contacts{
 position: absolute;
 right: 20px;
 top:20px;
}

.menu{
 position: absolute;
 top: 285px;
 background: url(/images/light-fon.png);
 width: 100%;
 max-height: 23px;
 text-align: center;
}

.menu a{
 background: #00C900;
 padding: 15px 15px;
 position: relative;
 top: -17px;
 margin: 0 8px;
 color: #fff;
 font-size: 20px;
 text-shadow: 0 1px 0 #000;
 text-decoration: none;
 box-shadow: 0 -5px 8px #222;
}

.active{
 background: #89BE20!important;
}

.text{
 background: url(/images/txt-fon.gif) 50% 0;
 width: 100%;
 max-width: 1280px;
 position: relation;
 z-index: 3;
 margin-top:-32px;
 overflow: auto;
}

.txt{
 background: url(/images/bg-fon.jpg) 50% 0 no-repeat;
 width: 100%;
 max-width: 1256px;
 position: relation;
 z-index: -1;
 margin: auto;
 overflow: auto;
}

.left-block{
 width: 24%;
 float: left;
}

.ltxt{
 background: url(/images/g-fon.png);
 margin: 20px;
 padding: 1px;
 min-height: 465px;
}

.ltxt a{
 color: #7d956c;
 font-size: 16px;
 text-decoration: none;
 display: block;
 line-height: 30px;
}

.ltxt .active{
 color: #fff;
 background: none!important;
 border-right: 10px solid #fff;
}

.ltxt li{
 color: #7d956c;
 font-size: 11px;
}


.center-block{
 width: 50%;
 margin: 0 1%;
 float: left;
}

.ctxt{
 background: url(/images/w-fon.png);
 padding: 10px;
 margin: 20px;
 height: 465px;
}

.right-block{
 width: 24%;
 float: right;
}

.rtxt{
 background: url(/images/r-fon.png);
 padding: 10px;
 margin: 20px;
 min-height: 465px;
 color: #fff;
}

.footer{
 max-width: 1280px;
 width:100%;
 margin: auto;
}

.photo{
 background: url(/images/y-fon.png);
 width: 95%;
 height: 250px;
 margin: 20px auto;
}

.ptxt{
 background: url(/images/pict-foot.png) 50% 0 no-repeat;
 height: 238px;
 position: relative;
 top: 5px;
}

.foot{
 background: url(/images/gr-fon.png);
 margin-top: 10px;
 width: 95%;
 margin: auto;
}

.ftxt{
 padding: 10px;
 margin-bottom: 30px;
 padding: 70px 40px;
 color: #fff;
 font-size: 16px;
}

.col-1{
 float: left;
 width: 50%;
}

.col-2{
 float: right;
 width: 50%;
 text-align: right;
}

.col-2 a{
 color: #fff;
 font-size: 11px;
 text-decoration: none;
 opacity: 0.6;
 padding-top: 200px;
}

.footerMenu a{
    display: inline-block;
    color: #fff;
    font-size: 1em;
    text-decoration: none;
}

@media (max-width: 1024px) {
    .rtxt{
        height: auto;
    }
}

@media (max-width: 768px) {
    .menu a{
        font-size: 1em;
        padding: 10px;
        top: -10px;
        margin: 0;
    }
    .ctxt{
        height: 800px;
    }
    .ltxt a{
        line-height: normal;
    }
}

@media (max-width: 768px) {
    .header{
        background: none;
        height: 250px;
    }
    .logo{
        padding: 0 216px 72px 0;
        left: 0;
    }
    .contacts {
        position: absolute;
        right: 5px;
        top: 95px;
    }
    .menu{
        top: 140px;
        background: none;
    }
    .menu a{
        text-shadow: none;
        text-decoration: none;
        box-shadow: none;
        display: inline-block;
    }
    .txt{
        background: none;
    }
    .left-block, .right-block{
        display: none;
    }
    .center-block{
        width: 98%;
    } 
    .text{
        background: none;
    }
}