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

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

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




#banner_talleres h2{
	font-size: 27px;
	padding-top: 280px;
	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: 35px;
	}





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



	

#blog_talleres .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_talleres .contenedor1  p{
	font-size: 14.5px;
	text-align: justify;
	margin: auto;
	color:rgba(39,39,39,1.00);
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 0px;
	max-width: 390px;
	line-height: 20px;	
	}


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



#blog_talleres .contenedor1 .reed a{
	width: auto;
	height: auto;
	padding: 10px;
	padding-left: 8px;
	padding-right: 8px;
	font-family:   'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 12px;
	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);
	
	}
	

#blog_talleres .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;
	font-weight: 800;
	color: rgba(39,39,39,1.00);
	font-size: 12px;
	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_talleres .contenedor1  img {
	max-width: 390px;
	/*max-width: 280px;*/
	/*width: 280px;*/
	border-radius: 7px;
	margin: auto;
}



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


.icon-down-dir  {
	text-align: center;
	font-size: 60px;
	color:rgba(255,215,158,1.00);
	margin-top: -29px;
	padding-top: 0px;

}


 h2{
	font-size: 22px;
	
	margin-top: 0px;
	margin: auto;
	color:rgba(39,39,39,1.00);
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	padding-top: -50px;
	display: block;
	width: 60%;
	 text-align: center;
	padding-bottom: 20px;
	}


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


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


#parallax_talleres{
			
	display: none;	
	}



#invitacion_talleres .icon-heart{
	padding-top: 300px;
	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_talleres h1{
	font-size: 35px;
	padding-bottom: 10px;
	padding-top: 15px;
	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_talleres h3{
	font-size: 21px;
	padding-bottom: 5px;
	
	margin: auto;
	color: black;
	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;
	}

#invitacion_talleres p{
	font-size: 15px;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-align: center;
	width: 82%;
	margin: auto;
    text-shadow: 2px 2px 4px rgba(41,41,41,0.95);
	letter-spacing: 0px;
	line-height: 20px;
	padding-bottom: 10px;
	}


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

	
	
	#blog_talleres   {
	width: 100%;
	padding-top: 0px;
	margin-bottom: 0px;
	background-color:rgba(255,215,158,1.00);
	height: auto;
	margin-top: -20px;
}
	
	
	#blog_talleres .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: 430px;
	line-height: 20px;	
	padding-top: 50px;
	}


#blog_talleres .contenedor1  img {
	max-width: 400px;
	/*max-width: 280px;*/
	/*width: 280px;*/
	border-radius: 7px;
	margin: auto;
	margin-top: 50px;
}


	
	
 .icon-down-dir  {
	text-align: center;
	font-size: 60px;
	color:rgba(255,215,158,1.00);
	margin-top: -29px;
	padding-top: 0px;
	
	
}
	
	
	
	/*======================= parallax 1024 ========================*/
	

	
	#invitacion_talleres{
	
		display: none;
}
	
	
	
	
	#parallax_talleres{
	text-align: center;
	margin-top: 0px;
	background-image: url(../imagenes/foot_talleres.jpg);
	background-attachment: fixed;
	background-position: center 70px;
	height: 700px;
	background-size: cover;
		opacity: 0.9;
	
	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_talleres .icon-heart{
	padding-top: 170px;
	text-align: center;
	font-size: 40px;
	margin: auto;
	color:rgba(253,135,65,1.00);
	text-shadow: 0.5px 0.5px 4px rgba(41,41,41,0.65);

		
}



#parallax_talleres h1{
	font-size: 35px;
	padding-bottom: 0px;
	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: 36px;
	}




#parallax_talleres 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_talleres p{
	font-size: 18px;
	color: rgba(252,252,252,1.00);
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	text-align: center;
	width: 40%;
	margin: auto;
	text-shadow: 2px 2px 4px rgba(41,41,41,1.00);
	letter-spacing: 0px;
	line-height: 23px;
	padding-bottom: 30px;
	}


 
	#parallax_talleres a{
	width: 150px;
    height:auto;
	text-align: center;
	text-decoration: none;
	z-index: 10000;
}
	
	
#parallax_talleres a h6  {
width: 150px;
margin-top: 30px;
font-family: 'Abel', sans-serif;
color:rgba(0,0,0,1.00);
background-color:rgba(255,106,19,1.00);
font-weight: 900;
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;

  }
	
	
	}