@font-face {
    font-family: "Aleo Regular";
    src: url("../fonts/aleo/regular/aleo-regular-webfont.eot");
    src: url("../fonts/aleo/regular/aleo-regular-webfont.ttf");
}

@font-face {
    font-family: "Aleo Bold";
    src: url("../fonts/aleo/bold/aleo-bold-webfont.eot");
    src: url("../fonts/aleo/bold/aleo-bold-webfont.ttf");
}

@font-face {
    font-family: "Aleo Light";
    src: url("../fonts/aleo/light/aleo-light-webfont.eot");
    src: url("../fonts/aleo/light/aleo-light-webfont.ttf");
}

.topo-site{
    width: 400px;
    margin:auto;
    font-size:48px;
    font-weight: bold;
    text-align: center;
}
.bem-vindo{
    max-width: 800px;
    margin:auto;
    font-size: 40px;
    line-height: 150%;
    /*border-bottom: solid 2px #122b40;*/
    padding-top: 120px;
    padding-bottom: 20px;
    text-align: center;
    font-family: "Aleo Regular";
    height: 500px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.75);
}

.btn-site{
    padding: 10px;
    font-size: 18px;
    width: 300px;
}

.plano{
    margin: auto;
    text-align: center;
    background-color: #FFFFFF;
    padding: 20px;
}
.plano h3{
    background-color: #2062A8;
    color: #FFFFFF;
    padding: 10px;
    margin-top: -30px;
}

.alunos-plano{
    color: #008fb2;
    font-weight: bold;
}

.titulo-plano{
    color: #008fb2;
    font-weight: bold;
}

.valor-plano{
    width: 100px;
    margin: auto;
    /*border:solid 1px;*/
}

.inteiro-valor-plano{
    float:left;
    font-size:40px;
}

.decimal-valor-plano{
    float:left;
    font-size:12px;
    padding-top: 5px;
    padding-left: 5px
}

.valor-plano-selecionado{
    color: #398439;
    text-align: center;
    font-size: 30px;
}

.topico-site{
    /*color: #008fb2;*/
    color: #398439;
    /*font-weight: bold;*/
    /*border-bottom: solid 2px #008fb2;*/
    padding-bottom: 10px;
    text-align: center;
    font-family: "Aleo Regular";
    font-size: 40px;
}

.recurso{
    text-align: center;
    padding: 10px;
    margin: 10px;
    height: 230px;
}

.recurso-plano{
    width: 160px;
    float:left;
    text-align: center;
    padding: 10px;
    margin: 14px;
    height: 130px;
    /*border: solid 2px #fff;*/
    cursor: pointer;
    -webkit-border-radius: 5px;
}

.recurso-plano:hover{
    background-color: #97e1c1;
}

.recurso-plano-marcado{
    background-color: #97e1c1;
}

.icone-recurso{
    color: #008fb2;
}

.fale-conosco{
    width: 400px;
    margin:auto;
}