.web-form {
    border:             1px solid transparent;
    border-color:       #D0D0D0;
    -webkit-box-shadow: 7px 7px 11px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    7px 7px 11px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         7px 7px 11px 0px rgba(50, 50, 50, 0.5);
    background-color:   transparent;
    height:             auto;
    //background-color:   #E5E5E5;
    
    padding:            10px;
    margin-top:         10px;
    margin-left:        auto;
    margin-right:       auto;
    margin-bottom:      10px;
}

.web-form-right {
    float:              right;
    margin-right:       15px;
    margin-bottom:      15px;
}

* {
    box-sizing:         border-box;
}

div.web-form {
    width:              400px;
    padding-bottom:     10px;
}

div.web-form input{
    width:              100%;
}

div.web-form textarea{
    width:              100%;
    height:             120px;
}

div.web-form label{
    width:              80px;
}

div.web-form p{
    width:              100%;
    text-align:         justify;
    color:              red;
    padding:            10px;
}

.div-button {
    text-align:         center;
    padding-bottom:     10px;
    padding-top:        10px;
} 

.div-button button{
    width:              200px;
    height:             40px;
    font-size:          18px;
}

input.invalid, textarea.invalid{
    border:             2px solid red;
}

input.valid, textarea.valid{
    border:             2px solid green;
}

.error{
    display:            none;
    margin-left:        10px;
}      

.error_show{
    color:              red;
    margin-left:        10px;
}

div.contacto-form {
    float:              none;
    margin-top:         0px;
    margin-bottom:      5px;
    vertical-align:     central;
    background:         transparent; 
    margin-left:        auto;
    margin-right:       auto;
    padding:            5px;
    position:           relative;
    text-align:         center;
    height:             auto;
    border:             1px solid transparent;
    border-color:       whitesmoke;
}

div.contacto-form p {
    color:              #00CCFF;
    text-align:         center;
    text-transform:     uppercase;
    font-size:          20px;
    text-decoration:    none;
    font-weight:        bold;
    padding-bottom:     5px;
}

div.contacto-form table {
    margin-left:        auto;
    margin-right:       auto;
    width:              300px;
    height:             50px;
    text-align:         center;
    text-transform:     uppercase;
    font-size:          22px;
    text-decoration:    none;
    vertical-align:     central;
}

div.contacto-form table img{
    width:              30px;
    height:             30px;
    vertical-align:     central;
}

div.contacto-form table td {
    vertical-align:     middle;
    color:              black;
    text-align:         center;
    font-size:          25px;
    height:             auto;
}