.titulo{
    font-family: 'Source Sans Pro',sans-serif;font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

#mensaje{
    text-align: left;
    min-width: 300px;
    max-width: 400px;
    position:fixed;
    top: 35px;
    right: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 5px;
    background-color: #5e9c5f !important;
    z-index: 150;
}

#error{
    text-align: left;
    min-width: 300px;
    max-width: 400px;
    position:fixed;
    top: 35px;
    right: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 5px;
    background-color: red !important;
    z-index: 150;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .4 )
        url('../image/loading.gif')
        50% 50%
        no-repeat;
}

body.loading {
    overflow: hidden;
}

body.loading .modal {
    display: block;
}


.form-30 {
    width: 30%;
    padding-top: 5%;
}

.form-40 {
    width: 40%;
    padding-top: 5%;
}

.form-60 {
    width: 60%;
    padding-top: 5%;
}

.form-80 {
    width: 80%;
    padding-top: 5%;
}

@media (max-width: 767px) {
    .form-30 {
        width: 100%;
        padding-top: 5%;
    }

    .form-40 {
        width: 100%;
        padding-top: 5%;
    }

    .form-60 {
        width: 100%;
        padding-top: 5%;
    }

    .form-80 {
        width: 100%;
        padding-top: 5%;
    }
}

.form-title {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}

.form-title a {
    color: #444;
}

.image-logo-menu{
    width: 70%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.image-logo-menu:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  cursor: pointer;
}

.sidebar-menu > li.header {
    text-align: center;
    text-transform: uppercase;
}

.uppercase {
    text-transform: uppercase;
}

.img_home{
    width: 100%;
}

.content{
    padding-top: 35px;
}
.scroll{
        border: 0 solid;
        height:100px;
        width:300px;
        overflow-y:scroll;
        overflow-x:hidden;
    }