#index { width: 100%; margin: 0 auto; padding: 0; }

    /* slide */
    #index div.slide { display: block; position: relative; width: 960px; height: 365px; margin: 0 auto; overflow: hidden; border: 5px solid #ffffff; }
        #index div.slide .banner { display: none; position: absolute; top: 0; left: 0; width: 960px; height: 365px; margin: 0; overflow: hidden; }
            #index div.slide .banner img { display: block; position: absolute; width: 960px; min-height: 365px; margin: 0; top: 0; left: 0; }

    /* titulo */
    #index div.title { display: block; position: relative; width: 100%; height: 25px; }
        #index div.title h1 { display: block; position: relative; font-weight: bold; font-size: 22px; color: #85878a; }

    /* esquerda */
    #index div.left { display: block; position: relative; width: 625px; margin: 30px 0 0 0; padding: 0 20px 0 0; float: left; border-right: 1px solid #85878a; }

        #index div.left div.facebook { display: block; position: relative; width: 292px; height: 510px; padding: 5px; float: left; border: 3px solid #d6d8d9; }

        #index div.left div.welcome { display: block; position: relative; width: 283px; float: right; height: 510px; overflow: hidden; }
            #index div.left div.welcome p { display: block; position: relative; height: 430px; font-size: 16px; line-height: 25px; margin: 30px 0 0 0; overflow: hidden; }
            #index div.left div.welcome a { display: block; position: relative; font-size: 12px; line-height: 25px; color: #85878a; margin: 0 0 0 0; float: right; text-decoration: none; }
            #index div.left div.welcome a:hover { text-decoration: underline; }

    /* direita */
    #index div.right { display: block; position: relative; width: 305px; margin: 30px 0 0 0; float: right }
        #index div.right div.news { display: block; position: relative; margin: 30px 0 0 0; width: 305px; height: 125px; }
            #index div.right div.news div.out { position: absolute; top: 0; left: 0; width: 66px; height: 66px; border-right: 1px solid #efafaf; border-bottom: 1px solid #efafaf; }
            #index div.right div.news div.date { position: absolute; top: 0; left: 0; width: 49px; height: 49px; padding: 5px; background-color: #db2727; border: 3px solid #ffffff; }
                #index div.right div.news div.date p.big { display: block; width: 49px; position: relative; font-size: 34px; color: #ffffff; text-align: center; }
                #index div.right div.news div.date p.small { display: block; width: 49px; position: relative; font-size: 14px; color: #ffffff; text-align: center; }
            #index div.right div.news h2 { display: block; position: absolute; top: 0; left: 85px; width: 220px; height: 25px; font-size: 22px; line-height: 25px; color: #262526; margin: 0; overflow: hidden; }
            #index div.right div.news p.desc { display: block; position: absolute; top: 25px; left: 85px; height: 40px; color: #262526; font-size: 15px; line-height: 20px; margin: 15px 0 0 0; overflow: hidden; }
            #index div.right div.news a { display: block; position: absolute; top: 65px; right: 0; font-size: 17px; line-height: 25px; color: #929496; margin: 30px 0 0 0; float: right; text-decoration: none; }
            #index div.right div.news a:hover { text-decoration: underline; }