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

/*@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,800);*/


@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,800);



.espacios{
	margin-top: 70px;
	margin-bottom: 150px;
}

.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);
	}
}


.espacios h4{
	font-size: 40px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 50px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}



/*AQUI INICIAN LAS IMAGENES*/


.espacios #contenedor_imagenes{
	height: auto;
	padding-bottom: 0px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 50px;
	text-align: center;
	
}



figure.snip0015 {
font-family: 'Raleway', Arial, sans-serif;
font-weight: 500;
color: #fff;
font-size: 11px;
position: relative;
overflow: hidden;
margin:20px 10px;
min-width: 350px;
max-width: 360px;
max-height: 510px;
width: 100%;
background: #000000;
text-align: left;
line-height: 15px;
}
	
	
figure.snip0015 * {
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	 box-sizing: border-box;
}
	

	
figure.snip0015 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
 -moz-transition: opacity 0.35s;
 -ms-transition: opacity 0.35s;
 -o-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
	
	
figure.snip0015 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3em 3em;
  width: 100%;
  height: 100%;
}
	
	
figure.snip0015 figcaption::before {
  position: absolute;
  top: 50%;
  right: 30px;
  bottom: 50%;
  left: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  background-color: #ffffff;
  -webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
  transition: all 0.4s;
	
  -webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-ms-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
	
	
figure.snip0015 h6{
	font-size: 15px;
	width: 100%;
	z-index: 1001;
	position: absolute;
	text-align: center;
	top: 0px;
	background-color:rgba(249,118,39,0.90);
	padding: 13px 0px 13px 0px;
	color:white;
	font-weight: 900;
	font-family: 'Open Sans', sans-serif;
}	
	
	
figure.snip0015 h2,
figure.snip0015 p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;	
}
	
	
figure.snip0015 h2 {
  word-spacing: -0.15em;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transform: translate3d(0%, 50%, 0);
-moz-transform: translate3d(0%, 50%, 0);
-ms-transform: translate3d(0%, 50%, 0);
-o-transform: translate3d(0%, 50%, 0);
	
  transform: translate3d(0%, 50%, 0);
  -webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
	
	
figure.snip0015 h2 span {
  font-weight: 800;
}
	
	
figure.snip0015 p {
  font-weight: 400;
  -webkit-transition-delay: 0s;
	
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
  transition-delay: 0s;
	margin-top: 55px;
}
	
	
figure.snip0015 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
	
	
figure.snip0015:hover img {
  opacity: 0.35;
}
	
	
figure.snip0015:hover figcaption h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
-moz-transform: translate3d(0%, 0%, 0);
-ms-transform: translate3d(0%, 0%, 0);
-o-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
	
  -webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
	
	
figure.snip0015:hover figcaption p {
  opacity: 0.9;
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-ms-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
  transition-delay: 0.6s;	
}
	
	
figure.snip0015:hover figcaption::before {
  background: rgba(255, 255, 255, 0);
  top: 70px;
  bottom: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
  transition-delay: 0s;
}



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


#invitacion_banner{
	margin-bottom: 0px;
	margin: auto;
	margin-top: 0px;
	height: 600px;
	width: 100%;
	float: none;
	display: block;
	background-image: url(../imagenes/parallax_768.jpg);
	background-repeat: no-repeat;
	text-align: center;
	background-position: center -150px;
	padding-top: 100px;
}


#parallax_invitacion{
			
	display: none;	
	}



#invitacion_banner .icon-heart{
	padding-top: 60px;
	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_banner h1{
	font-size: 35px;
	padding-bottom: 50px;
	padding-top: 15px;
	margin: auto;
	color: ghostwhite;
	
	text-shadow: 2px 2px 4px rgba(41,41,41,0.85);
	display: block;
	width: 90%;
	line-height: 45px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	}





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


@media all and (min-width:1024px) {

.espacios{
	margin-top: 70px;
	margin-bottom: 150px;
}
	
/*AQUI INICIAN LAS IMAGENES*/


.espacios #contenedor_imagenes{
	height: auto;
	padding-bottom: 0px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 50px;
	text-align: center;
}

.espacios h4{
	font-size: 60px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 60px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	
}	
	

figure.snip0015 {
 /* font-family: 'Raleway', Arial, sans-serif;*/
font-family: 'Open Sans', sans-serif;
font-weight: 500;
color: #fff;
font-size: 11px;
position: relative;
overflow: hidden;
margin:20px 10px 20px 10px;
min-width: 280px;
max-width: 290px;
max-height: 470px;
width: 100%;
background: #000000;
text-align: left;
line-height: 15px;
}
	
	
figure.snip0015 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
	
	
figure.snip0015 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
	
	
figure.snip0015 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3em 3em;
  width: 100%;
  height: 100%;
}
	
	
figure.snip0015 figcaption::before {
  position: absolute;
  top: 50%;
  right: 30px;
  bottom: 50%;
  left: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  background-color: #ffffff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
	
	
figure.snip0015 h6{
	font-size: 15px;
	width: 100%;
	z-index: 1001;
	position: absolute;
	text-align: center;
	top: 0px;
	background-color:rgba(249,118,39,0.90);
	padding: 13px 0px 13px 0px;
	color:white;
	font-weight: 900;
	font-family: 'Open Sans', sans-serif;
}	
	
	
figure.snip0015 h2,
figure.snip0015 p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;	
}
	
	
figure.snip0015 h2 {
  word-spacing: -0.15em;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transform: translate3d(0%, 50%, 0);
  transform: translate3d(0%, 50%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
	
	
figure.snip0015 h2 span {
  font-weight: 800;
}
	
	
figure.snip0015 p {
  font-weight: 400;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
	margin-top: 55px;
}
	
	
figure.snip0015 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
	
	
figure.snip0015:hover img {
  opacity: 0.35;
}
	
	
figure.snip0015:hover figcaption h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
	
	
figure.snip0015:hover figcaption p {
  opacity: 0.9;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;	
}
	
	
figure.snip0015:hover figcaption::before {
  background: rgba(255, 255, 255, 0);
  top: 70px;
  bottom: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}




/*parallax inferior al pie creemos que el suicidio se puede prevenir*/

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

	
	#invitacion_banner{
	
		display: none;
}
	
	
	
	
	#parallax_invitacion{
	text-align: center;
	/*width: 100%;*/
	margin-top: 0px;
	background-image: url(../imagenes/parallax_1900.jpg);
	background-attachment: fixed;
	background-position: center 68px;
	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;	
	}
	
	
	#parallax_invitacion .icon-heart{
	padding-top: 220px;
	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_invitacion h1{
	
	font-size: 35px;
	padding-bottom: 30px;
	padding-top: 30px;
	margin: auto;
	color: ghostwhite;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-shadow: 2px 2px 4px rgba(41,41,41,0.85);
	display: block;
	width: 82%;
	line-height: 45px;
	
	}



}








/*.espacios{
	margin-top: 70px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

.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);
	}
}


.espacios h4{
	font-size: 80px;
	text-align: center;
	padding-top: 0px;
	
}


.espacios #contenedor_imagenes{
	height: auto;
	padding-bottom: 0px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 50px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}


figure.snip0015 {
  font-family: 'Open Sans', sans-serif;
	font-weight: 400;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 340px;
  max-width: 360px;
  max-height: 420px;
  width: 100%;
  background: #000000;
  text-align: center;
}

figure.snip0015 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


figure.snip0015 h6{
	font-size: 15px;
	 width: 100%;
	z-index: 1001;
	position: absolute;
	text-align: center;
	top: -5px;
	background-color:rgba(249,247,247,0.80);
	padding: 7px 0px 7px 0px;
	color: rgba(0,0,0,0.80);
}



figure.snip0015 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}


figure.snip0015 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3em 3em;
  width: 100%;
  height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}


figure.snip0015 figcaption::before {
  position: absolute;
  top: 50%;
  right: 30px;
  bottom: 50%;
  left: 30px;
	 padding-top: 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  background-color: #ffffff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}


figure.snip0015 h2,
figure.snip0015 p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}


figure.snip0015 h2 {
  word-spacing: -0.15em;
  
  text-transform: uppercase;
  -webkit-transform: translate3d(0%, 50%, 0);
  transform: translate3d(0%, 50%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}


figure.snip0015 h2 span {
  font-weight: 800;
}


figure.snip0015 p {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}


figure.snip0015 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}


figure.snip0015:hover img {
  opacity: 0.35;
}


figure.snip0015:hover figcaption h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;

}


figure.snip0015:hover figcaption p {
  opacity: 0.9;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}


figure.snip0015:hover figcaption::before {
  background: rgba(255, 255, 255, 0.0);
  top: 30px;
  bottom: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}*/



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

/*
@media all and (min-width:1024px) {

.espacios #contenedor_imagenes{
	height: auto;
	padding-bottom: 0px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 50px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	
}


 figure.snip0015 {
  font-family: 'Open Sans', sans-serif;
	font-weight: 400;
  color:rgba(7,7,7,1.00);
  position: relative;
  overflow: hidden;
  margin: 20px;
  min-width: 280px;
  max-width: 290px;
  max-height: 470px;
  width: 100%;
  background:rgba(255, 255, 255, 0.50);
  text-align: center;
}
	
	
.espacios #contenedor_imagenes figure.snip0015 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
	
	
	
 figure.snip0015 h6{
	font-size: 15px;
	 width: 100%;
	z-index: 1001;
	position: absolute;
	text-align: center;
	top: 0px;
	background-color:rgba(249,118,39,0.90);
	padding: 13px 0px 13px 0px;
	color:white;
	font-weight: 900;
	font-family: 'Open Sans', sans-serif;
}	
		
 figure.snip0015 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
	
	
.espacios #contenedor_imagenes figure.snip0015 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em  2em;
  width: 100%;
  height: 90%;
 font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
	
	
	
 figure.snip0015 figcaption::before {
  position: absolute;
  top: 50%;
  right: 30px;
  bottom: 50%;
	 
  left: 30px;
  border-top: 1px solid rgba(7,7,7,1.00);
  border-bottom: 1px solid rgba(7,7,7,1.00);
  content: '';
  opacity: 0;
  background-color: #ffffff;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
	
 figure.snip0015 h2,
 figure.snip0015 p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
	

	
 figure.snip0015 p {

  -webkit-transition-delay: 0s;
  transition-delay: 0s;	
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;

}
	
	
 figure.snip0015 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
	
 figure.snip0015:hover img {
  opacity: 0.20;
}
	
 figure.snip0015:hover figcaption h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	
}
	
	
 figure.snip0015:hover figcaption p {
  opacity: 0.9;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
	font-size: 12px;
text-align: justify;
	width: 100%;
	margin-top: 0px;
	line-height: 16px;
	color:  #000000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	 padding-top: 20px;
}
	
	
	
	
	
 figure.snip0015:hover figcaption::before {
  background: rgba(255, 255, 255, 0.0);
  top: 30px;
  bottom: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

	
	
	



}*/