/* nosotrossss */






/* empresa */

#nosotros{ width: 100%;
		 
		  background: url(img/img-inicio/fondo-bienvenida.jpg);
		  background-attachment: fixed;
		  background-size: cover; }

/* espacioo */

.nosotros-espacio{ width: 100%;
				   height: 200px }



/* empresaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */
.empresa{ width: 100%;
		  
		  padding: 50px 0px 100px 0px
		   }


/* contenidooo */
.empresa-contenido{ width: 50%;
					padding:0px 0px 100px 0px ;
					margin: 0 auto
					 }



				  


/* tituloo */

.empresa-titulo{ width: 100%;
				 padding: 20px 0px 20px 0px;
				 text-align: center;
				 margin: 50px 0px 0px 0px }

.empresa-titulo h1{ font-family: Arial, sans-serif;
					font-size: 40px;
					color: #fff;
					margin: 0 }


/* parrafo */

.empresa-parrafo{ width: 100%;
                   margin: 0 auto

				   }
.empresa-parrafo p{ font-family: Arial, sans-serif;
					font-size: 12px;
					color: #fff;
					margin: 0;
					text-align: justify; }
/* + infoo */
.empresa-mas-info{ width: 100%;
				   margin: 20px auto 0px  auto }
.empresa-mas-info-parrafo{ width: 100%;
							float: left; }

.empresa-mas-info-parrafo p{ font-family: Arial, sans-serif;
							 font-size: 12px;
							 color: #fff;
							 margin: 0;
							 text-align: justify; }











/* mision  yy visionnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn */


.forma-myv{ width: 100%;

	   
	   	   

	   		
		
		}


/* formaaaaaaaaaaaa en puntaaaaaa */
.forma-myv-contenido{ width: 50%;
				  float: left;
				  
				   }


.forma-myv-contenido-trapecio{ width: 100%;
						   height: 0px;
						   border-right: 90px solid transparent;
						   border-left: 90px solid #ff0000;
						   border-bottom: 100px solid #ff0000; }


.forma-myv-contenido-trapecio2{ width: 100%;
						   height: 0px;
						   border-right: 90px solid #ff0000;
						   border-left: 90px solid transparent;
						   border-bottom: 100px solid #ff0000; }


/* contenidooo  */

.myv{ width: 100%;
		  
		  }




.myv-contenido{ width: 100%;
				background: #ff0000;
				padding: 0px 20px 0px 20px }


.myv-mision{ width: 40%;
			 
			
			 float: left;
			 text-align: center;
			 padding: 100px 0px 100px 0px }

.myv-mision h1{ font-family: Arial,sans-serif;
				font-size: 30px;
				color: #fff;
				margin: 0px 0px 15px 0px;
				 }

.myv-mision p{  font-family: Arial,sans-serif;
				font-size: 12px;
				color: #fff;
				margin: 0;
				text-align: justify;
				 }

.myv-logo{   width: 20%;
			 float: left;
			 padding: 100px 0px 100px 0px;
			 text-align: center;
			 
			 display: block;
			
			  }

.myv-logo img{ width: 100%;
				max-width: 150px;
				
				
				 }



.myv-vision{ width: 40%;
			 
			 
			 float: left;
			 text-align: center;
			 padding: 100px 0px 100px 0px }


.myv-vision h1{ font-family: Arial,sans-serif;
				font-size: 30px;
				color: #fff;
				margin: 0px 0px 15px 0px;
				 }
.myv-vision p{  font-family: Arial,sans-serif;
				font-size: 12px;
				color: #fff;
				margin: 0;
				text-align: justify;
				 }



/*formaaaaa abajooooo */

.forma-myv-inferior{ width: 100%;
						  
						  position: relative;
						  height: 100px;background: rgba(0,0,0,.7);

						  
						  
						  
						  }


.forma-myv-inferior-triangulo { position: absolute;
								     width: 0; 
								     height: 0; 
								     border-left: 100px solid transparent;
								     border-top: 100px solid #ff0000;
								     border-right:100px solid transparent;
								     left: 50%;
								     transform: translateX(-50%);
								     top: -10px
								     
							    }









/* valoressssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
.valores{ width: 100%;background: rgba(0,0,0,.7);
			padding: 50px 0px 50px 0px
		  
		   }

.valores-titulo{ width: 100%;
				 padding: 30px 0px 50px 0px;
				 text-align: center; }

.valores-titulo h1{ font-family: Arial,
					sans-serif;
					font-size: 40px;
					color: #fff;
					margin: 0 }

.valores-contenido{ width: 100% }

.valores-contenido-cuadro{ width: 25%;
						   float: left;
						   text-align: center;
						   margin: 0px 0px 80px 0px }

.valores-contenido-cuadro:nth-child(2n){ }

.valores-contenido-cuadro h1{ font-family: Arial,sans-serif;
							  font-size: 15px;
							  color: #fff;
							  margin: 10px 0px 0px 0px; }





/* por que nsotrossssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/


/*formaaaaa abajooooo */

.forma-porque-nosotros-superior{ width: 100%;
						  
						  position: relative;
						  height: 100px;

						  
						  
						  
						  }


.forma-porque-nosotros-superior-triangulo { position: absolute;
								     width: 0; 
								     height: 0; 
								     border-left: 100px solid transparent;
								     border-top: 100px solid rgba(0,0,0,.7);
								     border-right:100px solid transparent;
								     left: 50%;
								     transform: translateX(-50%);
								     top: 0px
								     
							    }


.porque-nosotros{ width: 100%;
	              margin: 0px 0px 0px 0px
		  
		}

/*sectorrr reemplazooooooooooooooooo*/

.porque-nosotros-sector-reemplazo{ width: 100%;display: none;
						  
						   }
/* otroo reemplazooo */
.porque-nosotros-sector-uno-reemplazo{ display: none; }

/* sectorrrr11111111111111111111 */
.porque-nosotros-sector1{ width: 100%;
						  margin: 100px 0px 50px 0px
						  }

.porque-nosotros-sector1-cuadro{ width: 30%;
								 
								  padding: 0px 20px 0px 20px ;
								 float: left;
								 text-align: center;
								 margin: 0% 5% 0% 0% }

.porque-nosotros-sector1-cuadro:nth-child(3){ margin: 0% 0% 0% 0% }


.porque-nosotros-sector1-cuadro h1{ font-family: Arial,sans-serif;
									font-size: 20px;
									color: #fff;
									margin: 0 auto;
									width: 70px;
									height: 70px;
									background: #ff0000;
									line-height: 70px;
									 }
.porque-nosotros-sector1-cuadro p{ font-family: Arial,sans-serif;
									font-size: 12px;
									color: #fff;
									margin: 10px 0px 0px 0px;
									text-align: justify; }


/* sector 2222222222222222222222222 */

.porque-nosotros-sector2{ width: 100%;
						  
						   }


.porque-nosotros-sector2-cuadro{ width: 50%;
								
								 margin: 0 auto }


/* formaaaaaaaaaaaa en puntaaaaaa 1111111 */
.forma-porque-nosotros-sector2-contenido{ width: 50%;
				  float: left;
				  
				   }


.forma-porque-nosotros-sector2-contenido-trapecio{ width: 100%;
						   height: 0px;
						   border-right: 25px solid transparent;
						   border-left: 25px solid #ff0000;
						   border-bottom: 25px solid #ff0000; }


.forma-porque-nosotros-sector2-contenido-trapecio2{ width: 100%;
						   height: 0px;
						   border-right: 25px solid #ff0000;
						   border-left: 25px solid transparent;
						   border-bottom: 25px solid #ff0000; }


/* tituloo */

.porque-nosotros-sector2-cuadro-titulo{ width: 100%;
										padding: 100px 0px 100px 0px;
										background: #ff0000;
										display: block;
										position: relative;	}

.porque-nosotros-sector2-cuadro-titulo-centro{ margin: 0 auto;
												
											    position: absolute;
											    top: 50%;
											    left: 50%;
											    transform: translateX(-50%)
											    translateY(-50%); }



.porque-nosotros-sector2-cuadro-titulo-centro h1{   font-family: Arial,sans-serif;
													font-size: 40px;
													color: #fff;
													margin: 0;
											 }
.porque-nosotros-sector2-cuadro-titulo-centro h2{   font-family: Arial,sans-serif;
													font-size: 40px;
													color: #fff;
													margin: 0;
													position: relative;
													
												
											 }

.signo-pregunta{ position: absolute;
				 font-size: 120px;
				 color: #fff;
				 font-family:Arial, sans-serif;
				 top: -60px;
				 right: -50px
				  }											 





/* formaaaaaaaaaaaa en puntaaaaaa 2222222222222 */
.forma2-porque-nosotros-sector2-contenido{ width: 50%;
				  float: left;
				  
				   }


.forma2-porque-nosotros-sector2-contenido-trapecio{ width: 100%;
						   height: 0px;
						   border-right: 25px solid transparent;
						   border-left: 25px solid #ff0000;
						   border-top: 25px solid #ff0000; }


.forma2-porque-nosotros-sector2-contenido-trapecio2{ width: 100%;
						   height: 0px;
						   border-right: 25px solid #ff0000;
						   border-left: 25px solid transparent;
						   border-top: 25px solid #ff0000; }




/* sectorrr 333333333333333333333333 */


.porque-nosotros-sector3{ width: 100%;
						  margin: 50px 0px 100px 0px
						  }

.porque-nosotros-sector3-cuadro{ width: 30%;
								 
								 padding: 0px 20px 0px 20px ;
								 float: left;
								 text-align: center;
								 margin: 0% 5% 0% 0% }

.porque-nosotros-sector3-cuadro:nth-child(3){ margin: 0% 0% 0% 0% }


.porque-nosotros-sector3-cuadro h1{ font-family: Arial,sans-serif;
									font-size: 20px;
									color: #fff;
									margin: 0 auto;
									width: 70px;
									height: 70px;
									background: #ff0000;
									line-height: 70px;
									 }
.porque-nosotros-sector3-cuadro p{ font-family: Arial,sans-serif;
									font-size: 12px;
									color: #fff;
									margin: 10px 0px 0px 0px;
									text-align: justify; }






/* formaa para serviciossss */

/* formaaaaaaaaaaaa en puntaaaaaa */
.forma-en-servicios-especial-contenido{ width: 50%;
				  float: left;
				  height: 100px;
				  background: transparent;
				  
				   }


.forma-en-servicios-especial-contenido-trapecio{ width: 100%;
						   height: 0px;
						   border-right: 90px solid transparent;
						   border-left: 90px solid #101010;
						   border-bottom: 100px solid #101010; }


.forma-en-servicios-especial-contenido-trapecio2{ width: 100%;
						   height: 0px;
						   border-right: 90px solid #101010;
						   border-left: 90px solid transparent;
						   border-bottom: 100px solid #101010; }