/* CSS Document */
.swiper-container {
      width: 100%;
      height: 83%;
    }


	
	.plafon
{width:95%;
margin:10px auto;
	display:flex;
	flex-wrap:wrap;
	padding:20px 10px 40px 10px;
}
	.cabinas
{width:95%;
margin:10px auto;
	display:flex;
	flex-wrap:wrap;
	padding:20px 10px 40px 10px;
}

.pla1{width:60%;

margin:10px auto;
	display:flex;
	flex-wrap:wrap;
}
.ca1{width:50%;

margin:10px auto;
	display:flex;
	flex-wrap:wrap;
	padding:30px;
	
	
}



.plah {text-align:center;
font-size:50px;
color:rgba(102,204,200,0.5);}

.plah1 {text-align:center;
font-size:25px;
color:rgba(90,170,150,0.4);}

.plah2 {text-align:center;
font-size:21px;
color:rgba(51,51,51,0.7);}
.cah2 {text-align:center;
font-size:17px;
color:rgba(51,51,51,0.7);}


.pla2{width:39%;
margin:10px auto ;
	display:flex;
	flex-wrap:wrap;}
.im {
	width:50%;
	 margin:auto;}
	 
	 .imc{
		 width:40%;
		 text-align:center;}
		  .imc1{
		 width:60%;}
		 .lcabi {text-align:center;
font-size:45px;
color:rgba(0,30,100,0.5);}
.im1 {
	width:50%;
	 margin:auto;
	 padding:5px;}
	 .tt{
		 margin:auto;}
#imgp{
	width:99%;
	}
	#imp{
	width:80%;
	}

	.plan {width:50%;

	text-align:center;
	margin:auto;}
#cdc {
	width:100%;}
    .Griferia-Slider {
      background: #fff;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color:#000;
      margin: 0px;
      padding: 30px 0px 0px 0px;
    }
    .swiper-container {
      width: 100%;
      padding-top: 55px;
      padding-bottom: 50px;
    }
    .swiper-slide {
      background-position: center;
      background-size: cover;
      width: 500px;
      height: 400px;
    }
	.tema{
		color:silver;	
		width:100%;
		height:100px;
		text-align:center;
		font-size:100px;
		}
		
.Griferia-responsive a {
	color:#666;
	font-size:35px;}
	

.lba {
	font-size:30px;}


.Griferia-responsive{
	width:95%;
	background:#FFF;
	display:flex;
	flex-wrap:wrap;
	text-align:center;
	padding:1px 0px 30px 0px;
	margin-left:2.9%;


	
	
}

.Mar
{
	width:90%;
	
	display:flex;
	flex-wrap:wrap;
	text-align:center;
	padding:1px 0px 10px 0px;
	margin:40px auto ;
	border-style:dashed;
	border-color:#CCC;


	
}
#ari{
	height:350px;
	}

.Aries
{
	width:90%;
	
	display:flex;
	flex-wrap:wrap;
	text-align:center;
	padding:1px 0px 10px 0px;
	margin:40px auto ;
border-style:dashed;
	border-color:#CCC;


	
}
.Piedra
{
	width:90%;
	display:flex;
	flex-wrap:wrap;
	text-align:center;
	padding:10px 10px 10px 10px;
	margin:80px auto ;

	height:650px;



	
}
.LPiedra1 {

	width:55%;
	padding:0px 0px 0px 0px; 

	height:520px;}
	
.LPiedra{
	display:flex;
	flex-wrap:wrap;
	width:45%;
	margin:0px;
		height:750px;
		
	 	
}
.piedras{
	
	width:50%;
	height:290px;
	margin-top:-100px;



}
.piedras1{
	
	width:100%;
	height:10px;
	line-height:10px;

	height:50px;
	line-height:50px;
	top:-100px;


}
#pi{width:95%;
height:250px;
}
#ps{
	width:95%;
	height:600px;}
	
 .t {

	font-size:50px;
}
.tmar{

	font-size:50px;
}
.lp{
	font-size:60px;
color:#999;}
@media screen and (max-width: 800px){
.tmar {

	font-size:30px;
}


}
@media screen and (max-width: 1000px){

.Piedra{
	width:80%;
	height:1120px;
	
}
	.LPiedra{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin-top:-100px;
	


}

.LPiedra1{
	width:90%;
	margin:0px auto 0px  ;
	padding:0px;}
	#pi{
		width:90%;
		height:230px;}
		.piedras{margin-top:0px;
		height:250px;
		}
		.lp{color:#FFF;
		font-size:60px;}
		#ps{
			height:500px;}
}











.banera{
	width:98%;	
	display:flex;
	flex-wrap:wrap;
	text-align:center;
	padding:10px 10px 10px 10px;
	margin:80px auto ;}

.ban1, .ban2, .ban3{width:33.3%;}

#imgban{width:100%;
height:420px;}


.Piedra0
{
	width:90%;
	display:flex;
	flex-wrap:wrap;
	text-align:center;
	padding:10px 10px 10px 10px;
	margin:100px auto ;



	height:1000px;



	
}
.LPiedra10 {

	width:55%;
	padding:0px 0px 0px 0px; 

	height:520px;}
	
.LPiedra0{
	display:flex;
	flex-wrap:wrap;
	width:45%;
	margin:0px;
		height:850px;
		
	 	
}
.piedras0{
	
	width:50%;
	height:320px;
	margin-top:0px;



}
.piedras10{
	
	width:100%;
	height:10px;
	line-height:10px;

	height:50px;
	line-height:50px;
	top:-100px;


}
#pi0{width:95%;
height:250px;
}
#ps0{
	width:95%;
	height:1000px;}
	
 .t0 {

	font-size:50px;
}
.tmar0{

	font-size:50px;
}
.lp0{
	font-size:100px;
color:#999;}
@media screen and (max-width: 1100px){

.pla2{
	width:95%;}
	.pla1{
	width:95%;}
	.ca1{
	width:95%;}

}









@media screen and (max-width: 800px){
.tmar0 {

	font-size:30px;
}


}
@media screen and (max-width: 1050px){

.Piedra0{
	width:80%;
	height:1575px;
	
}
	.LPiedra0{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin-top:40px;
	height:1000px;


}

.LPiedra10{
	width:90%;
	margin:0px auto 0px  ;
	padding:0px;
	height:550px;}
	#pi0{
		width:90%;
		height:230px;}
		.piedras0{margin-top:0px;
		height:290px;
		}
		.lp0{color:#FFF;
		font-size:60px;}
		#ps0{
			height:650px;}
			.ban1, .ban2, .ban3{width:49%;
			height:480px;

			margin:auto;}
			#imgban{
				height:380px;}
}





















 .t1 {
	color:#333;
	font-size:30px;
}

 .t2 {
	color:#333;
	font-size:20px;
}
#Mar{width:90%;
height:480px;    
}

.submar{
	width:55%;
	margin-top:30px;
	margin:10px auto;
	padding:1px 0px 10px 1px;

	height:490px;



}
.aries{
	width:50%;
	margin-top:30px;
	margin:10px auto;
	padding:1px 0px 10px 1px;
	height:430px;

}
.submar2{
	width:40%;
	margin-top:30px;
	margin:10px auto;
	padding:1px 0px 10px 1px;

	height:480px;



}

#ari
{
	width:90%;
	height:430px;}
	

.Serie
{
	width:15%;
	margin-top:30px;
	margin:10px;
	padding:90px 0px 30px 9px;

}
.Hid
{
	width:23%;
	margin-top:30px;
	margin:10px;
	padding:90px 0px 30px 9px;

}

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


}
.Sanitarios
{
	width:48%;
	margin-top:30px;
	margin:10px;
	padding:90px 0px 30px 9px;

}



#imag-griferia{
	width:85%;
	height:220px;
	}
	#imag-griferia-lexus{
	width:85%;
	height:260px;
	}
	#Scr{
	width:65%;
	height:450px;
	border-radius:10px;
	margin:	auto;
	}
	#Scrb{
	width:99%;
	height:540px;
	border-radius:10px;
	margin:	auto;
	}
	
	.Griferia>Label
	{
		font-size:45px;	
		}
		.SerieF{
			width:90%;
			margin:20px auto;

		
		
			}
			#serief{
				width:90%;
				border-radius:8px;}
		
		
		
		
		#mostrar-modal label{
			font-size:20px;}
		.modal-lexus1,
		.modal-lexus2,
		.modal-lexus3,
		.modal-lexus4,
		.modal-lexus5,
		.modal-lexus6,
		.modal-lexus7,
		.modal-lexus8,
		.modal-lexus9,
		.modal-lexus10,
		.modal-lexus11,
		.modal-lexus12,
		.modal-lexus13,
		.modal-lexus14,
		.modal-lexus15,
		.modal-lexus16,
		.modal-lexus17,
		.modal-lexus18,
		.modal-lexus19,
		.modal-lexus20,
		.modal-lexus21,
		.modal-lexus22,
		.modal-lexus23,
		.modal-lexus24,
		.modal-lexus25,
		.modal-lexus26,
		.modal-lexus27,
		.modal-lexus28,
		.modal-lexus29,
		.modal-lexus30,
		.modal-lexus31,
		.modal-lexus32,
		.modal-lexus33,
		.modal-lexus34,
		.modal-lexus35,
		.modal-lexus36{
			position:fixed;
			top:-100vh;
			left:0;
			z-index:999999;
			background:rgba(0,0,0,0.7);
			width:100vw;
			height:100vh;
			opacity:0;
			transition:opacity 1.35s ease;
		}
		
		.modal-lexus1 .contenido-modal,
		.modal-lexus2 .contenido-modal,
		.modal-lexus3 .contenido-modal,
		.modal-lexus4 .contenido-modal,
		.modal-lexus5 .contenido-modal,
		.modal-lexus6 .contenido-modal,
		.modal-lexus7 .contenido-modal,
		.modal-lexus8 .contenido-modal,
		.modal-lexus9 .contenido-modal,
		.modal-lexus10 .contenido-modal,
		.modal-lexus11 .contenido-modal,
		.modal-lexus12 .contenido-modal,
		.modal-lexus13 .contenido-modal,
		.modal-lexus14 .contenido-modal,
		.modal-lexus15 .contenido-modal,
		.modal-lexus16 .contenido-modal,
		.modal-lexus17 .contenido-modal,
		.modal-lexus18 .contenido-modal,
		.modal-lexus19 .contenido-modal,
		.modal-lexus20 .contenido-modal,
		.modal-lexus21 .contenido-modal,
		.modal-lexus22 .contenido-modal,
		.modal-lexus23 .contenido-modal,
		.modal-lexus24 .contenido-modal,
		.modal-lexus25 .contenido-modal,
		.modal-lexus26 .contenido-modal,
		.modal-lexus27 .contenido-modal,
		.modal-lexus28 .contenido-modal,
		.modal-lexus29 .contenido-modal,
		.modal-lexus30 .contenido-modal,
		.modal-lexus31 .contenido-modal,
		.modal-lexus32 .contenido-modal,
		.modal-lexus33 .contenido-modal,
		.modal-lexus34 .contenido-modal,
		.modal-lexus35 .contenido-modal,
		.modal-lexus36 .contenido-modal{
			width:100%;
			max-width:500px;
			position:fixed;
			left:50%;
			top:-100vh;
			transition:top 0.35s ease;
			margin-left:-250px;
			background:rgba(250,250,250,0.9);
			box-shadow:0 1px 2px :#000;
			border-radius:2px;
			z-index:99999999;
			}
			
			
			
			
			
		.modal-lexus1 h6,
		.modal-lexus2 h6,
		.modal-lexus3 h6,
		.modal-lexus4 h6,
		.modal-lexus5 h6,
		.modal-lexus6 h6,
		.modal-lexus7 h6,
		.modal-lexus8 h6,
		.modal-lexus9 h6,
		.modal-lexus10 h6,
		.modal-lexus11 h6,
		.modal-lexus12 h6,
		.modal-lexus13 h6,
		.modal-lexus14 h6,
		.modal-lexus15 h6,
		.modal-lexus16 h6,
		.modal-lexus17 h6,
		.modal-lexus18 h6,
		.modal-lexus19 h6,
		.modal-lexus20 h6,
		.modal-lexus21 h6,
		.modal-lexus22 h6,
		.modal-lexus23 h6,
		.modal-lexus24 h6,
		.modal-lexus25 h6,
		.modal-lexus26 h6,
		.modal-lexus27 h6,
		.modal-lexus28 h6,
		.modal-lexus29 h6,
		.modal-lexus30 h6,
		.modal-lexus31 h6,
		.modal-lexus32 h6,
		.modal-lexus33 h6,
		.modal-lexus34 h6,
		.modal-lexus35 h6,
		.modal-lexus36 h6{
			padding:0.5em;
			text-align:center;
			color:black;
			margin:0;
			font-size:28px;
		}	
			.modal-lexus1 article,
			.modal-lexus2 article,
			.modal-lexus3 article,
			.modal-lexus4 article,
			.modal-lexus5 article,
			.modal-lexus6 article,
			.modal-lexus7 article,
			.modal-lexus8 article,
			.modal-lexus9 article,
			.modal-lexus10 article,
			.modal-lexus11 article,
			.modal-lexus12 article,
			.modal-lexus13 article,
			.modal-lexus14 article,
			.modal-lexus15 article,
			.modal-lexus16 article,
			.modal-lexus17 article,
			.modal-lexus18 article,
			.modal-lexus19 article,
			.modal-lexus20 article,
			.modal-lexus21 article,
			.modal-lexus22 article,
			.modal-lexus23 article,
			.modal-lexus24 article,
			.modal-lexus25 article,
			.modal-lexus26 article,
			.modal-lexus27 article,
			.modal-lexus28 article,
			.modal-lexus29 article,
			.modal-lexus30 article,
			.modal-lexus31 article,
			.modal-lexus32 article,
			.modal-lexus33 article,
			.modal-lexus34 article,
			.modal-lexus35 article,
			.modal-lexus36 article{/*celular*/
			height:520px;
			background:rgba(20,20,20,0.9);
			text-align:center;}
			
			article img {
				width:100%;
				height:100%;}
			
		.cerrar-modal{
			color:white;
			position:absolute;
			top:0.2em;
			right:0.375em;
			margin:0;
			padding:1px;
			font-weight:bold;
			font-size:1.5em;
			text-decoration:none;
		}

		
		.modal-lexus1 a:hover,
		.modal-lexus2 a:hover,
		.modal-lexus3 a:hover,
		.modal-lexus4 a:hover,
		.modal-lexus5 a:hover,
		.modal-lexus6 a:hover,
		.modal-lexus7 a:hover,
		.modal-lexus8 a:hover,
		.modal-lexus9 a:hover,
		.modal-lexus10 a:hover,
		.modal-lexus11 a:hover,
		.modal-lexus12 a:hover,
		.modal-lexus13 a:hover,
		.modal-lexus14 a:hover,
		.modal-lexus15 a:hover,
		.modal-lexus16 a:hover,
		.modal-lexus17 a:hover,
		.modal-lexus18 a:hover,
		.modal-lexus19 a:hover,
		.modal-lexus20 a:hover,
		.modal-lexus21 a:hover,
		.modal-lexus22 a:hover,
		.modal-lexus23 a:hover,
		.modal-lexus24 a:hover,
		.modal-lexus25 a:hover,
		.modal-lexus26 a:hover,
		.modal-lexus27 a:hover,
		.modal-lexus28 a:hover,
		.modal-lexus29 a:hover,
		.modal-lexus30 a:hover,
		.modal-lexus31 a:hover,
		.modal-lexus32 a:hover,
		.modal-lexus33 a:hover,
		.modal-lexus34 a:hover,
		.modal-lexus35 a:hover,
		.modal-lexus36 a:hover{
			color:#936;
		}
		.modal-lexus1:target,
 .modal-lexus2:target,
 .modal-lexus3:target,
 .modal-lexus4:target,
 .modal-lexus5:target,
 .modal-lexus6:target,
 .modal-lexus7:target,
 .modal-lexus8:target,
 .modal-lexus9:target,
 .modal-lexus10:target,
 .modal-lexus11:target,
 .modal-lexus12:target,
 .modal-lexus13:target,
 .modal-lexus14:target,
 .modal-lexus15:target,
 .modal-lexus16:target,
 .modal-lexus17:target,
 .modal-lexus18:target,
 .modal-lexus19:target,
 .modal-lexus20:target,
 .modal-lexus21:target,
 .modal-lexus22:target,
 .modal-lexus23:target,
 .modal-lexus24:target,
 .modal-lexus25:target,
 .modal-lexus26:target,
 .modal-lexus27:target,
 .modal-lexus28:target,
 .modal-lexus29:target,
 .modal-lexus30:target,
 .modal-lexus31:target,
 .modal-lexus32:target,
 .modal-lexus33:target,
 .modal-lexus34:target,
 .modal-lexus35:target,
 .modal-lexus36:target{
			opacity:1;
			top:0;
		}
		.modal-lexus1 .btn-cerrar-modal,
		.modal-lexus2 .btn-cerrar-modal,
		.modal-lexus3 .btn-cerrar-modal,
		.modal-lexus4 .btn-cerrar-modal,
		.modal-lexus5 .btn-cerrar-modal,
		.modal-lexus6 .btn-cerrar-modal,
		.modal-lexus7 .btn-cerrar-modal,
		.modal-lexus8 .btn-cerrar-modal,
		.modal-lexus9 .btn-cerrar-modal,
		.modal-lexus10 .btn-cerrar-modal,
		.modal-lexus11 .btn-cerrar-modal,
		.modal-lexus12 .btn-cerrar-modal,
		.modal-lexus13 .btn-cerrar-modal,
		.modal-lexus14 .btn-cerrar-modal,
		.modal-lexus15 .btn-cerrar-modal,
		.modal-lexus16 .btn-cerrar-modal,
		.modal-lexus17 .btn-cerrar-modal,
		.modal-lexus18 .btn-cerrar-modal,
		.modal-lexus19 .btn-cerrar-modal,
		.modal-lexus20 .btn-cerrar-modal,
		.modal-lexus21 .btn-cerrar-modal,
		.modal-lexus22 .btn-cerrar-modal,
		.modal-lexus23 .btn-cerrar-modal,
		.modal-lexus24 .btn-cerrar-modal,
		.modal-lexus25 .btn-cerrar-modal,
		.modal-lexus26 .btn-cerrar-modal,
		.modal-lexus27 .btn-cerrar-modal,
		.modal-lexus28 .btn-cerrar-modal,
		.modal-lexus29 .btn-cerrar-modal,
		.modal-lexus30 .btn-cerrar-modal,
		.modal-lexus31 .btn-cerrar-modal,
		.modal-lexus32 .btn-cerrar-modal,
		.modal-lexus33 .btn-cerrar-modal,
		.modal-lexus34 .btn-cerrar-modal,
		.modal-lexus35 .btn-cerrar-modal,
		.modal-lexus36 .btn-cerrar-modal{
			position:absolute;
			left:0;
			width:100%;
			height:100%;
			z-index:9999999;
		}
			.modal-lexus1:target .contenido-modal,
			.modal-lexus2:target .contenido-modal,
			.modal-lexus3:target .contenido-modal,
			.modal-lexus4:target .contenido-modal,
			.modal-lexus5:target .contenido-modal,
			.modal-lexus6:target .contenido-modal,
			.modal-lexus7:target .contenido-modal,
			.modal-lexus8:target .contenido-modal,
			.modal-lexus9:target .contenido-modal,
			.modal-lexus10:target .contenido-modal,
			.modal-lexus11:target .contenido-modal,
			.modal-lexus12:target .contenido-modal,
			.modal-lexus13:target .contenido-modal,
			.modal-lexus14:target .contenido-modal,
			.modal-lexus15:target .contenido-modal,
			.modal-lexus16:target .contenido-modal,
			.modal-lexus17:target .contenido-modal,
			.modal-lexus18:target .contenido-modal,
			.modal-lexus19:target .contenido-modal,
			.modal-lexus20:target .contenido-modal,
			.modal-lexus21:target .contenido-modal,
			.modal-lexus22:target .contenido-modal,
			.modal-lexus23:target .contenido-modal,
			.modal-lexus24:target .contenido-modal,
			.modal-lexus25:target .contenido-modal,
			.modal-lexus26:target .contenido-modal,
			.modal-lexus27:target .contenido-modal,
			.modal-lexus28:target .contenido-modal,
			.modal-lexus29:target .contenido-modal,
			.modal-lexus30:target .contenido-modal,
			.modal-lexus31:target .contenido-modal,
			.modal-lexus32:target .contenido-modal,
			.modal-lexus33:target .contenido-modal,
			.modal-lexus34:target .contenido-modal,
			.modal-lexus35:target .contenido-modal,
			.modal-lexus36:target .contenido-modal{
				top:50px;
				transition:top 0.35s ease;
			}
		
		
		@media screen and (max-width: 1400px){
	.Serie{
	width:18%;
	margin-left:4.5%;}
	
	.Hid{
	width:27%;
	margin-left:4.5%;}
	
	#Scr{height:500px;}
		#Scrb{height:470px;}
		}
		
		
			@media screen and (max-width: 900px){
	.Serie{
	width:25%;
	margin-left:4.5%;}
	.Hid{
	width:40%;
	margin-left:4.5%;
	height:620px;}
	#Scr{
		width:60%;
		height:400px;}
			#Scrb{
		height:500px;}
		}

@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%;
	}

}


.contenedor-cel{
    position: relative;
    display: inline-block;
    text-align: center;
	width:49.5%;
	height:300px;
	font-size:50px;
	padding:0px 0px 0px 0px;
}

 .contenedor-cel a{
	 color:#FFF;}
	  .contenedor-cel img{
		  width:100%;
		  height:100%;}
.centrar-texto{
	background-color:rgba(0,0,0,0.1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	
}



*{
	font-family: 'Quicksand', sans-serif;
	margin:0;
	padding:0;
	box-sizing:border-box;
	text-decoration:none;
}

header{
	width:100%;
	height:55px;
	background:#333;
	position:fixed;
	z-index:100000;
}


	h3{
		float:left;
		margin-top:10px;
		margin-left:2%;
	color:#CCC;
		font-size:20px;
			font-family: 'Quicksand', sans-serif;}
	
	#check{display:none;}
	
	.icon-menu{display:none;
	color:#CCC;}
	.menu ul {
		display:flex;
		float:right;
		margin-top:0px;
	}
	.menu li:hover{
		background:rgba(255,255,255,0.3);
		cursor:pointer;
		transition:all 1000ms;
	}
	.menu li
	{
		list-style:none;
		padding:15px;}
		
		.menu a{
			color:white;
			font-size:18px;
		}
	.icon-home,	
		.icon-box,
		.icon-user,
	.icon-comment-alt,
	.icon-book{
		color:white;
		cursor:pointer;
		font-size:20px;}
		
		
		
	
	
	
	
	
	
	
	
	
#imgindex
	{
		position:relative;
		 width:40%;
		  height:200px;
		  padding: 1px 20px 40px 20px;

		  }
		.wrapper #Menuboton
	{
		position:absolute;
		 width:90px;
		  height:90px;
	float:right;
	display:none;
left:85%;
		  }
		  
	footer{
		background:#000;
	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:#999;
		margin-top:10px;
		padding:10px;
	}
	
	.columna2{
		max-width:400px;
	}
	
	.columna2 h1{
		font-size:27px;
	}
	
	.columna2 fila{
		margin-top:20px;
	}
	.columna2 label{
		color:#999;
		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{
		margin-left:15px;
		max-width:300px;
		margin-top:10px;
		font-size:19px;
		color:#999;
		}
		.Hid a{font-size:25px;}
		.container-footer2{
			width:100%;
			background:rgba(255,255,255,0.1);
			display:flex;
			padding:10px;
			justify-content:space-between;
			}
	
	
	
	
		 
		 .menuindex{
			 text-align:center;
			 
margin:auto
		  padding: 1px 1px 1px 1px;
		  }
		  
*{
	margin: 0px;
	/* [disabled]padding:0px; */
}

.wrapperg1{
width:100%;
max-width:1500px;
margin:auto;
overflow:hidden;

}
body {
background:#FFFFFa;
}


.wrapper2{

width:90%;
max-width:1300px;
margin:15px;
}

.wrapper4{
width:90%;
max-width:1100px;
margin:auto;
overflow:hidden;
}
.wrappercont{
width:1300px;
max-width:1300px;
margin:auto;
overflow:hidden;
}
.wra{
width:1400px;
max-width:1400px;
min-width:1300px;
margin:auto;
overflow:hidden;

}
.wrapper{
width:100%;
max-width:1100px;
margin:auto;
overflow:hidden;
}
.wrapper_01{
width:100%;
background-color:#06C;
margin:auto;
overflow:hidden;
}

.img{
width:100%;
height:300px;

}







#check:checked ~ .menu{
	transform:translateX(0);
	z-index:10000;
}
.Con-Productos{
	display:none;	
	width:97%;
	background:white;
	margin:auto;
	padding:75px 0px 0px;

}
@media screen and (max-width: 1000px){

.modal-lexus1:target .contenido-modal,.modal-lexus2:target .contenido-modal,.modal-lexus3:target .contenido-modal,.modal-lexus4:target .contenido-modal,.modal-lexus5:target .contenido-modal,.modal-lexus6:target .contenido-modal{
				top:100px;
			
			}
			.modal-lexus1 article,.modal-lexus2 article,.modal-lexus3 article,.modal-lexus4 article,.modal-lexus5 article,.modal-lexus6 article{/*celular*/
			height:1000px;
			}

		.modal-lexus1 .contenido-modal,.modal-lexus2 .contenido-modal,.modal-lexus3 .contenido-modal,.modal-lexus4 .contenido-modal,.modal-lexus5 .contenido-modal,.modal-lexus6 .contenido-modal{
	
			max-width:800px;
	
			left:35%;

			}
			.tema{
				font-size:80px;}
}







@media screen and (max-width: 1200px){
	
	 .Griferia-Slider {
   
      padding: 70px 0px 0px 0px;
    }
	.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;

	}
			
		
#imgindex
	{
		position:relative;
		 width:100%;
		  height:300px;
		  }
		  
		  
	
	
		

		
		
		
		
		
		
		
		
		

}
@media screen and (max-width: 1300px){
	.seccion-productos{
		display:none;}
	.Con-Productos{
	display:block;
}
		
		}

@media screen and (max-width: 1200px){

	.menu ul{
		display:block;
		position:absolute;
		z-index:10000;
		width:90%;
			background:rgba(4,4,4,0.3);
			height:100vh;
	}
		.menu {
			width:100%;
			height:100vh;
			background:rgba(4,4,4,0.7);
			position:absolute;
			top:90px;
			transform:translateX(-100%);
			transition:all 1000ms;

}

.icon-menu{
	display:block;
	float:right;
	padding:12px;
	font-size:60px;}
	.icon-menu:hover
	{background:rgba(0,0,0,0.5);
	cursor:pointer;
	transition:all 2000ms;
	color:white;
}
header{
	height:100px;}
	.Con-Productos{

	padding:110px 0px 0px 0px;

}
	
	

	h3{
		font-size:28px;
		margin-top:25px;}
		
		
		.icon-home,	
		.icon-box,
		.icon-user,
	.icon-comment-alt,
	.icon-book{
		color:white;
		cursor:pointer;
		font-size:60px;}
		
	.menu a{
			font-size:60px;
		}
	.buy-theme	#imgwhats{
	width:80px;
	height:100px;

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



.contenedor{
    position: relative;
    display: inline-block;
    text-align: center;

}

.centrado{
    position: absolute;
    top: 199px;
    left:650px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:10px;

}


.centradoEMP1{
    position: absolute;
    top:100px;
    left:320px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:10px;

}

p#prelineEMP1 {
  white-space: pre-line;
   width: 300px;
 height:10px;
 margin: 0px 0px;
 padding:15px; 
 border:0px;
 font-size:20px;
 line-height:20px;

  }
.contenedor2 a{
	text-decoration:none;
	color:#FFFFFF;
}
.contenedor2{
    position:relative;
    display: inline-block;
    text-align: center;

}

.centrado2{
display:none;
 top: 240px;
    left:400px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:10px;
	position:absolute;


	
}
.contenedor2:hover .centrado2{
display:inline;  
}








.contenedor3 a{
	text-decoration:none;
	color:#FFFFFF;
}
.contenedor3{
    position:relative;
    display: inline-block;
    text-align: center;

}

.centrado3{
display:none;
 top: 187px;
    left:240px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:10px;
	position:absolute;
}
.centrado4{
 top: 176px;
    left:250px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:10px;
	position:absolute; 

}
.centradoEmpresa4{
 top: 275px;
    left:218px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:10px;
	position:absolute; 

}
.centradoEmpresa7{
 top:125px;
    left:225px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:10px;
	position:absolute; 

}
.centradog10{
 top: 175px;
    left:673px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:5px;
	position:absolute; 

}

.centradoEmpresa8{
 top: 145px;
    left:415px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:5px;
	position:absolute; 

}
.centrado4:hover{
background-color:rgba(0,0,0,0.2);}
.centradoEmpresa4:hover{
background-color:rgba(0,0,20,0.2);}
.centrado5:hover{
background-color:rgba(0,0,0,0.1);}
.centrado6:hover{
background-color:rgba(0,0,0,0.1);}
.centrado7:hover{
background-color:rgba(0,0,0,0.1);}
.centradoEmpresa7:hover{
background-color:rgba(50,0,50,0.1);}
.centrado8:hover{
background-color:rgba(0,0,0,0.1);}
.centradoEmpresa8:hover{
background-color:rgba(0,0,100,0.1);}
.centrado9:hover{
background-color:rgba(0,0,0,0.1);}
.centrado10:hover{
background-color:rgba(0,0,0,0.1);}
.centrado11:hover{
background-color:rgba(0,0,0,0.1);}
.centrado12:hover{
background-color:rgba(0,0,0,0.1);}
.centrado13:hover{
background-color:rgba(0,0,0,0.1);}
.centrado14:hover{
background-color:rgba(0,0,0,0.1);}
.centrado15:hover{
background-color:rgba(0,0,0,0.1);}
p#preline31  {
  white-space: pre-line;
   width: 700px;
 height:3px;
 margin: 5px auto;
 padding:25px; 
 border:0px;
 font-size:40px;
 
  }
 p#preline3  {
  white-space: pre-line;
   width: 700px;
 height:3px;
 margin: 5px auto;
 padding:15px; 
 border:0px;
 font-size:40px;
  }
 p#prelineg10  {
  white-space: pre-line;
   width: 400px;
 height:3px;
 margin: 10px auto;
 padding:15px; 
 border:0px;
 font-size:60px;
 color:rgba(220,220,220,0.8);
 font-weight:bold;
  }


.centrado5{
 top: 150px;
    left:120px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:10px;
	position:absolute; 

}



p#preline5  {
  white-space: pre-line;
   width: 209px;
 height:3px;
 margin: 10px auto;
 padding:15px; 
 border:0px;
 font-size:40px;
  }


.centrado6{
 top: 150px;
    left:125px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:10px;
	position:absolute; 

}

p#preline6  {
  white-space: pre-line;
   width: 200px;
 height:100px;
 margin: 0px;
 padding:10px; 
 border:0px;
 font-size:40px;
 line-height:40px;

  }
.centrado7{
 top: 125px;
    left:200px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:450px;
	position:absolute;
	 

}

p#preline7  {
  white-space: pre-line;
   width: 300px;
 height:100px;
 margin: 10px auto;
 padding:15px; 
 border:0px;
 font-size:40px;

  }




.centrado8{
 top: 199px;
    left:395px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:100px;
	position:absolute;
	 

}

p#preline8  {
  white-space: pre-line;
   width: 300px;
 height:80px;
 margin: 10px auto;
 padding:15px; 
 border:0px;
 font-size:40px;
 line-height:35px;
  }


.centrado9{
 top: 193px;
    left:210px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:100px;
	position:absolute;
	 

}

p#preline9  {
  white-space: pre-line;
   width: 240px;
 height:80px;
 margin: 10px auto;
 padding:15px; 
 border:0px;
 font-size:40px;
 line-height:35px;
  }
  .centrado10{
 top: 193px;
    left:245px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:100px;
	position:absolute;
	 

}

p#preline10  {
  white-space: pre-line;
   width: 300px;
 height:80px;
 margin: 10px auto;
 padding:15px; 
 border:0px;
 font-size:40px;
 line-height:35px;
  }


  .centrado11{
 top: 190px;
    left:175px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:100px;
	position:absolute;
	
}

p#preline11  {
  white-space: pre-line;
   width: 50px;
 height:30px;
 margin: 10px auto;
 padding:15px; 
 border:0px;
 font-size:40px;
 line-height:35px;
  }
p#persi  {
  white-space: pre-line;
   width: 190px;
 height:140px;
 margin: 1px auto;
 padding:20px; 
 border:0px;
 font-size:35px;
 line-height:40px;
 top:50px;
  }

  .centrado12{
 top: 185px;
    left:132px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:100px;
	position:absolute;
	 
}

p#preline12  {
  white-space: pre-line;
   width: 200px;
 height:50px;
 margin: 10px auto;
 padding:15px; 
 border:0px;
 font-size:40px;
 line-height:35px;
  }

  .centrado13{
 top: 185px;
    left:361px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:100px;
	position:absolute;
	 
}

 .centrado14{
 top: 185px;
    left:137px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:100px;
	position:absolute;
	 
}


.centrado15{
 top: 185px;
    left:133px;
    transform: translate(-50%, -50%);
	color:white;
	line-height:100px;
	position:absolute;
	 
}

p#preline100  {
  white-space: pre-line;
   width: 265px;
 height:50px;
 margin: 10px auto;
 padding:15px; 
 border:0px;
 font-size:40px;
 line-height:35px;
  }

p#preline13  {
  white-space: pre-line;
   width: 200px;
 height:50px;
 margin: 10px auto;
 padding:15px; 
 border:0px;
 font-size:40px;
 line-height:35px;
  }
p#preline113  {
  white-space: pre-line;
   width: 500px;
 height:50px;
 margin: 5px auto;
 padding:25px; 
 border:0px;
 font-size:40px;
 line-height:35px;
  }
.contenedor3:hover .centrado3{
display:inline;  
}

 

p#preline2  {
  white-space: pre-line;
   width: 400px;
 height:120px;
 margin: 10px auto;
 padding:5px;


  }



p  {
 width: 700px;
 height:150px;
 margin: 20px auto;
 padding:5px;
 border: solid 1px WHITE;
     line-height:20px; 

 }
 
.contac  {

 margin: 5px ;
 padding:5px;
 border: solid 1px WHITE;
     line-height:10px;
	 height:20px; 
	 

 }
 
p#preline  {
  white-space: pre-line;
  
  }
.fin{
text-decoration:none;
color:white;
}
.wrapper3{
width:95%;
max-width:1300px;
margin:auto;
overflow:hidden;

}



/* whatsaap flotante*/
.buy-theme-wa {position:fixed; top:125px; border-radius: 20px; right: -180px; background: 14px center #5fb55f; z-index: 10000;
transition:all 1500ms;}

#imgwhats{
	width:30px;
	height:45px;
	padding:0px 1px 10px  1px;
	margin-top:-1px;
	float:left;
	margin-left:5px;
}
.uno {
	display:none;
	}

	
	@media screen and (max-width: 1150px){
	
	
	.uno {
	display:block;
	}
	.dos {
	display:none;
	}
	}
	.piedra{
		width:85%;
		text-align:center;
		margin:auto;}
#tama{
	font-size:30px;}
.buy-theme:hover {right: -10px}
.buy-theme span {padding:0 0px; position: relative; top:0; opacity: 0; }
.buy-theme:hover span {opacity: 1}
.buy-theme a { color: white; font-size: 100px; letter-spacing: 1px; text-transform: uppercase; padding:2px 20px 5px 0px; display: block; margin-top:10px; text-decoration:none; font:bold; }













.link label a{
	color: #9a9292 !important;
  }
  
  
  .link label a:hover{
	color: white !important;
  }
  
  /* enlaces del menu */
  
  ul a {
   display:block;
  
  }
  
  
  
  #ulli{
	display: none;
  
  }
  /* items del menu */
  
  ul li {
   position:relative;
   float:left;
   margin:0;
   padding:0;
  }
  
  /* efecto al pasar el ratón por los items del menu */
  
  
  
  
  ul ul {
   display:none;
   position:absolute;
   top:100%;
   left:0;
   background:#333;
   padding:0;
  }
  
  /* items del menu desplegable */
  
  ul ul li {
   float:none;
   width:150px
  }
  
  /* enlaces de los items del menu desplegable */
  
  ul ul a {
   line-height:100%;
   padding:2px 2px;
  }
  
  /* items del menu desplegable al pasar el ratón */
  
  ul li:hover > #ulli {
   display:block;
  }