html, body {

    height: 95%;

}



body {

    background-image: url(bg_02.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-size: cover;

    background-color: #999;



}



.infodiv {

    height: 100px;

    width: 100px;

    padding: 25px;

    float: left;

}



.infodiv.contactos{

    background: url(envelope.png) no-repeat center center;

}

.infodiv.denuncia{

    background: url(canaldadenuncia.png) no-repeat center center;

}



.infodiv.qualidade{

    background: url(icon.png) no-repeat center center;

}



.text {

    color: white;

    font-size: 20px

}

.divtexto {

    width: 80%;

    /* float: right; */

    /* align-content: center; */

    text-align: center;

    margin-top: 10%;

    position: absolute;

    right: 5%;

    background-color: rgba(240, 248, 255, 0.61);

    padding-bottom: 30px;

    padding: 30px;

}



#container {

    text-align: center;

    display: inline-block;

    vertical-align: middle;

    margin: 20px;

}



#box_facebook {

    display: inline-block;

    text-align: center;

    vertical-align: middle;

    margin: 20px;

}



.workspace {

    position: absolute;

    margin: auto;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: 80%;

    height: 50%;

}



#avatar {

    border: #818181 solid 1px;

    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);

    /*box-shadow: 0px 2px 3px rgba(0,0,0,0.25);*/

    /*transition: all 0.5s cubic-bezier(0.19,1.0,0.22,1.0);*/

    border-radius: 50%;

    animation: bounce cubic-bezier(0.19, 1.0, 0.22, 1.0) 1.5s alternate infinite;

    -webkit-animation: bounce cubic-bezier(0.19, 1.0, 0.22, 1.0) 1.5s alternate infinite;

    /*maxthon duplicate*/

}



@keyframes bounce {

    to {

        transform: translateY(-12px) scale(1.03);

        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);

    }

}



@-webkit-keyframes bounce { /*maxthon duplicate*/

    to {

        -webkit-transform: translateY(-12px) scale(1.03);

        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);

    }

}



#avatar:hover {

    transform: translateY(-7px) scale(1.05);

    -webkit-transform: translateY(-7px) scale(1.05);

    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);

}



#text {

    margin-top: 7px;

}



.pcontacto, .pqualidade, .pinicio{

    cursor: pointer;

}



h1, p, ul, li {

    margin: 0;

    padding: 0;



    font-family: Segoe UI, sans-serif;

    font-weight: 100;

    font-style: normal;

    color: #000000;

}



h1 {

    color: #999999; /*#016A9A;*/

    /*text-shadow: 1px 2px 1px rgba(0,0,0,1.0);*/

}



p {

    color: #000000

    /*text-shadow: 1px 2px 1px rgba(0,0,0,1.0);*/

}