/* 
    Created on : 30/07/2015, 11:26:05
    Author     : hjCosta
*/

footer
{
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(#4d4d4d, #000000) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -o-linear-gradient(#4d4d4d, #000000) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(#4d4d4d, #000000) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -ms-linear-gradient(#4d4d4d, #000000) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(#4d4d4d, #000000) repeat scroll 0 0;
    border-top: 4px solid #89B34E;
}

footer > div
{

}

.coluna-rodape
{

}

.coluna-rodape > div
{
    background-color: #252525;
    /* height: 290px; */
    margin: 0 auto;
    padding-top: 5%;
    width: 95%;
}

@media (max-width:991px)
{
    .coluna-rodape > div
    {
        padding-top: 0;
        height: unset;
    }
}

@media (max-width:420px)
{
    .coluna-rodape > div
    { width: 100%; }
}

.coluna-rodape h3
{
    border-left: 3px solid #89B34E;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    min-height: 35px;
    margin: 0 0 1%;
    padding-left: 2%;
    padding-top: 3%;
}

.coluna-rodape ul
{
    list-style: outside none none;
    padding: 0;
}

.coluna-rodape li
{
    overflow: hidden;
    border-bottom: 2px solid #1a1a1a;
    margin: 0;
    padding: 3% 0 3% 4%;
}
.coluna-rodape li:hover
{
    cursor:pointer;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(#2e2e2e, #343434) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -o-linear-gradient(#2e2e2e, #343434) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(#2e2e2e, #343434) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -ms-linear-gradient(#2e2e2e, #343434) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(#2e2e2e, #343434) repeat scroll 0 0;
}
.coluna-rodape li:hover img
{ box-shadow: 0 0 15px rgba(255, 255, 255, 0.25); }

@media (max-width:991px)
{
    .coluna-rodape li
    { padding: 1% 0 1% 2%; }
}

@media (max-width:420px)
{
    .coluna-rodape li
    { padding: 1% 0 1% 4%; }
}

.coluna-rodape li a
{ color: inherit; }
.coluna-rodape li a:hover
{ text-decoration: none; }

.coluna-rodape img,
.coluna-rodape p
{ display: inline-block; }

.coluna-rodape img
{
    border-radius: 50%;
    margin-right: 2%;
    padding: 0;
    width: 12%;
    max-width: 35px;
    float: left;
}

.coluna-rodape p
{
    float: right;
    padding-top: 3%;
    width: 82%;
}

@media(max-width:991px)
{
    .coluna-rodape p
    {
        padding-top: 1%;
        float: left;
    }
}