/************************************************************************************
*                                   OBSERVAÇÕES                                     *
*  Para a construção e organização do CSS, o código foi dividido de forma a         *
*  representar suas "ÁREAS" e "SUB_ÁREAS" de acordo com o template e o tema.        *
*                                                                                   *
*  Para buscar a área determinada, utilize o símbolo da tralha "#" antes do         *
*  nome do item desejado.                                                           *
*                                                                                   *
*  Este arquivo possui as seguintes ÁREAS:                                          *
*    -> #AREA: RODAPE                                                               *
*                                                                                   *
*                                                                                   *
*  Havendo necessidade de adicionar novas ÁREAS, favor inserí-las neste documento   *
*************************************************************************************
                        FOLHA DE ESTILO DO RODAPE - TEMA 2
*************************************************************************************/

/************************************************************************************
#AREA: RODAPE
************************************************************************************/
.boxRodapeTema, .conteudoBaseRodapeTema
{
    background: #fff;
}

.topoRodape
{
    background:#2f2f2f;
    border-bottom: 5px solid #0066ff;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    height:60px;
    width:100%;
}

.containerTopoRodape
{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin:0 auto;
    width: 1220px; 
}

.buscaTopoRodape
{

    -webkit-box-align: center;

    -webkit-align-items: center;

        -ms-flex-align: center;

            align-items: center;
    color:#FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size:1.5rem;
    width:57%;
}

.redeSociaisTopoRodape
{
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
    width:42%;
}

.redeSociaisTopoRodape a span
{
    color: #fff;
    font-size: 2rem;
    padding: 0 10px;
    -webkit-transition: all 0.3s;
            transition: all 0.3s;
}

.redeSociaisTopoRodape a:hover span
{
    color: #0066ff;
}

.inputBusca
{
    margin-left:10px;
    padding-left: 10px;
    width:80%;
}

.tituloBuscaRodape
{
    padding-right: 5px;
}

.lupaBusca
{
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #333;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 2rem;
    height: 38px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: -35px;
    -webkit-transition: 0.2s;
            transition: 0.2s;
    width: 35px;
}

.lupaBusca:hover
{
    color:#3333cc;
}

.iconesRedeSocial
{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin-left: 15px;
}
.iconesRedeSocial a
{
    text-decoration:none;
    color:#FFF;
}
.tituloBuscaRodape
{
    font-weight:bold;
}

.tituloLojaRodape
{
    display:none;
}

.iconesRedeSocial [class^="icon-"]
{
    font-size:3.0rem;   
    margin-right: 5px;
}

.trianguloRodapeBusca 
{
    border-top: 10px solid transparent;
    border-left: 12px solid #2f2f2f;
    border-bottom: 10px solid transparent;
    left: 19px;
    height: 0;
    position: relative;
    width: 0;
}

#rodape .itemBlocoRodapeTema li span a:hover
{
    color:#0066ff;
}