/* CSS Document */

.ir {
    background-color: transparent;
    border: 0;
    display: block;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.div_footer {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	margin:0px;
    background: white url(/web/img/frill.png) repeat-x center top;
    padding-top: 70px;
}

.businesses {
    background: #f6f6f6;
    padding: 20px 0;
}

.picturelogo * {
	background: url(/web/img/logo3_128.png) no-repeat center center;
    margin: 0 auto;
    height: 160px;
    opacity: 0.8;
    width: 400px;
}

.picturelogo:hover {
    -webkit-transition(opacity 500ms);
    -moz-transition(opacity 500ms);
    -ms-transition(opacity 500ms);
    transition(opacity 500ms);
    opacity: 1;
}

.social {
    list-style: none;
    margin: 100px auto;
    overflow: hidden;
    padding: 0;
    width: 640px;
}

.social li {
    float: left;
    margin-right: 80px;
}

.social a {
    background-image: url(/web/img/social.png);
    height: 88px;
    width: 92px;
}

.tw a { background-position: left top; }
.tw a:hover { background-position: left bottom; }

.fb a { background-position: 25% top; }
.fb a:hover { background-position: 25% bottom; }

.google-plus a { background-position: 50% top; }
.google-plus a:hover { background-position: 50% bottom; }

.youtube a { background-position: 75% top; }
.youtube a:hover { background-position: 75% bottom; }

.inster a { background-position: 100% top; }
.inster a:hover { background-position: 100% bottom; }
.social .inster { margin-right: 0; }

footer {
    border-top: 1px solid #c5c5c5;
    color: #c5c5c5;
    font: 16px/1 kefa, 'droid sans', georgia, serif;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    width: 960px;
}

@media (max-width: 959px) {

    .social { width: 80%; }

    .social li {
        margin: 0;
        width: 25%;
    }

    .social a { margin: 0 auto; }

    footer { width: 80%; }
}

@media (max-width: 767px) {
    .businesses { padding: 50px 0; }

    .picturelogo{ 
        float: none;
        margin: 0 auto;
        width: 400px;
        background-position: center top;
        border-bottom: 1px solid #c5c5c5; 
        height: 160px;
        margin-bottom: 30px;
    }

    .social { margin: 50px auto; }

    .social a {
        background-size: 230px;
        height: 44px;
        width: 46px;
    }

    footer { padding: 30px 0; }
}

@media (max-width: 400px) {

    .businesses,
    .social,
    .footer {
        padding: 20px 0;
    }

    h1 { margin-bottom: 30px; }

    .picturelogo{
        background-size: 256px;
        height: auto;
        width: auto;
    }

}