@charset "utf-8";
/* CSS Document */


* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	/*este box es para q no se salgan los elementos en responsive*/
	
}



#section{
width: 100%;
margin-bottom: 0px;
}


#contenido_contacto{
	text-align: center;
	margin-top: 100px;
	display: block;
	}

#contenido_contacto #animacion3{
	
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	margin: auto;
	margin-top: 0px;
    text-align: center;
	position: absolute;		
}


#contenido_contacto #animacion3 .contact{
	margin-top: 160px;
	width: 100%;
	z-index: 100;
	padding-right: 0px;
}

#contenido_contacto #animacion3 .contact img{
	
	width: 260px;
	height: auto;
	margin: auto;
	
}

.animated fadeInDown {
  animation-duration: 7s;
  animation-delay: 80s;
}

#contenido_contacto #animacion4{
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	margin: auto;
	margin-top: 0px;
    text-align: right;
	position: absolute;
	z-index: 1;		
}


#contenido_contacto #animacion4 .car{
	margin-top: 400px;
	width: 97%;
	z-index: 100;
	padding-right: 0px;
}

#contenido_contacto #animacion4 .car img{
	
	width: 250px;
	height: auto;
	margin: auto;
	
}

.animated fadeInDown {
  animation-duration: 7s;
  animation-delay: 80s;
}

#contenido_contacto #animacion6{
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	margin: auto;
	margin-top: 0px;
    text-align: left;
	position: absolute;
	z-index: 10000;	
	margin-left: 20px;

}


#contenido_contacto #animacion6 .cel{
	margin-top: 330px;
	width: 100%;
	z-index: 100;
	padding-right: 0px;
}

#contenido_contacto #animacion6 .cel img{
	
	width: 27px;
	height: auto;
	margin: auto;
	opacity: 0.7;
	
}

.animated bounceIn{
  animation-duration: 5s;
  animation-delay: 5s;
	

}	
	
#contenido_contacto #animacion7{
	
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	margin: auto;
	margin-top: 0px;
text-align: left;
	position: absolute;
	z-index: 10000;	
	margin-left: 57px;

}


#contenido_contacto #animacion7 .mail{
	margin-top: 350px;
	width: 100%;
	z-index: 100;
	padding-right: 0px;
}

#contenido_contacto #animacion7 .mail img{
	
	width: 30px;
	height: auto;
	margin: auto;
	opacity: 0.7;
}

.animated bounceIn {
  animation-duration: 5s;
  animation-delay: 200s;
	

}	
	
	
	
#contenido_contacto #animacion8{
	
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	margin: auto;
	margin-top: 0px;
text-align: left;
	position: absolute;
	z-index: 10000;	
	margin-left: 96px;

}


#contenido_contacto #animacion8 .mensaje{
	margin-top: 352px;
	width: 100%;
	z-index: 100;
	padding-right: 0px;
}

#contenido_contacto #animacion8 .mensaje img{
	
	width: 32px;
	height: auto;
	margin: auto;
	opacity: 0.8;
	
}

.animated bounceIn{
  animation-duration: 5s;
  animation-delay: 5s;
	

}



#contenido_contacto .banner{
	
	
	display: none;
	
}

#contenido_contacto .banner_movil{
	
	background-image: url(../imagenes/sliders/contacto_movil.jpg);
	margin-bottom: 0px;
	margin: auto;
	margin-top: 0px;
	height: 600px;
	width: 100%;
	float:none;
	display: block;
	background-repeat: no-repeat;
	text-align: center;
	background-position: -50px -110px;
}

#contenido_contacto .banner_movil h1{
	width: 60%;
    font-family: 'Dosis', sans-serif;
	font-weight: 600;
	letter-spacing: 2px;
	padding-top:350px;
	padding-bottom: 0px;
	line-height: 55px;
	font-size: 45px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	}	



#ancla_form{
	width: 100%;
	height: 0px;
	padding-top: 100px;
    margin-top: -100px;
}


/*===========CONTACTO========*/


#section{
	width: 100%;
	margin-bottom: 0px;
}


#contenedor_contacto{
	height: 210px;
	text-align: center;
	margin-top: 0px;
	display: block;
	background-color: rgba(255,255,255,1.00);
	/*background-color:rgba(79,201,251,0.30);	*/
	margin-bottom: 0px;
	padding-top: 100px;
	}


#contenedor_contacto .contacto{
	width: 100%;
	padding-top: 0px;
	
	
	}


.animated fadeInUp {
  animation-duration: 5s;
  animation-delay: 20s;
  
}	
	

#contenedor_contacto .contacto  h3{
	width: 90%;
	font-family: 'Bebas Neue', cursive;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 23px;
	color:rgba(6,33,96,1.00);
	margin: auto;
	z-index: 10000;
	padding-top: 0px;
	}




#contenedor_contacto .contacto h3 .text3{
width: 60%;	
}


.icon-comment{
	font-size: 25px;
	color: rgba(0,6,73,1.00);
	margin-bottom: 20px;
	margin-top: 0px;
	padding-right: 2px;
	
	}
	
	
#contenedor_contacto .contacto p{
	width: 90%;
	font-family: 'Dosis', sans-serif;
	font-size: 17px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	margin-top: 10px;
	padding-bottom: 20px;
	
	
	}







/*===========FORMULARIO=========*/


#section{
	width: 100%;
	margin-bottom: 0px;
}


#contenedor_formulario{
	width: 100%;
	height: 1000px;
	text-align: center;
	margin-top: 0px;
	display: block;
	padding-top: -80px;
	background-color: #FFF;
	}


#contenedor_formulario #formulario{
	
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	}


/*===========DATOS=========*/

/*
#section{
	
	
}*/


.contenedor_datos{
	width: 100%;
	height: auto;
	padding-bottom: 100px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	background-color: #FFF;
margin-top:0px;
	}

.contenedor_datos  h2{
	
	width: 90%;
	font-family: 'Bebas Neue', cursive;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 23px;
	color:rgba(6,33,96,1.00);
	margin: auto;
	z-index: 10000;
	padding-top:30px;
	padding-bottom: 30px;
	text-align: center;
	
	}




.datos{
	width: 80%;
	padding: 20px;
	
	}
	

.animado{
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	
}

.mostrarArriba{
	animation: mostrarArriba 1s;
}

@keyframes mostrarArriba{
	0% {
		transform: translateY(80px);
	}
	100%{
		transform: translateY(0px);
	}
}



.contenedor_datos .datos h3{
		width: 100%;
	font-family: 'Dosis', sans-serif;
	 font-style: bold;
	font-size: 25px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 20px;
	text-align: center;
	}	
	
.contenedor_datos .datos a {
	background-color: rgba(0,14,45,1.00);
	text-align: center;
	height: 100px;
	width: 100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
		
	color: #FFF;
	text-decoration: none;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	-moz-border-radius: 50px;
	padding-top: 20px;
	
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}


.contenedor_datos .datos a:hover {
	background-color:rgba(0,155,219,1.00);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}	




a .icon-phone-1{
	color:rgba(251,251,251,1.00);
	text-align: center;
	font-size: 50px;
	position: center;
	
	
	}
	
	
	 a .icon-mail-alt{
		color:rgba(251,251,251,1.00);
	text-align: center;
	font-size: 50px;
	position: center;
	}
	
	
	a .icon-street-view{
	color:rgba(251,251,251,1.00);
	text-align: center;
	font-size: 50px;
	position: center;
	}




	
.contenedor_datos .datos p{
	width: 80%;
	font-family: 'Dosis', sans-serif;
	font-size: 17px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
	letter-spacing: 1px;
	line-height: 25px;
	
	
	}


 #ancla_map{
	width: 100%;
	height: 0px;
	 padding-top: 100px;
    margin-top: -100px;

	
	
}

	#mapa  {
	width: 100%;
	
	height: 500px;
    padding-bottom: 100px;
}



/*===============================1024px=========================*/


@media all and (min-width:1024px) {
	
	#section{
	width: 100%;
	margin-bottom: 0px;
}


#contenido_contacto{
	
	text-align: center;
	margin-top: -65px;
	display: block;
	}


#contenido_contacto  .contact{
	margin-top: 155px;
	width: 100%;
	z-index: 100;
	padding-right: 0px;
}

#contenido_contacto  .contact img{
	
	width: 230px;
	height: auto;
	margin: auto;
	
}

	#contenido_contacto .banner h3{
			width: 60%;
	font-family: 'Bebas Neue', cursive;
	font-weight: 600;
	letter-spacing: 2px;
	padding-top: 150px;
	padding-bottom: 0px;
	line-height: 35px;
	font-size: 35px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	}	
	
	
	
	
	
	
	
.animated fadeInDown {
  animation-duration: 20s;
  animation-delay: 280s;
	

}

	
#contenido_contacto #animacion4{
	
	width: 70%;
	height: auto;
	background-repeat: no-repeat;
	margin: auto;
	margin-top: 0px;
text-align: right;
	position: absolute;
	z-index: 1;	

}


#contenido_contacto #animacion4 .car{
	margin-top: 330px;
	width: 100%;
	z-index: 100;
	padding-right: 0px;
}

#contenido_contacto #animacion4 .car img{
	
	width: 460px;
	height: auto;
	margin: auto;
	
}

.animated fadeInLeft {
  animation-duration: 20s;
  animation-delay: 180s;
	

}	
	

#contenido_contacto #animacion6{
	
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	margin: auto;
	margin-top: 0px;
text-align: left;
	position: absolute;
	z-index: 10000;	
	margin-left: 50px;

}


#contenido_contacto #animacion6 .cel{
	margin-top: 275px;
	width: 100%;
	z-index: 100;
	padding-right: 0px;
}

#contenido_contacto #animacion6 .cel img{
	
	width: 33px;
	height: auto;
	margin: auto;
	opacity: 0.7;
	
}

.animated bounceIn{
  animation-duration: 5s;
  animation-delay: 5s;
	

}	
	
#contenido_contacto #animacion7{
	
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	margin: auto;
	margin-top: 0px;
text-align: left;
	position: absolute;
	z-index: 10000;	
	margin-left: 105px;

}


#contenido_contacto #animacion7 .mail{
	margin-top: 297px;
	width: 100%;
	z-index: 100;
	padding-right: 0px;
}

#contenido_contacto #animacion7 .mail img{
	
	width: 40px;
	height: auto;
	margin: auto;
	opacity: 0.7;
}

.animated bounceIn {
  animation-duration: 5s;
  animation-delay: 200s;
}	

	
#contenido_contacto #animacion8{
	
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	margin: auto;
	margin-top: 0px;
text-align: left;
	position: absolute;
	z-index: 10000;	
	margin-left: 164px;

}


#contenido_contacto #animacion8 .mensaje{
	margin-top: 300px;
	width: 100%;
	z-index: 100;
	padding-right: 0px;
}

#contenido_contacto #animacion8 .mensaje img{
	
	width: 40px;
	height: auto;
	margin: auto;
	opacity: 0.8;
	
}

.animated bounceIn{
  animation-duration: 5s;
  animation-delay: 5s;
}		
	
	
	
#contenido_contacto .banner_movil{
	
	display: none;
	
}	
	
	
#contenido_contacto .banner{
	
	text-align: center;
	/*width: 100%;*/
	margin-top: 0px;
	padding-top: 0px;
	background-image: url(../imagenes/sliders/contacto_parallax_1024.jpg);
	background-attachment: fixed;
	background-position: center 20px;
	height: 550px;
	background-size: cover;
	
	transition: all 1.0s ease-in-out .5s;
	-webkit-transition: all 1.0s ease-in-out .5s;
	-moz-transition: all 1.0s ease-in-out .5s;
	-o-transition: all 1.0s ease-in-out .5s; 
	-ms-transition: all 1.0s ease-in-out .5s;
	margin-bottom: 0px;
	background-repeat: no-repeat;		
	display: block;
}
	
	#contenido_contacto .banner h1{
	width: 60%;
    font-family: 'Dosis', sans-serif;
	font-weight: 600;
	letter-spacing: 2px;
	padding-top: 250px;
	padding-bottom: 0px;
	line-height: 35px;
	font-size: 35px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}	
	
	
.datos{
	width: 100%;
	padding: 0px;
	
	}
	
	
	
	.animado{
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	
}

.mostrarArriba{
	animation: mostrarArriba 1s;
}

@keyframes mostrarArriba{
	0% {
		transform: translateY(80px);
	}
	100%{
		transform: translateY(0px);
	}
}


	
/*	#ancla_form{
	width: 100%;
	
	height: 0px;
	margin-top: 50px;
}*/
	
	
	#ancla_form{
	width: 100%;
	height: 0px;
	padding-top: 100px;
    margin-top: -100px;
}

	
/*===========CONTACTO========*/


#section{
	width: 100%;
	margin-bottom: 0px;
}


#contenedor_contacto{
	height: 200px;
	text-align: center;
	margin-top: 0px;
	display: block;
	/*background-color:rgba(79,201,251,0.30);*/	
	
	margin-bottom: 0px;
	padding-top: 30px;
	}


#contenedor_contacto .contacto{
	width: 100%;
	padding-top: 10px;
	
	
	}
	
	
#contenedor_contacto .contacto h3{
	width: 50%;
	font-family: 'Bebas Neue', cursive;
	letter-spacing: 2px;
	 font-style: bold;
	font-size: 25px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	}	
	
.icon-comment{
	font-size: 25px;
	color: rgba(0,6,73,1.00);
	margin-bottom: 20px;
	margin-top: 20px;
	padding-right: 2px;
	
	}
	
	
#contenedor_contacto .contacto p{
	width: 45%;
	font-family: 'Dosis', sans-serif;
	font-size: 17px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	
	
	}	
	
	
	/*===========FORMULARIO=========*/


#section{
	width: 100%;
	margin-bottom: 0px;
}


#contenedor_formulario{
	width: 100%;
	height: 1100px;
	text-align: center;
	margin-top: 0px;
	display: block;
	padding-top: 0px;
	background-color:#FFF;
	}


#contenedor_formulario #formulario{
		
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	
	}
	
	
	
	
	
	/*===================DATOS=================*/


.contenedor_datos{
	width: 100%;
	height: auto;
	padding-bottom: 100px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	background-color: #FFF;
margin-top: -100px;
	}

	.contenedor_datos  h2{
	
	color:rgba(6,33,96,1.00);
	width: 100%;
	margin: auto;
	font-family: 'Bebas Neue', cursive;
		letter-spacing: 2px;
	 font-style: bold;
	font-size: 25px;
	z-index: 10000;
	padding-top: -30px;
		padding-bottom: 30px;
	text-align: center;
	
	}
	
	
	

.datos{
	width: 30%;
	padding: 20px;
	
	}
	

.animado{
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	
}

.mostrarArriba{
	animation: mostrarArriba 1s;
}

@keyframes mostrarArriba{
	0% {
		transform: translateY(80px);
	}
	100%{
		transform: translateY(0px);
	}
}
	
	
.contenedor_datos .datos h3{
	width: 100%;
	font-family: 'Dosis', sans-serif;
	font-style: bold;
	font-size: 25px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 20px;
	text-align: center;
	}	
	
.contenedor_datos .datos a {
	background-color: rgba(0,14,45,1.00);
	text-align: center;
	height: 100px;
	width: 100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
		
	color: #FFF;
	text-decoration: none;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	-moz-border-radius: 50px;
	padding-top: 20px;
	
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}


.contenedor_datos .datos a:hover {
	background-color:rgba(0,155,219,1.00);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}	
	
	
	

a .icon-phone-1{
	color:rgba(251,251,251,1.00);
	text-align: center;
	font-size: 50px;
	position: center;
	
	
	}
	
	
	 a .icon-mail-alt{
	color:rgba(251,251,251,1.00);
	text-align: center;
	font-size: 50px;
	position: center;
	}
	
	
	a .icon-street-view{
	color:rgba(251,251,251,1.00);
	text-align: center;
	font-size: 50px;
	position: center;
	}




	
.contenedor_datos .datos p{
	width: 90%;
	font-family: 'Dosis', sans-serif;
	font-size: 17px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
	letter-spacing: 1px;
	line-height: 25px;
	
	
	}
	
	

	
	
	
  #ancla_map{
  width: 100%;
  height: 0;
 	padding-top: 100px;
    margin-top: -100px;

	
}

	#mapa  {
	width: 100%;
	
	height: 600px;
	padding-bottom: 100px;
}
	
	

	}

@media all and (min-width:1280px){
	
	#section{
	width: 100%;
	margin-bottom: 0px;
}


#contenido_contacto{
	
	text-align: center;
	margin-top: -65px;
	display: block;
	}	
	
#contenido_contacto .banner{
	
	text-align: center;
	/*width: 100%;*/
	margin-top: 0px;
	padding-top: 0px;
	background-image: url(../imagenes/sliders/contacto_parallax.jpg);
	background-attachment: fixed;
	background-position: center 50px;
	height: 700px;
	background-size: cover;
	
	transition: all 1.0s ease-in-out .5s;
	-webkit-transition: all 1.0s ease-in-out .5s;
	-moz-transition: all 1.0s ease-in-out .5s;
	-o-transition: all 1.0s ease-in-out .5s; 
	-ms-transition: all 1.0s ease-in-out .5s;
	margin-bottom: 0px;
	background-repeat: no-repeat;		
	display: block;
}
	
	#contenido_contacto .banner h1{
	width: 60%;
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
	letter-spacing: 2px;
	padding-top: 250px;
	padding-bottom: 0px;
	line-height: 55px;
	font-size: 45px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}	
	
	
}