/*************************************************** Grales ***********************************************************/
.puntero{ cursor: pointer !important; }

/****************************************************** Cuerpo ********************************************************/
.margen-titulo{ margin-bottom: 20px; }
.subtitulo-claro{
    font-family: 'latob', 'sans-serif';
    font-size: 20px;
    color: #3577B6;
}

/*.posicion-titulo{ margin-top: -76px; }*/
.posicion-titulo{ margin-top: -70px; }

.trata-bar{
    font-family: 'latob', 'sans-serif';
    color: #FFF;
    background: #3577B6;
    padding: 4px 0;
}

.margen-trata{ margin-bottom: 62px; }

/* Select box personalizado */
.style-select-ray-minimal{
    font-family: 'lato', 'sans-serif';
    font-size: 16px !important;
    color: #555; !important;
    background-color: #FFFFFF !important;
    cursor: pointer;

    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;

    background-image:
            linear-gradient(45deg, transparent 50%, #555 50%),
            linear-gradient(135deg, #555 50%, transparent 50%),
            linear-gradient(to right, #ccc, #ccc) !important;
    background-position:
            calc(100% - 20px) calc(1em + 0px),
            calc(100% - 15px) calc(1em + 0px),
            calc(100% - 2.5em) 0.3em;
    background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
    background-repeat: no-repeat;
}
.style-select-ray-minimal:focus{
    background-image:
            linear-gradient(45deg, #555 50%, transparent 50%),
            linear-gradient(135deg, transparent 50%, #555 50%),
            linear-gradient(to right, #ccc, #ccc) !important;
    background-position:
            calc(100% - 15px) 1em,
            calc(100% - 20px) 1em,
            calc(100% - 2.5em) 0.3em; /*El 0.5em arriba o abajo linea vertical*/
    background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
    background-repeat: no-repeat;
    outline: 0!important;
}
.visible-xs-ray{ display: none !important; }

.select-primary{
    color: #fff !important;
    background-color: #3577B6 !important;
    border-color: #337AB7 !important;
}
.style-select-ray-minimal.select-primary{
    background-image:
            linear-gradient(45deg, transparent 50%, #fff 50%),
            linear-gradient(135deg, #fff 50%, transparent 50%),
            linear-gradient(to right, #fff, #fff) !important;
}
.style-select-ray-minimal.select-primary:focus{
    background-image:
            linear-gradient(45deg, #fff 50%, transparent 50%),
            linear-gradient(135deg, transparent 50%, #fff 50%),
            linear-gradient(to right, #fff, #fff) !important;
}
select:-moz-focusring{
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.select-hidden-label{
    color: transparent;
    position: fixed;
    margin-top: -20px;
}

/****************************************************** Medias ********************************************************/
/*@media(max-width: 991px){ .posicion-titulo{ margin-top: -60px; } }*/
@media(max-width: 991px){ .posicion-titulo{ margin-top: -68px; } }
@media(max-width: 767px){
    .margen-cont-seccion{ margin-top: 15px; }
    .posicion-titulo{ margin-top: 0; }

    .margen-titulo{ margin-bottom: 0; }

    .margen-trata{ margin-bottom: 30px; }
}