.main{
    background: #edf1f5;
}

.gratis{
    height: 64px;
    width: 128px;
    background-image: url("icons/gratis.png");
    background-repeat: no-repeat;
}

.icono-info{
    height: 32px;
    width: 32px;
    background-image: url("icons/info.png");
    background-repeat: no-repeat;
}
.imagen-izquierda{
    float: left;
    margin: 0px 5px 0px 5px;
    display: inline-block;
}

.fondo-azul{
    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
    background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
    color: #f2f5f7;
    padding: 5px;
    margin: 5px;
    text-align: center;
}

.panel-main{
    padding: 10px 5px 10px 5px;
}

.vertical-center {
    min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */

    display: flex;
    align-items: center;
}

.resaltado{
    background-color: #fff;
    border-bottom: 1px dashed #757575;
    color: #757575;
    font-weight: 400;
    padding-bottom: 0;
    text-decoration: none;
}

@media screen and (max-width: 240px){
    .g-recaptcha {
        transform:scale(0.58);-webkit-transform:scale(0.58);
        transform-origin:0 0;-webkit-transform-origin:0 0;
    }}

@media screen and (min-width: 319px) and (max-width: 320px){
    .g-recaptcha {
        transform:scale(0.79);-webkit-transform:scale(0.79);
        transform-origin:0 0;-webkit-transform-origin:0 0;
    }}
.btn {
    white-space: normal;
}

 
@media only screen and (max-width: 760px), (min-width: 768px) and (max-width: 1024px) {
    /* ... */
    select {
        width: 100%;
    }
}

@media only screen and (max-width: 600px){
    /* ... */
    select {
        width: 100%;
    }
}