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

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

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


#banner_dysvae h2{
	font-size: 40px;
	padding-top: 250px;
	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: 95%;
	line-height:50px;
	}

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


#blog_dysvae .contenedor1 {
	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: 50px;
	
}




#blog_dysvae .contenedor1 article {
	margin: 25px;
	
}



#blog_dysvae .contenedor1  p{
	font-size: 14.5px;
	text-align: justify;
	margin: auto;
	color:rgba(39,39,39,1.00);
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	margin-bottom: 0px;
	max-width: 390px;
	line-height: 24px;	
	}


#blog_dysvae .contenedor1 .reed {
	margin-top: 25px;
	
	}

#blog_dysvae .contenedor1 .reed a{
	width: auto;
	height: auto;
	padding: 10px;
	padding-left: 8px;
	padding-right: 8px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color:ghostwhite;
	background-color: rgba(253,135,65,1.00);
	border-radius: 25px;
	cursor: pointer;
	text-decoration: none;
	border: 2px solid rgba(253,135,65,1.00);
	font-weight: 800;
	}
	

#blog_dysvae .contenedor1 .reed a:hover{
	width: auto;
	height: auto;
	border: 2px solid rgba(239,239,239,0.90);
	padding: 10px;
	padding-left: 8px;
	padding-right: 8px;
	margin: 2px;
	margin-top: 0px;
	margin-left: 0px;
	font-family: 'Open Sans', sans-serif;
	color: rgba(39,39,39,1.00);
	font-size: 14px;
	margin-bottom: 10px;
	background-color:rgba(229,229,229,0.70);
		transition: all 0.3s;
	-moz-: transition:all  0.3s;
	-ms-: transition:all  0.3s;
	-o-: transition:all  0.3s;
	-webkit-: transition:all  0.3s;
	}





#blog_dysvae .contenedor1  video {
	max-width: 390px;
	border-radius: 7px;
	margin: auto;
}

/*================================ lighbox   ============================*/


#imagenes{
width: 100%;
	
	padding-bottom: 0px;
	padding-top: 30px;
	margin-top: 5px;
	
}

	
	#imagenes .icon-garden{
	text-align: center;
	font-size: 60px;
	color:rgba(253,135,65,1.00);
	margin-top: 0px;
	padding-bottom: -20px;
		
		
	}	
	
	
#imagenes .texto_slider{
		align-content: center;
		width: 100%;
		height: auto;
		margin-left:auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 0px;
		text-align: center;
	}	
	
	#imagenes .texto_slider h3{
		
		width: 95%;
		height: auto;
		margin-left:auto;
		margin-right: auto;
		margin-top: 0px;
		margin-bottom: 20px;
	    color:rgba(39,39,39,1.00);
		font-size: 30px;
		text-align: center;
		font-family: 'Open Sans', sans-serif;
	    font-weight: 800;
		letter-spacing: -0.3px;
		
	}
	
	
	#imagenes .texto_slider p{
		
		width: 90%;
		height: auto;
		margin-left:auto;
		margin-right: auto;
		margin-top: 0px;
		margin-bottom: 40px;
	    color:rgba(39,39,39,1.00);
	    font-family: 'Open Sans', sans-serif;
	    font-weight: 500;
		font-size: 14.5px;
		line-height: 24px;
		text-align: justify;
		}

	#imagenes #cel_carrusel{
    max-width:  100%;
	display: block;
	padding-bottom: 70px;
}
	
	
	

#imagenes #dysvae_carrusel{
min-width: 100%;
	display: none;
}


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


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


#parallax_dysvae{
			
	display: none;	
	}



#invitacion .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 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 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 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 a{
	width: 150px;
    height:auto;
	text-align: center;
	text-decoration: none;
	z-index: 10000;
}
	
	
#invitacion 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 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_dysvae{
	width: 100%;
	margin-bottom: 0px;
	height: 600px;
	background-image: url("../imagenes/dysvae_parallax_head.jpg");
	display: block;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center -30px;
	}


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

	
    #blog_dysvae   {
	width: 100%;
	padding-top: 30px;
	margin-bottom: 0px;
	background-color:rgba(255,215,158,1.00);
	height: auto;
	margin-top: -30px;
}
	
	
	#blog_dysvae .contenedor1  p{
	font-size: 14px;
	font-weight: 500;
	text-align: justify;
	margin: auto;
	color:rgba(39,39,39,1.00);
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 0px;
	max-width: 400px;
	line-height: 24px;	
	}

	
#blog_dysvae .contenedor1  video {
max-width: 360px;
border-radius: 7px;
margin: auto;
}


#imagenes{
width: 100%;
padding-bottom: 0px;
padding-top: 30px;
margin-top: 5px;	
}

	
	#imagenes .icon-garden{
	text-align: center;
	font-size: 60px;
	color:rgba(253,135,65,1.00);
	margin-top: 30px;
	padding-bottom: -20px;	
	}	
	
	
#imagenes .texto_slider{
		align-content: center;
		width: 100%;
		height: auto;
		margin-left:auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 0px;
		text-align: center;
	}	
	
	#imagenes .texto_slider h3{
		
		width: 600px;
		height: auto;
		margin-left:auto;
		margin-right: auto;
		margin-top: 20px;
		margin-bottom: 20px;
		color:rgba(39,39,39,1.00);
		font-size: 40px;
		text-align: center;
		font-family: 'Open Sans', sans-serif;
	    font-weight: 800;
		
	}
	
	
	#imagenes .texto_slider p{
		
		width: 60%;
		height: auto;
		margin-left:auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 70px;
		
	   color:rgba(39,39,39,1.00);
	    font-family: 'Open Sans', sans-serif;
		font-size: 14.5px;
		font-weight: 500;
		line-height: 23px;
		text-align: justify;
		}

	
	
	#imagenes #cel_carrusel{
min-width: 100%;
	display: none;
}	
	

#imagenes #dysvae_carrusel{
min-width: 100%;
display: block;	
}	
	
	
	
	
#imagenes #separador{
		width: 100%;
		height: 0px;
		background-color:rgba(255,215,158,1.00);
		margin-bottom: 0px;
	}	
	
	
	
#imagenes   p{
		
	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: 0px;
	padding-bottom: 50px;
	margin: 10px;
		
	}





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

	
	#invitacion{
	
		display: none;
}
	
	
	
	
	#parallax_dysvae{
	text-align: center;
	/*width: 100%;*/
	margin-top: 5px;
	background-image:url("../imagenes/foot_dysvae.jpg");
	background-attachment: fixed;
	background-position: center 0px;
	height: 600px;
	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_dysvae .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_dysvae 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_dysvae 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_dysvae 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_dysvae a{
	width: 150px;
    height:auto;
	text-align: center;
	text-decoration: none;
	z-index: 10000;
}
	
	
#parallax_dysvae 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_dysvae 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;

  }

	
}