@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_productos{
	
	text-align: center;
	margin-top: 100px;
	display: block;
	}



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

}

#contenido_productos .banner{
	display: none;
}


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



#contenido_productos .banner_movil_guantes h1{
	width: 90%;
	font-family: 'Dosis', sans-serif;
	font-weight: 500;
	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;
}	


#contenido_productos .banner_guantes{
	display: none;
}	


#contenido_productos .banner_movil{
	
	background-image: url(../imagenes/banners/ban_diques_dentales_movil.jpg);
	margin-bottom: 0px;
	margin: auto;
	margin-top: 0px;
	height: 750px;
	width: 100%;
	float:none;
	display: block;
	background-repeat: no-repeat;
	text-align: center;
	background-position: center -400px;
}

#contenido_productos .banner_movil h1{
	width: 90%;
	font-family: 'Dosis', sans-serif;
	font-weight: 500;
	letter-spacing: 1px;
	padding-top: 310px;
	padding-bottom: 0px;
	line-height: 45px;
	font-size: 45px;
	color: aliceblue;
	/*color: rgba(0,6,73,1.00);*/
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 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);
	}
}




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



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


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


#contenido_productos{
	
	text-align: center;
	margin-top: 90px;
	display: block;
	}



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

}

#contenido_productos .banner_movil{
	
	
	display: none;
	
}	
	
	#contenido_productos .banner_movil_guantes{
		display: none;
	}
	
	#contenido_productos .banner_guantes{
	
	text-align: center;
	/*width: 100%;*/
	margin-top: 0px;
	padding-top: 0px;
	background-image: url(../imagenes/banners/ban_guantes.jpg);
	background-attachment: fixed;
	background-position: center 70px;
	height: 530px;
	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_productos .banner_guantes h1{
	width: 90%;
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
	letter-spacing: 2px;
	padding-top: 250px;
	padding-bottom: 0px;
	line-height: 35px;
	font-size: 50px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}	
	
	
	
	
#contenido_productos .banner{
	
	text-align: center;
	/*width: 100%;*/
	margin-top: 0px;
	padding-top: 0px;
	background-image: url(../imagenes/banners/secc_diques_delatex.jpg);
	background-attachment: fixed;
	background-position: center 70px;
	height: 530px;
	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_productos .banner h1{
	width: 90%;
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
	letter-spacing: 2px;
	padding-top: 250px;
	padding-bottom: 0px;
	line-height: 35px;
	font-size: 50px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}	
	
	
	.datos{
	width: 50%;
	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;
	
}


	
	
	}