*{
	margin: 0;
	padding: 0;
}
header .cabecera{
	
	padding: 5px;
	display: flex;
    border-top: 2px #A0138E solid;
    border-bottom: 1px solid;
    flex-wrap: wrap;
	
	
}
header{
    border-top: 2px #A0138E solid;
}
header nav{
	display: flex;
	justify-content: space-around;
	align-items: baseline;
	position:relative;
	width:900px;
	margin:auto;
	flex-wrap: wrap;
	


}
header nav a{
	margin-left: 0px;
}
header nav a img{
	width: 170px;
	height: 50px;
}


ul{
	display: flex;
	align-items: baseline;
	

}

li{
	list-style: none;
	padding: 15px;
	font-size:16px;
	
	font-family: 'Lato', sans-serif;
	text-decoration: none;
}
 header  .menu{
	text-decoration: none;
	color:#0F4C85;
}
.carousel-item{
height: 700px;
}

.nuestro-servicio{
    margin-top: 10px;
    padding-top: 50px;
    width: 100%;
    position:relative;
    min-height: 700px;
   
}


.grid{
 width:70%;
 margin: auto;

 display: grid;
 grid-template-columns:repeat(3,1fr) ;
 grid-template-rows: repeat(2,auto);
 grid-template-areas: "titulo titulo titulo"
                      "area1 area2 area3";
 grid-gap: 20px;


}
.mision{
    display: flex;
    
    
    justify-content: space-around;
    padding: 25px;
    margin-bottom: 15px;
    position: relative;
    left: -14px;
}
.misionmision, .misionvision{
width: 80%;

}
.misionmision p, .misionvision p{
  padding: 25px;
}



@media only screen and (max-width: 576px) {
   .fondo-contactanos,.mision-vision-fondo,.acerca,.legales,.contabilidad,.grid,footer{
      
    }
    .mision{
        flex-wrap: wrap;
        width: 90%;
        margin: auto;
    }
    
    .mision{
        width: 400px;
        position: relative;
       
    }
    .carousel-inner img{
        height: 550px;
    }
    
    .acerca{
        padding-bottom: 15px;
    }
    .mapa{
        position: relative;
        overflow:hidden;
        padding-bottom: 56.25% ;
        height: 0;
        display: none;
        
       
    }
    .map iframe,.map object,.map embed{
        left:0;
        top:0;
        height:100%;
        width:100%;
        position:absolute;
    }
    input{
       width: 121%;
    }
    textarea{
        width: 80%;
    }
   
    .editar{
        border:solid 5px red;
        width: 350px;
    }
  
    header{
        display: flex;
        padding: 10px;
       
    }
    header nav ul{
        display: none;
    }
    header .cabecera{
	
     
        display: flex;
        
        border-top: 2px #A0138E solid;
        border-bottom: 1px solid;
        
    }
 
    .grid {
    grid-template-columns: repeat(1,1fr);
      width: 100%;
      grid-template-areas: "titulo"
                           "area1"
                           " area2"
                            "area3";
     grid-gap: 20px;
     
      
    }
    .tarjeta{
        width: 350px;
        margin:auto;
    }
    .tarjeta img{
        width: 600px;
        border:solid 1px;
        position: relative;
        left:23px;
        margin:auto;
    }
    .tarjeta .texto p{
        padding: 45px;
        position: relative;
        left: -5px;
    }
    .grid .titulo{
        
        grid-area: titulo;
        
        height: 46.2px;
        text-align: center;
        background:  #274b6f;
        color:#FFFFFF;
        align-items: baseline;
        font-family: 'Lato', sans-serif;
        font-size: 23px;
        letter-spacing:0.3em ;
        position: relative;
      
        
    }
    .grid .area1{
        grid-area: area1; 
        
        position: relative;
        
    }
    .grid .area2{
        grid-area: area2; 
        
        position: relative;
       
    }
    .grid .area3{
        grid-area: area3; 
        
        position: relative;
       
    }
    .area{
        position: relative;
        
        top:5px;
    }
    .conta{
        position: relative;
        left:-80px
    }
    .oficina{
        position: relative;
        top:10px;
        left:80px;
        margin:auto;
    }

    #formulario{
        position: relative;
        left:80px;
    }
    .mensaje{
        position: relative;
        left: 140px;
    }
    .mapa iframe{
        width: 400px;
        height: 400px;
    }
   
    
 
  
  
}

  
  

.legales{
    margin: 60px auto;
}



.grid .titulo{
    grid-area: titulo;
    width: 100%;
    height: 46.2px;
    text-align: center;
    background:  #274b6f;
    color:#FFFFFF;
    align-items: baseline;
    font-family: 'Lato', sans-serif;
    font-size: 23px;
    letter-spacing:0.3em ;
    
}
.grid .area1{
    grid-area: area1; 
}
.grid .area1 .card{
    width: 100%;
}
.grid .area1 .card img{
    width: 100%;
}
.grid .area2{
    grid-area: area2;
   
}
.grid .area2 .card{
    width: 100%;
}
.grid .area2 .card img{
    width: 100%;
}
.grid .area3{
    grid-area: area3;
  
}
.grid .area3 .card{
    width: 100%;
}
.grid .area3 .card img{
    width: 100%;
}
.grid .area1 img, .grid .area2 img, .grid .area3 img{
    width:306px ;
    height: 206;;
}
.tarjeta{
    border:solid 1px #CFD0D1;
}
.tarjeta .texto h4{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.tarjeta .texto p{
    margin: 20px;
    padding: 10px;
    text-align: justify;
    font-size: 14px;
    color:#274b6f;
}
.tarjeta .texto a{
   
    background:#00305B;
    color:white;
    text-decoration:none;
    
   
    

}
.tarjeta .texto span{
    background:#00305B;
    width: 142px;
    height: 40px;
    
    text-align: center;
    padding: 10px;
    
    
}
.card .texto .arreglar{
    margin-top: 30px;
    
    
}

.car{
    width: 100%;
    background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)) ;
}
/*.card .texto .boton{
    
    width: 40%;
    height: 42px;
    margin: auto;
    text-align: center;
}*/

.acerca{
    width: 100%;
    
    background:#00305B;
    min-height: 1000px;
}
.color_11 {
    color: #FFFFFF;
}
.acerca .acerca-titulo{
    padding-top: 50px;
}
.acerca .acerca-texto{
    width: 50%;
    margin: 30px auto;
    padding: 10px;
}
.acerca .acerca-texto p{
    font-size:15px; 
    line-height:1.5em;
    text-align:justify;
    font-family:lato-light,lato,sans-serif;
    margin-bottom: 40px;
}
.acerca .acerca-texto img{
    width: 100%;
}
.slider-titulo{
    font: normal normal normal 40px/1.4em raleway,sans-serif;
    font-size: 30px;
    line-height: 1.4em;
    color:white;
    
    position: relative;
    
    top:-150px;
}
.slider-texto{
    font: normal normal normal 20px/1.4em raleway,sans-serif;
    width: 646px;
    height: 76px;
    line-height: 1.4em;
    color:white;
    margin: auto;
    position: relative;
    top:-150px;
}
.efecto2{
    opacity: 0;
    animation: movimiento .5s ease-in forwards;
    animation-delay: 1s;
}
@keyframes movimiento{
    50%{
        opacity: 0;
        
    }
    100%{
        opacity: 1;
    }
}
.animado{
    opacity: 0;
}
.efecto{
    animation: mov 0.7s ease-in forwards;
	animation-delay: 1.2s;
}
@keyframes mov{
	0%{
		opacity: 0;
		
		transform: translateX(100px);
	}
	100%{
		opacity: 1;
		transform: translateX(0px);
	}
}

.grid-clientes{
    width: 70%;
    margin:auto;
    box-sizing: border-box;
    padding-left: 120px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(4,auto);
    grid-row-gap:60px;
   
  
}
.clie{
    position:absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
@media only screen and (max-width: 768px) {
    .grid-clientes{
        width: 300px;
        
        
        box-sizing: border-box;
        
        display: grid;
        grid-template-columns: repeat(1,auto);
        grid-template-rows: repeat(4,auto); 
        grid-row-gap:20px;
      
       
      
    }
    .grid-clientes img{
       
        width: 200px;
        margin-left:-70px;
    }
    .clie{
     position: unset;
    }
   
  }


/*Insertando parte de ampuero */
.mision-vision-fondo{
    
    background-image:linear-gradient(
        rgba(0, 48, 91, 0.9),
        rgba(0,48,91, 0.9)
      ),url('fondo-vision.png') ;
      padding-bottom: 25px;
      margin-bottom: 25px;
      margin-top: 0px;
}


.fondo-contactanos{
    background-image:linear-gradient(
        rgba(0,48,91, 0.8),
        rgba(0,48,91, 0.8)
      ),url('contactanosfondo.png') ;
}

.font_2{
    font: normal normal normal 42px/1.4em raleway,sans-serif;
    line-height: 1.4em;
    color: #00305B;
}

.font_4{
    font: normal normal normal 40px/1.4em raleway,sans-serif;
    font-size: 40px;
    line-height: 1.4em;
    color: #00305B;
}

.equipo{
    font-weight:bold;
    font-size: 20px;
}
.elemento{
    font-size: 17px;
}
.py-6{
    padding: 100px 0
}
.bg-azul{
    background-color: #00305B;
    color: #FFFFFF;
}
.font_8 {
    font-weight: bold;
    font-size: 18px;
}
.font11{
    font-size: 11px;
}
.elemento1{
    font-size: 15px;
    text-align: justify;
    padding: 25px;
    margin-bottom: 15px;
}
.contact{
    font: normal normal normal 42px/1.4em raleway,sans-serif;
    font-weight: bold;
    
    line-height: 1.4em;
    color: #FFFFFF;
}
.pl-6{
    padding-left: 150px;
}
.pl-7{
    padding-left: 135px;
}
.pr-6{
    padding-right: 120px;
}
.btn-enviar{
    background-color: turquoise;
    border-color:  turquoise;
    color: white;
    margin-top: 5px;
}
.area{
	height: 116px;
}

.carousel-indicators li {       /*Estilo para los botoncitos de abajo del carousel, agregue fontawesome para los botnes izquierda y derecha */
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 5px;
    height: 5px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
    border-radius: 100%;
    padding: 1px;
    

}