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


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




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

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

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



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


.sliderc {
	width: 95%;
	margin: auto;
	overflow: hidden;
  color: white;
     font-size: 1.5em;
}

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

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

.sliderc img {
	width: 100%;
}

.modal {
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.8);
	
	position: fixed;
	top: 0;
	left: 0;
	
	display: flex;
	
	animation: modal 0s 1s forwards;
	visibility: hidden;
	opacity: 0;
}



#cerrar {
	display: none;
}

#cerrar + label {
	position: fixed;
	color: #fff;
	font-size: 35px;
	z-index: 50;
	background: darkred;
	height: 45px;
	width: 45px;
	line-height: 40px;
	border-radius: 50%;
	right: 50px;
	top: 150px;
	cursor: pointer;
	
	animation: modal 1s 2s forwards;
	visibility: hidden;
	opacity: 0;
}

#cerrar:checked + label, #cerrar:checked ~ .modal {
	display: none;
}

@keyframes modal {
	100% {
		visibility: visible;
		opacity: 1;
	}
}





.sliderc2 {
	width: 95%;
	margin: auto;
	overflow: hidden;
  color: white;
     font-size: 1.5em;
}

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

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

.sliderc2 img {
	width: 100%;
}


/*estilos principales*/


.ii
{
  width: 100%;
   height: auto; object-fit: cover;
 
    cursor: pointer;
    transition: all 0.5s
}

.ii:hover
{
    transform: scale(1.1)
}






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


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

.Presentacion .container
{
    padding: 10px;
background: white;
  color: white;
text-align: justify;  
}

.PresentacionT .container
{
  background-color:  #F3F4F5;
  color: white;
  /*padding: 10px;*/
  text-align: center;
    
}

.PresentacionTc2 .container
{
  background-color:  #1d3d70;
  /*padding: 10px;*/
  text-align: center;
    
}

.PresentacionTR2 .container
{
  background-color:  white;
  color: white;
  /*padding: 10px;*/
  text-align: center;
    
}

.PresentacionTpp .container
{
  background-color:  #fff;
  color: white;
  /*padding: 10px;*/
  text-align: center;
    
}
.PresentacionTpp2 .container
{
  background-color:   #1d3d70;
  color: white;
  /*padding: 10px;*/
  text-align: center;
    
}

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

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


.main__title
{
    margin: 15px 0;
    font-size: 1.8em;
   font-family: 'Roboto', sans-serif;
    font-weight: 100;
    padding-left: 5px;
     padding-right: 15px;
}


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

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







.btn
{
    display: block;
    text-align: center;
    text-decoration: none;
    width: 150px;
    /*background: #DE423A;*/
    background: #f67000;
    color: white;
    padding: 10px;
    margin: 10px auto;
     font-size: 2em;
}


.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: 100px;
    /*background: #DE423A;*/
    background: #f67000;
    color: white;
    padding: 10px;
    margin: 10px auto;
     font-size: 1.3em;
}


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




.btnp
{
    display: block;
    text-align: center;
    text-decoration: none;
    width: 120px;
    background: #f67000;
    color: white;
    padding: 10px;
    margin: 10px auto;
    font-size: 1.3em;
}


.btnNC
{
    display: block;
    text-align: center;
    text-decoration: none;
    width: 10px;
    background: #f67000;
    color: white;
    padding: 10px;
    margin: 10px auto;
    font-size: 1.3em;
}

.Presentacion .column
{
    margin-bottom: 1px;
    text-align: center;
}




.Presentacion_titulo2i
{
   font-family: 'Roboto', sans-serif;
    text-align: center;
    color: #3C3C3C;
    font-size: 1.4em;
    padding-top: 10px;
    padding-bottom: 20px;
}


.Presentacion_tna
{
   font-family: 'Roboto', sans-serif;
    text-align: right;
    font-weight: bold;
    color: #f67000;
    font-size: 1.2em;

    padding-top: 10px;
    padding-bottom: 20px;

padding-right: 15px;
}


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

}
 


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

}


.Presentacion_tnab
{
   font-family: 'Roboto', sans-serif;
    text-align: center;
    font-weight: bold;
    color: #1D3D70;
    font-size: 0.8em;
    padding-top: 10px;
    padding-bottom: 20px;
}
.Presentacion_tn
{
   font-family: 'Roboto', sans-serif;
    text-align: left;
    color: #000;
    font-size: 1em;
    padding-top: 10px;
    padding-bottom: 20px;
}

.Presentacion_g1
{
   font-family: 'Roboto', sans-serif;
    text-align: justify;
    color: #000;
    font-size: 1.2em;
    padding-top: 10px;
    padding-bottom: 20px;
}

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


.Presentacion_g1R2
{
   font-family: 'Roboto', sans-serif;
    text-align: justify;
    color: #000;
    font-size: 1.2em;
}

.Presentacion_g2R2
{
   font-family: 'Roboto', sans-serif;
    text-align: justify;
    color: #1D3D70;
    font-size: 1.2em;
}
.Presentacion_g3
{
   font-family: 'Roboto', sans-serif;
    text-align: center;
    color: #000;
    font-size: 2em;
    padding-top: 10px;
    padding-bottom: 20px;
}

.Presentacion_g4
{
   font-family: 'Roboto', sans-serif;
    text-align: center;
    color: #f67000;
    font-size: 2em;
    padding-top: 10px;
    padding-bottom: 20px;
}

.Presentacion_g5
{
   font-family: 'Roboto', sans-serif;
    text-align: justify;
    color: #1D3D70;
    font-size: 1.5em;
    padding-top: 10px;
    padding-bottom: 20px;
}


.Presentacion_z1
{
   font-family: 'Roboto', sans-serif;
    text-align: right;
    color: #1D3D70;
    font-size: 1.2em;
}
.Presentacion_z2
{
   font-family: 'Roboto', sans-serif;
    text-align: start;
    color: #000;
    font-size: 1.2em;
}

.Presentacion_z3
{
   font-family: 'Roboto', sans-serif;
    text-align: left;
    color: #000;
    font-size: 1.2em;
}

.Presentacion_z4
{
   font-family: 'Roboto', sans-serif;
    text-align: left;
    color: #1D3D70;
    font-size: 1.2em;
}
.titulo__content3
{
    font-family: 'Roboto', sans-serif;
     font-weight: bold;
    text-align: center;
    color: #000;
    font-size: 1.5em;
    
}
.titulo__content4
{
    font-family: 'Roboto', sans-serif;
     font-weight: bold;
    text-align: center;
    color: #1D3D70;
    font-size: 1.5em;
    
}

.titulo__content
{
    font-family: 'Roboto', sans-serif;
     font-weight: bold;
    text-align: center;
    color: #1D3D70;
    font-size: 2.5em;
    
}
.titulo__contentTc2
{
    font-family: 'Roboto', sans-serif;
     font-weight: bold;
    text-align: center;
    color: #fff;
    font-size: 2.5em;
    
}

.titulo__contentR2
{
    font-family: 'Roboto', sans-serif;
     font-weight: bold;
    text-align: left;
    color: #1D3D70;
    font-size: 2.5em;
    
}
.bannera
{
    margin-top: 35px;
    }


.main__titlei
{
    margin: 15px 0;
    font-size: 1em;
   font-family: 'Roboto', sans-serif;
   font-weight:bold;
    padding-left: 5px;
    color: #1D3D70;
}

.main__titlei2
{
    margin: 15px 0;
    font-size: 1em;
   font-family: 'Roboto', sans-serif;
   font-weight:bold;
    padding-left: 5px;
     padding-right: 15px;
    color: #1D3D70;
}


.main__titlecc
{
    margin: 15px 0;
    font-size: 1em;
   font-family: 'Roboto', sans-serif;
   font-weight:bold;
    padding-left: 5px;
     padding-right: 15px;
    color: #1D3D70;
    text-align: center;
}


.titulo__contentpp
{
   font-family: 'Roboto', sans-serif;
     font-weight: bold;
    text-align: center;
       font-size: 2.5em;
    color: #1D3D70;
}


.titulo__contentpp2
{
   font-family: 'Roboto', sans-serif;
     font-weight: bold;
    text-align: center;
       font-size: 2.5em;
    color: white;
}



/*----------------estilos responsive*/

@media screen and (min-width:240px)

{
    .contenido {
	margin: auto;
	width: 80%;
	height: 20%;
	border-radius: 10px;
}
  /*  .Nosotros .container
    {padding-right: 10px;  }*/
    .Presentacion .container
{     padding: 1px;  }
    
     .main__title
    {
        font-size: 1.8em;
    }
        

    
    
    
    .Presentacion .column
    {
        
        padding: 1px;
        min-height: 260px;
    }
    
   
   
    
    .Presentacion_img
    {
        height: 200px;
        object-fit: cover;
    }
  
   
     
    .titulo__content
    {font-size: 1.5em;}
         .titulo__contentTc2
    {font-size: 1.5em;} 
    .titulo__contentpp
    {font-size: 1.5em;}
    Presentacion_titulo2i{font-size: 1em;}
 
     .main__titlei
{
        font-size: 2em;
}
      .main__titlei2
{
        font-size: 1.8em;
} 
     
    .enter{padding: 1px;}
    .btn2
{
       width: 140px;
    /*background: #DE423A;*/
   
     font-size: 1.1em;
}
        .btn
{
   
    width: 140px;
    /*background: #DE423A;*/
   
     font-size: 1.1em;
}
             .banner2
    {width: 440px;
    height: 240px}
   
    .bannerc
    {width: 440px;
    height: 240px;
    text-align: center;}
      .iilogo{width: 100px;
    height: 40px;
         display:block;
margin:auto;
    }

}



@media screen and (min-width:480px)
{    .banner2
    {width: 780px;
    height:370px;}
.contenido {
	margin: auto;
	width: 80%;
	height: 20%;
	border-radius: 10px;
}
    
    
        .ii{width: 100%;
    height: 210px;
    }
   
     .iilogo{width: 100px;
    height: 40px;
         display:block;
margin:auto;
    }

}







@media screen and (min-width:768px)
{
  
     .contenido {
	margin: auto;
	width: 70%;
	height: 30%;
	border-radius: 10px;
}
  
    .column--50
    {
        width: 49.5%;
    }
    
    .column--50-25-2
    {
        width: 48%;
    }
     .main__txt
{font-size: 1em;
    }
    .main__txtc
{font-size: 1em;
    }
    .main__txta
{font-size: 1em;
    }
       .main__txtar2
{font-size: 1em;
    }
    .titulo__content
    {font-size: 2em;}
     .titulo__contentTc2
    {font-size: 2em;}
    
    .main__titlei
{
        font-size: 2em;
}
      .main__titlei2
{
        font-size: 1.5em;
} 
   
    .btn
{
    
    width: 150px;
    /*background: #DE423A;*/
   
     font-size: 1.5em;
}


.btn2
{
   
    width: 160px;
    /*background: #DE423A;*/
   
     font-size: 1.3em;
}
          .banner2
    {width: 580px;
    height:370px;}
    .bannerc
    {width: 440px;
    height: 240px;
    display:block;
margin:auto;}



    .btnNC
{
    
    width: 100px;
    /*background: #DE423A;*/
   
     font-size: 1em;
}
    
    
        .ii{width: 100%;
    height: 280px;
    }
    
          .banner__img
       {width: 800px;
    height: 300px;display:block;
margin:auto;
 }
}


@media screen and (min-width:1024px)
{
    /*
   .columnii{min-height: 600px; max-height: 600px; border-right: 1px solid #1D3D70;border-bottom: none;}
    .columni{min-height: 600px; max-height: 600px; border-right: 1px solid #1D3D70;border-bottom: none;}*/
  
    .contenido {
	margin: auto;
	width: 50%;
	height: 35%;
	border-radius: 10px;
}
   



    .main__title
    {
        flex-shrink: 2.3em;
    }
    
    
    .main-footer
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    
    .column--50-25-2
    {
        width: 24%;
        height: auto;
    }
     .titulo__content
    {font-size: 2.5em;}
     .titulo__contentTc2
    {font-size: 2em;}
     .titulo__contentpp
    {font-size: 2.5em;}
    
    
    .Presentacion_g1
{
   
    font-size: 2em;
}

.Presentacion_g2
{
 
    font-size: 2em;
}
    
    
    
    
        .Presentacion_g1R2
{
   
    font-size: 1.8em;
}

.Presentacion_g2R2
{
 
    font-size: 1.8em;
}
        .main__titlei
{
        font-size: 2.8em;
}
      .main__titlei2
{
        font-size: 1.8em;
} 
      .main__txt
{font-size: 1.5em;
    }
    .main__txtc
{font-size: 1.5em;
    }
    .main__txta
{font-size: 1.4em;
    }
      .main__txtar2
{font-size: 1.4em;
    }
    .enter{padding: 1px;}
    .btn2
{
   
    width: 180px;
    /*background: #DE423A;*/
   
     font-size: 1.1em;
}
         .main__titlecc
{
        font-size: 1.5em;
} 
    .bannerc
    {width: 440px;
    height: 240px;
    display:block;
margin:auto;}  
    .banner2
    {width: 780px;
    height:470px;}
    .ii{width: 100%;
    }
   
     .iilogo{width: 100px;
    height: 40px;
         display:block;
margin:auto;
    }
    
       .banner__img
       {width: 1000px;
    height: 400px;display:block;
margin:auto;
 }
}

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

 .container
    {
        width: 1400px;
    }

 .contenido {
	margin: auto;
	width: 50%;
	height: 50%;
	border-radius: 10px;
}
    
    
   .banner
    {width: 860px;
    height: 680px;
    padding-left: 50px;}
    
     .banner2
    {width: 980px;
    height:560px;}
    
    .column--50-25-2
    {
        width: 24%;
        height: auto;
    }
   
         .main__titlecc
{
        font-size: 2em;
} 
    .main__titlei
{
        font-size: 3em;
}
      .main__titlei2
{
        font-size: 2em;
}  
.Presentacion_g1
{
   
    font-size: 3em;
}

.Presentacion_g2
{
 
    font-size: 3em;
}
    
    
 .Presentacion_z1
{
 
    font-size: 3em;
}   
 .Presentacion_z2
{
 
    font-size: 2.5em;
}   
 .Presentacion_z3
{
 
    font-size: 2em;
}   
    
.Presentacion_z4
{
 
    font-size: 1em;
}    
    
    
    .Presentacion_g1R2
{
   
    font-size: 2.2em;
}

.Presentacion_g2R2
{
 
    font-size: 2.2em;
}
    
 
    
    
    .bannerc
    {width: 840px;
    height: 440px;
    display:block;
margin:auto;}

  .enter{padding: 20px;}  
    
}