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


section {
	width: 100%;
	margin: auto;
	margin-top: 90px;
}


#banner_contacto{
	width: 100%;
	margin-bottom: 0px;
	height: 550px;
	background-image: url("../imagenes/contacto_img.jpg");
	display: block;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center -250px;
	}

#banner_contacto h2{
	font-size: 27px;
	padding-top: 300px;
	margin: auto;
	color: ghostwhite;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-shadow: 2px 2px 4px rgba(41,41,41,0.90);
	display: block;
	width: 82%;
	line-height: 35px;
	}


#caja_formulario  {
	width: 100%;
	padding-top: 0px;
	margin-bottom: 0px;
	background-color:rgba(255,215,158,1.00);
	height: auto;
	margin-top: 0px;
}
	

#caja_formulario .contenedor2 {
	display:flex;
	justify-content: center;
	/*justify-content  esto es para que se pongan en una sola linea los articulos imagenes en este caso*/
	flex-wrap: wrap;
	/*esta linea es para que cuando el contenido ya no entre en la misma linea se baje en seguida*/
	margin-top: 20px;
	padding-bottom: 0px;	
}



/*=====================PARALLAX=====================*/


#invitacion_contacto{
	margin-bottom: 0px;
	margin: auto;
	margin-top: 0px;
	height: 530px;
	width: 100%;
	float: none;
	display: block;
	background-image:url("../imagenes/head_contacto.jpg");
	background-repeat: no-repeat;
	text-align: center;
	background-position: center -50px;
	opacity: 0.95;
}


#parallax_contacto{
display: none;	
	}


#invitacion_contacto .icon-heart{
	padding-top: 140px;
	text-align: center;
	font-size: 35px;
	margin: auto;
	color:rgba(253,135,65,1.00);
	text-shadow: 0.5px 0.5px 4px rgba(41,41,41,0.65);
	
}

#invitacion_contacto h1{
	font-size: 35px;
	padding-bottom: 40px;
	padding-top: 20px;
	margin: auto;
	color: ghostwhite;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-shadow: 2px 2px 4px rgba(41,41,41,0.85);
	display: block;
	width: 95%;
	line-height: 36px;
	
	}


#invitacion_contacto h3{
	font-size: 20px;
	padding-bottom: 10px;
	margin: auto;
	color: ghostwhite;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-shadow: 2px 2px 4px rgba(41,41,41,0.80);
	display: block;
	width: 95%;
	line-height: 26px;
	}

#invitacion_contacto p{
	font-size: 16px;
	color: ghostwhite;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-align: center;
	width: 95%;
	margin: auto;
	
	text-shadow: 2px 2px 4px rgba(41,41,41,0.80);
	letter-spacing: 0px;
	line-height: 20px;
	padding-bottom: 20px;
	}


#invitacion_contacto a{
	width: 150px;
    height:auto;
	text-align: center;
	text-decoration: none;
	z-index: 10000;
}
	
	
#invitacion_contacto a h6  {
width: 150px;
margin-top: 40px;
font-family:  'Dosis', sans-serif;
color:rgba(0,0,0,1.00);
background-color:rgba(255,106,19,1.00);
font-weight: 700;
text-align: center;	
font-size: 18px;
padding: 15px 10px;
border-radius: 25px;
word-spacing: 1px;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 10000;	
  }	

#invitacion_contacto a h6:hover  {
color:white;
background-color:rgba(255,106,19,1.00);
box-shadow: 1px 1px 6px rgba(41,41,41,0.30);
border-radius: 25px;

  }



/*=====================================================================================================================================================================================*/







@media all and (min-width:1024px) {
	
	section {
	width: 100%;
	margin: auto;
	margin-top: 70px;
	
}
	
	
	#banner_contacto{
	width: 100%;
	margin-bottom: 0px;
	height: 600px;
	background-image: url("../imagenes/contacto_img.jpg");
	display: block;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center -265px;
	}




#banner_contacto h2{
	font-size: 27px;
	
	padding-top: 300px;
	margin: auto;
	color: ghostwhite;
	font-family: 'Merriweather Sans', sans-serif;
	text-shadow: 2px 2px 4px rgba(41,41,41,0.90);
	display: block;
	width: 82%;
	line-height: 35px;
	}







#caja_formulario  {
	width: 100%;
	padding-top: 0px;
	margin-bottom: 0px;
	background-color:rgba(255,215,158,1.00);
	height: auto;
	margin-top: 0px;
}



	

#caja_formulario .contenedor2 {
	display:flex;
	justify-content: center;
	/*justify-content  esto es para que se pongan en una sola linea los articulos imagenes en este caso*/
	flex-wrap: wrap;
	/*esta linea es para que cuando el contenido ya no entre en la misma linea se baje en seguida*/
	margin-top: 20px;
	padding-bottom: 0px;
	
}

	
	
	
	/*======================= parallax 1024 ========================*/
	

	
	#invitacion_contacto{
	
		display: none;
}
	

	#parallax_contacto{
	text-align: center;
	margin-top: 0px;
	background-image:url("../imagenes/head_contacto.jpg");
	background-attachment: fixed;
	background-position: center 95px;
	height: 600px;
	background-size: cover;
	opacity: 0.95;
	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;	
	}
	
	
	#parallax_contacto .icon-heart{
	padding-top: 150px;
	text-align: center;
	font-size: 35px;
	margin: auto;
	color:rgba(253,135,65,1.00);
	text-shadow: 0.5px 0.5px 4px rgba(41,41,41,0.65);

		
}



#parallax_contacto h1{
	font-size: 35px;
	padding-bottom: 10px;
	padding-top: 30px;
	margin: auto;
	color: ghostwhite;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-shadow: 2px 2px 4px rgba(41,41,41,0.85);
	display: block;
	width: 82%;
	line-height: 26px;
	}




#parallax_contacto h3{
	font-size: 21px;
	padding-bottom: 30px;
	margin: auto;
	color: rgba(252,252,252,1.00);
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-shadow: 2px 2px 4px rgba(41,41,41,0.85);
	display: block;
	width: 82%;
	line-height: 26px;
	}

#parallax_contacto p{
	font-size: 16px;
	color: rgba(252,252,252,1.00);
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-align: center;
	width: 30%;
	margin: auto;
	
	text-shadow: 2px 2px 4px rgba(41,41,41,1.00);
	letter-spacing: 0px;
	line-height: 23px;
	padding-bottom: 0px;
	}

	#parallax_contacto a{
	width: 150px;
    height:auto;
	text-align: center;
	text-decoration: none;
	z-index: 10000;
}
	
	
#parallax_contacto a h6  {
width: 150px;
margin-top: 50px;
font-family: 'Dosis', sans-serif;
color:rgba(0,0,0,1.00);
background-color:rgba(255,106,19,1.00);
font-weight: 700;
text-align: center;	
font-size: 18px;
padding: 15px 10px;
border-radius: 25px;
word-spacing: 1px;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 10000;	
  }	

	
	
	
	
	
#parallax_contacto a h6:hover  {
color:white;
background-color:rgba(255,106,19,1.00);
box-shadow: 1px 1px 6px rgba(41,41,41,0.30);
border-radius: 25px;

  }
	
	
	
	
	}