/*portadaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/



#mantenimiento-portada{ width: 100%;
	                    background:url(../img/servicios/fondo-servicio.jpg);
	                    position: relative;
	                    background-size: cover;}


.mantenimiento-portada-titulo{ width: 100%;
				               height: 600px;
				               position: relative; }



/* mantenimiento */
.mantenimiento-portada-titulo-centro{  width: 100%;
									   position: absolute;
									   top: 50%;
									   left: 50%;
									   transform:translateX(-50%) 
									   translateY(-50%);
									   text-align: center}

.mantenimiento-portada-titulo-centro h1{  font-family: "Montserrat";
									      font-size: 55px;
									      color: #fff;
									      margin: 0;
									      line-height: 50px }

.mantenimiento-portada-titulo-centro h2{  font-family: "Montserrat";
										  font-size: 30px;
										  color: #fff;
										  margin: 0 ;
										  font-weight: 700}






/*servicioooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
#servicio{ width: 100%;
           padding: 0px 20px 0px 20px}


/*sectorr 111111111111111111111111111111111111111111111111111111*/
.servicio-sector1{  width: 30%;
					float: left;
					padding: 20px;
					background-color: #efefef}

/* buscadorrrrrrrrrrrrrrrrrrrrrr */
.servicio-sector1-buscador{ width: 100%;
							position: relative;
							height: 60px}


/* menuuuu de serviciossssssssss */
.servicio-sector1-menu{ width: 100%}

/*botonn de menuuu*/
.servicio-sector1-menu a{ text-decoration: none}

.servicio-sector1-menu-btn{ position: relative;
						    width: 100%;
							height: 70px;
							text-align: center;
							background-color: #fff;
							margin: 0px 0px 20px 0px}

.servicio-sector1-menu-btn img{ width: 100%;
								max-width: 50px;
							    position: absolute;
							    top: 50%;
							    left: 10px;
							    transform: translateY(-50%);}

.servicio-sector1-menu-btn h1{  font-family:"Montserrat";
	                            font-size:13px;
	                            line-height: 70px; 
								color: #222;
								margin: 0; }

.servicio-sector1-menu-btn:hover{ background-color: #cecece}






/*sectorr22222222222222222222222222222222222222222222222222222222222222222*/
.servicio-sector2{ width: 70%;
				   float: left;
				   padding: 0px 0px 0px 20px}

/*titulooooooooooooooooooooooooooooooo*/
.servicio-sector2-titulo{ width: 100% }

.servicio-sector2-titulo h1{ font-family:"Montserrat";
							 font-size: 30px;
							 color: #222;
							 margin: 0}

.servicio-sector2-titulo h2{ font-family:"Montserrat";
							 font-weight: 600;
							 font-size: 24px;
							 color: #fff;
							 margin: 0;
							 background-color: #ff0000;
							 display: inline-block;
							 border-radius: 0px 20px 20px 0px;
							 padding: 5px 7px 5px 7px}


/*parrafooooooooooooooooooooooooooooooo*/
.servicio-sector2-parrafo{ width: 100%;
						   margin: 10px 0px 0px 0px}

.servicio-sector2-parrafo p{ font-family: "Montserrat";
							 font-size: 13px;
							 text-align: justify;
							 color: #222;
							 margin: 0}


/*listaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/
.servicio-sector2-lista{ width: 100%;
						 margin: 15px 0px 0px 0px}

.servicio-sector2-lista li{ font-family: Montserrat;
						    font-size: 13px;
						    position: relative;
						    padding: 0px 0px 0px 15px}

.servicio-sector2-lista li span{ color: #ff0000;
								 position: absolute;
								 top: 0;
								 left: 0}





/* tiposssssssssssssssssssssssssssssssss*/
.servicio-sector2-tipos{ width: 100%;
				         background: #efefef;
				         margin: 20px 0px 0px 0px;
				         padding: 10px}


/* tituloooooooooooooo */
.servicio-sector2-tipos-titulo{ width: 100%}

.servicio-sector2-tipos-titulo h1{ font-family: "Montserrat";
								    font-size: 20px;
								    color: #fff;
								    margin: 0;
								    background-color: #ff0000;
								    display: inline-block;
								    padding: 5px;
								    border-radius: 0px 20px 20px 0px}

.servicio-sector2-tipos-titulo h2{  font-family: "Montserrat";
									font-size: 15px;
								    color: #222;
									margin: 5px 0px 0px 0px }

.servicio-sector2-tipos-titulo p{  font-family: "Montserrat";
								   font-size: 13px;
								   color: #222;
								   margin: 0;
								   text-align: justify}

/* iconossssssssssssssss */
.servicio-sector2-tipos-iconos{ width: 100%;
						        padding: 20px 0px 20px 0px;}

.servicio-sector2-tipos-iconos-caja{ width: 50%;
									 float: left;
									 text-align: center;}

.servicio-sector2-tipos-iconos-caja img{ width: 100%;
								         max-width: 150px }

.servicio-sector2-tipos-iconos-caja h1{ font-family: adlinnaka;
										font-size: 15px;
										color: #ff0000;
										margin: 0 }

.servicio-sector2-tipos-iconos-caja h3{ font-family: ebrima;
										font-size: 18px;
										color: #222;
										margin: 0 }







/* mantenimientoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
#mantenimiento{ width: 100%;padding: 50px 0px 50px 0px }


/* cajaaaaaaaaaaaaaaaaaaaaaa1111111111111111111111111111111 */
.mantenimiento-caja{ width: 50%;
					 float: left;
					 padding: 20px}

/*imagenessssssssssssssssssssssssss*/
.mantenimiento-caja-img{ width: 30%;
						 float: left;
						 height: 300px;
						 position: relative;
						 overflow: hidden;
						}

.mantenimiento-caja-img img{ position: absolute;
							 top: 50%;
							 left: 50%;
							 transform: translateX(-50%) translateY(-50%);
							  }


/*textoooooooooooooooooooooooooooooo*/
.mantenimiento-caja-texto{ width: 70%;
						   float: left;
						   padding: 0px 20px 0px 20px}


/*titulooooooooooooo */
.mantenimiento-caja-texto-titulo{ width: 300px;
								  margin: 0 auto;}

/* imgg icono de tituloo */
.mantenimiento-caja-texto-titulo-img{ float: left;
									  width: 100px}

.mantenimiento-caja-texto-titulo-img img{ width: 100%; }

/* textoooooo de tituloo */
.mantenimiento-caja-texto-titulo-texto{ float: left;width: 200px;
										padding: 20px 0px 0px 0px}

.mantenimiento-caja-texto-titulo-texto h1{ font-family: adlinnaka;
										   font-size: 17px;
										   color: #222;
										   margin: 0}

.mantenimiento-caja-texto-titulo-texto h2{ font-family: adlinnaka;
										   font-size: 22px;
										   color: #ff0000;
										   margin: 0;
										   line-height: 25px}


/* listaaaaaaaaaaaaaaaaaa */
.mantenimiento-caja-texto-lista{ width: 100%;float: left;
								 padding: 15px 0px 0px 0px}

.mantenimiento-caja-texto-lista h1{ font-family: ebrima;
									font-size: 15px;
									color: #ff0000;
									margin: 0px 0px 4px 0px}

.mantenimiento-caja-texto-lista p{  font-family:sans-serif;
									font-size: 12px;
									color: #444;
									margin: 0;
									line-height: 14px;
								    position: relative;
								    padding: 0px 0px 5px 15px}

.mantenimiento-caja-texto-lista p span{ position: absolute;
										top: 0;
										left: 0;
										color: #ff0000 }






/*resultadosssssssssssssssssssssssssssssssssssssssssssss*/
.resultados{width: 100%;float: left;
			padding: 40px 0px 0px 0px;}

/* itemmmm111111111 imagenessss*/
.resultados-item{ width: 50%;
				  float: left;
				  padding: 20px}

.resultados-item:nth-child(1){ background: #efefef;padding: 20px 0px 20px 0px }

/*imagennn*/
.resultados-item-img{width: 50%;
					 float: left;
					 text-align: center;
					}

.resultados-item-img h1{ font-family: adlinnaka;
					     font-size:20px;
					     color: #ff0000;
					     margin: 0px 0px 5px 0px }



/* itemmmm22222222222 textoooooo*/

.resultados-item-titulo{ width: 100% }

.resultados-item-titulo h1{ font-family: ebrima;
						    font-size: 18px;
						    color: #222;
						    margin: 0px 0px 4px 0px }

.resultados-item-titulo p{ font-family: sans-serif;
						    font-size: 12px;
						    color: #444;
						    margin: 0;
						    text-align: justify;}	



/* consultaaaaaaaaaaaaaaaaaaaaa */
.servicio-consulta{ width: 100%;
					 float: left;
					 padding: 15px 0px 15px 0px}

.servicio-consulta h1{ font-family: arialitalic;
						margin: 0px 0px 10px 0px;
						font-size: 14px}


.servicio-consulta-caja{ float: left;cursor: pointer;
						  text-align: center;
						  position: relative;}


.servicio-consulta-caja:nth-child(3){ margin: 0px 0px 0px 30px}

/*animacionnn de consultaaa hoverr*/
.consulta-hover{ width: 100px;
				 padding: 8px 0px 8px 0px;
				 background: #ff0000;
				 position: absolute;
				 top: -30px;
				 left: 50%;
				 transform: translateX(-50%);
				 text-align: center;
				 border-radius: 20px;
				 opacity: 0;
				 transition: 0.5s}

.consulta-hover:before{ content: "";
						position: absolute;
						border-left: 8px solid transparent;
						border-right: 8px solid transparent;
						border-top: 8px solid#ff0000;
						left: 50%;
						bottom: -8px;
						transform: translateX(-50%);}				 


.consulta-hover p{ font-family: adlinnaka;
				   font-size: 12.5px;
				   color: #fff }

.servicio-consulta-caja h2{ font-family: ebrima;
							 font-size: 13px;
							 color: #222;
							 margin: 0;
							 line-height:18px}

.servicio-consulta-caja h3{ font-family: ebrima;
							 font-size: 11px;
							 color: #222;
							 margin: 0;
							 line-height:13px;}

.servicio-consulta-caja:hover .consulta-hover{opacity: 1;top: -40px; }


/*informeee tecnicoooooo*/
.informe-tecnico img{ width: 100%;
					  max-width:60px}

.servicio-consulta-caja:nth-child(4){ margin: 0px 0px 0px 30px}






/* resultadossss ojoooo importanteee */

.resultados-ojo{ width: 100%;float: left;
				 background: #efefef;
				 padding: 20px}

.resultados-ojo h1{ font-family: ebrima;
					font-size: 15px;
					color: #222;
					margin: 0px 0px 5px 0px }

.resultados-ojo p{ font-family:sans-serif;
				   font-size: 12px;
					color: #222;
					margin: 0px 0px 5px 0px;
					text-align: justify; }

.resultados-ojo p span{ font-family: adlinnaka;color: #ff0000;font-weight: 600;
						line-height: 15px}









/* guiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */

#mguia{ width: 100%;background: #ff0000}

/* textoooooooooooooooooooooooooooooooooo */
.mguia-texto{ width: 60%;
			  float: left;
			  position: relative;
			  height: 500px;}

.mguia-texto-centro{ width: 100%;
					 position: absolute;
					 top: 50%;
					 transform: translateY(-50%);
					 padding: 0px 20px 0px 20px
					}


.mguia-titulo{ width: 100%;
			   padding: 0px 0px 0px 0px}

.mguia-titulo h1{ font-family: ebrima;
				  font-size: 25px;
				  line-height: 20px;
				  color: #fff;
				  margin: 0 }


.mguia-titulo h2{ font-family: ebrima;
				  font-size: 30px;
				  line-height: 25px;
				  color: #fff;
				  margin: 0px 0px 10px 0px }

.mguia-titulo p{  font-family: sans-serif;
				  font-size: 12px;
				  color: #fff;
				  margin: 0;
				  text-align: justify;
				  line-height: 16px}

/*listaaaaaaaaaaa*/
.mguia-lista{ width: 100%;
			  background-color: #B70000;
			  margin:15px 0px 0px 0px ;
			  padding: 20px
			  }

.mguia-lista h1{ font-family: adlinnaka;
			     font-size: 15px;
			     color: #fff;
			     margin: 10px 0px 5px 0px}

.mguia-lista p{ font-family: sans-serif;
			     font-size: 12px;
			     color: #eee;
			     margin: 0px 0px 5px 0px;
			     position: relative;
			     padding: 0px 0px 0px 15px;
			     text-align: justify;}

.mguia-lista p span{ position: absolute;
					 top: 0;
					 left: 0 }





/* imagennnnnnnnnnnnnnnnnnnnnnnnnnnn */
.mguia-img{ width: 40%;
			float: left;
		    height: 500px;
		    position: relative;}

.mguia-img img{ width: 100%;
				max-width: 500px;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translateX(-50%)
				translateY(-50%); }











/* beneficiossssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */

#mbeneficios{ width: 100%;background: #fff}

/* textoooooooooooooooooooooooooooooooooo */
.mbeneficios-texto{ width: 60%;
			  float: left;
			  position: relative;
			  height: 500px;}

.mbeneficios-texto-centro{ width: 100%;
					 position: absolute;
					 top: 50%;
					 transform: translateY(-50%);
					 padding: 0px 20px 0px 20px
					}


.mbeneficios-titulo{ width: 100%;
			          padding: 0px 0px 0px 0px}

.mbeneficios-titulo h1{ font-family: ebrima;
				  font-size: 25px;
				  line-height: 20px;
				  color: #222;
				  margin: 0 }


.mbeneficios-titulo h2{ font-family: ebrima;
				  font-size: 30px;
				  line-height: 25px;
				  color: #222;
				  margin: 0px 0px 10px 0px }

.mbeneficios-titulo p{  font-family: sans-serif;
				  font-size: 12px;
				  color: #333;
				  margin: 0;
				  text-align: justify;
				  line-height: 16px}

/*listaaaaaaaaaaa*/
.mbeneficios-lista{ width: 100%;
			  background-color: #ddd;
			  margin:15px 0px 0px 0px ;
			  padding: 20px
			  }

.mbeneficios-lista h1{ font-family: adlinnaka;
			     font-size: 15px;
			     color: #222;
			     margin: 10px 0px 5px 0px}

.mbeneficios-lista p{ font-family: sans-serif;
			     font-size: 12px;
			     color: #222;
			     margin: 0px 0px 5px 0px;
			     position: relative;
			     padding: 0px 0px 0px 15px;
			     text-align: justify;}

.mbeneficios-lista p span{ position: absolute;
					 top: 0;
					 left: 0;
					 color: #ff0000}





/* imagennnnnnnnnnnnnnnnnnnnnnnnnnnn */
.mbeneficios-img{ width: 40%;
			float: left;
		    height: 500px;
		    position: relative;}

.mbeneficios-img img{ width: 100%;
				max-width: 500px;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translateX(-50%)
				translateY(-50%); }



/* responsiveeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee */

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





}




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


	
}








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

/* tiposssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */



	
}








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


	
}









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


	
}











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


	
}









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


	
}








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


	
}