@import url('<link href="https://fonts.googleapis.com/css?family=Alfa+Slab+One|Arimo|Bowlby+One+SC|Roboto&display=swap" rel="stylesheet">');
*{
    box-sizing: border.box;
}
body 
{
    font-family: 'lato', sans-serif;
margin: 0;
      
     
}

/*-----------------estilos bases------------*/

.container
{
    width: 100%;
    margin: auto;
    
}

.containerR
{
    width: 100%;
    margin: auto;
  

}

/*-----------------estilos banner------------*/


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

.slider ul {
	display: flex;
	padding: 0;
	width: 400%;
	
	animation: cambio 20s infinite alternate linear;
}

.slider li {
	width: 100%;
	list-style: none;
}

.slider img {
	width: 100%;
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}

.PresentacionT2 .container
{
  background-color:  #1D3D70;
  color: white;
  /*padding: 10px;*/
  text-align: center;
    
}


.titulo__contentpp
{
   text-align: left;  
    color: #1D3D70;
}

.titulo__contentpp2
{
   text-align: center;  
    color: #1D3D70;
}

.Presentacion_tna
{
   font-family: 'Roboto', sans-serif;
    text-align: right;
    font-weight: bold;
    color: #1D3D70;
    font-size: 1.2em;
    padding-top: 10px;
    padding-bottom: 20px;
}

.Presentacioncon .container
{
  background-color:  #fff;
  
    
}


.Nosotros2 .container
{
    background: #fff;
  color: black;
 /*padding: 10px;*/
  
    text-align: justify;  /*align-items: flex-start;*/
}

.btn2
{
    display: block;
    text-align: center;
    text-decoration: none;
    width: 210px;
    /*background: #DE423A;*/
    background: #009281;
    color: white;
    padding: 10px;
    margin: 10px auto;
     font-size: 1.3em;
}

.btncc
{
    display: block;
    text-align: center;
    text-decoration: none;
    width: 210px;
    /*background: #DE423A;*/
    background: #009281;
    color: white;
    padding: 10px;
    margin: 10px auto;
     font-size: 1.3em;
}


.btncc:hover
{
    background: #1d3d70;
    
    color: white;
}


.main__txtp
{
   /* margin: 15px 0;*/
    font-size: 1em;
    font-family: 'Roboto', sans-serif;
    font-weight: 3
        .00;
    padding-right: 15px;
    padding-left: 15px;
    text-align: justify;color: #1D3D70;
    /*padding-left: 5px;*/
}
.main__txtp2
{
   /* margin: 15px 0;*/
    font-size: 1em;
    font-family: 'Roboto', sans-serif;
    font-weight: 3
        .00;
    padding-right: 15px;
    padding-left: 15px;
    text-align: left;color: #000000;
    /*padding-left: 5px;*/
}

.main__txtp2r
{
   /* margin: 15px 0;*/
    font-size: 1em;
    font-family: 'Roboto', sans-serif;
    font-weight: 3
        .00;
    text-align: left;color: #000000;
    /*padding-left: 5px;*/
}


.main__titlena
{
   
    font-size: 1.3em;
   font-family: 'Roboto', sans-serif;
   font-weight:bold;
    color: #1D3D70;
}

.main__txtn
{
   
    font-size: 1em;
    font-family: 'Roboto', sans-serif;
    text-align: left;
     color: black;
}
.main__txtnA
{
   
    font-size: 1.3em;
    font-family: 'Roboto', sans-serif;
   font-weight:bold;
    text-align: left;
     color: #1D3D70;
}

.main__titlen
{
    margin: 15px 0;
    font-size: 1.3em;
   font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding-left: 5px;
    color: black;
}
/**----------------estilos principales--------------------*/

.PresentacionTp1 .container
{
  background-color:  #fff;
  color: #009281;
    
  /*padding: 10px;*/
  text-align:left;
    font-size: 2.5em;
}

.PresentacionTp1 .containerR
{
  background-color:  #fff;
  color: #009281;
    
  /*padding: 10px;*/
  text-align:left;
    font-size: 2.5em;
}


.PresentacionTP .container
{
  background-image: linear-gradient(to left, #FFFFFF,#009281, #009281,#FFFFFF);
  color: white;
  /*padding: 10px;*/
  text-align: center;
    font-size: 1.5em;
}


.main__txts
{
    padding-left: 10px;
 font-size: 1.5em;
    color: #1D3D70;
} 
.main__txt
{
    padding-left: 10px;
 
    color: #1D3D70;
} 

.main__txt:hover
{
    padding-left: 10px;
 
    color: #f67000;
} 






.titulo__puntos
{
     color: #1D3D70;
    
  text-align:left;
    padding-bottom: 7px;
    margin: 0;
   background-image: url('');
  

}


.titulo__puntos:hover
{
   /* background: #BDD9F9;
  
   * background-image: url('/img/logo%20mc911.png');
   *   background-image: url(/img/logo%20mc911%20-%20copia.png);
   background-position: right center;
    background-size: 120px 140px;
   * 
   * 
   * */
    color: #009281;
  padding-left: 50px;
 transform: scale(1.2); /* Agranda el texto 1.5 veces */
  cursor: zoom-in; /* Cambia el puntero a una lupa */
  
}


.titulo__contentcn
{
   text-align: center;  
    color: #FFF;
}
/*foooooooooter*/

.logo__imgd
    {
  opacity: 0;
  transition: opacity 0.5s;
      width: 100px;
     height: auto; 
    }
      .logo__imgd:hover
   
  
    { opacity: 1;
     width: 120px;
     height: auto; }

    
   img2
{
    display:block;
    width: 100%; 
    max-width: 100%;
}

/*----------------estilos responsive*/
@media screen and (min-width:240px)
{
 .btn2
{
       width: 140px;
    /*background: #DE423A;*/
   
     font-size: 1.1em;
}
     .btncc
{
       width: 140px;
    /*background: #DE423A;*/
   
     font-size: 1.1em;
}
     .main__txt
{font-size: 1em;
}  
        .main__txtp
{font-size: 1em;
} 
.main__txtp2
{font-size: 1em;
}
    .main__txtp2r
{font-size: 1em;
}
    .titulo__contentpp
{
  font-size: 1em; 
} 
   .titulo__contentpp2
{
  font-size: 1em; 
} 
     .titulo__contentcn
{
  font-size: 1em; 
}    
 .main__txts
{font-size: 1em;
}
  .column--50-25
    {
        width: 49%;
    }
 .PresentacionTP .container
{
  padding-top: 40px;
}
    .titulo__contentpp2
{
  font-size: 0.5em; 
}
}
  
  

@media screen and (min-width:380px)
{
   
.PresentacionTP .container
{
  padding-top: 40px;
}
      .titulo__contentpp2
{
  font-size: 0.8em; 
}
    .titulo__puntos
{
      padding-left: 10px;
    padding-right: 10px;
    }
   .titulo__contentpp
  {
    padding-left: 10px;
    padding-right: 10px;
    }
    .column--50-25
    {
        width: 49%;
    }
}

@media screen and (min-width:768px)
{
  .btn2
{
   
    width: 160px;
    /*background: #DE423A;*/
   
     font-size: 1.3em;
}
       .btncc
{
   
    width: 160px;
    /*background: #DE423A;*/
   
     font-size: 1.3em;
}   
        .main__titlena
    {
        font-size: 1.5em
    }
    .column--50-25-2
    {
        width: 48%;
    }
   
     .main__txtn
{font-size: 1.2em;
    }
    
    .main__txt
{font-size: 1.2em;
}  .main__txtp
{font-size: 1.4em;
}
     .main__txtp2r
{font-size: 1.4em;
}
.main__txtp2
{font-size: 1.4em;
}
  
   .titulo__contentpp
{
  font-size: 1.5em; 
}
     .titulo__contentpp2
{
  font-size: 1.5em; 
}
  .titulo__puntos
  {
  font-size: 1em; 
}
  .column--50-25
    {
        width: 48%;
}
}
  




@media screen and (min-width:1024px)
{

     .container
    {
        width: 1000px;
    }
    
  
       .containerR
    {
        width: 1000px;
        
        /*
        
       float: right;  */
         
    }
        .main__txt
{font-size: 1.2em;
}
     .btn2
{
   
    width: 180px;
    /*background: #DE423A;*/
   
     font-size: 1.1em;
}
    
     .column--50-25-2
    {
        width: 23%;
        height: auto;
    }
    .btncc
{
   
    width: 180px;
    /*background: #DE423A;*/
   
     font-size: 1.1em;
}
  
          .titulo__puntos
{
     font-size: 1.3em;
    }
  
     .titulo__contentpp
{
  font-size: 2em; 
}
      .titulo__contentpp2
{
  font-size: 2em; 
}
 
 .PresentacionTP .container
{
  padding-top: 10px;
}
}

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

     .container
    {
        width: 1150px;
    }
    
  
       .containerR
    {
        width: 1150px;
        
        /*
        
       float: right;  */
         
    }}

@media screen and (min-width:1600px)
{
 
     .container
    {
        width: 1500px;
    }  
  
      .containerR
    {
        width: 1500px;
    } 
  
  
 .titulo__contentpp
{
  font-size: 1.5em; 
}
  .titulo__contentcn
{
  font-size: 1.5em; 
}  
  
          .titulo__puntos2
{
     font-size: 1.5em;
    }
    
}
  
  @media screen and (min-width:1900px)
{
   .container
    {
        width: 1800px;
    }
     .containerR
    {
        width: 1800px;
    }
   .titulo__contentpp
{
  font-size: 2.3em; 
}
     .titulo__puntos
{
     font-size: 2em;
    }
     .PresentacionTP .container
{
  padding-top: 20px;
}
 .img2{
  align-content: center;
  width:  90%;
 height: auto;}
}