@import url(default/reset.css);
@import url(default/base.css);

/* ============================================ */
/*  РАЗМЕТКА, ФОНЫ  */
/* ============================================ */
html, body {
    width:100%; height:100%;
    font: 13px/1.5 'Times New Roman';
}
* html #page {height: 100%;}

body {
    color:#D2C6C6;
    font-size: 15px;
    background:#2a2f3b url(../images/main.jpg) no-repeat 50% 0;
}

#pagebg {
    width:100%; height:100%;
    margin: 0px auto 0px auto;
}

#page {
    min-height:100%;
    margin-bottom: -100px;
}
#page .w{
    position:relative;
    width:100%; 
    margin: 0px auto 0px auto;
}

#top {
    width:100%; height:350px;
}
#top .w {
    position: relative;
    width:1000px; height:100%;
    margin:0px auto 0px auto;
    /* background:#fff; */
}

#top .block-logo {
    position:absolute;
    display:block; width:210px; height:150px;
    top:65px; left:50%;
    margin-left:-120px;
}

#top .block-all {
    position:absolute;
    display:block; width:200px; height:60px;
    background:url(../images/uzor.png) no-repeat 50% 90%;
    background-color: rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
    color:#FCFBFF;
    text-decoration:none;
    text-align:center;
    line-height:32px;
    font-size:17px;
    font-weight:bold;
}
#top .block-all:hover {
    background-color: rgba(0,0,0,0.30);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000,endColorstr=#30000000);
}
#top .block-01 {
    top:130px; left:60px;
}
#top .block-02 {
    top:200px; left:60px;
}
#top .block-03 {
    top:130px; right:60px;
}
#top .block-04 {
    top:200px; right:60px;
}


#top .block-buttons{
    position:absolute;
    top:80px; left:60px;
    width:200px; height:20px;
    background:url(../images/right.png) no-repeat 100% 0;
}
#buttons {
    list-style: none;
    height:20px;
    position:absolute;
    left:50px;
    top:0px;
}
#buttons li {
    float:left;
    margin:0 20px 0 0;
    padding:0;
}
#buttons li a{
    background:url(../images/buttons.png) no-repeat;
    width:20px;
    height:20px;
    display:block;
}
#buttons li a.b01{background-position:0px 0px;}
#buttons li a:hover.b01{background-position:0px -20px;}
#buttons li a.b02{background-position:-20px 0px;}
#buttons li a:hover.b02{background-position:-20px -20px;}
#buttons li a.b03{background-position:-40px 0px;}
#buttons li a:hover.b03{background-position:-40px -20px;}

#top-menu {
    position:absolute;
    top:0; left:0;
    height:50px; width:1000px;
    text-align: center;
}
#top-menu a {
    width:130px; height:30px;
    margin:0 25px 0 0;
    color:#fff; text-decoration:none;
    line-height:50px;
    font-size:18px;
    padding:5px 10px;
}
#top-menu a:hover {
    text-decoration: underline;
}
#content {
    position:relative;
    width:100%;
}
#content .w {
    position:relative;
    width:900px;
    margin:0px auto 0px auto;
    /* background:#f5f5f5; */
}
#content .w .banners {
    width:100%;
    height:200px;
    position:relative;
}
#content .w .banners .banners-all {
    position:absolute;
    width:400px; height:170px;
    background:#1e212a url(../images/banner.jpg) no-repeat 50% 50%;
}
#content .w .banners .banners-01 {
    top:10px; left:30px;
}
#content .w .banners .banners-02 {
    top:10px; right:30px;
}
#content .w .padd {
    padding: 10px;
}
#content .w .padd .left{
    background:#4ec729 url(../images/blfon.png) repeat-x; width:25%; float:left;
}
#content .w .padd .left .padd{
    padding: 10px;
}
#content .w .padd .right{
    width:75%;float:left;
}
#content .w .padd .right .padd{
    padding: 10px;
}

#page-bottom-rezerv {
    clear: both;
    height:163px;
}
#page-bottom {
    height:163px;
    margin-top:-163px;
    background: url(../images/bottom.jpg) repeat-x 0 100%;
}
#page-bottom .w{
    width: 1000px; height:100%;
    margin: 0px auto 0px auto;
    color: #aaa;
    /* background:; */
    position:relative;
}
#page-bottom .w .padd {
    padding: 15px 30px;
}

#page-bottom .w .padd .bott01{
    float:left;
}
#page-bottom .w .padd .bott02{
    float:right;
}

#page-bottom .w .padd .b01{
    display:block;
    position:absolute;
    width:75px; height:37px;
    bottom:50px; left:10px;
    background:url(../images/logo_maloe.jpg) no-repeat;
}
#page-bottom .w .padd .b02{
    display:block;
    position:absolute;
    width:200px; height:40px;
    bottom:50px; left:100px;
}
#page-bottom .w .padd .b03{
    display:block;
    position:absolute;
    width:350px; height:40px;
    bottom:50px; left:300px;
}
#page-bottom .w .padd .b04{
    display:block;
    position:absolute;
    width:92px; height:37px;
    bottom:50px; right:275px;
    background:url(../images/vernum.jpg) no-repeat;
}
#page-bottom .w .padd .b05{
    display:block;
    position:absolute;
    width:250px; height:37px;
    bottom:50px; right:20px;
}

/* ============================================ */
/*  TEXT  */
/* ============================================ */
a {
    color:#9da1ad;
    text-decoration: underline;
}

a:hover {
    color:#DFDFDF;
}

img.bordered {
    border:3px solid #777;
    margin:0px 8px;
}

ul.faq li span {
    color:#5252FF;
    text-decoration: underline;
}
ul.faq li div {
    color:#666;
    padding:5px 10px;
    background: #eee;
    margin:10px 0 10px 0;
}

.bg {
    background: #eafedd;
}
/* ============================================ */
/*  MENU  */
/* ============================================ */
.menu {
    position:relative;
    width: 650px; height:49px;
    line-height:49px;
    padding:0px;
}
.menu .L1{
    float:left;
    position:relative;
    line-height:49px;
}
.menu .L1 a {
    color:#FFFEF2;
    text-decoration:none;
    text-transform:uppercase;
}
.menu .L1 a:hover {
    color:#FFFFC4;
}
.menu .RZD{
    float:left;
    background:url('../images/mrzd.png') no-repeat 0 0;
    width:2px;
    height:49px;
    margin:0px 10px;
}
.menu .L1 .L1_podmenu{
    line-height:18px;
    text-align:left;
    position:absolute;
    z-index:99;
    top:40px;
    left:1px;
    background:#fff;
    width:300px;
    display:none;
    filter: alpha(opacity=80);-moz-opacity: 0.8; opacity: 0.8;
    padding:4x 6px;
    clear:both;
}
.menu .L1 .L1_podmenu .L2{background:#C48312; padding:2px 10px;margin:1px}
.menu .L1 .L1_podmenu .L2 a{ color: #fff; clear:both; line-height: 24px}
.menu .L1 .L1_podmenu .L2 a:hover{ color: #FFFCBC;}

.navchain {
    margin:10px 0 10px 0;
}