@charset "utf-8";
/* Folha de Estilo referente ao Site da rafaelNilton.com */

html{
    /* Can't specify a percentage size? Laaaaaame. */
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#EFEFEF));
    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-radial-gradient(circle, #ffffff, #EFEFEF);
    /* Firefox 3.6+ */
    background: -moz-radial-gradient(circle, #ffffff, #EFEFEF);
    overflow: hidden;
}

body
{
    margin: 0 auto;
    font-size: 100%;
    font-family:Myriad Set Pro;
}

body a
{
    text-decoration: none;
}

.centro
{
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
    display: block;
}

/*-------------------------- FONTS ------------------------------------*/

@font-face
{
    font-family:"MyriadSetPro-Thin";
    src:url("fonts/MyriadSetPro-Thin.ttf") format("truetype"),
    url("fonts/MyriadSetPro-Thin.eot") format("truetype"),
    url("fonts/MyriadSetPro-Thin.otf") format("truetype");
    font-weight:normal;
    font-style:normal;
}

/* animação medias */

/* animation Logo */

@-webkit-keyframes animationLogo
{
   from
   {
        opacity:0;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
        margin-top:-500px;
   }
   to
   {
        opacity:1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        margin-top: 40%;
   }
}

@keyframes animationLogo
{
   from
   {
        opacity:0;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
        margin-top:-500px;
   }
   to
   {
        opacity:1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        margin-top: 40%;
   }
}

/* animation Titulo */

@-webkit-keyframes animationTitulo
{
   from
   {
        opacity:0;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
        margin-top:1000px;
   }
   to
   {
        opacity:1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        margin-top:5%;
   }
}

@keyframes animationTitulo
{
   from
   {
        opacity:0;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
        margin-top:1000px;
   }
   to
   {
        opacity:1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        margin-top:5%;
   }
}



/* ALL */

#all{
    float: left;
    width: 100%;
}
    #all figure{
        margin: 0 auto;
        width: 40%;
        min-width: 240px;
    }
        #all figure img{
            float: left;
            width: 100%;
            margin-top: 40%;
            animation: animationLogo 2s;
            -webkit-animation: animationLogo 2s;
        }
    #all h1{
        float: left;
        width: 100%;
        text-align: center;
        font: 36px "MyriadSetPro-Thin";
        color: #666666;
        margin-top: 5%;
        animation: animationTitulo 3s;
        -webkit-animation: animationTitulo 3s;
    }