*{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.contenedor{
	box-align: center;
	text-align: center;
	border:1px solid #f2efefd0;
	width:100%; 
	position:sticky; 
	top:0px;
	background-color:#fff; 
	z-index: 1;
}

.conten-logo{
	display:inline-block;
	width:20%;
	text-align: center;
 	height:auto;
}

.conten-menu{
	display:inline-block; 
	text-align:center;
	vertical-align: 20px;
  	height:auto;
}

.conten-tele{
	display:inline-block;width:20%;
	text-align: center;
  	height:auto;
}


.btnmenu{
	width: 25px;
	height: 25px;
	border-radius:25px;
}

.envol-degradado{
	width: 95%;
	height:380px;
	margin-left: 2%;
	margin-right: 2%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(to right, rgba(0 0 0 /.3),rgba(0 0 0 /.3)), url(images/reparacion-frigorifico.jpg);
	/*degradado hacia la derecha primer rgb de izq segundo rgb a derecha 
	de igual degradado oscuro a igual .5 .5 uniformr en este caso, si ponemos /1 y /.5 va de mas oscuro a mas claro 
	de igual si ponemos decradado hacia abajo to botton*/
	/*background-size: cover ;*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center; /*background-position:center;*/
}

.envol-texto{
	color: #fff;
	text-align: center;
	width: 100%;
}	

h1{
	font-size:40px;
	margin-bottom: 30px;
}

h2{
	text-align: center;
	font-size:40px;
	padding-top: 20px;
	padding-bottom: 20px;
	color:#02307b;
}

h3{
	text-align: center;
	font-size:30px;
	font-weight:bold;
	padding-bottom: 5px;	
	color:#02307b;
}

.electro-reparo{
	font-size: 25px;	
	text-align: center;
	color:#787888;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 5px;
	padding-bottom: 20px;
}

.textos{
	font-size: 25px;
	text-align: left;
	color:#02307b;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 5px;
	padding-bottom: 20px;
}


.texto1clic, .texto2clic, .texto3clic, .texto4clic,
.texto5clic, .texto6clic, .texto7clic, .texto8clic, .texto9clic,
.texto10clic, .texto11clic, .texto12clic, .texto13clic, .texto14clic,
.texto15clic{
	border:1px solid #d4d4d4;
	background-color:#f7f7f7;
	padding-top: 5px;
	padding-bottom: 5px;
	place-items: center;
	margin: auto;
	width: 80%;
	font-size: 20px;
	text-align: left;
	color:#02307b;
	font-weight: bold;
	
}

.texto1mostr, .texto2mostr, .texto3mostr, .texto4mostr,
.texto5mostr, .texto6mostr, .texto7mostr, .texto8mostr, .texto9mostr,
.texto10mostr, .texto11mostr, .texto12mostr, .texto13mostr,
.texto14mostr, .texto15mostr{
	border:1px solid #d4d4d4;
	background-color:#f7f7f7;
	padding-top: 10px;
	padding-bottom: 10px;
	place-items: center;
	margin: auto;
	width: 80%;
	font-size: 25px;
	text-align: left;
	color:#000000;
	display: none;
}




.texto1clic:hover, .texto2clic:hover, .texto3clic:hover,
.texto4clic:hover, .texto5clic:hover, .texto6clic:hover, 
.texto7clic:hover, .texto8clic:hover, .texto9clic:hover,
.texto10clic:hover, .texto11clic:hover, .texto12clic:hover,
.texto13clic:hover, .texto14clic:hover, .texto15clic:hover{
	color:#fd5001;  
		
}


.cuadro-localidad{	
	color: #02307b;
	width: 80%;
	place-items: center;
	margin: auto;
	text-align: center;
}
.colum{
	display: inline-block;
	padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 3%;
	padding-right: 3%;

}

.colum p{
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}
.colum p a{
	text-decoration: none;	
	font-size: 20px;
}


.cuabro-imagen{
	place-items: center;
	margin: auto;
	display: block;
	width: 80%;

	/*
	background-image: url('images/reparando-lavadora.jpg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;	
*/
}

.cuabro-imagen img{
	width: 100%;
	border-radius: 40px;
}


.garantia{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.slider {
	width: 55%;
	height: auto;
	margin: auto;
	overflow: hidden;
	z-index: 0;
}

.slider .slide {
	width: 140px;
}

.slider .slide img {
	padding: 12px;
	width: 80%;

}

.slider .slide-track {
	display:flex;
	/*-webkit-animation: scroll 10s linear infinite;*/
	animation: scroll 18s linear infinite;
	width: calc(140px * 28);
}

.slider .slide-track2 {
	display: flex;
	/*-webkit-animation: scroll 10s linear infinite;*/
	animation:scroll2 15s linear infinite;
	width: calc(140px * 28);
}

.slider .slide-track3 {
	display: flex;
	/*-webkit-animation: scroll 10s linear infinite;*/
	animation: scroll3 17s linear infinite;
	width: calc(140px * 28);
}

nav li{
      display:inline-block;
      /*width:70px;*/
	 padding-left: 2px;
	padding-right: 2px;
      height:20px;      
     /* background-color:hwb(25 7% 3%);     */
      text-align:center;
      color:#02307b;
      position:relative;
      /*border-radius: 10px;*/
}

nav li:hover{
	/* background-color:#fff;*/
	 color:#fd5001;  
		/*	transition: all 500ms;		transform: scale(1.15);*/
}

nav a{
	text-decoration:none;
	color:inherit;
	font-weight: bold;
	font-size: 12px;
}

nav li>ul{
	display:none;
}

nav li:hover>ul{
    display:block;
    position:absolute;
    top:20px;
    left:0px;
	background-color:#fff;
	padding-left: 15px;
}

nav li ul li{
	width: 200px;
	border:1px solid #f2efefd0;
	text-align: left;
}

nav li ul li:hover{
	background-color:#fd5001;
	color:#fff;
}

.logo{
	width:100%;
}

.tele{
	width:80%;
}

.electrodomesticos{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.electrodomesticos img{
	text-align: center;
	width: 90%;
}

.aviso{
	background-color:#d5d5de;
	text-align: center;
	padding: 5px;
	color: #000;
	font-size: 13px;
	font-weight: bold;
}

.cuadro-texto{
	text-align: center;
	background-color: #02307b;
	width: 80%;
	border-radius: 20px;
	place-items: center;
	margin: auto;
	color: #fff;
}

.cuadro-texto h2{
	color: #fff;
	text-align: center;
	font-size: 25px;
	padding: 5px;
}

.cuadro-texto p{
	text-align: center;
	padding: 10px;
	font-size: 20px;
}

.texto-circuito{
	padding-top: 15px;
	padding-bottom: 15px;
	place-items: center;
	margin: auto;
	width: 80%;
	font-size: 25px;
	text-align: justify;
	color:#02307b;
}

.texto-circuito img{
	width: 30%; 
	float: left; 
	padding: 10px;
}


.llamenos{
	text-align: center;
	width: 90%;
	place-items: center;
	margin: auto;
	color: #000;
	
}

.llamenos p{
	text-align: center;
	padding: 10px;
	font-size: 20px;
}

.miboton{
	width: 130px;
	border-radius: 10px;
	

	background-color:#02307b;
	color: #fff; 
	border:0px;
	padding: 10px;
	place-items: center;
	margin: auto;
	font-size: 15px;
}


.miboton img{
	width: 25px;
	height: 25px;
}

.miboton:hover{
	background-color:#fd5001;
}


@media screen and (max-width:800px){
	h1{
		font-size:29px;
	}	

	h2{
		font-size:25px;
	}	

	h3{
		font-size:20px;
	}	

	.textos{
		font-size: 20px;
	}

	.envol-degradado{
		height: 300px;
	}

	.slider {
		width: 53%;
		height: auto;
		margin: auto;
		overflow: hidden;
	}
	
	.garantia img{
		width: 20%;
	}
	.texto-circuito{
		font-size: 20px;
	}
	.texto-circuito img{
		width: 40%;
	}
		
		
	.texto1mostr, .texto2mostr, .texto3mostr, .texto4mostr,
	.texto5mostr, .texto6mostr, .texto7mostr, .texto8mostr, .texto9mostr,
	.texto10mostr, .texto11mostr, .texto12mostr, .texto13mostr,
	.texto14mostr, .texto15mostr{
	font-size: 20px;
}
	
.texto1clic, .texto2clic, .texto3clic, .texto4clic,
.texto5clic, .texto6clic, .texto7clic, .texto8clic, .texto9clic,
.texto10clic, .texto11clic, .texto12clic, .texto13clic, .texto14clic,
.texto15clic{
	font-size: 15px;
}

}


@media screen and (max-width:640px){
	.conten-logo{
		width:100%;
		height:20px;
		vertical-align: 0px;
	
	}

	.conten-menu{
		width:100%;
		height:20px;
		vertical-align: 0px;
		padding-bottom: 20px;
	}

	.conten-tele{
		width:100%;
		height:20px;
		vertical-align: 0px;
		display: none;
		
	}

	.logo{
		width:75%;
		/*height:60px;*/
	}

	.tele{
		width:50%;
	/*	height:60px;*/
	}

	.envol-degradado{
		height: 200px;
	}


	h1{
		font-size:25px;
	}	

	h2{
		font-size:25px;
	}	

	h3{
		font-size:23px;
	}	

	.textos{
		font-size: 20px;
	}

	.texto-circuito{
		font-size: 20px;
	}
	.texto-circuito img{
		width: 50%;
	}

	.garantia img{
		width: 30%;
	}

	.slider .slide img {
		padding: 12px;
		width: 70%;
	}

	.slider {
		width: 60%;
		height: auto;
		margin: auto;
		overflow: hidden;
	}

	.texto1clic, .texto2clic, .texto3clic, .texto4clic,
.texto5clic, .texto6clic, .texto7clic, .texto8clic, .texto9clic,
.texto10clic, .texto11clic, .texto12clic, .texto13clic, .texto14clic,
.texto15clic{
		font-size: 15px;
	}

	.texto1mostr, .texto2mostr, .texto3mostr, .texto4mostr,
.texto5mostr, .texto6mostr, .texto7mostr, .texto8mostr, .texto9mostr,
.texto10mostr, .texto11mostr, .texto12mostr, .texto13mostr,
.texto14mostr, .texto15mostr{
	font-size: 20px;
	}
}


@keyframes scroll {
	0% { transform: translatex(0); } /* 0% { margin-left: 0; } */
	5% { transform: translatex(0); }

	7% { transform: translatex(-140px);  }
	12% { transform: translatex(-140px); }

	14% { transform: translatex(calc(-140px * 2)); }
	19% { transform: translatex(calc(-140px * 2)); }

	21% { transform: translatex(calc(-140px * 3)); }
	26% { transform: translatex(calc(-140px * 3)); }
	
	28% { transform: translatex(calc(-140px * 4)); }
	33% { transform: translatex(calc(-140px * 4)); }

	35% { transform: translatex(calc(-140px * 5)); }
	40% { transform: translatex(calc(-140px * 5)); }
	
	42% { transform: translatex(calc(-140px * 6)); }
	47% { transform: translatex(calc(-140px * 6)); }

	49% { transform: translatex(calc(-140px * 7)); }
	54% { transform: translatex(calc(-140px * 7)); }

	56% { transform: translatex(calc(-140px * 8)); }
	61% { transform: translatex(calc(-140px * 8)); }

	63% { transform: translatex(calc(-140px * 9)); }
	68% { transform: translatex(calc(-140px * 9)); }

	70% { transform: translatex(calc(-140px * 10)); }
	75% { transform: translatex(calc(-140px * 10)); }

	77% { transform: translatex(calc(-140px * 11)); }
	82% { transform: translatex(calc(-140px * 11)); }

	84% { transform: translatex(calc(-140px * 12)); }
	89% { transform: translatex(calc(-140px * 12)); }

	91% { transform: translatex(calc(-140px * 13)); }
	96% { transform: translatex(calc(-140px * 13)); }

	98% { transform: translatex(calc(-140px * 14)); }
	100% { transform: translatex(calc(-140px * 14)); }
}

@keyframes scroll2 {

	0% { transform: translatex(calc(-140px * 14)); }  /* 0% { margin-left: 0; } */
	5% { transform: translatex(calc(-140px * 14)); }

	7% { transform: translatex(calc(-140px * 13));  }
	12% { transform: translatex(calc(-140px * 13)); }

	14% { transform: translatex(calc(-140px * 12)); }
	19% { transform: translatex(calc(-140px * 12)); }

	21% { transform: translatex(calc(-140px * 11)); }
	26% { transform: translatex(calc(-140px * 11)); }
	
	28% { transform: translatex(calc(-140px * 10)); }
	33% { transform: translatex(calc(-140px * 10)); }

	35% { transform: translatex(calc(-140px * 9)); }
	40% { transform: translatex(calc(-140px * 9)); }
	
	42% { transform: translatex(calc(-140px * 8)); }
	47% { transform: translatex(calc(-140px * 8)); }

	49% { transform: translatex(calc(-140px * 7)); }
	54% { transform: translatex(calc(-140px * 7)); }

	56% { transform: translatex(calc(-140px * 6)); }
	61% { transform: translatex(calc(-140px * 6)); }

	63% { transform: translatex(calc(-140px * 5)); }
	68% { transform: translatex(calc(-140px * 5)); }

	70% { transform: translatex(calc(-140px * 4)); }
	75% { transform: translatex(calc(-140px * 4)); }

	77% { transform: translatex(calc(-140px * 3)); }
	82% { transform: translatex(calc(-140px * 3)); }

	84% { transform: translatex(calc(-140px * 2)); }
	89% { transform: translatex(calc(-140px * 2)); }

	91% { transform: translatex(calc(-140px * 1)); }
	96% { transform: translatex(calc(-140px * 1)); }

	98% { transform: translatex(calc( 0)); }
	100% { transform: translatex(calc( 0)); }
}

@keyframes scroll3 {
	0% { transform: translatex(0); } /* 0% { margin-left: 0; } */
	5% { transform: translatex(0); }

	7% { transform: translatex(-140px);  }
	12% { transform: translatex(-140px); }

	14% { transform: translatex(calc(-140px * 2)); }
	19% { transform: translatex(calc(-140px * 2)); }

	21% { transform: translatex(calc(-140px * 3)); }
	26% { transform: translatex(calc(-140px * 3)); }
	
	28% { transform: translatex(calc(-140px * 4)); }
	33% { transform: translatex(calc(-140px * 4)); }

	35% { transform: translatex(calc(-140px * 5)); }
	40% { transform: translatex(calc(-140px * 5)); }
	
	42% { transform: translatex(calc(-140px * 6)); }
	47% { transform: translatex(calc(-140px * 6)); }

	49% { transform: translatex(calc(-140px * 7)); }
	54% { transform: translatex(calc(-140px * 7)); }

	56% { transform: translatex(calc(-140px * 8)); }
	61% { transform: translatex(calc(-140px * 8)); }

	63% { transform: translatex(calc(-140px * 9)); }
	68% { transform: translatex(calc(-140px * 9)); }

	70% { transform: translatex(calc(-140px * 10)); }
	75% { transform: translatex(calc(-140px * 10)); }

	77% { transform: translatex(calc(-140px * 11)); }
	82% { transform: translatex(calc(-140px * 11)); }

	84% { transform: translatex(calc(-140px * 12)); }
	89% { transform: translatex(calc(-140px * 12)); }

	91% { transform: translatex(calc(-140px * 13)); }
	96% { transform: translatex(calc(-140px * 13)); }

	98% { transform: translatex(calc(-140px * 14)); }
	100% { transform: translatex(calc(-140px * 14)); }
}