@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------------*/



/*-----------------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;
    
}



.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: #f67000;
    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: #f67000;
    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: white;
    
  /*padding: 10px;*/
  text-align: center;
    font-size: 2.5em;
}



.PresentacionTP .container
{
  background-color:  #1D3D70;
  color: white;
  /*padding: 10px;*/
  text-align: center;
    font-size: 1.5em;
}
.Productos1 .container
{
  background-color:  #fff;
  color: white;
 /* padding: 10px;
    text-align: justify;*/
    
}

.Productos2 .container
{
  background-color:  #fff;
  color: white;
  /*padding: 10px;
    text-align: justify;*/
    
}

.Productos3 .container
{
  background-color:  #fff;
  color: white;
  /*padding: 10px;
    text-align: justify;*/
    
}

.Productos4 .container
{
  background-color:  #fff;
  color: white;
  /*padding: 10px;
    text-align: justify;*/
    
}

.Productos5 .container
{
  background-color:  #fff;
  color: white;
  /*padding: 10px;
    text-align: justify;*/
    
}

.Productos6 .container
{
  background-color:  #fff;
  color: white;
  /*padding: 10px;
    text-align: justify;*/
    
}
.Productos7 .container
{
  background-color:  #fff;
  color: white;
  /*padding: 10px;
    text-align: justify;*/
    
}

.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__contentpp
{
   text-align: center;  
    color: #1D3D70;
}
.titulo__contentcn
{
   text-align: center;  
    color: #FFF;
}
/*foooooooooter*/



/*----------------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__contentcn
{
  font-size: 1em; 
}    
 .main__txts
{font-size: 1em;
}
}

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

    


@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
    }
   
   
     .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;
}
}





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

     .container
    {
        width: 1000px;
    }
    
        .main__txt
{font-size: 1.2em;
}
     .btn2
{
   
    width: 180px;
    /*background: #DE423A;*/
   
     font-size: 1.1em;
}
         .btncc
{
   
    width: 180px;
    /*background: #DE423A;*/
   
     font-size: 1.1em;
}
}



@media screen and (min-width:1600px)
{
 
     .container
    {
        width: 1200px;
    }  
 .titulo__contentpp
{
  font-size: 1.5em; 
}
  .titulo__contentcn
{
  font-size: 1.5em; 
}  
}