.body {
            background-color: #f4f4f4 !important;
        }

        .c-info {
            background-color: #fff;
            height: 320px
        }

        .passo {
            position: absolute;
            top: -15px;
            left: 2px;
            background: #29d9c2;
            color: #fff;
            width: 38px;
            height: 38px;
            text-align: center;
            font-size: 30px;
            font-weight: bold;
            line-height: unset;
        }

        .dwnl-arrow-overlay {
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: black;
            opacity: 0.85;
        }

        .dwnl-arrow {
            width: 120px;
            height: 246px;
            background: url("../images/seta.png") no-repeat top center;
            position: fixed;
            left: 50px;
            bottom: 10px;
            display: none;
            z-index: 9000;
        }

        .dwnl-arrow-simple {
            width: 120px;
            height: 246px;
            background: url("../images/seta.png") no-repeat bottom center;
            position: fixed;
            left: 50px;
            bottom: 10px;
            display: none;
            z-index: 1001;
        }

        .dwnl-arrow p {
            color: #ffffff;
            font-size: 13px;
            line-height: 16px;
            text-align: center;
            font-weight: bold;
            padding: 115px 5px 0 5px;
            text-transform: uppercase;
        }

        .close-dwnl-arrow-overlay {
            font-size: 28px;
            text-align: center;
            line-height: 28px;
            padding: 5px;
            width: 20px;
            color: white;
            position: absolute;
            top: 20px;
            right: 20px;
            text-transform: uppercase;
            cursor: pointer;
        }

        html .dwnl-arrow {
            -webkit-animation: animateArrow0 500ms ease-in-out 3000ms 1 normal, animateArrow1 2500ms ease-in-out 3500ms 1 normal, animateArrow2 2000ms ease-in-out 6000ms infinite normal;
            opacity: 0;
        }

        @-webkit-keyframes animateArrow0 {
            0% {
                bottom: 10px;
                opacity: 0
            }

            100% {
                bottom: 500px;
                opacity: 0
            }
        }

        @-webkit-keyframes animateArrow1 {
            0% {
                bottom: 500px;
                opacity: 0
            }

            33% {
                bottom: 10px;
                opacity: 1
            }

            60% {
                bottom: 200px;
                opacity: 1
            }

            100% {
                bottom: 10px;
                opacity: 1
            }
        }

        @-webkit-keyframes animateArrow2 {
            0% {
                bottom: 10px;
                opacity: 1
            }

            50% {
                bottom: 100px;
                opacity: 1
            }

            100% {
                bottom: 10px;
                opacity: 1
            }
        }

        }



        #site{
    width: 800px;
    margin: 0px auto;
    
}
h1,p{
    text-align: center;
}

img{
    text-align: center;
}
</style>

   <style>
#esquerda{    
}
h1,p{
    text-align: left;
}

img{
    text-align: left;
}