input,select,button {
    border: 1px solid #4c6280;
    color: #183968;
    border-radius: 5px 5px 5px 5px;   
    font-family: Ubuntu, Sans, Arial;
    font-size: 15px;
    width: 100%;
    padding: 5px;
    margin: 5px;
    background: linear-gradient(rgb(240, 240, 255),rgb(220, 220, 255));
    appearance: linear-gradient(rgb(240, 240, 255),rgb(220, 220, 255));
}

input[type="radio"],input[type="checkbox"] {
    width: auto;
}

.caja_radios {
    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;   
    padding: 5px;
    margin: 5px;
}

.caja_radios:hover {
    border: 1px solid #4c6280; 
}

button,input[type="submit"] {
    width: auto;
    font-weight: bold;
    background: linear-gradient(#d8d9dd, #b2c0d3);
    padding: 15px;
    margin: 15px;
}

input:hover, select:hover, button:hover {
    box-shadow: 0px 0px 2px 2px #1E90FF;
}

body, p {
    font-family: Ubuntu, Sans, Arial;
    font-size: 16px;
}

.oblig {
    font-family: Ubuntu, Sans, Arial;
    font-size: 16px;
    font-weight: bold;
    color: red;
}

@media (max-width: 767px) {
    .principal {
    width: 95%;
    }
}

@media (min-width: 768px) {
    .principal {
        width: 75%;
        margin: auto;
    }
}