#contact{
	    margin: 0% 10% 5% 20%;
    	font-family: 'avenir';
}
#contact form{
	background:rgb(170,170,170);
	display: inline;
	width:500px;
	padding-top: 3%;
    padding-bottom: 4%;
	
}
#contact img{
	height: 100px;
    position: relative;
    right: -40px;
    top: 100px;
	
}
#contenido{
	background: #f1f1f1;
	
	display: inline;
	position: relative;
    left: 120px;
    padding:20px;
}
#contact form input{
    background: rgb(170,170,170);
    display: block;
    float: right;
    width: 80%;
    border: 1px solid white;
    color: white;
    margin: 10px 10%;
    padding: 5px;
    float: left;
    position: relative;
}
#contact form input::placeholder{

	color:white;
}
#contact form textarea{
	background:rgb(170,170,170);
	display: block;
	float:left;
	width:80%;
	border:1px solid white;
	color:white;
	margin: 10px 10%;
	padding:10px;
	resize: none;
	height:100px;
}
#contact form textarea::placeholder{
	color:white;
}
#contact form input::after {
  content: '<i class="fas fa-pencil-alt"></i> ';
}
#contact form textarea::after {
  content: '<i class="fas fa-pencil-alt"></i> ';
}
#contact form input[type="button"]{
	background:#FF697F;
  display: block;
  float:right;
  width:80%;
  border:1px solid #FF697F;
  color:white;
  margin: 30px 10%;
  padding:5px;
}
#contact form input[type="button"]:hover{
	background:white;
	border: 1px solid #FF697F;
	color:#FF697F;
}
#contact form input[type="button"]:active{
	background:#FF697F;
	color:white;
	font-size:10px;
}
.label{
  color: red;
  display: block;
  float: left;
  margin: 0;
  position: relative;
  top: 30px;
}
#contact ul li{
	list-style: none;
	padding:30px;
}
#contact ul li i{
	color:#FF697F;
	font-size:30px;
	padding:10px;
}
.right{
  float:left;
  width: 20%;
}
.left{
  float:left;
}
.negrita{
  font-weight: bold;
}
.row{
	width:auto;
}
#contacto svg{
	color: rgb(170,170,170);
	background: rgb(170,170,170);
}
.red-oblique{
    color: #EA424F;
    font-style: oblique;
}
#contenido p{
	font-size:25px;
}
.parrafo{
  margin-right: -1000px;
  display: block;
  margin-top: 70px;
  text-align: left;
  width:250%;
}
.user{
    color: white;
    position: relative;
    top: -60px;
    left: 420px;
    display: inline;
    height:0px;
}
.mail{
    color: white;
    position: relative;
    top: 0px;
    left: 420px;
    display: inline;
    height:0px;
}
.contact-text{
  font-size:15px!important;
  width:35%;
}
#footer1{
	display:none;
}
footer{
	position:absolute;
	bottom:0;
}
/*mensaje---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#grid{
  background: black;
    z-index: 6;
    height: 5157px;
    width: 100%;
    position: fixed;
    top: 0;
    display: block;
    opacity: 0.7;
}

#envio {
    background: white;
    z-index: 7;
    color: #FF697F;
    /* font-size: 30px; */
    height: 300;
    width: 500px!important;
    padding: 4%;
    text-align: justify;
    position: relative;
    top: -700px;
    left: 750px;
    display: block;
    margin-bottom: 0;
}
#envio p{
  background: white;
  color:#FF697F;
  font-size: 20px;
  padding: 5px!important;
}
#envio h3 {
    color:#FF697F;!important;
    margin: 0 27%;
    font-size: 21pt;
    padding: 10px;
    display: block;
    font-weight: 900;
}
#envio .subrayado{
  width:10%!important;
  margin: auto auto 0px auto!important;
}
#envio span{
  color:#FF697F;
  padding: 5px;
}
#enviar{
  width:90%;
  margin: 5% 0% 0% 5%;
  padding:2%;
  background: #FF697F;
  border-radius: 10px;
  border:1px solid transparent;
  color:white;
  cursor:pointer;
}
#enviar:hover{
  background: #DE5B6F;
  font-size: 20px;
}
#enviar:active{
  background: #FF697F;
  font-size: 10px;
}
.exitoso{
  left:700px!important;
}
.exitoso p{
   padding: 10px 0 0 80px!important;
}
#envio button{
    box-sizing:border-box; 
    background: #FF697F;
    color: white;
    padding: 10px 200px;
    border: 1px solid #FF697F;
    border-radius: 15px;
    margin: 0px 0px;
    left: -55px;
    position: relative;
    top: 50px;
}
#envio button:hover{
  background: #DE5B6F;

}
.normal{
      border:1px solid white!important;
      margin:30px 10% 30px 10%!important;
}
.corregir{
    border:1px solid red!important;
    margin:10px 30px 10px 10%!important;
}
.campos_requeridos{
  display: block;
  padding:1px 30%;
  color: red;
  width: 100%;
}
#envio button:active{
  background: #FF697F;
  font-size: 10px;
  padding:10px 210px;
}
#envio .align-left{
  text-align: left!important;
  margin: 0 20%;
}
#alerta{
  display:none;
}

#gif{
  margin: 10px 130px;
}
.si_envio{
  margin:0% 17%!important;
}
.no_envio{
  margin: 0% 10%!important;
}
.p_no_envio{
    margin: 0px 23%;
}
.points{
  margin-top: 110px;
  width:100%;
}
.points-down{
  width:100%;
  margin-bottom: 0px;
}
footer{
  position: relative;
  bottom:0;
}