body,html{
    height: 100%;
}

body{
    margin: 0px;
    padding: 0px;
    background: url('./img/fon.jpg');
    font:11px Arial, sans-serif;
    color: #000000;
}

#wrapper{
    width: 100%;
    min-height: 100%;
    margin-bottom: -87px;
}

#content{
    padding-bottom: 87px;
}

#logo{
    width: 517px;
    height: 65px;
    margin:20px auto 0;
    background: url('./img/logo.png');
}

#footer{
    width: 100%;
    height: 87px;
    margin: auto;
    background: url('./img/futer.png');
}


#fotos{
    width: 100%;
    height: 169px;
    background: url('./img/gor.png');
    overflow: visible;
}

#fotos > .conteiner{
    width: 1080px;
    margin: auto;
    overflow: visible;
    margin-top: 110px;
}


#fotos > .conteiner > div{
    width:260px;
    height: 261px;
    float: left;
    margin: -80px auto 0;
}

#fotos > .conteiner > div.first{
    background: url('./img/1.png');
}
#fotos > .conteiner > div.second{
    background: url('./img/2.png');
}
#fotos > .conteiner > div.third{
    background: url('./img/3.png');
}
#fotos > .conteiner > div.fours{
    background: url('./img/4.png');
}

#articels{
    width: 1080px;
    margin: 0 auto;
    overflow: hidden;
}

#articels > div{
    width: 260px;
    float: left;
    overflow: hidden;
}

.title_top{
    width: 1080px;
    margin: 0 auto;
    font-size: 15px;
    font-weight: bold;
    color:#ea2e49;
    padding-left: 40px;
    margin-bottom: 20px;
    overflow: hidden;
}

.title_bottom{
    width: 1080px;
    margin: 20px auto;
    font-size: 15px;
    font-weight: bold;
    color:#ea2e49;
    text-align: center;
}

#footer  > .container{
    width: 1080px;
    margin: auto;
    font-size: 12px;
    color:#ffffff;
}
#footer  > .container p{
    margin: 2px;
}
#footer  > .container > div{
    margin-top:10px;
    float:left;
}

#footer  > .container .first{
    width: 25%;
}

#footer  > .container .second{
    width: 25%;
}

#footer  > .container .third{
    width: 50%;
}

.bold{
    font-weight: bold;
}

.fancybox{
    color: blue;
}