@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:');

 html, body {
    max-width: 100%;
    overflow-x: hidden;
}

*{
	font-family: 'Titillium Web', sans-serif;
        
}

/* CONTACTO */
nav ul li{
	font-size: 20px;
	font-weight: 700;
	list-style: none;
	display: inline-block;
	margin-right: 30px;
	color: black;
}

.fondoRes{
	display: none;
}

.fixedHere{
	position: fixed;
	z-index: 40;
	background-color: white;
	width: 105%;
	padding-bottom: 10px;
}

nav{
	z-index: 2;
	flex: 1;
	margin-bottom: 90px;
}

nav a{
	color: black;
	margin-left: 15px;
}

.divUl a:hover{
	color: #EDD614;
}

.bajarAqui{
	margin-bottom: 10px;
}

.d-flex{
	/*display: flex;*/
}

.divUl li{
	font-size: 20px;
	margin: 0px 15px;
}

.divLogo a img{
	margin-left: 30px;
	margin-top: 0px;
}

.btnNav button{
	margin-top: 60px;
	width: 60%;
	height: 30px;
	background-color: black;
	color: white;
	border-radius: 30px;
	border: none;
}

.divLogo img:hover{
	cursor: pointer;
}

.divUl{
	padding-top: 60px;
}

.divUl li:hover{
	color: #EDD614;
	cursor: pointer;
}

.divRedes .divFace a{
	margin-top: 150px;
	position: absolute;
	margin-left: 727px;
}

.divRedes .divInsta a{
	margin-top: 150px;
	position: absolute;
	margin-left: 787px;
}

.divTel img{
	display: none;
}

.pTel p{
	display: none;
}

.imgMenu img{
	display: none;
}

.pTel p{
	margin-top: 12px;
        font-size: 15px;
}

/* Introducción */
.introContenedor{
	margin-top: 250px;
	height: 400px;
	width: 100%;
	background-color: black;
}

.introContenedor img{
	position: absolute;
}

.introContenedor video{
	position: absolute;
	z-index: 3;
}

.rRosa img{
	height: 400px;
	width: auto;
	max-width: 100%;
	left: 93%;
	z-index: 4;
}

.uRosa img{
	height: 400px;
	width: auto;
	margin-left: 700px;
	max-width: 100%;
	z-index: 2;
	animation: uRosa 4000ms infinite both ease-in-out;
}

@keyframes uRosa{
	0%{ opacity: 100%; }
	50%{ opacity: 0%; }
	100%{ opacity: 100%; }
}

.uBlanca img{
	height: 400px;
	width: auto;
	margin-left: 704px;
	max-width: 100%;
	z-index: 1;
	animation: uBlanca 4000ms infinite both ease-in-out;
}

@keyframes uBlanca{
	0%{ opacity: 0%; }
	50%{ opacity: 100%; }
	100%{ opacity: 0%; }
}

.videoLoop video{
	max-width: 100%;
	left: 60.6%;
	z-index: 3;
}

.Contactanos p{
	color: white;
	font-size: 40px;
	font-weight: 600;
	position: absolute;
	margin-left: 250px;
	top: 0px;
	margin-top: 410px;
}

.lineaRosa{
	display: none;
}

@keyframes lineaRosa{
	0%{ transform: translateX(0px); }
	50%{ transform: translateX(-170px); }
	100%{ transform: translateX(0px); }
}

@keyframes fondoRosa{
	0%{ background-color: #cc006b; }
	50%{ background-color: white; }
	100%{ background-color: #cc006b; }
}

.lineaBlanca{
	display: none;
}

@keyframes lineaBlanca{
	0%{ transform: translateX(0px); }
	50%{ transform: translateX(170px); }
	100%{ transform: translateX(0px); }
}

@keyframes fondoBlanca{
	0%{ background-color: white; }
	50%{ background-color: #cc006b; }
	100%{ background-color: white; }
}


/* Contáctanos */
.contactoDiv img{
	position: absolute;
}

.imgPuntos img{
	margin-top: 120px;
	margin-left: 180px;
	width: 470px;
	height: auto;
}

.telefonoContacto img{
	margin-top: 100px;
	margin-left: 230px;
	width: 60px;
	height: auto;
}

.correoContacto img{
	margin-top: 190px;
	margin-left: 230px;
	width: 60px;
	height: auto;
}

.ubicacionContacto img{
	margin-top: 280px;
	margin-left: 230px;
	width: 60px;
	height: auto;
}

.texto p{
	letter-spacing: 5px;
	position: absolute;
}

.textCelUnico p{
	margin-left: 300px;
	margin-top: 115px;
}

.txtCorreo p{
	margin-left: 300px;
	margin-top: 205px;
	letter-spacing: 0px;
}

.txtUbicacion p{
	margin-left: 300px;
	margin-top: 290px;
	letter-spacing: 0px;
}

/* Escríbenos */
.txtTítulo h2{
	font-weight: 600;
	font-size: 45px;
	position: absolute;
	margin-top: 60px;
	margin-left: 800px;
}

.formulario input{
	position: absolute;
}

.nombreDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 800px;
	margin-top: 150px;
}

.empresaDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 1060px;
	margin-top: 150px;
}

.mailDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 800px;
	margin-top: 230px;
}

.telDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 1060px;
	margin-top: 230px;
}

.mssgDiv input{
	width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 800px;
	margin-top: 310px;
}

.spamDiv input{
        width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 800px;
	margin-top: 390px;
}

.opcion p{
	position: absolute;
	margin-left: 800px;
	margin-top: 450px;
}

.submit {
	position: absolute;
	margin-left: 1185px;
	margin-top: 450px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 3px solid #bfe4f4;
	border-radius: 5px;
	color: #0093d3;
}

.submit:hover{
	background-color: #bfe4f4;
}

.seccionContacto{
	margin-bottom: 500px;
}

#map{
	height: 60vh;
	width: 100%;
}

iframe{
	height: 60vh;
	width: 100%;
}

section{
	margin-bottom: 25px;
}

/* FOOTER */

footer{
	background-color: black;
	font-family: 'Titillium Web', sans-serif;
	padding-top: 40px;
	padding-bottom: 70px;
}

footer p{
	color: white;
}

/* Botón de Enviar */

.botonEnviar button{
	margin-left: 500px;
	background-color: black;
	border-width: 2px;
	border-color: white;
	border-radius: 5px;
	padding-right: 20px;
	padding-left: 20px;
}

.botonEnviar button:hover{
	background-color: white;
	color: black;
	border-color: white;
}

.botonEnviar{
	margin-bottom: 40px;
}

/* Contacto Web  */

.textTel2 p{
 	margin-left: 10px;
}

.divCorreo img{
 	margin-top: 15px;
}

.divCorreo p{
 	margin-top: 10px;
}

.divTelefono img{
 	margin-top: 15px;
}

.divTelefono p{
 	margin-top: 10px;
}

.contactoGeneral{
	margin-bottom: 5px;
}

/* HR */

.hr{
	padding-bottom: 10px;
}

/* Derechos */

.divDerecho{
	margin-left: 160px;
	margin-right: 160px;
}

.divC img{
	position: absolute;
	margin-left: 200px;
	margin-top: 14px;
}

.divTodos p{
	position: absolute;
	margin-left: 250px;
	margin-top: 10px;
}

.divUnico img{
	position: absolute;
	margin-left: 590px;
	width: 90px;
	height: auto
}




/* MODALES */


.modal-header{
        background-color: black;
        color: #f6db00;
}

.modal-body{
        background-color: white;
}

.labelForm{
	color: black;
}

.writtenForm{
	width: 100%;
}

.marginPop img{
	width: 350px;
	margin-left: 15px;
	margin-top: 20px;
}

.marginPop input{
	margin-top: 20px;
	margin-left: 15px;
}

.writtenForm {
	border-top:0;
	border-left:0;
	border-right:0;
	outline:0;
}


.close{
	background-color: #f6db00;
	border: none;
}





/*Diseño Responsive*/

@media only screen and (max-width: 1600px){

/* CONTACTO */
nav ul li{
	font-size: 20px;
	font-weight: 700;
	list-style: none;
	display: inline-block;
	margin-right: 30px;
	color: black;
}

nav{
	z-index: 2;
	flex: 1;
	margin-bottom: 40px;
}

nav a{
	color: black;
	margin-left: 10px;
}

.divUl a:hover{
	color: #EDD614;
}

.bajarAqui{
	margin-bottom: 10px;
}

.divUl li{
	font-size: 19px;
	margin: 0px 15px;
}

.divLogo a img{
	margin-left: 30px;
	margin-top: 0px;
}

.btnNav button{
	margin-top: 60px;
	font-size: 20px;
	width: 70%;
	height: 30px;
	background-color: black;
	color: white;
	border-radius: 30px;
	border: none;
}

.divLogo img:hover{
	cursor: pointer;
}

.divUl{
	padding-top: 60px;
}

.divUl li:hover{
	color: #EDD614;
	cursor: pointer;
}

.divRedes .divFace a{
	margin-top: 150px;
	position: absolute;
	margin-left: 727px;
}

.divRedes .divInsta a{
	margin-top: 150px;
	position: absolute;
	margin-left: 787px;
}


.divContacto{
	position: absolute;
	left: 780px;
}

.divTel img{
	margin-top: 15px;
}

.imgMenu img{
	display: none;
}

.pTel p{
	margin-top: 12px;
	font-size: 15px;
}

/* Introducción */
.introContenedor{
	height: 400px;
	width: 100%;
	background-color: black;
}

.introContenedor img{
	position: absolute;
}

.introContenedor video{
	position: absolute;
	z-index: 3;
}

.rRosa img{
	height: 400px;
	width: auto;
	max-width: 100%;
	left: 92.2%;
	z-index: 4;
}

.uRosa img{
	height: 400px;
	width: auto;
	margin-left: 700px;
	max-width: 100%;
	z-index: 2;
	animation: uRosa 4000ms infinite both ease-in-out;
}

@keyframes uRosa{
	0%{ opacity: 100%; }
	50%{ opacity: 0%; }
	100%{ opacity: 100%; }
}

.uBlanca img{
	height: 400px;
	width: auto;
	margin-left: 704px;
	max-width: 100%;
	z-index: 1;
	animation: uBlanca 4000ms infinite both ease-in-out;
}

@keyframes uBlanca{
	0%{ opacity: 0%; }
	50%{ opacity: 100%; }
	100%{ opacity: 0%; }
}

.videoLoop video{
	max-width: 100%;
	left: 60.6%;
	z-index: 3;
}

.Contactanos p{
	color: white;
	font-size: 40px;
	font-weight: 600;
	position: absolute;
	margin-left: 250px;
	top: 0px;
	margin-top: 410px;
}

.lineaRosa{
	display: block;
	height: 7px;
	width: 220px;
	background-color: #cc006b;
	position: absolute;
	margin-left: 380px;
	margin-top: 140px;
	animation: lineaRosa 4000ms infinite both ease-in-out,
	fondoRosa 4000ms infinite both ease-in-out;
}

@keyframes lineaRosa{
	0%{ transform: translateX(0px); }
	50%{ transform: translateX(-170px); }
	100%{ transform: translateX(0px); }
}

@keyframes fondoRosa{
	0%{ background-color: #cc006b; }
	50%{ background-color: white; }
	100%{ background-color: #cc006b; }
}

.lineaBlanca{
	display: block;
	height: 7px;
	width: 220px;
	background-color: white;
	position: absolute;
	margin-left: 260px;
	margin-top: 220px;
	animation: lineaBlanca 4000ms infinite both ease-in-out,
	fondoBlanca 4000ms infinite both ease-in-out;
}

@keyframes lineaBlanca{
	0%{ transform: translateX(0px); }
	50%{ transform: translateX(170px); }
	100%{ transform: translateX(0px); }
}

@keyframes fondoBlanca{
	0%{ background-color: white; }
	50%{ background-color: #cc006b; }
	100%{ background-color: white; }
}


/* Contáctanos */
.contactoDiv img{
	position: absolute;
}

.imgPuntos img{
	margin-top: 120px;
	margin-left: 180px;
	width: 470px;
	height: auto;
}

.telefonoContacto img{
	margin-top: 100px;
	margin-left: 230px;
	width: 60px;
	height: auto;
}

.correoContacto img{
	margin-top: 190px;
	margin-left: 230px;
	width: 60px;
	height: auto;
}

.ubicacionContacto img{
	margin-top: 280px;
	margin-left: 230px;
	width: 60px;
	height: auto;
}

.texto p{
	letter-spacing: 5px;
	position: absolute;
}

.textCelUnico p{
	margin-left: 300px;
	margin-top: 115px;
}

.txtCorreo p{
	margin-left: 300px;
	margin-top: 205px;
	letter-spacing: 0px;
}

.txtUbicacion p{
	margin-left: 300px;
	margin-top: 290px;
	letter-spacing: 0px;
}

/* Escríbenos */
.txtTítulo h2{
	font-weight: 600;
	font-size: 45px;
	position: absolute;
	margin-top: 60px;
	margin-left: 800px;
}

.formulario input{
	position: absolute;
}

.nombreDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 800px;
	margin-top: 150px;
}

.empresaDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 1060px;
	margin-top: 150px;
}

.mailDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 800px;
	margin-top: 230px;
}

.telDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 1060px;
	margin-top: 230px;
}

.mssgDiv input{
	width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 800px;
	margin-top: 310px;
}

.spamDiv input{
        width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 800px;
	margin-top: 390px;
}

.opcion p{
	position: absolute;
	margin-left: 800px;
	margin-top: 450px;
}

.submit {
	position: absolute;
	margin-left: 1185px;
	margin-top: 450px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 3px solid #bfe4f4;
	border-radius: 5px;
	color: #0093d3;
}

.submit:hover{
	background-color: #bfe4f4;
}

.seccionContacto{
	margin-bottom: 500px;
}

#map{
	height: 60vh;
	width: 100%;
}

iframe{
	height: 60vh;
	width: 100%;
}

section{
	margin-bottom: 25px;
}

/* FOOTER */

footer{
	background-color: black;
	font-family: 'Titillium Web', sans-serif;
	padding-top: 40px;
	padding-bottom: 70px;
}

footer p{
	color: white;
}

/* Botón de Enviar */

.botonEnviar button{
	margin-left: 500px;
	background-color: black;
	border-width: 2px;
	border-color: white;
	border-radius: 5px;
	padding-right: 20px;
	padding-left: 20px;
}

.botonEnviar button:hover{
	background-color: white;
	color: black;
	border-color: white;
}

.botonEnviar{
	margin-bottom: 40px;
}

/* Contacto Web  */

.textTel2 p{
 	margin-left: 10px;
}

.divCorreo img{
 	margin-top: 15px;
}

.divCorreo p{
 	margin-top: 10px;
}

.divTelefono img{
 	margin-top: 15px;
}

.divTelefono p{
 	margin-top: 10px;
}

.contactoGeneral{
	margin-bottom: 5px;
}

/* HR */

.hr{
	padding-bottom: 10px;
}

/* Derechos */

.divDerecho{
	margin-left: 160px;
	margin-right: 160px;
}

.divC img{
	position: absolute;
	margin-left: 200px;
	margin-top: 14px;
}

.divTodos p{
	position: absolute;
	margin-left: 250px;
	margin-top: 10px;
}

.divUnico img{
	position: absolute;
	margin-left: 590px;
	width: 90px;
	height: auto
}

}


@media only screen and (max-width: 1500px){

/* CONTACTO */
nav ul li{
	font-size: 20px;
	font-weight: 700;
	list-style: none;
	display: inline-block;
	margin-right: 30px;
	color: black;
}

nav{
	z-index: 2;
	flex: 1;
	margin-bottom: 40px;
}

nav a{
	color: black;
	margin-left: 10px;
}

.divUl a:hover{
	color: #EDD614;
}

.bajarAqui{
	margin-bottom: 10px;
}

.d-flex{
	/*display: flex;*/
}


.divUl li{
	font-size: 18px;
	margin: 0px 13px;
}

.divLogo a img{
	margin-left: 30px;
	margin-top: 0px;
}

.btnNav button{
	margin-top: 60px;
	width: 70%;
	height: 30px;
	background-color: black;
	color: white;
	border-radius: 30px;
	border: none;
}

.divLogo img:hover{
	cursor: pointer;
}

.divUl{
	padding-top: 60px;
}

.divUl li:hover{
	color: #EDD614;
	cursor: pointer;
}

.divRedes .divFace a{
	margin-top: 150px;
	position: absolute;
	margin-left: 727px;
}

.divRedes .divInsta a{
	margin-top: 150px;
	position: absolute;
	margin-left: 787px;
}

.divContacto{
	position: absolute;
	left: 780px;
}

.divTel img{
	margin-top: 15px;
}

.imgMenu img{
	display: none;
}

.pTel p{
	margin-top: 12px;
	font-size: 15px;
}

/* Introducción */
.introContenedor{
	height: 400px;
	width: 100%;
	background-color: black;
}

.introContenedor img{
	position: absolute;
}

.introContenedor video{
	position: absolute;
	z-index: 3;
}

.rRosa img{
	height: 400px;
	width: auto;
	max-width: 100%;
	left: 92.2%;
	z-index: 4;
}

.uRosa img{
	height: 400px;
	width: auto;
	margin-left: 650px;
	max-width: 100%;
	z-index: 2;
	animation: uRosa 4000ms infinite both ease-in-out;
}

@keyframes uRosa{
	0%{ opacity: 100%; }
	50%{ opacity: 0%; }
	100%{ opacity: 100%; }
}

.uBlanca img{
	height: 400px;
	width: auto;
	margin-left: 654px;
	max-width: 100%;
	z-index: 1;
	animation: uBlanca 4000ms infinite both ease-in-out;
}

@keyframes uBlanca{
	0%{ opacity: 0%; }
	50%{ opacity: 100%; }
	100%{ opacity: 0%; }
}

.videoLoop video{
	max-width: 100%;
	left: 60.6%;
	z-index: 3;
}

.Contactanos p{
	color: white;
	font-size: 40px;
	font-weight: 600;
	position: absolute;
	margin-left: 250px;
	top: 0px;
	margin-top: 410px;
}

.lineaRosa{
	height: 7px;
	width: 220px;
	background-color: #cc006b;
	position: absolute;
	margin-left: 330px;
	margin-top: 140px;
	animation: lineaRosa 4000ms infinite both ease-in-out,
	fondoRosa 4000ms infinite both ease-in-out;
}

@keyframes lineaRosa{
	0%{ transform: translateX(0px); }
	50%{ transform: translateX(-170px); }
	100%{ transform: translateX(0px); }
}

@keyframes fondoRosa{
	0%{ background-color: #cc006b; }
	50%{ background-color: white; }
	100%{ background-color: #cc006b; }
}

.lineaBlanca{
	height: 7px;
	width: 220px;
	background-color: white;
	position: absolute;
	margin-left: 210px;
	margin-top: 220px;
	animation: lineaBlanca 4000ms infinite both ease-in-out,
	fondoBlanca 4000ms infinite both ease-in-out;
}

@keyframes lineaBlanca{
	0%{ transform: translateX(0px); }
	50%{ transform: translateX(170px); }
	100%{ transform: translateX(0px); }
}

@keyframes fondoBlanca{
	0%{ background-color: white; }
	50%{ background-color: #cc006b; }
	100%{ background-color: white; }
}


/* Contáctanos */
.contactoDiv img{
	position: absolute;
}

.imgPuntos img{
	margin-top: 120px;
	margin-left: 180px;
	width: 470px;
	height: auto;
}

.telefonoContacto img{
	margin-top: 100px;
	margin-left: 230px;
	width: 60px;
	height: auto;
}

.correoContacto img{
	margin-top: 190px;
	margin-left: 230px;
	width: 60px;
	height: auto;
}

.ubicacionContacto img{
	margin-top: 280px;
	margin-left: 230px;
	width: 60px;
	height: auto;
}

.texto p{
	letter-spacing: 5px;
	position: absolute;
}

.textCelUnico p{
	margin-left: 300px;
	margin-top: 115px;
}

.txtCorreo p{
	margin-left: 300px;
	margin-top: 205px;
	letter-spacing: 0px;
}

.txtUbicacion p{
	margin-left: 300px;
	margin-top: 290px;
	letter-spacing: 0px;
}

/* Escríbenos */
.txtTítulo h2{
	font-weight: 600;
	font-size: 45px;
	position: absolute;
	margin-top: 60px;
	margin-left: 800px;
}

.formulario input{
	position: absolute;
}

.nombreDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 800px;
	margin-top: 150px;
}

.empresaDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 1060px;
	margin-top: 150px;
}

.mailDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 800px;
	margin-top: 230px;
}

.telDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 1060px;
	margin-top: 230px;
}

.mssgDiv input{
	width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 800px;
	margin-top: 310px;
}

.spamDiv input{
        width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 800px;
	margin-top: 390px;
}

.opcion p{
	position: absolute;
	margin-left: 800px;
	margin-top: 450px;
}

.submit {
	position: absolute;
	margin-left: 1185px;
	margin-top: 450px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 3px solid #bfe4f4;
	border-radius: 5px;
	color: #0093d3;
}

.submit:hover{
	background-color: #bfe4f4;
}

.seccionContacto{
	margin-bottom: 500px;
}

#map{
	height: 60vh;
	width: 100%;
}

iframe{
	height: 60vh;
	width: 100%;
}

section{
	margin-bottom: 25px;
}

/* FOOTER */

footer{
	background-color: black;
	font-family: 'Titillium Web', sans-serif;
	padding-top: 40px;
	padding-bottom: 70px;
}

footer p{
	color: white;
}

/* Botón de Enviar */

.botonEnviar button{
	margin-left: 500px;
	background-color: black;
	border-width: 2px;
	border-color: white;
	border-radius: 5px;
	padding-right: 20px;
	padding-left: 20px;
}

.botonEnviar button:hover{
	background-color: white;
	color: black;
	border-color: white;
}

.botonEnviar{
	margin-bottom: 40px;
}

/* Contacto Web  */

.textTel2 p{
 	margin-left: 10px;
}

.divCorreo img{
 	margin-top: 15px;
}

.divCorreo p{
 	margin-top: 10px;
}

.divTelefono img{
 	margin-top: 15px;
}

.divTelefono p{
 	margin-top: 10px;
}

.contactoGeneral{
	margin-bottom: 5px;
}

/* HR */

.hr{
	padding-bottom: 10px;
}

/* Derechos */

.divDerecho{
	margin-left: 160px;
	margin-right: 160px;
}

.divC img{
	position: absolute;
	margin-left: 200px;
	margin-top: 14px;
}

.divTodos p{
	position: absolute;
	margin-left: 250px;
	margin-top: 10px;
}

.divUnico img{
	position: absolute;
	margin-left: 590px;
	width: 90px;
	height: auto
}

}


@media only screen and (max-width: 1400px){

/* CONTACTO */
nav ul li{
	font-size: 20px;
	font-weight: 700;
	list-style: none;
	display: inline-block;
	margin-right: 30px;
	color: black;
}

nav{
	z-index: 2;
	flex: 1;
	margin-bottom: 40px;
}

nav a{
	color: black;
	margin-left: 10px;
}

.divUl a:hover{
	color: #EDD614;
}

.bajarAqui{
	margin-bottom: 10px;
}

.d-flex{
	/*display: flex;*/
}


.divUl li{
	font-size: 17px;
	margin: 0px 10px;
}

.divLogo a img{
	margin-left: 30px;
	margin-top: 0px;
}

.btnNav button{
	margin-top: 60px;
	width: 70%;
	height: 30px;
	background-color: black;
	color: white;
	border-radius: 30px;
	border: none;
}

.divLogo img:hover{
	cursor: pointer;
}

.divUl{
	padding-top: 60px;
}

.divUl li:hover{
	color: #EDD614;
	cursor: pointer;
}

.divRedes .divFace a{
	margin-top: 150px;
	position: absolute;
	margin-left: 727px;
}

.divRedes .divInsta a{
	margin-top: 150px;
	position: absolute;
	margin-left: 787px;
}

.divContacto{
	position: absolute;
	left: 780px;
}

.divTel img{
	margin-top: 15px;
}

.imgMenu img{
	display: none;
}

.pTel p{
	margin-top: 12px;
	font-size: 15px;
}

/* Introducción */
.introContenedor{
	height: 400px;
	width: 100%;
	background-color: black;
}

.introContenedor img{
	position: absolute;
}

.introContenedor video{
	position: absolute;
	z-index: 3;
}

.rRosa img{
	height: 400px;
	width: auto;
	max-width: 100%;
	left: 92.2%;
	z-index: 4;
}

.uRosa img{
	height: 400px;
	width: auto;
	margin-left: 550px;
	max-width: 100%;
	z-index: 2;
	animation: uRosa 4000ms infinite both ease-in-out;
}

@keyframes uRosa{
	0%{ opacity: 100%; }
	50%{ opacity: 0%; }
	100%{ opacity: 100%; }
}

.uBlanca img{
	height: 400px;
	width: auto;
	margin-left: 554px;
	max-width: 100%;
	z-index: 1;
	animation: uBlanca 4000ms infinite both ease-in-out;
}

@keyframes uBlanca{
	0%{ opacity: 0%; }
	50%{ opacity: 100%; }
	100%{ opacity: 0%; }
}

.videoLoop video{
	max-width: 100%;
	left: 56%;
	z-index: 3;
}

.Contactanos p{
	color: white;
	font-size: 40px;
	font-weight: 600;
	position: absolute;
	margin-left: 150px;
	top: 0px;
	margin-top: 410px;
}

.lineaRosa{
	height: 7px;
	width: 220px;
	background-color: #cc006b;
	position: absolute;
	margin-left: 280px;
	margin-top: 140px;
	animation: lineaRosa 4000ms infinite both ease-in-out,
	fondoRosa 4000ms infinite both ease-in-out;
}

@keyframes lineaRosa{
	0%{ transform: translateX(0px); }
	50%{ transform: translateX(-170px); }
	100%{ transform: translateX(0px); }
}

@keyframes fondoRosa{
	0%{ background-color: #cc006b; }
	50%{ background-color: white; }
	100%{ background-color: #cc006b; }
}

.lineaBlanca{
	height: 7px;
	width: 220px;
	background-color: white;
	position: absolute;
	margin-left: 160px;
	margin-top: 220px;
	animation: lineaBlanca 4000ms infinite both ease-in-out,
			   fondoBlanca 4000ms infinite both ease-in-out;
}

@keyframes lineaBlanca{
	0%{ transform: translateX(0px); }
	50%{ transform: translateX(170px); }
	100%{ transform: translateX(0px); }
}

@keyframes fondoBlanca{
	0%{ background-color: white; }
	50%{ background-color: #cc006b; }
	100%{ background-color: white; }
}


/* Contáctanos */
.contactoDiv img{
	position: absolute;
}

.imgPuntos img{
	margin-top: 120px;
	margin-left: 180px;
	width: 470px;
	height: auto;
}

.telefonoContacto img{
	margin-top: 100px;
	margin-left: 230px;
	width: 60px;
	height: auto;
}

.correoContacto img{
	margin-top: 190px;
	margin-left: 230px;
	width: 60px;
	height: auto;
}

.ubicacionContacto img{
	margin-top: 280px;
	margin-left: 230px;
	width: 60px;
	height: auto;
}

.texto p{
	letter-spacing: 5px;
	position: absolute;
}

.textCelUnico p{
	margin-left: 300px;
	margin-top: 115px;
}

.txtCorreo p{
	margin-left: 300px;
	margin-top: 205px;
	letter-spacing: 0px;
}

.txtUbicacion p{
	margin-left: 300px;
	margin-top: 290px;
	letter-spacing: 0px;
}

/* Escríbenos */
.txtTítulo h2{
	font-weight: 600;
	font-size: 45px;
	position: absolute;
	margin-top: 60px;
	margin-left: 800px;
}

.formulario input{
	position: absolute;
}

.nombreDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 800px;
	margin-top: 150px;
}

.empresaDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 1060px;
	margin-top: 150px;
}

.mailDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 800px;
	margin-top: 230px;
}

.telDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 1060px;
	margin-top: 230px;
}

.mssgDiv input{
	width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 800px;
	margin-top: 310px;
}

.spamDiv input{
        width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 800px;
	margin-top: 390px;
}

.opcion p{
	position: absolute;
	margin-left: 800px;
	margin-top: 450px;
}

.submit {
	position: absolute;
	margin-left: 1185px;
	margin-top: 450px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 3px solid #bfe4f4;
	border-radius: 5px;
	color: #0093d3;
}

.submit:hover{
	background-color: #bfe4f4;
}

.seccionContacto{
	margin-bottom: 500px;
}

#map{
	height: 60vh;
	width: 100%;
}

iframe{
	height: 60vh;
	width: 100%;
}

section{
	margin-bottom: 25px;
}

/* FOOTER */

footer{
	background-color: black;
	font-family: 'Titillium Web', sans-serif;
	padding-top: 40px;
	padding-bottom: 70px;
}

footer p{
	color: white;
}

/* Botón de Enviar */

.botonEnviar button{
	margin-left: 500px;
	background-color: black;
	border-width: 2px;
	border-color: white;
	border-radius: 5px;
	padding-right: 20px;
	padding-left: 20px;
}

.botonEnviar button:hover{
	background-color: white;
	color: black;
	border-color: white;
}

.botonEnviar{
	margin-bottom: 40px;
}

/* Contacto Web  */

.textTel2 p{
 	margin-left: 10px;
}

.divCorreo img{
 	margin-top: 15px;
}

.divCorreo p{
 	margin-top: 10px;
}

.divTelefono img{
 	margin-top: 15px;
}

.divTelefono p{
 	margin-top: 10px;
}

.contactoGeneral{
	margin-bottom: 5px;
}

/* HR */

.hr{
	padding-bottom: 10px;
}

/* Derechos */

.divDerecho{
	margin-left: 160px;
	margin-right: 160px;
}

.divC img{
	position: absolute;
	margin-left: 200px;
	margin-top: 14px;
}

.divTodos p{
	position: absolute;
	margin-left: 250px;
	margin-top: 10px;
}

.divUnico img{
	position: absolute;
	margin-left: 590px;
	width: 90px;
	height: auto
}

}


@media only screen and (max-width: 1300px){

/* CONTACTO */
nav ul li{
	font-size: 20px;
	font-weight: 700;
	list-style: none;
	display: inline-block;
	margin-right: 30px;
	color: black;
}

nav{
	z-index: 2;
	flex: 1;
	margin-bottom: 40px;
}

nav a{
	color: black;
	margin-left: 5px;
}

.divUl a:hover{
	color: #EDD614;
}

.bajarAqui{
	margin-bottom: 10px;
}

.d-flex{
	/*display: flex;*/
}


.divUl li{
	font-size: 16px;
	margin: 0px 12px;
}

.divLogo a img{
	margin-left: 30px;
	margin-top: 0px;
}

.btnNav button{
	margin-top: 60px;
	width: 80%;
	height: 30px;
	background-color: black;
	color: white;
	border-radius: 30px;
	border: none;
}

.divLogo img:hover{
	cursor: pointer;
}

.divUl{
	padding-top: 60px;
}

.divUl li:hover{
	color: #EDD614;
	cursor: pointer;
}

.divRedes .divFace a{
	margin-top: 150px;
	position: absolute;
	margin-left: 727px;
}

.divRedes .divInsta a{
	margin-top: 150px;
	position: absolute;
	margin-left: 787px;
}

.divContacto{
	position: absolute;
	left: 780px;
}

.divTel img{
	margin-top: 15px;
}

.imgMenu img{
	display: none;
}

.pTel p{
	margin-top: 12px;
	font-size: 15px;
}

/* Introducción */
.introContenedor{
	height: 400px;
	width: 100%;
	background-color: black;
}

.introContenedor img{
	position: absolute;
}

.introContenedor video{
	position: absolute;
	z-index: 3;
}

.rRosa img{
	height: 400px;
	width: auto;
	max-width: 100%;
	left: 91%;
	z-index: 4;
}

.uRosa img{
	height: 400px;
	width: auto;
	margin-left: 470px;
	max-width: 100%;
	z-index: 2;
	animation: uRosa 4000ms infinite both ease-in-out;
}

@keyframes uRosa{
	0%{ opacity: 100%; }
	50%{ opacity: 0%; }
	100%{ opacity: 100%; }
}

.uBlanca img{
	height: 400px;
	width: auto;
	margin-left: 474px;
	max-width: 100%;
	z-index: 1;
	animation: uBlanca 4000ms infinite both ease-in-out;
}

@keyframes uBlanca{
	0%{ opacity: 0%; }
	50%{ opacity: 100%; }
	100%{ opacity: 0%; }
}

.videoLoop video{
	max-width: 100%;
	left: 54%;
	z-index: 3;
}

.Contactanos p{
	color: white;
	font-size: 40px;
	font-weight: 600;
	position: absolute;
	margin-left: 100px;
	top: 0px;
	margin-top: 410px;
}

.lineaRosa{
	height: 7px;
	width: 220px;
	background-color: #cc006b;
	position: absolute;
	margin-left: 200px;
	margin-top: 140px;
	animation: lineaRosa 4000ms infinite both ease-in-out,
	fondoRosa 4000ms infinite both ease-in-out;
}

@keyframes lineaRosa{
	0%{ transform: translateX(0px); }
	50%{ transform: translateX(-170px); }
	100%{ transform: translateX(0px); }
}

@keyframes fondoRosa{
	0%{ background-color: #cc006b; }
	50%{ background-color: white; }
	100%{ background-color: #cc006b; }
}

.lineaBlanca{
	height: 7px;
	width: 220px;
	background-color: white;
	position: absolute;
	margin-left: 80px;
	margin-top: 220px;
	animation: lineaBlanca 4000ms infinite both ease-in-out,
			   fondoBlanca 4000ms infinite both ease-in-out;
}

@keyframes lineaBlanca{
	0%{ transform: translateX(0px); }
	50%{ transform: translateX(170px); }
	100%{ transform: translateX(0px); }
}

@keyframes fondoBlanca{
	0%{ background-color: white; }
	50%{ background-color: #cc006b; }
	100%{ background-color: white; }
}


/* Contáctanos */
.contactoDiv img{
	position: absolute;
}

.imgPuntos img{
	margin-top: 120px;
	margin-left: 100px;
	width: 470px;
	height: auto;
}

.telefonoContacto img{
	margin-top: 100px;
	margin-left: 130px;
	width: 60px;
	height: auto;
}

.correoContacto img{
	margin-top: 190px;
	margin-left: 130px;
	width: 60px;
	height: auto;
}

.ubicacionContacto img{
	margin-top: 280px;
	margin-left: 130px;
	width: 60px;
	height: auto;
}

.texto p{
	letter-spacing: 5px;
	position: absolute;
}

.textCelUnico p{
	margin-left: 200px;
	margin-top: 115px;
}

.txtCorreo p{
	margin-left: 200px;
	margin-top: 205px;
	letter-spacing: 0px;
}

.txtUbicacion p{
	margin-left: 200px;
	margin-top: 290px;
	letter-spacing: 0px;
}

/* Escríbenos */
.txtTítulo h2{
	font-weight: 600;
	font-size: 45px;
	position: absolute;
	margin-top: 60px;
	margin-left: 650px;
}

.formulario input{
	position: absolute;
}

.nombreDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 650px;
	margin-top: 150px;
}

.empresaDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 910px;
	margin-top: 150px;
}

.mailDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 650px;
	margin-top: 230px;
}

.telDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 910px;
	margin-top: 230px;
}

.mssgDiv input{
	width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 650px;
	margin-top: 310px;
}

.spamDiv input{
        width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 650px;
	margin-top: 390px;
}

.opcion p{
	position: absolute;
	margin-left: 650px;
	margin-top: 450px;
}

.submit {
	position: absolute;
	margin-left: 1035px;
	margin-top: 450px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 3px solid #bfe4f4;
	border-radius: 5px;
	color: #0093d3;
}

.submit:hover{
	background-color: #bfe4f4;
}

.seccionContacto{
	margin-bottom: 500px;
}

#map{
	height: 60vh;
	width: 100%;
}

iframe{
	height: 60vh;
	width: 100%;
}

section{
	margin-bottom: 25px;
}

/* FOOTER */

footer{
	background-color: black;
	font-family: 'Titillium Web', sans-serif;
	padding-top: 40px;
	padding-bottom: 70px;
}

footer p{
	color: white;
}

/* Botón de Enviar */

.botonEnviar button{
	margin-left: 500px;
	background-color: black;
	border-width: 2px;
	border-color: white;
	border-radius: 5px;
	padding-right: 20px;
	padding-left: 20px;
}

.botonEnviar button:hover{
	background-color: white;
	color: black;
	border-color: white;
}

.botonEnviar{
	margin-bottom: 40px;
}

/* Contacto Web  */

.textTel2 p{
 	margin-left: 10px;
}

.divCorreo img{
 	margin-top: 15px;
}

.divCorreo p{
 	margin-top: 10px;
}

.divTelefono img{
 	margin-top: 15px;
}

.divTelefono p{
 	margin-top: 10px;
}

.contactoGeneral{
	margin-bottom: 5px;
}

/* HR */

.hr{
	padding-bottom: 10px;
}

/* Derechos */

.divDerecho{
	margin-left: 160px;
	margin-right: 160px;
}

.divC img{
	position: absolute;
	margin-left: 200px;
	margin-top: 14px;
}

.divTodos p{
	position: absolute;
	margin-left: 250px;
	margin-top: 10px;
}

.divUnico img{
	position: absolute;
	margin-left: 590px;
	width: 90px;
	height: auto
}

}


@media only screen and (max-width: 1200px){

/* CONTACTO */
nav ul li{
	font-size: 17px;
	font-weight: 700;
	list-style: none;
	display: inline-block;
	margin-right: 30px;
	color: black;
}

nav{
	z-index: 2;
	flex: 1;
	margin-bottom: 40px;
}

nav a{
	color: black;
	margin-left: 5px;
}

.divUl a:hover{
	color: #EDD614;
}

.bajarAqui{
	margin-bottom: 10px;
}

.d-flex{
	/*display: flex;*/
}


.divUl li{
	font-size: 15px;
	margin: 0px 8px;
}

.divLogo a img{
	margin-left: 30px;
	margin-top: 0px;
}

.btnNav button{
	margin-top: 60px;
	width: 80%;
	height: 30px;
	background-color: black;
	color: white;
	border-radius: 30px;
	border: none;
}
/* AQUI TE QUEDASTE */


.divLogo img:hover{
	cursor: pointer;
}

.divUl{
	padding-top: 60px;
}

.divUl li:hover{
	color: #EDD614;
	cursor: pointer;
}

.divRedes .divFace a{
	margin-top: 150px;
	position: absolute;
	margin-left: 627px;
}

.divRedes .divInsta a{
	margin-top: 150px;
	position: absolute;
	margin-left: 687px;
}

.divContacto{
	position: absolute;
	left: 600px;
}

.divTel img{
	margin-top: 15px;
}

.imgMenu img{
	display: none;
}

.pTel p{
	margin-top: 12px;
        font-size: 12px;
}

body{ overflow-x: hidden; }

/* Introducción */
.introContenedor{
	height: 400px;
	width: 100%;
	background-color: black;
}

.introContenedor img{
	position: absolute;
}

.introContenedor video{
	position: absolute;
	z-index: 3;
}

.rRosa img{
	display: none;
}

.uRosa img{
	height: 400px;
	width: auto;
	margin-left: 750px;
        max-width: 100%;
	z-index: 2;
	animation: uRosa 4000ms infinite both ease-in-out;
}

@keyframes uRosa{
	0%{ opacity: 100%; }
	50%{ opacity: 0%; }
	100%{ opacity: 100%; }
}

.uBlanca img{
	height: 400px;
	width: auto;
	margin-left: 754px;
        max-width: 100%;
	z-index: 1;
	animation: uBlanca 4000ms infinite both ease-in-out;
}

@keyframes uBlanca{
	0%{ opacity: 0%; }
	50%{ opacity: 100%; }
	100%{ opacity: 0%; }
}

.videoLoop video{
	display: none;
}

.Contactanos p{
	color: white;
	font-size: 40px;
	font-weight: 600;
	position: absolute;
	margin-left: 200px;
	top: 0px;
	margin-top: 410px;
}

.lineaRosa{
	height: 7px;
	width: 220px;
	background-color: #cc006b;
	position: absolute;
	margin-left: 350px;
	margin-top: 140px;
	animation: lineaRosa 4000ms infinite both ease-in-out,
	fondoRosa 4000ms infinite both ease-in-out;
}

@keyframes lineaRosa{
	0%{ transform: translateX(0px); }
	50%{ transform: translateX(-170px); }
	100%{ transform: translateX(0px); }
}

@keyframes fondoRosa{
	0%{ background-color: #cc006b; }
	50%{ background-color: white; }
	100%{ background-color: #cc006b; }
}

.lineaBlanca{
	height: 7px;
	width: 220px;
	background-color: white;
	position: absolute;
	margin-left: 230px;
	margin-top: 220px;
	animation: lineaBlanca 4000ms infinite both ease-in-out,
			   fondoBlanca 4000ms infinite both ease-in-out;
}

@keyframes lineaBlanca{
	0%{ transform: translateX(0px); }
	50%{ transform: translateX(170px); }
	100%{ transform: translateX(0px); }
}

@keyframes fondoBlanca{
	0%{ background-color: white; }
	50%{ background-color: #cc006b; }
	100%{ background-color: white; }
}


/* Contáctanos */
.contactoDiv img{
	position: absolute;
}

.imgPuntos img{
	margin-top: 120px;
	margin-left: 100px;
	width: 470px;
	height: auto;
}

.telefonoContacto img{
	margin-top: 100px;
	margin-left: 130px;
	width: 60px;
	height: auto;
}

.correoContacto img{
	margin-top: 190px;
	margin-left: 130px;
	width: 60px;
	height: auto;
}

.ubicacionContacto img{
	margin-top: 280px;
	margin-left: 130px;
	width: 60px;
	height: auto;
}

.texto p{
	letter-spacing: 5px;
	position: absolute;
}

.textCelUnico p{
	margin-left: 200px;
	margin-top: 115px;
}

.txtCorreo p{
	margin-left: 200px;
	margin-top: 205px;
	letter-spacing: 0px;
}

.txtUbicacion p{
	margin-left: 200px;
	margin-top: 290px;
	letter-spacing: 0px;
}

/* Escríbenos */
.txtTítulo h2{
	font-weight: 600;
	font-size: 45px;
	position: absolute;
	margin-top: 60px;
	margin-left: 650px;
}

.formulario input{
	position: absolute;
}

.nombreDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 650px;
	margin-top: 150px;
}

.empresaDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 910px;
	margin-top: 150px;
}

.mailDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 650px;
	margin-top: 230px;
}

.telDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 910px;
	margin-top: 230px;
}

.mssgDiv input{
	width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 650px;
	margin-top: 310px;
}

.spamDiv input{
        width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 650px;
	margin-top: 390px;
}

.opcion p{
	position: absolute;
	margin-left: 650px;
	margin-top: 450px;
}

.submit {
	position: absolute;
	margin-left: 1035px;
	margin-top: 450px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 3px solid #bfe4f4;
	border-radius: 5px;
	color: #0093d3;
}

.submit:hover{
	background-color: #bfe4f4;
}

.seccionContacto{
	margin-bottom: 500px;
}

#map{
	height: 60vh;
	width: 100%;
}

iframe{
	height: 60vh;
	width: 100%;
}

section{
	margin-bottom: 25px;
}

/* FOOTER */

footer{
	background-color: black;
	font-family: 'Titillium Web', sans-serif;
	padding-top: 40px;
	padding-bottom: 70px;
}

footer p{
	color: white;
}

/* Botón de Enviar */

.botonEnviar button{
	margin-left: 450px;
	background-color: black;
	border-width: 2px;
	border-color: white;
	border-radius: 5px;
	padding-right: 20px;
	padding-left: 20px;
}

.botonEnviar button:hover{
	background-color: white;
	color: black;
	border-color: white;
}

.botonEnviar{
	margin-bottom: 40px;
}

/* Contacto Web  */

.txtFooter1 p{
        font-size: 13px;
}

.txtTel p{
 	margin-left: 10px;
        font-size: 13px;
}

.divCorreo img{
 	margin-top: 15px;
}

.divCorreo p{
 	margin-top: 10px;
        font-size: 13px;
}

.divTelefono img{
 	margin-top: 15px;
}

.divTelefono p{
 	margin-top: 10px;
        font-size: 13px;
}

.contactoGeneral{
	margin-bottom: 5px;
}

.divFacebook a img{
	position: absolute;
	transform: scale(0.8);
	left: 0px;
	margin-left: 0px;
	margin-top: 0;
}

.divInstagram a img{
	position: absolute;
	transform: scale(0.8);
	left: 0px;
	margin-left: 0px;
	margin-top: 0;
}

/* HR */

.hr img{
	display: none;
}

/* Derechos */

.divDerecho{
	margin-left: 160px;
	margin-right: 160px;
}

.divC img{
	position: absolute;
	margin-left: 150px;
	margin-top: 14px;
}

.divTodos p{
	position: absolute;
	margin-left: 200px;
	margin-top: 10px;
}

.divUnico img{
	position: absolute;
	margin-left: 540px;
	width: 90px;
	height: auto
}

}

@media only screen and (max-width: 1150px){
/* Contáctanos */
.contactoDiv img{
	position: absolute;
}

.imgPuntos img{
	margin-top: 120px;
	margin-left: 60px;
	width: 470px;
	height: auto;
}

.telefonoContacto img{
	margin-top: 100px;
	margin-left: 100px;
	width: 60px;
	height: auto;
}

.correoContacto img{
	margin-top: 190px;
	margin-left: 100px;
	width: 60px;
	height: auto;
}

.ubicacionContacto img{
	margin-top: 280px;
	margin-left: 100px;
	width: 60px;
	height: auto;
}

.texto p{
	letter-spacing: 5px;
	position: absolute;
}

.textCelUnico p{
	margin-left: 170px;
	margin-top: 115px;
}

.txtCorreo p{
	margin-left: 170px;
	margin-top: 205px;
	letter-spacing: 0px;
}

.txtUbicacion p{
	margin-left: 170px;
	margin-top: 290px;
	letter-spacing: 0px;
}

/* Escríbenos */
.txtTítulo h2{
	font-weight: 600;
	font-size: 45px;
	position: absolute;
	margin-top: 60px;
	margin-left: 600px;
}

.formulario input{
	position: absolute;
}

.nombreDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 600px;
	margin-top: 150px;
}

.empresaDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 860px;
	margin-top: 150px;
}

.mailDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 600px;
	margin-top: 230px;
}

.telDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 860px;
	margin-top: 230px;
}

.mssgDiv input{
	width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 600px;
	margin-top: 310px;
}

.spamDiv input{
        width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 600px;
	margin-top: 390px;
}

.opcion p{
	position: absolute;
	margin-left: 600px;
	margin-top: 450px;
}

.submit {
	position: absolute;
	margin-left: 970px;
	margin-top: 450px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 3px solid #bfe4f4;
	border-radius: 5px;
	color: #0093d3;
}

.submit:hover{
	background-color: #bfe4f4;
}

.seccionContacto{
	margin-bottom: 500px;
}    
}

@media only screen and (max-width: 1100px){

/* CONTACTO */
nav ul li{
	font-size: 17px;
	font-weight: 700;
	list-style: none;
	display: inline-block;
	margin-right: 30px;
	color: black;
}

nav{
	z-index: 2;
	flex: 1;
	margin-bottom: 40px;
}

nav a{
	color: black;
	margin-left: 5px;
}

.divUl a:hover{
	color: #EDD614;
}

.bajarAqui{
	margin-bottom: 10px;
}

.d-flex{
	/*display: flex;*/
}


.divUl li{
	font-size: 14px;
	margin: 0px 5px;
}

.divLogo a img{
	margin-left: 5px;
	margin-top: 0px;
}

.btnNav button{
	margin-top: 60px;
	width: 80%;
	height: 30px;
	background-color: black;
	color: white;
	border-radius: 30px;
	border: none;
}

.divLogo img:hover{
	cursor: pointer;
}

.divUl{
	padding-top: 60px;
}

.divUl li:hover{
	color: #EDD614;
	cursor: pointer;
}

.divRedes .divFace a{
	margin-top: 150px;
	position: absolute;
	margin-left: 627px;
}

.divRedes .divInsta a{
	margin-top: 150px;
	position: absolute;
	margin-left: 687px;
}

.divContacto{
	position: absolute;
	left: 600px;
}

.divTel img{
	margin-top: 15px;
}

.imgMenu img{
	display: none;
}

.pTel p{
	margin-top: 12px;
        font-size: 12px;
}

body{ overflow-x: hidden; }

/* Introducción */
.introContenedor{
	height: 400px;
	width: 100%;
	background-color: black;
}

.introContenedor img{
	position: absolute;
}

.introContenedor video{
	position: absolute;
	z-index: 3;
}

.rRosa img{
	display: none;
}

.uRosa img{
	height: 400px;
	width: auto;
	margin-left: 650px;
	max-width: 100%;
	z-index: 2;
	animation: uRosa 4000ms infinite both ease-in-out;
}

@keyframes uRosa{
	0%{ opacity: 100%; }
	50%{ opacity: 0%; }
	100%{ opacity: 100%; }
}

.uBlanca img{
	height: 400px;
	width: auto;
	margin-left: 654px;
	max-width: 100%;
	z-index: 1;
	animation: uBlanca 4000ms infinite both ease-in-out;
}

@keyframes uBlanca{
	0%{ opacity: 0%; }
	50%{ opacity: 100%; }
	100%{ opacity: 0%; }
}

.videoLoop video{
	display: none;
}

.Contactanos p{
	color: white;
	font-size: 40px;
	font-weight: 600;
	position: absolute;
	margin-left: 200px;
	top: 0px;
	margin-top: 410px;
}

.lineaRosa{
	height: 7px;
	width: 220px;
	background-color: #cc006b;
	position: absolute;
	margin-left: 300px;
	margin-top: 140px;
	animation: lineaRosa 4000ms infinite both ease-in-out,
	fondoRosa 4000ms infinite both ease-in-out;
}

@keyframes lineaRosa{
	0%{ transform: translateX(0px); }
	50%{ transform: translateX(-170px); }
	100%{ transform: translateX(0px); }
}

@keyframes fondoRosa{
	0%{ background-color: #cc006b; }
	50%{ background-color: white; }
	100%{ background-color: #cc006b; }
}

.lineaBlanca{
	height: 7px;
	width: 220px;
	background-color: white;
	position: absolute;
	margin-left: 230px;
	margin-top: 220px;
	animation: lineaBlanca 4000ms infinite both ease-in-out,
			   fondoBlanca 4000ms infinite both ease-in-out;
}

@keyframes lineaBlanca{
	0%{ transform: translateX(0px); }
	50%{ transform: translateX(170px); }
	100%{ transform: translateX(0px); }
}

@keyframes fondoBlanca{
	0%{ background-color: white; }
	50%{ background-color: #cc006b; }
	100%{ background-color: white; }
}


/* Contáctanos */
.contactoDiv img{
	position: absolute;
}

.imgPuntos img{
	margin-top: 120px;
	margin-left: 50px;
	width: 470px;
	height: auto;
}

.telefonoContacto img{
	margin-top: 100px;
	margin-left: 80px;
	width: 60px;
	height: auto;
}

.correoContacto img{
	margin-top: 190px;
	margin-left: 80px;
	width: 60px;
	height: auto;
}

.ubicacionContacto img{
	margin-top: 280px;
	margin-left: 80px;
	width: 60px;
	height: auto;
}

.texto p{
	letter-spacing: 5px;
	position: absolute;
}

.textCelUnico p{
	margin-left: 150px;
	margin-top: 115px;
}

.txtCorreo p{
	margin-left: 150px;
	margin-top: 205px;
	letter-spacing: 0px;
}

.txtUbicacion p{
	margin-left: 150px;
	margin-top: 290px;
	letter-spacing: 0px;
}

/* Escríbenos */
.txtTítulo h2{
	font-weight: 600;
	font-size: 45px;
	position: absolute;
	margin-top: 60px;
	margin-left: 550px;
}

.formulario input{
	position: absolute;
}

.nombreDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 550px;
	margin-top: 150px;
}

.empresaDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 810px;
	margin-top: 150px;
}

.mailDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 550px;
	margin-top: 230px;
}

.telDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 810px;
	margin-top: 230px;
}

.mssgDiv input{
	width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 550px;
	margin-top: 310px;
}

.spamDiv input{
        width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 550px;
	margin-top: 390px;
}

.opcion p{
	position: absolute;
	margin-left: 550px;
	margin-top: 450px;
}

.submit {
	position: absolute;
	margin-left: 935px;
	margin-top: 450px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 3px solid #bfe4f4;
	border-radius: 5px;
	color: #0093d3;
}

.submit:hover{
	background-color: #bfe4f4;
}

.seccionContacto{
	margin-bottom: 500px;
}

#map{
	height: 60vh;
	width: 100%;
}

iframe{
	height: 60vh;
	width: 100%;
}

section{
	margin-bottom: 25px;
}

/* FOOTER */

footer{
	background-color: black;
	font-family: 'Titillium Web', sans-serif;
	padding-top: 40px;
	padding-bottom: 70px;
}

footer p{
	color: white;
}

/* Botón de Enviar */

.botonEnviar button{
	margin-left: 450px;
	background-color: black;
	border-width: 2px;
	border-color: white;
	border-radius: 5px;
	padding-right: 20px;
	padding-left: 20px;
}

.botonEnviar button:hover{
	background-color: white;
	color: black;
	border-color: white;
}

.botonEnviar{
	margin-bottom: 40px;
}

/* Contacto Web  */

.txtFooter1 p{
        font-size: 13px;
}

.txtTel p{
 	margin-left: 10px;
        font-size: 13px;
}

.divCorreo img{
 	margin-top: 15px;
}

.divCorreo p{
 	margin-top: 10px;
        font-size: 13px;
}

.divTelefono img{
 	margin-top: 15px;
}

.divTelefono p{
 	margin-top: 10px;
        font-size: 13px;
}

.contactoGeneral{
	margin-bottom: 5px;
}

.divFacebook a img{
	position: absolute;
	transform: scale(0.8);
	left: 0px;
	margin-left: 0px;
	margin-top: 0;
}

.divInstagram a img{
	position: absolute;
	transform: scale(0.8);
	left: 0px;
	margin-left: 0px;
	margin-top: 0;
}

/* HR */

.hr img{
	display: none;
}

/* Derechos */

.divDerecho{
	margin-left: 160px;
	margin-right: 160px;
}

.divC img{
	position: absolute;
	margin-left: 150px;
	margin-top: 14px;
}

.divTodos p{
	position: absolute;
	margin-left: 200px;
	margin-top: 10px;
}

.divUnico img{
	position: absolute;
	margin-left: 540px;
	width: 90px;
	height: auto
}

}


@media only screen and (max-width: 1050px){
/* Contáctanos */
.contactoDiv img{
	position: absolute;
}

.imgPuntos img{
	margin-top: 120px;
	margin-left: 10px;
	width: 470px;
	height: auto;
}

.telefonoContacto img{
	margin-top: 100px;
	margin-left: 40px;
	width: 60px;
	height: auto;
}

.correoContacto img{
	margin-top: 190px;
	margin-left: 40px;
	width: 60px;
	height: auto;
}

.ubicacionContacto img{
	margin-top: 280px;
	margin-left: 40px;
	width: 60px;
	height: auto;
}

.texto p{
	letter-spacing: 5px;
	position: absolute;
}

.textCelUnico p{
	margin-left: 110px;
	margin-top: 115px;
}

.txtCorreo p{
	margin-left: 110px;
	margin-top: 205px;
	letter-spacing: 0px;
}

.txtUbicacion p{
	margin-left: 110px;
	margin-top: 290px;
	letter-spacing: 0px;
}

/* Escríbenos */
.txtTítulo h2{
	font-weight: 600;
	font-size: 45px;
	position: absolute;
	margin-top: 60px;
	margin-left: 510px;
}

.formulario input{
	position: absolute;
}

.nombreDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 510px;
	margin-top: 150px;
}

.empresaDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 760px;
	margin-top: 150px;
}

.mailDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 510px;
	margin-top: 230px;
}

.telDiv input{
	width: 230px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 760px;
	margin-top: 230px;
}

.mssgDiv input{
	width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 510px;
	margin-top: 310px;
}

.spamDiv input{
        width: 490px;
	border: 2px solid grey;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-left: 510px;
	margin-top: 390px;
}

.opcion p{
	position: absolute;
	margin-left: 510px;
	margin-top: 450px;
}

.submit {
	position: absolute;
	margin-left: 885px;
	margin-top: 450px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 3px solid #bfe4f4;
	border-radius: 5px;
	color: #0093d3;
}

.submit:hover{
	background-color: #bfe4f4;
}

.seccionContacto{
	margin-bottom: 500px;
}
}


@media only screen and (max-width: 1000px){

body{
	width: 100%;
    	height: 100%;
    	margin: 0px;
    	padding: 0px;
   	overflow-x: hidden; 
	}

	/* Nav */
	nav ul{
		position: absolute;
		z-index: 9;
		width: 100%;
	}

	.imgMenuRes img{
		transition: 100ms;
		margin-left: 100px;
	}

	.imgMenuRes img:hover{
		opacity: 70%;
	}

	.divLogoRes img{
		position: absolute;
		margin-left: 50px;
	}

	.btnNav button{
		margin-top: 50px;
		width: 80%;
		height: 30px;
		background-color: black;
		color: white;
		border-radius: 30px;
		border: none;
	}

	ul{
		display: none;
	}

	.divUlRes li{
		margin: 0px 0px;
	}

	.divUlRes ul li{
		display: inline-block;
		margin: 0px 10px;
		font-size: 25px;
	}

	.fondo{
		display: none;
	}

	.fondoRes{
		display: block;
		height: 0px;
		margin-bottom: 100px;
	}

	.introContenedor{
		margin-top: 0px;
		top: 0;
	}

	ul .uno{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -20px;
		top: 120px;
	}

	ul .uno:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .dos{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -25px;
		top: 158px;
	}

	ul .dos:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .tres{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -40px;
		top: 196px;
	}

	ul .tres:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	ul .cuatro{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -35px;
		top: 234px;
	}

	ul .cuatro:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .cinco{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -48px;
		top: 272px;
	}

	ul .cinco:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .seis{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -45px;
		top: 310px;
	}

	ul .seis:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	.divLogo img{
		height: 75px;
		position: absolute;
		left: 35px;
	}

	nav{
		margin-bottom: 	110px;
	}

	.bajarAqui{
		display: none;
		margin-bottom: 0px;
		height: 0px;
		width: 0px;

	}

	.divRedes{
		height: 0px;
		width: 0px;
	}

	.divRedes img{
		display: none;
	}

	.divContacto p{
		display: none;
	}

	.divContacto img{
		display: none;
	}

	.divContacto{
		height: 0px;
		width: 0px;
	}

	.imgMenu img{
		display: block;
		position: absolute;
		top: 25px;
		margin-left: 630px;
		height: 65px;
		width: auto;
	}

	.divAbajo{
		height: 0px;
		width: 0px;
	}


	/* Intro */

	.videoLoop video{
		display: none;
	}

	.introContenedor{
		width: 100%;
		height: 400px;
	}

	.rRosa img{
		display: none;
	}

	.lineaRosa{
		position: absolute;
		left: 40px;
		top: 30px;
		animation: rosaResponsive 4500ms infinite both ease-in-out,
		           cambioColor 4500ms infinite both ease-in-out;
		width: 170px;
	}

	@keyframes rosaResponsive{
		0%{ transform: translateX(0px); }
		50%{ transform: translateX(90px); }
		100%{ transform: translateX(0px); }
	}

	@keyframes cambioColor{
		0%{ background-color: #cc006b; }
		50%{ background-color: white; }
		100%{ background-color: #cc006b; }
	}

	.lineaBlanca{
		display: none;
	}

	.Contactanos p{
		position: absolute;
		margin-top: 130px;
		top: 0px;
		left: 200px;
		font-size: 25px;
	}

	.uRosa img{
		position: absolute;
                margin-left: 410px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: rosaAdios 4500ms infinite both ease-in-out;
	}

	@keyframes rosaAdios{
		0%{ opacity: 100%; }
		50%{ opacity: 0%; }
		100%{ opacity: 100%; }
	}

	.uBlanca img{
		position: absolute;
		margin-left: 413px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: adiosBlanca 4500ms infinite both ease-in-out;
	}

	@keyframes adiosBlanca{
		0%{ opacity: 0%; }
		50%{ opacity: 100%; }
		100%{ opacity: 0%; }
	}

	/*Contáctanos*/
	.imgPuntos img{
		display: none;
	}

	.divImg img{
		transform: scale(0.8);
	}

	.telefonoContacto img{
		margin-top: 60px;
		margin-left: 350px;
	}

	.correoContacto img{
		margin-top: 140px;
		margin-left: 350px;
	}

	.ubicacionContacto img{
		margin-top: 220px;
		margin-left: 350px;
	}

	.texto p{
		font-size: 14px;
	}

	.textCelUnico p{
		margin-top: 80px;
		margin-left: 420px;
	}

	.txtCorreo p{
		margin-top: 160px;
		margin-left: 420px;
	}

	.txtUbicacion p{
		margin-top: 225px;
		margin-left: 420px;
		margin-right: 10px;
	}

	.seccionContacto{
		margin-bottom: 800px;
	}

	.txtTítulo h2{
		margin-left: 400px;
		margin-top: 350px;
		font-size: 30px;
		z-index: 5;
	}

	.nombreDiv input{
		margin-top: 400px;
		margin-left: 300px;
		width: 460px;
	}

	.empresaDiv input{
		margin-top: 460px;
		margin-left: 300px;
		width: 460px;
	}

	.mailDiv input{
		margin-top: 520px;
		margin-left: 300px;
		width: 460px;
	}

	.telDiv input{
		margin-top: 580px;
		margin-left: 300px;
		width: 460px;
	}

	.mssgDiv input{
		margin-top: 640px;
		margin-left: 300px;
		width: 460px;
	}

        .spamDiv input{
                margin-top: 700px;
		margin-left: 300px;
		width: 460px;
        }

	.opcion p{
		margin-top: 760px;
		margin-left: 300px;
		font-size: 14px;
	}

	.btnEnviar button{
		margin-top: 750px;
		margin-left: 650px;
	}

	.GMaps iframe{
		margin-top: 0px;
	}

	/* Footer */
	.imgFooter1 img{
		display: none;
	}

	.txtFooter1 p{
		display: none;
	}

	.divTelefono img{
		display: none;
	}

	.txtTel p{
		display: none;
	}

	.divCorreo img{
		display: none;
	}

	.correoFooter p{
		display: none;
	}

	.botonEnviar button{
		position: absolute;
		margin-top: 0px;
		margin-left: 370px;
	}

	.divFacebook a img{
		position: absolute;
		transform: scale(0.8);
		margin-left: -480px;
		left: 0px;
		margin-top: 55px;
	}

	.divInstagram a img{
		position: absolute;
		transform: scale(0.8);
		margin-left: -430px;
		left: 0px;
		margin-top: 55px;
	}

	footer{
		height: 300px;
	}

	.hr img{
		transform: scale(0.5);
		position: absolute;
		margin-left: -500px;
		padding-top: 150px;
	}

	.divC img{
		margin-left: 170px;
		margin-top: 140px;
	}

	.divTodos p{
		margin-top: 0px;
		font-size: 9px;
		margin-left: 200px;
		margin-top: 140px;
	}

	.divUnico img{
		margin-left: 370px;
		margin-top: 125px;
		transform: scale(0.6);
	}
}


@media only screen and (max-width: 950px){

	body{
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
		overflow-x: hidden; 
	}

	/* Nav */
	nav ul{
		position: absolute;
		z-index: 9;
		width: 100%;
	}

	.imgMenuRes img{
		transition: 100ms;
		margin-left: 70px;
	}

	.imgMenuRes img:hover{
		opacity: 70%;
	}

	.divLogoRes img{
		position: absolute;
		margin-left: 50px;
	}

	.btnNav button{
		margin-top: 50px;
		width: 80%;
		height: 30px;
		background-color: black;
		color: white;
		border-radius: 30px;
		border: none;
	}

	ul{
		display: none;
	}

	.divUl li{
		margin: 0px 0px;
	}

	.divUl ul li{
		display: inline-block;
		margin: 0px 10px;
		font-size: 20px;
	}

	ul .uno{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -60px;
		top: 120px;
	}

	ul .uno:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .dos{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -65px;
		top: 158px;
	}

	ul .dos:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .tres{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 560px;
		width: 100%;
		position: absolute;
		left: -80px;
		top: 196px;
	}

	ul .tres:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	ul .cuatro{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 560px;
		width: 100%;
		position: absolute;
		left: -75px;
		top: 234px;
	}

	ul .cuatro:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .cinco{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -88px;
		top: 272px;
	}

	ul .cinco:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .seis{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -85px;
		top: 310px;
	}

	ul .seis:hover{
	 	background-color: #f6db00;
	 	color: white;
	}


	.divLogo img{
		height: 75px;
		position: absolute;
		left: 35px;
	}

	nav{
		margin-bottom: 	110px;
	}

	.bajarAqui{
		display: none;
		margin-bottom: 0px;
		height: 0px;
		width: 0px;

	}

	.divRedes{
		height: 0px;
		width: 0px;
	}

	.divRedes img{
		display: none;
	}

	.divContacto p{
		display: none;
	}

	.divContacto img{
		display: none;
	}

	.divContacto{
		height: 0px;
		width: 0px;
	}


	.divAbajo{
		height: 0px;
		width: 0px;
	}


	/* Intro */

	.videoLoop video{
		display: none;
	}

	.introContenedor{
		width: 100%;
		height: 400px;
	}

	.rRosa img{
		display: none;
	}

	.lineaRosa{
		position: absolute;
		left: 40px;
		top: 30px;
		animation: rosaResponsive 4500ms infinite both ease-in-out,
		           cambioColor 4500ms infinite both ease-in-out;
		width: 170px;
	}

	@keyframes rosaResponsive{
		0%{ transform: translateX(0px); }
		50%{ transform: translateX(90px); }
		100%{ transform: translateX(0px); }
	}

	@keyframes cambioColor{
		0%{ background-color: #cc006b; }
		50%{ background-color: white; }
		100%{ background-color: #cc006b; }
	}

	.lineaBlanca{
		display: none;
	}

	.Contactanos p{
		position: absolute;
		margin-top: 130px;
		top: 0px;
		left: 200px;
		font-size: 25px;
	}

	.uRosa img{
		position: absolute;
		margin-left: 410px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: rosaAdios 4500ms infinite both ease-in-out;
	}

	@keyframes rosaAdios{
		0%{ opacity: 100%; }
		50%{ opacity: 0%; }
		100%{ opacity: 100%; }
	}

	.uBlanca img{
		position: absolute;
		margin-left: 413px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: adiosBlanca 4500ms infinite both ease-in-out;
	}

	@keyframes adiosBlanca{
		0%{ opacity: 0%; }
		50%{ opacity: 100%; }
		100%{ opacity: 0%; }
	}

	/*Contáctanos*/
	.imgPuntos img{
		display: none;
	}

	.divImg img{
		transform: scale(0.8);
	}

	.telefonoContacto img{
		margin-top: 60px;
		margin-left: 350px;
	}

	.correoContacto img{
		margin-top: 140px;
		margin-left: 350px;
	}

	.ubicacionContacto img{
		margin-top: 220px;
		margin-left: 350px;
	}

	.texto p{
		font-size: 14px;
	}

	.textCelUnico p{
		margin-top: 80px;
		margin-left: 420px;
	}

	.txtCorreo p{
		margin-top: 160px;
		margin-left: 420px;
	}

	.txtUbicacion p{
		margin-top: 225px;
		margin-left: 420px;
		margin-right: 10px;
	}

	.seccionContacto{
		margin-bottom: 800px;
	}

	.txtTítulo h2{
		margin-left: 400px;
		margin-top: 350px;
		font-size: 30px;
		z-index: 5;
	}

	.nombreDiv input{
		margin-top: 380px;
		margin-left: 250px;
		width: 460px;
	}

	.empresaDiv input{
		margin-top: 460px;
		margin-left: 250px;
		width: 460px;
	}

	.mailDiv input{
		margin-top: 520px;
		margin-left: 250px;
		width: 460px;
	}

	.telDiv input{
		margin-top: 580px;
		margin-left: 250px;
		width: 460px;
	}

	.mssgDiv input{
		margin-top: 640px;
		margin-left: 250px;
		width: 460px;
	}
 
        .spamDiv input{
                margin-top: 700px;
		margin-left: 250px;
		width: 460px;
        }

	.opcion p{
		margin-top: 760px;
		margin-left: 250px;
		font-size: 14px;
	}

	.btnEnviar button{
		margin-top: 750px;
		margin-left: 600px;
	}

	.GMaps iframe{
		margin-top: 0px;
	}

	/* Footer */
	.imgFooter1 img{
		display: none;
	}

	.txtFooter1 p{
		display: none;
	}

	.divTelefono img{
		display: none;
	}

	.txtTel p{
		display: none;
	}

	.divCorreo img{
		display: none;
	}

	.correoFooter p{
		display: none;
	}

	.botonEnviar button{
		position: absolute;
		margin-top: 0px;
		margin-left: 300px;
	}

	.divFacebook a img{
		position: absolute;
		transform: scale(0.8);
                margin-left: -330px;
		left: 0px;
		margin-top: 55px;
	}

	.divInstagram a img{
		position: absolute;
		transform: scale(0.8);
		margin-left: -230px;
		left: 0px;
		margin-top: 55px;
	}

	footer{
		height: 300px;
	}

	.hr img{
		transform: scale(0.5);
		position: absolute;
		margin-left: -500px;
		padding-top: 150px;
	}

	.divC img{
		margin-left: 100px;
		margin-top: 140px;
	}

	.divTodos p{
		margin-top: 0px;
		font-size: 9px;
		margin-left: 150px;
		margin-top: 140px;
	}

	.divUnico img{
		margin-left: 350px;
		margin-top: 125px;
		transform: scale(0.6);
	}
}


@media only screen and (max-width: 900px){

body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
   	overflow-x: hidden; 
	}

	/* Nav */
	nav ul{
		position: absolute;
		z-index: 9;
		width: 100%;
	}

	.imgMenuRes img{
		transition: 100ms;
		margin-left: 70px;
	}

	.imgMenuRes img:hover{
		opacity: 70%;
	}

	.divLogoRes img{
		position: absolute;
		margin-left: 50px;
	}

	.btnNav button{
		margin-top: 50px;
		width: 80%;
		height: 30px;
		background-color: black;
		color: white;
		border-radius: 30px;
		border: none;
	}

	ul{
		display: none;
	}

	.divUl li{
		margin: 0px 0px;
	}

        .divUl ul li{
	       display: inline-block;
	       margin: 0px 10px;
               font-size: 20px;
         }

	ul .uno{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -80px;
		top: 120px;
	}

	ul .uno:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .dos{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -85px;
		top: 158px;
	}

	ul .dos:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .tres{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -100px;
		top: 196px;
	}

	ul .tres:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	ul .cuatro{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -95px;
		top: 234px;
	}

	ul .cuatro:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .cinco{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -108px;
		top: 272px;
	}

	ul .cinco:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .seis{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -105px;
		top: 310px;
	}

	ul .seis:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	.divLogo img{
		height: 75px;
		position: absolute;
		left: 35px;
	}

	nav{
		margin-bottom: 	110px;
	}

	.bajarAqui{
		display: none;
		margin-bottom: 0px;
		height: 0px;
		width: 0px;

	}

	.divRedes{
		height: 0px;
		width: 0px;
	}

	.divRedes img{
		display: none;
	}

	.divContacto p{
		display: none;
	}

	.divContacto img{
		display: none;
	}

	.divContacto{
		height: 0px;
		width: 0px;
	}

	.imgMenu img{
		display: block;
		position: absolute;
		top: 25px;
		margin-left: 630px;
		height: 65px;
		width: auto;
	}

	.divAbajo{
		height: 0px;
		width: 0px;
	}


	/* Intro */

	.videoLoop video{
		display: none;
	}

	.introContenedor{
		width: 100%;
		height: 400px;
	}

	.rRosa img{
		display: none;
	}

	.lineaRosa{
		position: absolute;
		margin-left: 250px;
		top: 30px;
		animation: rosaResponsive 4500ms infinite both ease-in-out,
		           cambioColor 4500ms infinite both ease-in-out;
		width: 170px;
	}

	@keyframes rosaResponsive{
		0%{ transform: translateX(0px); }
		50%{ transform: translateX(90px); }
		100%{ transform: translateX(0px); }
	}

	@keyframes cambioColor{
		0%{ background-color: #cc006b; }
		50%{ background-color: white; }
		100%{ background-color: #cc006b; }
	}

	.lineaBlanca{
		display: none;
	}

	.Contactanos p{
		position: absolute;
		margin-top: 130px;
		top: 0px;
		left: 120px;
		font-size: 25px;
}

	.uRosa img{
		position: absolute;
                margin-left: 350px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: rosaAdios 4500ms infinite both ease-in-out;
	}

	@keyframes rosaAdios{
		0%{ opacity: 100%; }
		50%{ opacity: 0%; }
		100%{ opacity: 100%; }
	}

	.uBlanca img{
		position: absolute;
		margin-left: 353px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: adiosBlanca 4500ms infinite both ease-in-out;
	}

	@keyframes adiosBlanca{
		0%{ opacity: 0%; }
		50%{ opacity: 100%; }
		100%{ opacity: 0%; }
	}

	/*Contáctanos*/
	.imgPuntos img{
		display: none;
	}

	.divImg img{
		transform: scale(0.8);
	}

	.telefonoContacto img{
		margin-top: 60px;
		margin-left: 270px;
	}

	.correoContacto img{
		margin-top: 140px;
		margin-left: 270px;
	}

	.ubicacionContacto img{
		margin-top: 220px;
		margin-left: 270px;
	}

	.texto p{
		font-size: 14px;
	}

	.textCelUnico p{
		margin-top: 80px;
		margin-left: 350px;
	}

	.txtCorreo p{
		margin-top: 160px;
		margin-left: 350px;
	}

	.txtUbicacion p{
		margin-top: 225px;
		margin-left: 350px;
		margin-right: 10px;
	}

	.seccionContacto{
		margin-bottom: 800px;
	}

	.txtTítulo h2{
		margin-left: 300px;
		margin-top: 350px;
		font-size: 30px;
		z-index: 5;
	}

	.nombreDiv input{
		margin-top: 400px;
		margin-left: 200px;
		width: 460px;
	}

	.empresaDiv input{
		margin-top: 460px;
		margin-left: 200px;
		width: 460px;
	}

	.mailDiv input{
		margin-top: 520px;
		margin-left: 200px;
		width: 460px;
	}

	.telDiv input{
		margin-top: 580px;
		margin-left: 200px;
		width: 460px;
	}

	.mssgDiv input{
		margin-top: 640px;
		margin-left: 200px;
		width: 460px;
	}

        .spamDiv input{
                margin-top: 700px;
		margin-left: 200px;
		width: 460px;
        }

	.opcion p{
		margin-top: 760px;
		margin-left: 200px;
		font-size: 14px;
	}

	.btnEnviar button{
		margin-top: 750px;
		margin-left: 550px;
	}

	.GMaps iframe{
		margin-top: 0px;
	}

	/* Footer */
	.imgFooter1 img{
		display: none;
	}

	.txtFooter1 p{
		display: none;
	}

	.divTelefono img{
		display: none;
	}

	.txtTel p{
		display: none;
	}

	.divCorreo img{
		display: none;
	}

	.correoFooter p{
		display: none;
	}

	.botonEnviar button{
		position: absolute;
		margin-top: 0px;
		margin-left: 300px;
	}

	.divFacebook a img{
		position: absolute;
		transform: scale(0.8);
                margin-left: -330px;
		left: 0px;
		margin-top: 55px;
	}

	.divInstagram a img{
		position: absolute;
		transform: scale(0.8);
		margin-left: -230px;
		left: 0px;
		margin-top: 55px;
	}

	footer{
		height: 300px;
	}

	.hr img{
		transform: scale(0.5);
		position: absolute;
		margin-left: -500px;
		padding-top: 150px;
	}

	.divC img{
		margin-left: 100px;
		margin-top: 140px;
	}

	.divTodos p{
		margin-top: 0px;
		font-size: 9px;
		margin-left: 150px;
		margin-top: 140px;
	}

	.divUnico img{
		margin-left: 350px;
		margin-top: 125px;
		transform: scale(0.6);
	}
}


@media only screen and (max-width: 800px){

body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
   	overflow-x: hidden; 
	}

	/* Nav */
	nav ul{
		position: absolute;
		z-index: 9;
		width: 100%;
	}

	.imgMenuRes img{
		transition: 100ms;
		margin-left: 70px;
	}

	.imgMenuRes img:hover{
		opacity: 70%;
	}

	.divLogoRes img{
		position: absolute;
		margin-left: 50px;
	}

	.btnNav button{
		margin-top: 50px;
		width: 80%;
		height: 30px;
		background-color: black;
		color: white;
		border-radius: 30px;
		border: none;
	}

	ul{
		display: none;
	}

	.divUl li{
		margin: 0px 0px;
	}

        .divUl ul li{
	       display: inline-block;
	       margin: 0px 10px;
               font-size: 20px;
         }

	ul .uno{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -160px;
		top: 120px;
	}

	ul .uno:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .dos{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -165px;
		top: 158px;
	}

	ul .dos:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .tres{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -180px;
		top: 196px;
	}

	ul .tres:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	ul .cuatro{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -175px;
		top: 234px;
	}

	ul .cuatro:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .cinco{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -188px;
		top: 272px;
	}

	ul .cinco:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .seis{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -185px;
		top: 310px;
	}

	ul .seis:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	.divLogo img{
		height: 75px;
		position: absolute;
		left: 35px;
	}

	nav{
		margin-bottom: 	110px;
	}

	.bajarAqui{
		display: none;
		margin-bottom: 0px;
		height: 0px;
		width: 0px;

	}

	.divRedes{
		height: 0px;
		width: 0px;
	}

	.divRedes img{
		display: none;
	}

	.divContacto p{
		display: none;
	}

	.divContacto img{
		display: none;
	}

	.divContacto{
		height: 0px;
		width: 0px;
	}

	.imgMenu img{
		display: block;
		position: absolute;
		top: 25px;
		margin-left: 630px;
		height: 65px;
		width: auto;
	}

	.divAbajo{
		height: 0px;
		width: 0px;
	}


	/* Intro */

	.videoLoop video{
		display: none;
	}

	.introContenedor{
		width: 100%;
		height: 400px;
	}

	.rRosa img{
		display: none;
	}

	.lineaRosa{
		position: absolute;
		margin-left: 250px;
		top: 30px;
		animation: rosaResponsive 4500ms infinite both ease-in-out,
		           cambioColor 4500ms infinite both ease-in-out;
		width: 170px;
	}

	@keyframes rosaResponsive{
		0%{ transform: translateX(0px); }
		50%{ transform: translateX(90px); }
		100%{ transform: translateX(0px); }
	}

	@keyframes cambioColor{
		0%{ background-color: #cc006b; }
		50%{ background-color: white; }
		100%{ background-color: #cc006b; }
	}

	.lineaBlanca{
		display: none;
	}

	.Contactanos p{
		position: absolute;
		margin-top: 130px;
		top: 0px;
		left: 110px;
		font-size: 25px;
}

	.uRosa img{
		position: absolute;
                margin-left: 330px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: rosaAdios 4500ms infinite both ease-in-out;
	}

	@keyframes rosaAdios{
		0%{ opacity: 100%; }
		50%{ opacity: 0%; }
		100%{ opacity: 100%; }
	}

	.uBlanca img{
		position: absolute;
		margin-left: 333px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: adiosBlanca 4500ms infinite both ease-in-out;
	}

	@keyframes adiosBlanca{
		0%{ opacity: 0%; }
		50%{ opacity: 100%; }
		100%{ opacity: 0%; }
	}

	/*Contáctanos*/
	.imgPuntos img{
		display: none;
	}

	.divImg img{
		transform: scale(0.8);
	}

	.telefonoContacto img{
		margin-top: 60px;
		margin-left: 270px;
	}

	.correoContacto img{
		margin-top: 140px;
		margin-left: 270px;
	}

	.ubicacionContacto img{
		margin-top: 220px;
		margin-left: 270px;
	}

	.texto p{
		font-size: 14px;
	}

	.textCelUnico p{
		margin-top: 80px;
		margin-left: 350px;
	}

	.txtCorreo p{
		margin-top: 160px;
		margin-left: 350px;
	}

	.txtUbicacion p{
		margin-top: 225px;
		margin-left: 350px;
		margin-right: 10px;
	}

	.seccionContacto{
		margin-bottom: 800px;
	}

	.txtTítulo h2{
		margin-left: 300px;
		margin-top: 350px;
		font-size: 30px;
		z-index: 5;
	}

	.nombreDiv input{
		margin-top: 400px;
		margin-left: 200px;
		width: 460px;
	}

	.empresaDiv input{
		margin-top: 460px;
		margin-left: 200px;
		width: 460px;
	}

	.mailDiv input{
		margin-top: 520px;
		margin-left: 200px;
		width: 460px;
	}

	.telDiv input{
		margin-top: 580px;
		margin-left: 200px;
		width: 460px;
	}

	.mssgDiv input{
		margin-top: 640px;
		margin-left: 200px;
		width: 460px;
	}

        .spamDiv input{
                margin-top: 700px;
		margin-left: 200px;
		width: 460px;
        }

	.opcion p{
		margin-top: 760px;
		margin-left: 200px;
		font-size: 14px;
	}

	.btnEnviar button{
		margin-top: 750px;
		margin-left: 550px;
	}

	.GMaps iframe{
		margin-top: 0px;
	}

	/* Footer */
	.imgFooter1 img{
		display: none;
	}

	.txtFooter1 p{
		display: none;
	}

	.divTelefono img{
		display: none;
	}

	.txtTel p{
		display: none;
	}

	.divCorreo img{
		display: none;
	}

	.correoFooter p{
		display: none;
	}

	.botonEnviar button{
		position: absolute;
		margin-top: 0px;
		margin-left: 300px;
	}

	.divFacebook a img{
		position: absolute;
		transform: scale(0.8);
                margin-left: -330px;
		left: 0px;
		margin-top: 55px;
	}

	.divInstagram a img{
		position: absolute;
		transform: scale(0.8);
		margin-left: -230px;
		left: 0px;
		margin-top: 55px;
	}

	footer{
		height: 300px;
	}

	.hr img{
		transform: scale(0.5);
		position: absolute;
		margin-left: -500px;
		padding-top: 150px;
	}

	.divC img{
		margin-left: 100px;
		margin-top: 140px;
	}

	.divTodos p{
		margin-top: 0px;
		font-size: 9px;
		margin-left: 150px;
		margin-top: 140px;
	}

	.divUnico img{
		margin-left: 350px;
		margin-top: 125px;
		transform: scale(0.6);
	}
}



@media only screen and (max-width: 760px){

body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
   	overflow-x: hidden; 
	}

	/* Nav */
	nav ul{
		position: absolute;
		z-index: 9;
		width: 100%;
	}

	.imgMenuRes img{
		transition: 100ms;
		margin-left: 70px;
	}

	.imgMenuRes img:hover{
		opacity: 70%;
	}

	.divLogoRes img{
		position: absolute;
		margin-left: 50px;
	}

	.btnNav button{
		margin-top: 50px;
		width: 80%;
		height: 30px;
		background-color: black;
		color: white;
		border-radius: 30px;
		border: none;
	}

	ul{
		display: none;
	}

	.divUl li{
		margin: 0px 0px;
	}

        .divUl ul li{
	       display: inline-block;
	       margin: 0px 10px;
               font-size: 20px;
         }

	 ul .uno{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -180px;
		top: 120px;
	}

	ul .uno:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .dos{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -185px;
		top: 158px;
	}

	ul .dos:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .tres{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -200px;
		top: 196px;
	}

	ul .tres:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	ul .cuatro{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -195px;
		top: 234px;
	}

	ul .cuatro:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .cinco{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -208px;
		top: 272px;
	}

	ul .cinco:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .seis{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -205px;
		top: 310px;
	}

	ul .seis:hover{
	 	background-color: #f6db00;
	 	color: white;
	}


	.divLogo img{
		height: 75px;
		position: absolute;
		left: 35px;
	}

	nav{
		margin-bottom: 	110px;
	}

	.bajarAqui{
		display: none;
		margin-bottom: 0px;
		height: 0px;
		width: 0px;

	}

	.divRedes{
		height: 0px;
		width: 0px;
	}

	.divRedes img{
		display: none;
	}

	.divContacto p{
		display: none;
	}

	.divContacto img{
		display: none;
	}

	.divContacto{
		height: 0px;
		width: 0px;
	}

	.imgMenu img{
		display: block;
		position: absolute;
		top: 25px;
		margin-left: 430px;
		height: 65px;
		width: auto;
	}

	.divAbajo{
		height: 0px;
		width: 0px;
	}


	/* Intro */

	.videoLoop video{
		display: none;
	}

	.introContenedor{
		width: 100%;
		height: 400px;
	}

	.rRosa img{
		display: none;
	}

	.lineaRosa{
		position: absolute;
		margin-left: 180px;
		top: 30px;
		animation: rosaResponsive 4500ms infinite both ease-in-out,
		           cambioColor 4500ms infinite both ease-in-out;
		width: 170px;
	}

	@keyframes rosaResponsive{
		0%{ transform: translateX(0px); }
		50%{ transform: translateX(90px); }
		100%{ transform: translateX(0px); }
	}

	@keyframes cambioColor{
		0%{ background-color: #cc006b; }
		50%{ background-color: white; }
		100%{ background-color: #cc006b; }
	}

	.lineaBlanca{
		display: none;
	}

	.Contactanos p{
		position: absolute;
		margin-top: 130px;
		top: 0px;
		left: 60px !important;
		font-size: 25px;
}

	.uRosa img{
		position: absolute;
                margin-left: 280px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: rosaAdios 4500ms infinite both ease-in-out;
	}

	@keyframes rosaAdios{
		0%{ opacity: 100%; }
		50%{ opacity: 0%; }
		100%{ opacity: 100%; }
	}

	.uBlanca img{
		position: absolute;
		margin-left: 283px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: adiosBlanca 4500ms infinite both ease-in-out;
	}

	@keyframes adiosBlanca{
		0%{ opacity: 0%; }
		50%{ opacity: 100%; }
		100%{ opacity: 0%; }
	}

	/*Contáctanos*/
	.imgPuntos img{
		display: none;
	}

	.divImg img{
		transform: scale(0.8);
	}

	.telefonoContacto img{
		margin-top: 60px;
		margin-left: 200px;
	}

	.correoContacto img{
		margin-top: 140px;
		margin-left: 200px;
	}

	.ubicacionContacto img{
		margin-top: 220px;
		margin-left: 200px;
	}

	.texto p{
		font-size: 14px;
	}

	.textCelUnico p{
		margin-top: 80px;
		margin-left: 280px;
	}

	.txtCorreo p{
		margin-top: 160px;
		margin-left: 280px;
	}

	.txtUbicacion p{
		margin-top: 225px;
		margin-left: 280px;
		margin-right: 10px;
	}

	.seccionContacto{
		margin-bottom: 800px;
	}

	.txtTítulo h2{
		margin-left: 250px;
		margin-top: 350px;
		font-size: 30px;
		z-index: 5;
	}

	.nombreDiv input{
		margin-top: 400px;
		margin-left: 120px;
		width: 460px;
	}

	.empresaDiv input{
		margin-top: 460px;
		margin-left: 120px;
		width: 460px;
	}

	.mailDiv input{
		margin-top: 520px;
		margin-left: 120px;
		width: 460px;
	}

	.telDiv input{
		margin-top: 580px;
		margin-left: 120px;
		width: 460px;
	}

	.mssgDiv input{
		margin-top: 640px;
		margin-left: 120px;
		width: 460px;
	}

        .spamDiv input{
                margin-top: 700px;
		margin-left: 120px;
		width: 460px;
        }

	.opcion p{
		margin-top: 760px;
		margin-left: 120px;
		font-size: 14px;
	}

	.btnEnviar button{
		margin-top: 750px;
		margin-left: 450px;
	}

	.GMaps iframe{
		margin-top: 0px;
	}

	/* Footer */
	.imgFooter1 img{
		display: none;
	}

	.txtFooter1 p{
		display: none;
	}

	.divTelefono img{
		display: none;
	}

	.txtTel p{
		display: none;
	}

	.divCorreo img{
		display: none;
	}

	.correoFooter p{
		display: none;
	}

	.botonEnviar button{
		position: absolute;
		margin-top: 0px;
		margin-left: 200px;
	}

	.divFacebook a img{
		position: absolute;
		transform: scale(0.8);
                margin-left: -270px;
		left: 0px;
		margin-top: 55px;
	}

	.divInstagram a img{
		position: absolute;
		transform: scale(0.8);
		margin-left: -170px;
		left: 0px;
		margin-top: 55px;
	}

	footer{
		height: 300px;
	}

	.hr img{
		transform: scale(0.5);
		position: absolute;
		margin-left: -500px;
		padding-top: 150px;
	}

	.divC img{
		margin-left: 0px;
		margin-top: 140px;
	}

	.divTodos p{
		margin-top: 0px;
		font-size: 9px;
		margin-left: 50px;
		margin-top: 140px;
	}

	.divUnico img{
		margin-left: 220px;
		margin-top: 125px;
		transform: scale(0.6);
	}
}


@media only screen and (max-width: 700px){

body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
   	overflow-x: hidden; 
	}

	/* Nav */
	nav ul{
		position: absolute;
		z-index: 9;
		width: 100%;
	}

	.imgMenuRes img{
		transition: 100ms;
		margin-left: 70px;
	}

	.imgMenuRes img:hover{
		opacity: 70%;
	}

	.divLogoRes img{
		position: absolute;
		margin-left: 50px;
	}

	.btnNav button{
		margin-top: 50px;
		width: 80%;
		height: 30px;
		background-color: black;
		color: white;
		border-radius: 30px;
		border: none;
	}

	ul{
		display: none;
	}

	.divUl li{
		margin: 0px 0px;
	}

        .divUl ul li{
	       display: inline-block;
	       margin: 0px 10px;
               font-size: 20px;
         }

	ul .uno{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -180px;
		top: 120px;
	}

	ul .uno:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .dos{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -185px;
		top: 158px;
	}

	ul .dos:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .tres{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -200px;
		top: 196px;
	}

	ul .tres:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	ul .cuatro{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -195px;
		top: 234px;
	}

	ul .cuatro:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .cinco{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -208px;
		top: 272px;
	}

	ul .cinco:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .seis{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -205px;
		top: 310px;
	}

	ul .seis:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	.divLogo img{
		height: 75px;
		position: absolute;
		left: 35px;
	}

	nav{
		margin-bottom: 	110px;
	}

	.bajarAqui{
		display: none;
		margin-bottom: 0px;
		height: 0px;
		width: 0px;

	}

	.divRedes{
		height: 0px;
		width: 0px;
	}

	.divRedes img{
		display: none;
	}

	.divContacto p{
		display: none;
	}

	.divContacto img{
		display: none;
	}

	.divContacto{
		height: 0px;
		width: 0px;
	}

	.imgMenu img{
		display: block;
		position: absolute;
		top: 25px;
		margin-left: 430px;
		height: 65px;
		width: auto;
	}

	.divAbajo{
		height: 0px;
		width: 0px;
	}


	/* Intro */

	.videoLoop video{
		display: none;
	}

	.introContenedor{
		width: 100%;
		height: 400px;
	}

	.rRosa img{
		display: none;
	}

	.lineaRosa{
		position: absolute;
		margin-left: 190px;
		top: 30px;
		animation: rosaResponsive 4500ms infinite both ease-in-out,
		           cambioColor 4500ms infinite both ease-in-out;
		width: 170px;
	}

	@keyframes rosaResponsive{
		0%{ transform: translateX(0px); }
		50%{ transform: translateX(90px); }
		100%{ transform: translateX(0px); }
	}

	@keyframes cambioColor{
		0%{ background-color: #cc006b; }
		50%{ background-color: white; }
		100%{ background-color: #cc006b; }
	}

	.lineaBlanca{
		display: none;
	}

	.Contactanos p{
		position: absolute;
		margin-top: 130px;
		top: 0px;
		left: 70px;
		font-size: 25px;
}

	.uRosa img{
		position: absolute;
                margin-left: 280px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: rosaAdios 4500ms infinite both ease-in-out;
	}

	@keyframes rosaAdios{
		0%{ opacity: 100%; }
		50%{ opacity: 0%; }
		100%{ opacity: 100%; }
	}

	.uBlanca img{
		position: absolute;
		margin-left: 283px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: adiosBlanca 4500ms infinite both ease-in-out;
	}

	@keyframes adiosBlanca{
		0%{ opacity: 0%; }
		50%{ opacity: 100%; }
		100%{ opacity: 0%; }
	}

	/*Contáctanos*/
	.imgPuntos img{
		display: none;
	}

	.divImg img{
		transform: scale(0.8);
	}

	.telefonoContacto img{
		margin-top: 60px;
		margin-left: 220px;
	}

	.correoContacto img{
		margin-top: 140px;
		margin-left: 220px;
	}

	.ubicacionContacto img{
		margin-top: 220px;
		margin-left: 220px;
	}

	.texto p{
		font-size: 14px;
	}

	.textCelUnico p{
		margin-top: 80px;
		margin-left: 290px;
	}

	.txtCorreo p{
		margin-top: 160px;
		margin-left: 290px;
	}

	.txtUbicacion p{
		margin-top: 225px;
		margin-left: 290px;
		margin-right: 10px;
	}

	.seccionContacto{
		margin-bottom: 800px;
	}

	.txtTítulo h2{
		margin-left: 250px;
		margin-top: 350px;
		font-size: 30px;
		z-index: 5;
	}

	.nombreDiv input{
		margin-top: 400px;
		margin-left: 150px;
		width: 460px;
	}

	.empresaDiv input{
		margin-top: 460px;
		margin-left: 150px;
		width: 460px;
	}

	.mailDiv input{
		margin-top: 520px;
		margin-left: 150px;
		width: 460px;
	}

	.telDiv input{
		margin-top: 580px;
		margin-left: 150px;
		width: 460px;
	}

	.mssgDiv input{
		margin-top: 640px;
		margin-left: 150px;
		width: 460px;
	}

        .spamDiv input{
                margin-top: 700px;
		margin-left: 150px;
		width: 460px;
        }

	.opcion p{
		margin-top: 760px;
		margin-left: 150px;
		font-size: 14px;
	}

	.btnEnviar button{
		margin-top: 750px;
		margin-left: 400px;
	}

	.GMaps iframe{
		margin-top: 0px;
	}

	/* Footer */
	.imgFooter1 img{
		display: none;
	}

	.txtFooter1 p{
		display: none;
	}

	.divTelefono img{
		display: none;
	}

	.txtTel p{
		display: none;
	}

	.divCorreo img{
		display: none;
	}

	.correoFooter p{
		display: none;
	}

	.botonEnviar button{
		position: absolute;
		margin-top: 0px;
		margin-left: 200px;
	}

	.divFacebook a img{
		position: absolute;
		transform: scale(0.8);
                margin-left: -270px;
		left: 0px;
		margin-top: 55px;
	}

	.divInstagram a img{
		position: absolute;
		transform: scale(0.8);
		margin-left: -170px;
		left: 0px;
		margin-top: 55px;
	}

	footer{
		height: 300px;
	}

	.hr img{
		transform: scale(0.5);
		position: absolute;
		margin-left: -500px;
		padding-top: 150px;
	}

	.divC img{
		margin-left: 0px;
		margin-top: 140px;
	}

	.divTodos p{
		margin-top: 0px;
		font-size: 9px;
		margin-left: 50px;
		margin-top: 140px;
	}

	.divUnico img{
		margin-left: 220px;
		margin-top: 125px;
		transform: scale(0.6);
	}
}


@media only screen and (max-width: 650px){

body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
   	overflow-x: hidden; 
	}

	/* Nav */
	nav ul{
		position: absolute;
		z-index: 9;
		width: 100%;
	}

	.imgMenuRes img{
		transition: 100ms;
		margin-left: 50px;
	}

	.imgMenuRes img:hover{
		opacity: 70%;
	}

	.divLogoRes img{
		position: absolute;
		margin-left: 30px;
	}

	.btnNav button{
		margin-top: 50px;
		width: 80%;
		height: 30px;
		background-color: black;
		color: white;
		border-radius: 30px;
		border: none;
	}

	ul{
		display: none;
	}

	.divUl li{
		margin: 0px 0px;
	}

        .divUl ul li{
	       display: inline-block;
	       margin: 0px 10px;
               font-size: 20px;
         }

	ul .uno{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -220px;
		top: 120px;
	}

	ul .uno:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .dos{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -225px;
		top: 158px;
	}

	ul .dos:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .tres{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -240px;
		top: 196px;
	}

	ul .tres:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	ul .cuatro{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -235px;
		top: 234px;
	}

	ul .cuatro:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .cinco{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -248px;
		top: 272px;
	}

	ul .cinco:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .seis{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -245px;
		top: 310px;
	}

	ul .seis:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	.divLogo img{
		height: 75px;
		position: absolute;
		left: 35px;
	}

	nav{
		margin-bottom: 	110px;
	}

	.bajarAqui{
		display: none;
		margin-bottom: 0px;
		height: 0px;
		width: 0px;

	}

	.divRedes{
		height: 0px;
		width: 0px;
	}

	.divRedes img{
		display: none;
	}

	.divContacto p{
		display: none;
	}

	.divContacto img{
		display: none;
	}

	.divContacto{
		height: 0px;
		width: 0px;
	}

	.imgMenu img{
		display: block;
		position: absolute;
		top: 25px;
		margin-left: 430px;
		height: 65px;
		width: auto;
	}

	.divAbajo{
		height: 0px;
		width: 0px;
	}


	/* Intro */

	.videoLoop video{
		display: none;
	}

	.introContenedor{
		width: 100%;
		height: 400px;
	}

	.rRosa img{
		display: none;
	}

	.lineaRosa{
		position: absolute;
		margin-left: 150px;
		top: 30px;
		animation: rosaResponsive 4500ms infinite both ease-in-out,
		           cambioColor 4500ms infinite both ease-in-out;
		width: 170px;
	}

	@keyframes rosaResponsive{
		0%{ transform: translateX(0px); }
		50%{ transform: translateX(90px); }
		100%{ transform: translateX(0px); }
	}

	@keyframes cambioColor{
		0%{ background-color: #cc006b; }
		50%{ background-color: white; }
		100%{ background-color: #cc006b; }
	}

	.lineaBlanca{
		display: none;
	}

	.Contactanos p{
		position: absolute;
		margin-top: 130px;
		top: 0px;
		left: 15px !important;
		font-size: 25px;
}

	.uRosa img{
		position: absolute;
                margin-left: 250px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: rosaAdios 4500ms infinite both ease-in-out;
	}

	@keyframes rosaAdios{
		0%{ opacity: 100%; }
		50%{ opacity: 0%; }
		100%{ opacity: 100%; }
	}

	.uBlanca img{
		position: absolute;
		margin-left: 253px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: adiosBlanca 4500ms infinite both ease-in-out;
	}

	@keyframes adiosBlanca{
		0%{ opacity: 0%; }
		50%{ opacity: 100%; }
		100%{ opacity: 0%; }
	}

	/*Contáctanos*/
	.imgPuntos img{
		display: none;
	}

	.divImg img{
		transform: scale(0.8);
	}

	.telefonoContacto img{
		margin-top: 60px;
		margin-left: 180px;
	}

	.correoContacto img{
		margin-top: 140px;
		margin-left: 180px;
	}

	.ubicacionContacto img{
		margin-top: 220px;
		margin-left: 180px;
	}

	.texto p{
		font-size: 14px;
	}

	.textCelUnico p{
		margin-top: 80px;
		margin-left: 250px;
	}

	.txtCorreo p{
		margin-top: 160px;
		margin-left: 250px;
	}

	.txtUbicacion p{
		margin-top: 225px;
		margin-left: 250px;
		margin-right: 10px;
	}

	.seccionContacto{
		margin-bottom: 800px;
	}

	.txtTítulo h2{
		margin-left: 230px;
		margin-top: 350px;
		font-size: 30px;
		z-index: 5;
	}

	.nombreDiv input{
		margin-top: 400px;
		margin-left: 100px;
		width: 460px;
	}

	.empresaDiv input{
		margin-top: 460px;
		margin-left: 100px;
		width: 460px;
	}

	.mailDiv input{
		margin-top: 520px;
		margin-left: 100px;
		width: 460px;
	}

	.telDiv input{
		margin-top: 580px;
		margin-left: 100px;
		width: 460px;
	}

	.mssgDiv input{
		margin-top: 640px;
		margin-left: 100px;
		width: 460px;
	}

        .spamDiv input{
                margin-top: 700px;
		margin-left: 100px;
		width: 460px;
        }

	.opcion p{
		margin-top: 760px;
		margin-left: 100px;
		font-size: 14px;
	}

	.btnEnviar button{
		margin-top: 750px;
		margin-left: 450px;
	}

	.GMaps iframe{
		margin-top: 0px;
	}

	/* Footer */
	.imgFooter1 img{
		display: none;
	}

	.txtFooter1 p{
		display: none;
	}

	.divTelefono img{
		display: none;
	}

	.txtTel p{
		display: none;
	}

	.divCorreo img{
		display: none;
	}

	.correoFooter p{
		display: none;
	}

	.botonEnviar button{
		position: absolute;
		margin-top: 0px;
		margin-left: 170px;
	}

	.divFacebook a img{
		position: absolute;
		transform: scale(0.8);
                margin-left: -300px;
		left: 0px;
		margin-top: 55px;
	}

	.divInstagram a img{
		position: absolute;
		transform: scale(0.8);
		margin-left: -200px;
		left: 0px;
		margin-top: 55px;
	}

	footer{
		height: 300px;
	}

	.hr img{
		transform: scale(0.5);
		position: absolute;
		margin-left: -500px;
		padding-top: 150px;
	}

	.divC img{
		margin-left: -50px;
		margin-top: 140px;
	}

	.divTodos p{
		margin-top: 0px;
		font-size: 9px;
		margin-left: 0px;
		margin-top: 140px;
	}

	.divUnico img{
		margin-left: 180px;
		margin-top: 125px;
		transform: scale(0.6);
	}
}


@media only screen and (max-width: 600px){

body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
   	overflow-x: hidden; 
}

	/* Nav */
	nav ul{
		position: absolute;
		z-index: 9;
		width: 100%;
	}

	.imgMenuRes img{
		transition: 100ms;
		margin-left: 50px;
	}

	.imgMenuRes img:hover{
		opacity: 70%;
	}

	.divLogoRes img{
		position: absolute;
		margin-left: 30px;
	}

	.btnNav button{
		margin-top: 50px;
		width: 90%;
		height: 30px;
		background-color: black;
		color: white;
		border-radius: 30px;
		border: none;
	}

	ul{
		display: none;
	}

	.divUl li{
		margin: 0px 0px;
	}

        .divUl ul li{
	       display: inline-block;
	       margin: 0px 10px;
               font-size: 20px;
         }

	ul .uno{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -260px;
		top: 120px;
	}

	ul .uno:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .dos{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -265px;
		top: 158px;
	}

	ul .dos:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .tres{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -280px;
		top: 196px;
	}

	ul .tres:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	ul .cuatro{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -275px;
		top: 234px;
	}

	ul .cuatro:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .cinco{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -288px;
		top: 272px;
	}

	ul .cinco:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .seis{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -285px;
		top: 310px;
	}

	ul .seis:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	.divLogo img{
		height: 75px;
		position: absolute;
		left: 35px;
	}

	nav{
		margin-bottom: 	110px;
	}

	.bajarAqui{
		display: none;
		margin-bottom: 0px;
		height: 0px;
		width: 0px;

	}

	.divRedes{
		height: 0px;
		width: 0px;
	}

	.divRedes img{
		display: none;
	}

	.divContacto p{
		display: none;
	}

	.divContacto img{
		display: none;
	}

	.divContacto{
		height: 0px;
		width: 0px;
	}

	.imgMenu img{
		display: block;
		position: absolute;
		top: 25px;
		margin-left: 430px;
		height: 65px;
		width: auto;
	}

	.divAbajo{
		height: 0px;
		width: 0px;
	}


	/* Intro */

	.videoLoop video{
		display: none;
	}

	.introContenedor{
		width: 100%;
		height: 400px;
	}

	.rRosa img{
		display: none;
	}

	.lineaRosa{
		position: absolute;
		margin-left: 130px;
		top: 30px;
		animation: rosaResponsive 4500ms infinite both ease-in-out,
		           cambioColor 4500ms infinite both ease-in-out;
		width: 170px;
	}

	@keyframes rosaResponsive{
		0%{ transform: translateX(0px); }
		50%{ transform: translateX(90px); }
		100%{ transform: translateX(0px); }
	}

	@keyframes cambioColor{
		0%{ background-color: #cc006b; }
		50%{ background-color: white; }
		100%{ background-color: #cc006b; }
	}

	.lineaBlanca{
		display: none;
	}

	.Contactanos p{
		position: absolute;
		margin-top: 130px;
		top: 0px;
		left: -10px !important;
		font-size: 25px;
}

	.uRosa img{
		position: absolute;
                margin-left: 200px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: rosaAdios 4500ms infinite both ease-in-out;
	}

	@keyframes rosaAdios{
		0%{ opacity: 100%; }
		50%{ opacity: 0%; }
		100%{ opacity: 100%; }
	}

	.uBlanca img{
		position: absolute;
		margin-left: 203px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: adiosBlanca 4500ms infinite both ease-in-out;
	}

	@keyframes adiosBlanca{
		0%{ opacity: 0%; }
		50%{ opacity: 100%; }
		100%{ opacity: 0%; }
	}

	/*Contáctanos*/
	.imgPuntos img{
		display: none;
	}

	.divImg img{
		transform: scale(0.8);
	}

	.telefonoContacto img{
		margin-top: 60px;
		margin-left: 180px;
	}

	.correoContacto img{
		margin-top: 140px;
		margin-left: 180px;
	}

	.ubicacionContacto img{
		margin-top: 220px;
		margin-left: 180px;
	}

	.texto p{
		font-size: 14px;
	}

	.textCelUnico p{
		margin-top: 80px;
		margin-left: 250px;
	}

	.txtCorreo p{
		margin-top: 160px;
		margin-left: 250px;
	}

	.txtUbicacion p{
		margin-top: 225px;
		margin-left: 250px;
		margin-right: 10px;
	}

	.seccionContacto{
		margin-bottom: 800px;
	}

	.txtTítulo h2{
		margin-left: 200px;
		margin-top: 350px;
		font-size: 30px;
		z-index: 5;
	}

	.nombreDiv input{
		margin-top: 400px;
		margin-left: 60px;
		width: 460px;
	}

	.empresaDiv input{
		margin-top: 460px;
		margin-left: 60px;
		width: 460px;
	}

	.mailDiv input{
		margin-top: 520px;
		margin-left: 60px;
		width: 460px;
	}

	.telDiv input{
		margin-top: 580px;
		margin-left: 60px;
		width: 460px;
	}

	.mssgDiv input{
		margin-top: 640px;
		margin-left: 60px;
		width: 460px;
	}

        .spamDiv input{
                margin-top: 700px;
		margin-left: 60px;
		width: 460px;
        }

	.opcion p{
		margin-top: 760px;
		margin-left: 60px;
		font-size: 14px;
	}

	.btnEnviar button{
		margin-top: 750px;
		margin-left: 410px;
	}

	.GMaps iframe{
		margin-top: 0px;
	}

	/* Footer */
	.imgFooter1 img{
		display: none;
	}

	.txtFooter1 p{
		display: none;
	}

	.divTelefono img{
		display: none;
	}

	.txtTel p{
		display: none;
	}

	.divCorreo img{
		display: none;
	}

	.correoFooter p{
		display: none;
	}

	.botonEnviar button{
		position: absolute;
		margin-top: 0px;
		margin-left: 170px;
	}

	.divFacebook a img{
		position: absolute;
		transform: scale(0.8);
                margin-left: -300px;
		left: 0px;
		margin-top: 55px;
	}

	.divInstagram a img{
		position: absolute;
		transform: scale(0.8);
		margin-left: -200px;
		left: 0px;
		margin-top: 55px;
	}

	footer{
		height: 300px;
	}

	.hr img{
		transform: scale(0.5);
		position: absolute;
		margin-left: -500px;
		padding-top: 150px;
	}

	.divC img{
		margin-left: -50px;
		margin-top: 140px;
	}

	.divTodos p{
		margin-top: 0px;
		font-size: 9px;
		margin-left: 0px;
		margin-top: 140px;
	}

	.divUnico img{
		margin-left: 180px;
		margin-top: 125px;
		transform: scale(0.6);
	}
}

@media only screen and (max-width: 500px){

body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
   	overflow-x: hidden; 
}

	/* Nav */
	nav ul{
		position: absolute;
		z-index: 9;
		width: 100%;
	}

	.imgMenuRes img{
		transition: 100ms;
		margin-left: 30px;
	}

	.imgMenuRes img:hover{
		opacity: 70%;
	}

	.divLogoRes img{
		width: 130px;
		position: absolute;
		margin-left: 30px;
		margin-top: 15px;
	}

	.btnNav button{
		margin-top: 40px;
		width: 90%;
		height: 30px;
		background-color: black;
		color: white;
		border-radius: 30px;
		border: none;
	}

	ul{
		display: none;
	}



	.divUl ul li{
		display: inline-block;
		margin: 0px 10px;
		font-size: 20px;
	}

	ul .uno{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -320px;
		top: 120px;
	}

	ul .uno:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .dos{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -325px;
		top: 158px;
	}

	ul .dos:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .tres{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -340px;
		top: 196px;
	}

	ul .tres:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	ul .cuatro{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 500px;
		width: 100%;
		position: absolute;
		left: -335px;
		top: 234px;
	}

	ul .cuatro:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .cinco{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -348px;
		top: 272px;
	}

	ul .cinco:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .seis{
	 	background-color: white;
	 	color: black;
		padding-left: 510px;
		padding-right: 590px;
		width: 100%;
		position: absolute;
		left: -345px;
		top: 310px;
	}

	ul .seis:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	.divLogo img{
		height: 75px;
		position: absolute;
		left: 35px;
	}

	nav{
		margin-bottom: 	110px;
	}

	.bajarAqui{
		display: none;
		margin-bottom: 0px;
		height: 0px;
		width: 0px;

	}

	.divRedes{
		height: 0px;
		width: 0px;
	}

	.divRedes img{
		display: none;
	}

	.divContacto p{
		display: none;
	}

	.divContacto img{
		display: none;
	}

	.divContacto{
		height: 0px;
		width: 0px;
	}

	.imgMenu img{
		display: block;
		position: absolute;
		top: 25px;
		margin-left: 430px;
		height: 65px;
		width: auto;
	}

	.divAbajo{
		height: 0px;
		width: 0px;
	}


	/* Intro */

	.videoLoop video{
		display: none;
	}

	.introContenedor{
		width: 100%;
		height: 400px;
	}

	.rRosa img{
		display: none;
	}

	.lineaRosa{
		position: absolute;
		margin-left: 60px;
		top: 30px;
		animation: rosaResponsive 4500ms infinite both ease-in-out,
		           cambioColor 4500ms infinite both ease-in-out;
		width: 170px;
	}

	@keyframes rosaResponsive{
		0%{ transform: translateX(0px); }
		50%{ transform: translateX(90px); }
		100%{ transform: translateX(0px); }
	}

	@keyframes cambioColor{
		0%{ background-color: #cc006b; }
		50%{ background-color: white; }
		100%{ background-color: #cc006b; }
	}

	.lineaBlanca{
		display: none;
	}

	.Contactanos p{
		position: absolute;
		margin-top: 130px;
		top: 0px;
		left: -70px !important;
		font-size: 25px;
}

	.uRosa img{
		position: absolute;
		margin-left: 150px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: rosaAdios 4500ms infinite both ease-in-out;
	}

	@keyframes rosaAdios{
		0%{ opacity: 100%; }
		50%{ opacity: 0%; }
		100%{ opacity: 100%; }
	}

	.uBlanca img{
		position: absolute;
		margin-left: 153px;
		left: 0px;
		margin-top: 120px;
		height: 280px;
		animation: adiosBlanca 4500ms infinite both ease-in-out;
	}

	@keyframes adiosBlanca{
		0%{ opacity: 0%; }
		50%{ opacity: 100%; }
		100%{ opacity: 0%; }
	}

	/*Contáctanos*/
	.imgPuntos img{
		display: none;
	}

	.divImg img{
		transform: scale(0.8);
	}

	.telefonoContacto img{
		margin-top: 60px;
		margin-left: 70px;
	}

	.correoContacto img{
		margin-top: 140px;
		margin-left: 70px;
	}

	.ubicacionContacto img{
		margin-top: 220px;
		margin-left: 70px;
	}

	.texto p{
		font-size: 14px;
	}

	.textCelUnico p{
		margin-top: 80px;
		margin-left: 150px;
	}

	.txtCorreo p{
		margin-top: 160px;
		margin-left: 150px;
	}

	.txtUbicacion p{
		margin-top: 225px;
		margin-left: 150px;
		margin-right: 10px;
	}

	.seccionContacto{
		margin-bottom: 800px;
	}

	.txtTítulo h2{
		margin-left: 130px;
		margin-top: 350px;
		font-size: 30px;
		z-index: 5;
	}

	.nombreDiv input{
		margin-top: 400px;
		margin-left: 20px;
		width: 400px;
	}

	.empresaDiv input{
		margin-top: 460px;
		margin-left: 20px;
		width: 400px;
	}

	.mailDiv input{
		margin-top: 520px;
		margin-left: 20px;
		width: 400px;
	}

	.telDiv input{
		margin-top: 580px;
		margin-left: 20px;
		width: 400px;
	}

	.mssgDiv input{
		margin-top: 640px;
		margin-left: 20px;
		width: 400px;
	}

	.spamDiv input{
		margin-top: 700px;
		margin-left: 20px;
		width: 400px;
	}

	.opcion p{
		margin-top: 760px;
		margin-left: 20px;
		font-size: 14px;
	}

	.btnEnviar button{
		margin-top: 750px;
		margin-left: 300px;
	}

	.GMaps iframe{
		margin-top: 0px;
	}

	/* Footer */
	.imgFooter1 img{
		display: none;
	}

	.txtFooter1 p{
		display: none;
	}

	.divTelefono img{
		display: none;
	}

	.txtTel p{
		display: none;
	}

	.divCorreo img{
		display: none;
	}

	.correoFooter p{
		display: none;
	}

	.botonEnviar button{
		position: absolute;
		margin-top: 0px;
		margin-left: 130px;
	}

	.divFacebook a img{
		position: absolute;
		transform: scale(0.8);
		margin-left: -230px;
		left: 0px;
		margin-top: 55px;
	}

	.divInstagram a img{
		position: absolute;
		transform: scale(0.8);
		margin-left: -140px;
		left: 0px;
		margin-top: 55px;
	}

	footer{
		height: 300px;
	}

	.hr img{
		transform: scale(0.5);
		position: absolute;
		margin-left: -500px;
		padding-top: 150px;
	}

	.divC img{
		margin-left: -100px;
		margin-top: 140px;
	}

	.divTodos p{
		margin-top: 0px;
		font-size: 9px;
		margin-left: -60px;
		margin-top: 140px;
	}

	.divUnico img{
		margin-left: 110px;
		margin-top: 125px;
		transform: scale(0.6);
	}
}


@media only screen and (max-width: 400px){

	body{
		width: 100%;
    	height: 100%;
    	margin: 0px;
    	padding: 0px;
   		overflow-x: hidden; 
	}

	/* Nav */
	nav ul{
		position: absolute;
		z-index: 9;
		width: 100%;
	}

	.divLogoRes img{
		width: 130px;
		margin-left: 20px;
		margin-top: 20px;
	}

	.imgMenuRes img{
		width: 70px;
		margin-top: 10px;
		margin-left: 40px;
		transition: 100ms;
	}

	.btnNav button{
		margin-top: 40px;
		font-size: 12px;
		width: 85%;
		height: 35px;
		background-color: black;
		color: white;
		border-radius: 30px;
		border: none;
	}

	ul{
		display: none;
	}

	.divUl li{
		margin: 0px 0px;
	}

	ul .uno{
	 	background-color: white;
	 	color: black;
		padding-left: 156px;
		padding-right: 244px;
		width: 100%;
		position: absolute;
		left: 0px;
		top: 120px;
	}

	ul .uno:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .dos{
	 	background-color: white;
	 	color: black;
		padding-left: 154px;
		padding-right: 246px;
		width: 100%;
		position: absolute;
		left: 0px;
		top: 158px;
	}

	ul .dos:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .tres{
	 	background-color: white;
	 	color: black;
		padding-left: 135px;
		padding-right: 265px;
		width: 100%;
		position: absolute;
		left: 0px;
		top: 196px;
	}

	ul .tres:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	ul .cuatro{
	 	background-color: white;
	 	color: black;
		padding-left: 140px;
		padding-right: 260px;
		width: 100%;
		position: absolute;
		left: 0px;
		top: 234px;
	}

	ul .cuatro:hover{
	 	background-color: #cc006b;
	 	color: white;
	}

	ul .cinco{
	 	background-color: white;
	 	color: black;
		padding-left: 130px;
		padding-right: 270px;
		width: 100%;
		position: absolute;
		left: 0px;
		top: 272px;
	}

	ul .cinco:hover{
	 	background-color: #0096d3;
	 	color: white;
	}

	ul .seis{
	 	background-color: white;
	 	color: black;
		padding-left: 136px;
		padding-right: 266px;
		width: 100%;
		position: absolute;
		left: 0px;
		top: 310px;
	}

	ul .seis:hover{
	 	background-color: #f6db00;
	 	color: white;
	}

	.divLogo img{
		height: 75px;
		position: absolute;
		left: 35px;
	}

	nav{
		margin-bottom: 	110px;
	}

	.bajarAqui{
		display: none;
		margin-bottom: 0px;
		height: 0px;
		width: 0px;

	}

	.divRedes{
		height: 0px;
		width: 0px;
	}

	.divRedes img{
		display: none;
	}

	.divContacto p{
		display: none;
	}

	.divContacto img{
		display: none;
	}

	.divContacto{
		height: 0px;
		width: 0px;
	}

	.imgMenu img{
		display: block;
		position: absolute;
		top: 25px;
		margin-left: 290px;
		height: 65px;
		width: auto;
	}

	.divAbajo{
		height: 0px;
		width: 0px;
	}


	/* Intro */

	.videoLoop video{
		display: none;
	}

	.introContenedor{
		width: 100%;
		height: 400px;
	}

	.rRosa img{
		display: none;
	}

	.lineaRosa{
		position: absolute;
		margin-left: 40px;
                top: 0px;
		margin-top: 160px;
		animation: rosaResponsive 4500ms infinite both ease-in-out,
				   cambioColor 4500ms infinite both ease-in-out;
		width: 170px;
	}

	@keyframes rosaResponsive{
		0%{ transform: translateX(0px); }
		50%{ transform: translateX(90px); }
		100%{ transform: translateX(0px); }
	}

	@keyframes cambioColor{
		0%{ background-color: #cc006b; }
		50%{ background-color: white; }
		100%{ background-color: #cc006b; }
	}

	.lineaBlanca{
		display: none;
	}

	.Contactanos p{
		position: absolute;
		margin-top: 120px;
		top: 0px;
		margin-left: 120px;
		left: 0px !important;
		font-size: 25px;
	}

	.uRosa img{
		position: absolute;
		left: 0px;
                margin-left: 120px;
		margin-top: 90px;
		height: 310px;
		animation: rosaAdios 4500ms infinite both ease-in-out;
	}

	@keyframes rosaAdios{
		0%{ opacity: 100%; }
		50%{ opacity: 0%; }
		100%{ opacity: 100%; }
	}

	.uBlanca img{
		position: absolute;
		left: 0px;
                margin-left: 123px;
                margin-top: 90px;
		height: 310px;
		animation: adiosBlanca 4500ms infinite both ease-in-out;
	}

	@keyframes adiosBlanca{
		0%{ opacity: 0%; }
		50%{ opacity: 100%; }
		100%{ opacity: 0%; }
	}

	/*Contáctanos*/
	.imgPuntos img{
		display: none;
	}

	.divImg img{
		transform: scale(0.8);
	}

	.telefonoContacto img{
		margin-top: 60px;
		margin-left: 80px;
	}

	.correoContacto img{
		margin-top: 140px;
		margin-left: 80px;
	}

	.ubicacionContacto img{
		margin-top: 220px;
		margin-left: 80px;
	}

	.texto p{
		font-size: 14px;
	}

	.textCelUnico p{
		margin-top: 80px;
		margin-left: 150px;
	}

	.txtCorreo p{
		margin-top: 155px;
		margin-left: 150px;
	}

	.txtUbicacion p{
		margin-top: 225px;
		margin-left: 150px;
		margin-right: 10px;
	}

	.seccionContacto{
		margin-bottom: 800px;
	}

	.txtTítulo h2{
		margin-left: 110px;
		margin-top: 350px;
		font-size: 30px;
		z-index: 5;
	}

	.nombreDiv input{
		margin-top: 400px;
		margin-left: 70px;
		width: 260px;
	}

	.empresaDiv input{
		margin-top: 460px;
		margin-left: 70px;
		width: 260px;
	}

	.mailDiv input{
		margin-top: 520px;
		margin-left: 70px;
		width: 260px;
	}

	.telDiv input{
		margin-top: 580px;
		margin-left: 70px;
		width: 260px;
	}

	.mssgDiv input{
		margin-top: 640px;
		margin-left: 70px;
		width: 260px;
	}

	.spamDiv input{
		margin-top: 700px;
		margin-left: 70px;
		width: 260px;
	}

	.opcion p{
		margin-top: 760px;
		margin-left: 70px;
		font-size: 14px;
	}

	.btnEnviar button{
		margin-top: 760px;
		margin-left: 220px;
	}

	.GMaps iframe{
		margin-top: 10px;
	}

	/* Footer */
	.imgFooter1 img{
		display: none;
	}

	.txtFooter1 p{
		display: none;
	}

	.divTelefono img{
		display: none;
	}

	.txtTel p{
		display: none;
	}

	.divCorreo img{
		display: none;
	}

	.correoFooter p{
		display: none;
	}

	.botonEnviar button{
		position: absolute;
		margin-top: 0px;
		margin-left: 100px;
	}

	.divFacebook a img{
		position: absolute;
		transform: scale(0.8);
		left: 0px;
		margin-top: 55px;
	}

	.divInstagram a img{
		position: absolute;
		transform: scale(0.8);
		left: 20px;
		margin-top: 55px;
	}

	footer{
		height: 300px;
	}

	.hr img{
		transform: scale(0.5);
		position: absolute;
		margin-left: -500px;
		padding-top: 150px;
	}

	.divC img{
		margin-left: 50px;
                left: 0px;
		margin-top: 140px;
	}

	.divTodos p{
		left: 0px;
		margin-top: 0px;
		font-size: 9px;
		margin-left: 100px;
		margin-top: 140px;
	}

	.divUnico img{
		margin-left: 100px;
		margin-top: 125px;
		transform: scale(0.6);
	}
}