/* background color: #cfc2b7 color: ; color + oscuro: # Naranja: #e29834 --- grises sobre negro:#9d9d9d-------color del negro con la transparencia: #85807b--*/


/*--------FORM---------------------*/
/*-----------------------------------*/

h1 {
    padding:4px 0 7px 0;
}

.negro{
    background-color: black;
}

container,
body{
    padding: 0;
    margin: 0;
    height:100%;
}
body{
    position: relative;
}
.section-form,
.section-acerca-de{
    padding-bottom: 160px;
}
.campo{
    padding: 9px 0; 
    width:18%;
}
.span-2-of-5{
    width: 35%;
    margin: 9px 0;
}

label {
    vertical-align: middle;
}

.contact-form {
    width: 100%;
    margin: 20px auto;
    font-size: 90%;
    padding: 0 3%;
    
}
input[email],
input[name],
select,
textarea {
    width: 100%;
    padding: 7px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 90%;
}

textarea {
    height: 100px;
}

input[type=submit]{
    background-color: #85807b;
    width:40%;
    margin: 0 30%;
    padding: 5px;
    border-radius: 15px;
    color:#fff;
}

input[type=submit]:link,
input[type=submit]:visited{
    background-color: #9d9d9d;
    border: 2px solid transparent;
    -webkit-transition: color 0.2s border-bottom 0.2s;
    transition: color 0.2s border-bottom 0.2s;
}

input[type=submit]:hover,
input[type=submit]:active{
     border: 2px solid #e29834;
    color: #e29834;
}

.form-message {
    width: 35%;
    margin: 20px auto 25px auto;
    padding:10px;
    border-radius: 10px;
    text-align: center;
    color: black;
}

.success {
    background-color: rgba(143, 188, 72, 0.78);
    
}

.error {
    background-color: rgba(195, 44, 44, 0.84);
}

.nubenegra-text{
    margin: 30px 0; 
}

footer-contacta{
    position: absolute; /*absolute*/ /*relative*/
    height: 162px;
    right: 0;
    left: 0;
    
    }
/*footer{
    position: absolute;
    height: 162px;
    right: 0;
    left: 0;
    
    }*/
*:focus {outline-color: #e29834;}