/*FIRMA*/

.colorFondoHeader
{
    padding: 16px;
    background-color: #353F41;
}

.divPrincipal
{
    margin-bottom: 4em;
    border: 1px solid black;
    border-radius: 12px;
    width: 830px;
}

@media (min-width:1024px)
{
    .divPrincipal
    {
        margin-bottom: 5em;
        border: 0.01em solid #888888;
        border-radius: 12px;
        max-width: 830px;
        height: auto;
        box-shadow: 5px 5px 25px #888888;
        padding: 1em;
        box-sizing: border-box;
        margin-top: 4em !important;
    }
}


@media screen and (max-width:1023px)
{
    .divPrincipal
    {
        max-width: 100%;
        border: 0;
    }
}

@media screen and (max-height:640px)
{
    .divPrincipal
    {
        margin-bottom: 11em !important;
        margin-top: 1.2em !important;
    }
}

@media screen and (max-height:400px)
{
    .divPrincipal
    {
        margin-bottom: 10em !important;
     }
}
@media screen and (max-height:510px)
{
    .divPrincipal
    {
        margin-bottom: 7em !important;
     }
}
.list-group-item
{
    padding: 0.3em;
}

.btn
{
    padding: 0.3em;
}

.footer
{
    min-height: 1em;
    bottom: 0;
    background-color: #35AEEE;
    right: 0;
    left: 0;
    color: white;
    position: absolute;
}

.FooterGris
{
    background-color: #ECECEC;
}

.FooterNegro
{
    background-color: Black;
}

.ElementosFooter
{
    border: none;
    background-color: Black;
}

.TextosFooter
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #999;
}

.TextoIconos
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #CCC;
}

.margin-1em
{
    margin-top: 1em;
    margin-bottom: 1em;
}

.margin-05em
{
    margin-top: .5em;
    margin-bottom: .5em;
}

.margintop-02em
{
    margin-top: .2em;
}

.margintop-1em
{
    margin-top: 1em;
}

.sin-padding
{
    padding: 0;
}

@media screen and (max-height: 1200px)
{
    .divPrincipal
    {
        margin-top: 5em;
    }
}

@media screen and (max-height: 800px)
{
    .divPrincipal
    {
        margin-top: 1em;
    }
}

@media screen and (max-width: 768px)
{
    .margintop-1em
    { 
        margin-top: 0em;
    }
}

.centrarImagenes
{
    margin: auto;
}

.imagen_principal
{
    height: 390px;
    width: 100%;
}

.paddingleft-05em
{
    padding-left: .5em;
}