body {
    background: url(../images/body-bg.png) top left repeat-x;
}

*{
    outline: none;   
}

.bold {
font:bold 13px arial;
}

b{
    font:bold 14px arial;
}

div.mentitle{
    font:bold 24px Verdana;
    color:#000;	
}

h2{
    font:bold 24px Verdana;
    color:#000;
}
h1{
    font-family: 'Arial Narrow', arial;
    color:#000;
    font-size: 30px;
    font-weight: normal;    
    margin-bottom: 20px;
}
h3{
    margin-top: 24px;
    font-family: 'Arial Narrow', arial;
    color:#000;
    font-size: 18px;
    font-weight: normal;    
    margin-bottom: 20px;
}

p{
    font-family: 'Arial Narrow', arial;
    color:#333;
    font-size: 14px;
    font-weight: normal;
    text-align: justify;
    margin: 0 0 18px 0;
   
}
ul, ol{
   font-family: 'Arial Narrow', arial;
    color:#333;
    font-size: 14px;
    font-weight: normal;
    list-style: none;   
    margin-left: 15px; 
}
ol{
    margin: 0 0 19px 15px;
}
li{
    background: url(../images/list-content.png) left 5px no-repeat;
    margin-bottom: 7px;
    padding-left: 12px;
    min-height: 16px;
}
ol > li{
    background-image: url(../images/sprite_li.png);
    background-repeat: no-repeat;
    padding-left: 18px;
    margin-bottom: 7px;
}
ol > li.one{
    background-position: 0 0;
}
ol > li.two{
   background-position: 0 -24px; 
}
ol > li.three{
    background-position: 0 -49px;
}
ol > li.four{
    background-position: 0 -73px;
}
ol > li.five{
   background-position: 0 -97px; 
}

#page {
height:100%;
width:1000px;
margin:0 auto;
position:relative;

}

body > #page { 
height: auto; 
min-height: 100% 
}


#container {

position:relative;
overflow:hidden; /*подивися на розмір контейнера без оверфлова*/
}



/*HEADER*/
header.head {
height:120px;
position:relative
}
    .head_logo{
        position: absolute;
        top:29px;
        left: 31px;
    }
    .head_menu{
        position: absolute;
        top:44px;
        right:-9px;
    }
        .head_menu > a{
            background: none;
            display: block;
            float:left;
            text-transform: uppercase;
            font:bold 16px Arial;
            color:#333;
            text-decoration: none;   
            height: 41px;
            line-height: 41px;
            padding: 0 7px;
        }            
            .head_menu > a.active_one{
                color:#a9cd77;
            }
            .head_menu > a.active_two{
                background: url(../images/menu-act-two.png) top left repeat-x;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                -webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.5);
                -moz-box-shadow:    1px 1px 4px 0px rgba(50, 50, 50, 0.5);
                box-shadow:         1px 1px 4px 0px rgba(50, 50, 50, 0.5);
                color:#fff;
                padding: 0 10px;
            }
            
            .head_menu > a:hover{
                color:#6ca121;
                font-weight: bold;
                text-decoration: underline;
            }
            .head_menu > a.active_two:hover{
                text-decoration: underline;
                color:#fff;
            }
/*MAIN*/
.main{
    
}   
    .main_apply{
        margin: 20px 0 23px 0;
        position: relative;
        min-height: 235px;
        border-bottom: 2px dashed #dce0e0;
    }         
        .main_apply_list{
            list-style: none;
            width: 518px;
            overflow: hidden;
            margin: 20px 0 0 25px;
        }
            .main_apply_list li{
                float:left;
                width: 226px;
                font:14px verdana;
                color:#000;
                margin-bottom: 12px;
                padding-left: 29px;
                background: url(../images/list-bg.png) left 2px no-repeat;
                height: 22px;
                line-height: 22px;
            }
    .main_apply:before{
        content: "";
        position: absolute;
        top:-7px;
        right: -24px;
        background: url(../images/apply_bg.png) top left no-repeat;
        width:  479px;
        height: 281px;
        z-index: 100;
    }
        .main_apply_btn.mod{
            
            position: absolute;
            top:63px;
            right: 120px;
            z-index: 101;
        }
            .main_apply_btn.mod:active{
                margin-top: 1px;
                margin-bottom: -1px;
            }

    /*CONTENT*/
    .main_content{
        float:left;
        width: 730px;
        padding-bottom: 5px;
    }
        .main_apply_btn{
            position: relative;
            margin: 0 auto; 
            background: url(../images/bg-btn.png) top left no-repeat;
            width: 226px;
            height: 78px;
            display: block;           
        }
        .main_apply_btn:hover{
            opacity: 0.7;
        }
        .main_content_wrapbtn{
            position: relative; 
            margin-bottom: 20px;                    
        }
        
            .main_content_com{
                font:14px Myriad Pro;
                color:#818181;
                width: 89px;
                display: block;
                text-align: center;
                position: absolute;
                top:17px;
                right: 89px;
            }
            
            .main_content_com:before{
                content:"";
                position: absolute;
                top:18px;
                right: 84px;
                background: url(../images/arrow.png) top left no-repeat;
                width: 53px;
                height: 12px;
            }
            /*SIDEBAR*/
    .main_sidebar{
        float:right;
        margin-top: 7px;
        width: 224px;
        background: url(../images/sidebar-bg.png) top left no-repeat;
        height: 566px;
        padding-top: 11px;
    }
        .main_sidebar > h2{
            text-align: center;
            margin-bottom: 30px;
        }
        .main_sidebar_item{
            width: 146px;
            margin: 0 auto 20px auto;
        }
            .main_sidebar_item > img{
                display: block;
                margin-bottom: -3px;
            }
            .main_sidebar_item > span{
                font-family: 'Arial Narrow', arial;
                font-size: 18px;
                color:#333;
                display: block;
                width: 115px;
                margin: 0 auto;
                text-align: center;
            }
/*FOOTER*/

footer.foot2 {
width: 1000px;
margin: 0 auto;
display:block;
min-height: 90px;
clear: both;
position: relative;
z-index: 10;

border-top: 2px dashed #dce0e0;
padding-top: 20px;
}

footer.foot {
width: 1000px;
margin: 0 auto;
display:block;
min-height:390px;
clear: both;
position: relative;
z-index: 10;
margin:-390px auto 0;
border-top: 2px dashed #dce0e0;
padding-top: 20px;
}
    footer.foot > h2{
        margin-bottom: 27px;
    }
    .main_apply_list.mod{
        width: 740px;
        margin: 0;
       
    }
        .main_apply_list.mod > li{
            width: 329px;  
            min-height: 38px;
            line-height: 18px;
            margin: 0 12px 31px 0;
            
        }
            .main_apply_list.mod > li > a{
                font:14px Verdana;
                color:#000;
                text-decoration: none;
            }
                .main_apply_list.mod > li > a:hover{
                    color:#6ca121;
                    text-decoration: underline;
                }
    .head_menu.mod{
        top:71px;
        right: 38px;   
    }
        .head_menu.mod > a{
            clear: both;
            margin: 0 0 -5px 0;
        }
    .foot_copy{
        font:12px Verdana;
        text-align: center;
        color:#c2c2c2;
        border-top: 2px dashed #dce0e0;
        padding-top: 27px;
    }