.container{
    max-width: 1200px;
    margin:0;
}

.boton-exp {
    background-color:#308682;
    border: none;
    border-radius: 15px;
    color:#ffffff;
    font-size: 15px;
    font-weight: bold;
}


@media only screen and (max-width:600px){
    .col-xs-1   {width: 8.33%;}
    .col-xs-2   {width: 16.66%;}
    .col-xs-3   {width: 25%;}
    .col-xs-4   {width: 33.33%;}
    .col-xs-5   {width: 41.66%;}
    .col-xs-6   {width: 50%;}
    .col-xs-7   {width: 58.33%;}
    .col-xs-8   {width: 66.66%;}
    .col-xs-9   {width: 75%;}
    .col-xs-10  {width: 83.33%;}
    .col-xs-11  {width: 91.66%;}
    .col-xs-12  {width: 100%;}


     

    .div-inf{
        padding: 5% 0% 0% 4%;
    }

    .div-fin{
        padding: 0% 0% 0% 0%;
    }

    .fondo1 {
        background-image: url("../img/fondo_movil.jpg");
        background-size: 100%;
        background-repeat: no-repeat;
        font-family:sans-serif;
    }

        
    .text_principal{
        color:#ffffff;
        letter-spacing: 1px;
        line-height: 25px;
        /* text-shadow: 0 0 5px #ffffff; */
        /* font-weight: bold; */
        font-size: 40px;

    }

    .text_secundario{
        color:#ffffff;
        letter-spacing: 1px;
        font-size: 30px;
        /* text-shadow: 0 0 5px #ffffff; */
        /* font-weight: bold; */
        font-size: 30px;

    }

    .text{
        color:#ffffff;
        font-size: 15px;
        letter-spacing: 1px; 
    }

    .text-required:after {
        content: '  *';
        color:#ffffff;
        margin-left: 1px;
        font-weight: bold;
        font-size: 15px;
        letter-spacing: 1px;


    }

    .text_input {
        border: 0px;
        border-bottom: ridge;
        background:rgba(0,0,0,0);
		color:#FFFFFF;
        
        &:focus {
            outline: none;
            border: 0px;
            border-bottom: ridge;
            border-color:#ffffff;
        }

        &:active {
            
            border: 0px;
            border-bottom: ridge;
            border-color:#ffffff;
        }

    }

    .input1 {
        font-size: 15px;
        size:8px;
        width: 50%;
        
    }

    
    .input2 {
        font-size: 15px;
        size:15px;
        width: 75%;
        
    }

    .input3 {
        font-size: 15px;
        size:15px;
        width: 75%;
        
    }

    .input4 {
        font-size: 15px;
        size:15px;
        width: 60%;
        
    }

    .logo_c {
        /* width: 100%; */
        background: url("../img/logo_corporativo.png");
        background-size: contain;
        background-repeat: no-repeat;
        border: none;

    }

    .logo_ce {
        width: 1%;
        border: none;
        background:rgba(0,0,0,0);
    }


    .logo_p {
        
        position: fixed;
        padding: inherit;
    }

    .logo_medio {
        width: 70%;
        padding: 10% 0% 0% 0%;
    }

    .logo_ti {
        width:100%;
        padding: 45% 0% 0% 0%;

    }

    .boton1{
        display: inline-block;
        padding: 7px 20px;
        color: #ffffff;
        font-weight: bold;
        background:linear-gradient(#F0AB1F,#d9c04e);
        border: none;
        border-radius: 15px;
        position: absolute;
    }

    .boton1:hover {
        background:#F0AB1F;
        background-color: #F0AB1F;
        /* background: linear-gradient(#80bbbd, #237E7F); */
    }

    .boton2{
        width: 125px;
        display: inline-block;
        padding: 0px 0px 2px 9px;
        color: #ffffff;
        text-shadow: 0 0 1px #ffffff;
        background:linear-gradient(#F0CC03,#F0AB1F);
        border: none;
        letter-spacing: 1px;
        border-radius: 15px;
        font-size: 30px;

    }

    .boton-alin{
        align-items: center;
    }

    .input-p {
        line-height: 48px;
    }

    
    
}

/* //GRANDE */
@media only screen and (min-width:600px){ 
    .col-s-1   {width: 8.33%;}
    .col-s-2   {width: 16.66%;}
    .col-s-3   {width: 25%;}
    .col-s-4   {width: 33.33%;}
    .col-s-5   {width: 41.66%;}
    .col-s-6   {width: 50%;}
    .col-s-7   {width: 58.33%;}
    .col-s-8   {width: 66.66%;}
    .col-s-9   {width: 75%;}
    .col-s-10  {width: 83.33%;}
    .col-s-11  {width: 91.66%;}
    .col-s-12  {width: 100%;}

    .cols {
        display: flex;
      }

    .div-t{
        width: 3%;
        
        
    }

    .div-inf{
        padding: 4% 0% 0% 2%;
    }

    .div-cab{
        padding: 0% 0% 0% 0%;
    }
    
    .div-ter{
        /* display: block; */
        padding: 4% 0% 0% 0%;
    }


    .fondo1 {
        background-image: url("../img/fondo.jpg");
        background-size: 100%;
        background-repeat: no-repeat;
        font-family:sans-serif;
    }
    
    .text_principal{
        color:#ffffff;
        letter-spacing: 1px;
        /* text-shadow: 0 0 5px #ffffff; */
        /* font-weight: bold; */
        font-size: 50px;
        line-height: 30px;

    }
    
    .text_secundario{
        color:#ffffff;
        letter-spacing: 1px;
        /* text-shadow: 0 0 5px #ffffff; */
        /* font-weight: bold; */
        font-size: 50px;

    }

    .text{
        color:#ffffff;
        font-size: 18px;
    }

    .text-required:after {
        content: '  *';
        color:#ffffff;
        margin-left: 3px;
        font-weight: bold;
        font-size: 15px;

    }

    .text_input {
        border: 0px;
        border-bottom: ridge;
        background:rgba(0,0,0,0);
		color:#FFFFFF;
        
        &:focus {
            outline: none;
            border: 0px;
            border-bottom: ridge;
            border-color:#ffffff;
        }

        &:active {
            
            border: 0px;
            border-bottom: ridge;
            border-color:#ffffff;
        }

    }

    
    .input1 {
        font-size: 15px;
        width: 16%;        
    }

    
    .input2 {
        font-size: 15px;
        width: 25%;
        
    }

    .input3 {
        font-size: 15px;
        width: 25%;
        
    }

    .input4 {
        font-size: 15px;
        width: 19%;
        
    }



    .logo_c {
        width: 100%;
        background: url("../img/logo_corporativo.png");
        background-size: contain;
        background-repeat: no-repeat;
        border: none;
        text-align: left;
        height: 100%;

    }

    .logo_ce {
        width: 100%;
        height: 100%;
        background: url("../img/logo_secundario.png");
        background-size: 85%;
        background-repeat: no-repeat;
        border: none;
        padding:  4% 0% 26% 0%;
    }

    .logo_p {
        /* width: 50%; */
        text-align: left;
        width: 20%;
        left: 144px;
        height: 10%;
        position: absolute;
    }

    .logo_s {
        /* width: 50%; */
        text-align: left;
        width: 20%;
        left: 62%;
        height: 10%;
        position: absolute;
    }

    .logo_medio {
        position: absolute;
        width: 30%;
        left: 44%;
        top: 43%;
        /* background-image: url(../img/logo_medio.png) */
    }

    .logo_ti {
        width:40%;
        /* padding: 10% 0% 0% 0%; */

    }

    .boton1{
        display: inline-block;
        padding: 20px 45px;
        font-size: 30px;
        color: #ffffff;
        font-weight: bold;
        background:linear-gradient(#F0AB1F,#d9c04e);
        border: none;
        border-radius: 15px;
    }

    .boton1:hover {
        background:#F0AB1F;
        background-color: #F0AB1F;

        /* background: linear-gradient(#80bbbd, #237E7F); */
    }

    .boton2{
        width: 11%;
        display: inline-block;
        padding: 0px 0px 2px 9px;
        color: #ffffff;
        text-shadow: 0 0 1px #ffffff;
        background:linear-gradient(#F0CC03,#F0AB1F);
        border: none;
        letter-spacing: 1px;
        border-radius: 15px;
    }

    .boton-alin{
        position: absolute;
        width: 30%;
        left: -7%;
        /* top: 80%; */
        align-items: left;
    }

    .input-p {
        line-height: 48px;
    }

    .img-corpo {
        text-align: left;
    }
	
	 .tono {
        background-color: aliceblue;

    }

    .div-table {
        height: 550px;
        overflow: auto;
    }

    
}