a {
  text-decoration: none;
  color: white;
}

a:hover {
  color: #444;
}

div#cuerpo {
  width: 840px;
  height: 420px;
  background: url(/img/contacto_bg.png);
  background-repeat: no-repeat;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

div#tabs {
  position: relative;
  top: 122px;
  left: 740px;
  width: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
}

form {
  width: 400px;
}

form .comment {
  font-size: 0.8em;
  font-color: #ccc;
  margin-bottom: 10px;
}

.ContactoNombre {
  display: block;
  position: relative;
  left: 500px;
  top: 16px;
  width: 300px;
  height: 40px;
}

.ContactoEmail {
  display: block;
  position: relative;
  left: 568px;
  top: 20px;
  width: 300px;
  height: 40px;  
}

.ContactoMensaje {
  display: block;
  position: relative;
  left: 588px;
  top: 67px;
  
  width: 300px;
  height: 150px;
}

input , textarea{
  border: none;
  background: transparent;
  line-height: 18px;
}

input[type="text"] {
  width: 15em;
}

#ContactoAceptar {
  display: block;
  position: relative;
  left: 618px;
  top: 80px;
  background: transparent;
  border: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;  
  cursor: hand;
  cursor: pointer;
  color: #666102;
}

.form_error {
  border: red;
}

div .error-message { 
  color:red;
  clear: both; 
  width: 300px;
}

div .mensaje {
  margin: 10px auto;
  padding: 10px;
  text-align: center;
  border: #e5c253 thin solid;
  width: 530px;
  background-color: #e8e360;
}

