@charset "utf-8";
*{
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
	font-family: Poppins, "Poppins ExtraBold", "Poppins ExtraLight";
	
}
body {
    width: 100%;
	height: 100vh;

	}
.contacto .TITULO-CONTACT {
    width: 50%;

}
.contacto .CONTACT {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    margin-top: 5%;
   
}
.contacto .CONTACT .CONTCT-DATOS {
background-color: #336600;
    color: #FFFFFF;
    width: 45%;
	
       
}
.CONTACT .CONTCT-DATOS .TITU-DATOS {
    margin-top: 53px;
    font-size: 2.3vw;
    line-height: 2.5vw;
    margin-bottom: 13px;
    margin-right: 8vw;
}
.CONTACT .CONTCT-DATOS p {
    font-size: 1.4vw;
    margin-left: 10.5vw;
    margin-bottom: 30px;
    margin-right: 3vw;

}
.CONTACT .CONTCT-DATOS img {
    margin-left: 16%;
    width: 65%;
}

.contacto .CONTACT .UBICACION {
    width: 60%;

    height: 810px;
   
}
.CONTACT .UBICACION iframe {
    width: 100%;
    height: 810px;
	


}


.contacto .FORMULARIO {
    background-color: #C0C0C0;
    padding-top: 63px;
    padding-right: 12%;
    padding-left: 12%;
    padding-bottom: 25px;
    color: white;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 178px;
    margin-top: 8%;
}

.FORMULARIO form .FORM-CONTACT {
	 width: 50%;
    float: left;
}

form .FORM-CONTACT .DATOS-FORMULARIO {
    width: 99%;
    padding-left: 2%;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 16px;
    margin-left: 0px;
}
.FORMULARIO form .CONTENIDO-formulario {
    width: 49%;
    padding-bottom: 293px;
    float: right;
    margin-top: 16px;
}
.FORMULARIO form .botton {
	background-color: #0D4706;
    color: #FFFFFF;
    width: 10%;
    height: auto;
    padding-bottom: 8px;
    padding-top: 9px;
    border-radius: 78px 78px 0px;
    font-size:17px;
    margin-left: 90%;
    margin-top: 21px;
}



@media screen and (max-width: 978px) {
	.contacto .TITULO-CONTACT {
    width: 85%;


}
.contacto .CONTACT {
    width: 100%;
	display: block;


   
}
.contacto .CONTACT .CONTCT-DATOS {
	background-color: #336600;
    color: #FFFFFF;
    width: 100%;
	
       
}
.CONTACT .CONTCT-DATOS .TITU-DATOS {
    margin-top: 10px;
    font-size: 3.5vw;
    line-height: 2.5vw;
    margin-bottom: 13px;
    margin-right: 8vw;
    padding-top: 50px;
}
.CONTACT .CONTCT-DATOS p {
    font-size: 3vw;
    margin-left: 10.5vw;
    margin-bottom: 10px;
    margin-right: 3vw;

}
.CONTACT .CONTCT-DATOS img {
    margin-left: 16%;
    width: 65%;
    padding-bottom: 19px;
}

.contacto .CONTACT .UBICACION {
    width: 100%;
    height: 500px;
     
}
.CONTACT .UBICACION iframe {
    width: 100%;
    height: 500px;
}


.contacto .FORMULARIO {
    background-color: #C0C0C0;
    margin-bottom: 90px;
    margin-top: 10%;
    color: white;
    width: 100%;
  
}

.FORMULARIO form .FORM-CONTACT {
    width: 100%;
    margin-bottom: 31px;
}

form .FORM-CONTACT .DATOS-FORMULARIO {
    padding-bottom: 8px;
    margin-left: 0px;
    padding-left: 5px;
    padding-top: 8px;
    width: 100%;
}
.FORMULARIO form .CONTENIDO-formulario {
    width: 100%;
    padding-bottom: 293px;
    margin-top: 16px;
}
.FORMULARIO form .botton {
    background-color: #0D4706;
    color: #FFFFFF;
    width: 20%;
    height: auto;
    padding-bottom: 6px;
    padding-top: 9px;
    border-radius: 78px 78px 0px;
    font-size: 17px;


    margin-left: 80
&
&;
    margin-top: 21px;
    margin-bottom: 6px;
    margin-left: 80%;
}

	}