.tresletra{
	width:100%;
	font-size:30px;
	margin:0px;
	}

		.tresprodu{
			width:26%;
text-align:center;
margin:0px 0px 0px 5%;
			
			display:flex;
	flex-wrap:wrap;


}

	


#tresimg{
	top:0px;
	width:90%;
	height:250px;
	margin:0px auto;
	
	}


	@media screen and (max-width: 983px){
			.tresprodu{
			width:45%;
margin:10px 0px 20px 3.5%;}
			}
			
			@media screen and (max-width: 665px){
			.tresprodu{
				width:90%;
				margin:10px 0px 20px 5%;}

			}





.tejas{
	width:100%;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	text-align:center;}
	.imagenosotros{
		width:50%;}
	
.navbar-brand a{
		text-decoration:none;}

		.tejasu{
			width:26%;
			
text-align:center;
margin:10px 0px 20px 5%;
			
			display:flex;
	flex-wrap:wrap;

	border-radius:10px;

	border: 1px solid rgba(0,0,50,0.15);}
		
		#imgtejas{width:80%;
		margin:auto;
		}
		.tejaletra
		{
			width:100%;
				margin:auto;}
				.tejades{width:100%;
			margin:auto;

			}

.stema{
		color:rgba(0,50,100,0.8);	
		width:100%;
		text-align:center;
		font-size:80px;

		}
		.temateja{
			font-size:30px;
			color:rgba(0,50,100,0.8);
			}
		.temals{
			font-size:20px;
			color:rgba(0,25,50,0.8);
			}
		@media screen and (max-width: 983px){
			.tejasu{
			width:45%;
margin:10px 0px 20px 3.5%;}
			}
			
			@media screen and (max-width: 665px){
			.tejasu{
				width:90%;
				margin:10px 0px 20px 5%;}

			}

.Griferia-responsive a {
	color:#666;
	font-size:35px;}
	.Griferia-responsive{
	width:95%;
	background:#FFF;
	display:flex;
	flex-wrap:wrap;
	text-align:center;
	padding:1px 0px 30px 0px;
	margin-left:2.9%;

}

.Griferia
{
	width:23%;
	margin-top:30px;
	margin:10px;
	padding:50px 0px 30px 9px;


}
	.Griferia>Label
	{
		font-size:45px;	
		}
		 
#imag-griferia{
	width:85%;
	height:220px;
	}


@media screen and (max-width: 1070px){
.Griferia-responsive{
	background:#FFF;

}
.Griferia
{
	width:27%;
	margin-left:4.5%;}
	}



@media screen and (max-width: 1000px){
.Griferia-responsive{
	background:#FFF;

}
.Griferia
{
	width:47.5%;
	margin-left:1%;
	}

}



@media screen and (max-width: 713px){
.Griferia{
	width:45%;}




}


























.imgRedonda {
    width:240px;
    height:240px;
    border-radius:5px;
	
}

.buy-theme-wa {position:fixed; top:290px; border-radius: 20px; right: -180px; background: rgba(0,150,0,0.8) 14px center; z-index: 10000;
transition:all 1500ms;}
.buy-theme {right: -10px}
.buy-theme span {padding:0 0px; position: relative; top:0; opacity: 0; }
.buy-theme span {opacity: 1}
.buy-theme a { color: white; font-size: 50px; letter-spacing: 1px; text-transform: uppercase; padding:2px 20px 5px 0px; display: block; margin-top:10px; text-decoration:none; font:bold; }
#tama{
	font-size:20px;
	padding:0px 1px 10px  1px;
text-decoration: none;
color: white;
}
#tama:hover{
color: rgb(177, 177, 177);
}


	#imgwhats{
	width:45px;
	height:45px;
	padding:0px 1px 10px  1px;
	margin-top:-3px;
	float:left;
	margin-left:5px;
}
@media screen and (max-width: 1200px){
.buy-theme	#imgwhats{
	width:30px;
	height:30px;

}

.buy-theme #tama {
	font-size:26%;}
	.buy-theme-wa{
		margin-right:-200px;
	}
	.buy-theme-wa {margin-right: -10px}
	}








.buy-theme-wa1 {position:fixed; top:135px; border-radius: 20px; right: -180px; background:rgba(0,150,255,0.9) 14px center; z-index: 10000;
transition:all 1500ms;}
.buy-theme1 {right: -10px}
.buy-theme1 span {padding:0 0px; position: relative; top:0; opacity: 0; }
.buy-theme1 span {opacity: 1}
.buy-theme1 a { color: white; font-size: 50px; letter-spacing: 1px; text-transform: uppercase; padding:2px 20px 5px 0px; display: block; margin-top:10px; text-decoration:none; font:bold; }
#tama1{
	font-size:20px;
	padding:0px 1px 10px  1px;}
	#tama2{
		font-size:20px;
		padding:1px 1px 10px  1px;}
		
	#imgwhats1{
	width:35px;
	height:35px;
	padding:0px 1px 10px  1px;
	margin-top:2px;
	float:left;
	margin-left:5px;
}


@media screen and (max-width: 1200px){
.buy-theme1	#imgwhats1{
	width:30px;
	height:30px;

}

.buy-theme1 #tama1 {
	font-size:26%;}
	.buy-theme-wa1{
		margin-right:-200px;
	}
	.buy-theme-wa1 {margin-right: -10px}
	}


.Promo{
	background:rgba(255,255,255,0.2);
	width:45%;
	height:70%;
	font-size:18px;
	text-align:center;
	padding:33px;
	
	border-radius:22px;
	position:absolute;
	left:25%;
	top:10%;
	}
	.cerrar{
		position:absolute;
		right:2px;
		top:2px;
z-index:9999;
		}

	.cerrar img{
		width:30px;
		z-index:9999;

		}
		.Promo #al{
			width:100%;
			z-index:1;
			position:absolute;
			
			top:0px;
			left:0px;
			
			border-radius:22px;
			
			
			height:100%;}

.promof{
	margin:-5px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	position:fixed;}
	@media screen and (max-width: 1000px){
		.Promo{
			width:60%;
			left:18%;
		}
		.cerrar{
		right:8px;
		top:8px;

		}
		
		}
		footer{
		background:rgb(223, 82, 0);
	color: #FFF;
	width:100%;}
	
	.container-todo{
		width:100%;
		max-width:1400px;
		margin:auto;
		padding:40px;

	}

.container-footer{
		display:flex;
		justify-content:space-between;
	}
	.columna1{
		max-width:400px;
	}
	
	.columna1 h1{
		font-size:27px;
	}
	.columna1 h6{
		font-size:20px;
		color:rgb(255, 255, 255);
		margin-top:10px;
		padding:10px;
	}
	
	.columna2{
		max-width:400px;
	}
	
	.columna2 h1{
		font-size:27px;
	}
	
	.columna2 fila{
		margin-top:20px;
	}
	.columna2 label{
		color:rgb(255, 255, 255);
		font-size:20px;
	}

	.columna2 label a{
		color:rgb(255, 255, 255);
		font-size:20px;
	}
	
	.columna2 label a:hover{
		color:rgb(223, 223, 223);
		font-size:20px;
	}

	.fila{
		display:flex;
		margin-top:20px;
		
	}
	
	.fila img {
		width:36px;
		height:36px;
	}

	
	.fila label{
		margin-top:5px;
		margin-left:10px;
	}
	
	*{margin:0px;
	padding:0px;
	box-sizing:border-box;}
	
	
	.columna3{
		max-width:450px;
	}
	.columna3 h1{
		font-size:27px;
		
	}
	.fila2{
		margin-top:20px;
		display:flex;
	}
	.fila2 img{
		width:36px;
		height:36px;
	
	}
	.fila2 label, .fila2 label a {
		margin-left:15px;
		max-width:300px;
		margin-top:10px;
		font-size:16px;
		color:rgb(255, 254, 254);
		}

.container-footer2{
			width:100%;
			background:rgb(31, 31, 31);
			display:flex;
			padding:10px;
			justify-content:space-between;
			}
	




























@media screen and (max-width: 1200px){
	
	
	.container-footer{
		flex-wrap:wrap;}


		.columna2, .columna3{
			margin-top:40px;}


			.columna1{
				max-width:100%;}


				 .columna1 h1,.columna2 h1,.columna3 h1{
					font-size:50px;}

					.fila label {
						font-size:30px;
						margin-top:0px;
					}

					.fila2 label {
						font-size:22px;
					}
			
	.columna1 h6{
		font-size:20px;

	}
}


h3{
		font-size:28px;
		margin-top:25px;}



		.ContactoTop{
			display: flex;
			background: rgb(0, 23, 117); color:white; width:100%; text-align:center;
		}

		.ContactoTop-1{
width: 40%;
		}

		.ContactoTop-2{
			width: 30%;
					}

		.ContactoTop-3{
			width: 30%;
		}

		@media screen and (max-width: 800px){
			.ContactoTop{
			display: block;}
			.ContactoTop-1, .ContactoTop-2, .ContactoTop-3{
				width: 100%;
						}

		}