body{
    margin: 0;
    padding: 0;
    color: #5D6876;
    font-family: 'Roboto', sans-serif;
}

.containerform{
    position: relative;
    float: left;
    width: 90%;
    margin: 0 5%;
    text-align: center;
    padding: 5px 0;
}

.titulo{
    text-align: center;
}

.titulocampamentos{
    text-align: center;
    color: #68349A;
    font-weight: bold;
}

.subtitulocampamentos{
    text-align: center;
    color: #68349A;
}

.containertexto{
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    float: left;
}

.titleseccion{
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    float: left;
    font-size: 18px;
    margin-top: 5px;
    border-bottom: 1px solid #5D6876;
    margin-bottom: 10px;
    font-weight: bold;
}

#logoempresa{
    max-width: 20%;
    margin: 10px 0;
}

#logoempresasecundario{
    float: right;
    max-width: 20%;
    margin: 10px 0;
    position: relative;
}

#logoempresahelen{
    float: left;
    max-height: 150px;
    margin: 10px 0;
    position: relative;
}

#logoempresahelensecundario{
    float: right;
    max-height: 150px;
    margin: 10px 0;
    position: relative;
}

.lineform {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.lineform select {
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 14px;
    width: 100%;
    font-weight: lighter;
    height: 40px;
}

.colform100{
    position: relative;
    float: left;
    width: 100%;
}

.colform {
    position: relative;
    float: left;
    width: 32%;
}
.colform2 {
    position: relative;
    float: left;
    width: 66%;
}

.colform4 {
    position: relative;
    float: left;
    width: 23.5%;
}

.margincolform4{
    margin: 0 0 0 2%;
}

.divtitulacion{
    display: none;
}

.colform input {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 3%;
    font-size: 14px;
    width: 94%;
    font-weight: lighter;
}

.colform100 textarea {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 1%;
    font-size: 14px;
    width: 94%;
    font-weight: lighter;
    min-height: 75px;
    max-width: 100%;
    min-width: 100%;
    box-sizing: border-box;
}

.colform2 input,
.colform4 input {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 3%;
    font-size: 14px;
    width: 94%;
    font-weight: lighter;
}

.colmin {
    width: 20%;
    position: relative;
    float: left;
}
.colmin input {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 3%;
    font-size: 14px;
    width: 94%;
    font-weight: lighter;
}

.colform50 {
    float: left;
    position: relative;
    width: 49%;
}

.margincol50{
    margin-left: 2%;
}

.floatrigth {
    float: right;
}

.floatleft {
    float: left;
}

.colform50 input {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 3%;
    font-size: 14px;
    width: 94%;
    font-weight: lighter;
}

.colform100 input {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 3%;
    font-size: 14px;
    width: 94%;
    font-weight: lighter;
    margin-top: 5px;
}

.marginformrigth {
    margin-right: 3%;
}

.marginformleft {
    margin-left: 2%;
}

.margin5 {
    margin-left: 2.5%;
}

.margininputmin {
    margin: 0 3% 0 2%;
}

.margincenterform {
    margin: 0 2%;
}

.col5 {
    position: relative;
    width: 18%;
    float: left;
}
.col5 input {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 3%;
    font-size: 14px;
    width: 94%;
    font-weight: lighter;
    margin-top: 5px;
}

.containercontrato{
    position: relative;
    width: 80%;
    float: left;
    margin: 0 10%;
}

.titlecontrato{
    position: relative;
    width: 80%;
    float: left;
    margin: 0 10%;
    text-align: center;
}

.divoculto{
    display: none !important;
}

.divcenter{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

.colformdisplayinline{
    width: 31%;
    display: inline-block;
    box-sizing: border-box;
    margin: 0 1%;
}

.colformdisplayinline select,
.colform100 select{
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: lighter;
    height: 40px;
    margin-bottom: 10px;
}

.colform100 .alignLeft{
    text-align: left;
    width: 100%;
    display: block;
}

.left{
    text-align: left;
}

#lineerror{
    color: #F2676D;
    text-align: center;
    display: none;
}

.listacurso{
    text-align: left;
}

.itemfirma{
    border: 1px solid #5D6876;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 400px;
}

.titulolimpiar:hover{
    cursor: pointer;
}

.firma{
    max-width: 100px;
}

.preciosindescuento{
    font-size: 25px;
    font-weight: bold;
}

.tachado{
    text-decoration: line-through;
}

.marginbottomform{
    margin-bottom: 10px;
}

@media screen and (max-width: 700px) {
    .colform,
    .colform50,
    .colform4,
    .colformdisplayinline {
        width: 100%;
        margin: 0;
    }

    .colform2{
        width: 100%;
    }

    .marginformleft {
        margin: 0%;
    }

    .margincenterform {
        margin: 0%;
    }
    
    .colmin{
        width: 100%;
    }
    
    .lineform{
        margin: 0;
    }
    
    .margininputmin,
    .margincol50,
    .margincolform4,
    .divcenter{
        margin: 0;
    }
    
    input, select{
        margin-bottom: 10px;
    }
    
    .containerform{
        width: 96%;
        margin: 0 2%;
    }
}