/*Estos estilos por default van aparte y se cargan al final de todo el site.css 
    para que se vean reflejados sin necesidad de forzar.
    De éste modo si colocamos por ejemplo una clase 'hide'
    la va a reconocer sin problema, aun si el elemento tiene un display block.
    Se llama desde la vista, porque con import al final del site.css no funciona
*/

/*Custom*/
.alnCentrado {
    text-align: center;
}

.alnDer {
    text-align: right;
}

.alnIzq {
    text-align: left;
}

.alpha {
    float: left;
}

.bgRojo {
    background: #ffdede;
}

.bgVerde {
    background: #E1FFEA;
}

.bgAmbar {
    background: #FFF5E7;
}

.block {
    display: block;
    min-height: 1px;
    position: relative;
}

.bold {
    font-weight: bold;
}

.clear {
    clear: both;
}

    .clear:after {
        content: "";
        display: block;
        position: relative;
        width: 1px;
        height: 1px;
        clear: both;
    }

.divisor {
    border-bottom: 1px solid #d1d1d1;
}

.hide {
    display: none;
}

.lastItem {
    margin-right: 0;
}

.mayusculas {
    text-transform: uppercase;
}

.noFloat {
    float: none;
}

.omega {
    float: right;
}

.table {
    display: table;
    width: 100%;
}

.tableRow {
    display: table-row;
}

.tableCell {
    display: table-cell;
}

.txtAmarillo {
    color: #efcb1b;
}

.txtAzul {
    color: #356A75;
}

.txtBlanco {
    color: #fff;
}

.txtGris {
    color: #a4a4a4;
}

.txtRojo {
    color: #E50000;
}

.txtShadow {
    text-shadow: 1px 1px 2px #000;
}

.txtVerde {
    color: #00B233;
}

.fontSize_xxl {
    font-size: 250%;
}

.fontSize_xl {
    font-size: 200%;
}

.fontSize_lg {
    font-size: 150%;
}

.fontSize_sm {
    font-size: 75%;
}

.fontSize_xs {
    font-size: 50%;
}

.vAlignBottom {
    vertical-align: bottom;
}

.versalitas {
    font-variant: small-caps;
}

.wrap_1024 {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}

.wrap_1440 {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}