@charset "UTF-8";


body{
  margin: 0;
  padding: 0;
  background-color: #fff;

}


















.esp-log{
  padding: 20px 0 20px 0;
}










.fon-logo-new2{
	background-color: #2d2d2d;
	border-radius: 10px;
}




.fon-logo-new{
	background-color: #fff;
	border-radius: 10px;
}

.sac-new{
	margin: 0px;
	padding: 0px;
}

.trans{
  background-color: #f8f8f8;
  border-radius: 10px;
}


.trans2{
  background-color: #2d2d2d;
  border-radius: 10px;
}

.iniciar-new{
	font-size: 18px;
	color: #8997a2;
	font-family: tipo-light  ;
	padding: 10px 0 25px 20px;
}


.olvidaste{

  font-size: 13px;
  font-family: tipo-light  ;
  color: #3498db;
  padding: 25px 0 15px 0;
  text-align: right;

}

.box-ingreso{
  height: 50px;
  background-color: transparent;
  border-top: 1px solid #fcf9f9;

  border-right: 1px solid #fcf9f9;
  border-left: 1px solid #fcf9f9;
  border-bottom: 1px solid #b9c0c8;
  color: #888f97!important;
  font-size: 13px;
  font-family: tipo-light  ;



}


.box-ingreso2{
  height: 50px;
  background-color: transparent;
  border-top: 1px solid #2d2d2d;

  border-right: 1px solid #2d2d2d;
  border-left: 1px solid #2d2d2d;
  border-bottom: 1px solid #545a62;
  color: #888f97!important;
  font-size: 13px;
  font-family: tipo-light  ;



}


.bot-text{
  font-size: 16px;
  font-family: tipo-bold  ;
  color: #fff;
  background-color: #00a19b;
  border: 0;
  margin: 35px 0 25px 0;
  border-radius: 30px;


}


.bot-text:hover{
  font-size: 16px;
  font-family: tipo-bold  ;
  color: #fff;
  background-color: #00a19b;
  border: 0;
  margin: 35px 0 25px 0;
  border-radius: 30px;


}

.cuenta{

  font-size: 15px;
  font-family: tipo-light  ;
  color: #00a19b;
  padding: 10px 0 20px 0;
  text-align: center;


}


.llamado{
  font-size: 50px;
  color: #fff;
  font-family: tipo-medio ;
  padding: 90px 0 0 0;
}


.llamado2{
  font-size: 50px;
  color: #fff;
  font-family: tipo-light  ;
  padding: 90px 0 0 0;
}


.llamado-d{
  font-size: 22px;
  color: #fff;
  font-family: tipo-light  ;
  padding: 0 0 0 0;
}

.bot-cambio-color{
	background-color: #fdc300;
	border: 0;
	border-radius: 20px;
}

.bot-cambio-color:hover{
	background-color: #fdc300;
	border: 0;
	border-radius: 20px;
}

.sec-movil{
	display: none;
}


.imagen{

  background-image: url(../images/fondo-new.jpg);
 

  background-size: 100%;
  background-repeat: no-repeat;

}

.imagen2{

  background-image: url(../images/fondo-new2.jpg);
 

  background-size: 100%;
  background-repeat: no-repeat;

}


.bot-cambio-color2{
	background-color: #2a2a2a;
	border: 0;
	border-radius: 20px;
}




.bot-text-colegio{
  font-size: 16px;
  font-family: tipo-bold  ;
  color: #fff;
  background-color: #8b180e;
  border: 0;
  margin: 35px 0 25px 0;
  border-radius: 30px;


}


.bot-text-colegio:hover{
  font-size: 16px;
  font-family: tipo-bold  ;
  color: #fff;
  background-color: #ffc84e;
  border: 0;
  margin: 35px 0 25px 0;
  border-radius: 30px;


}



.box-ingreso-colegio{
  height: 50px;
  background-color: transparent;
  border-top: 1px solid #fcf9f9;

  border-right: 1px solid #fcf9f9;
  border-left: 1px solid #fcf9f9;
  border-bottom: 1px solid #d3bab6;
  color: #888f97!important;
  font-size: 13px;
  font-family: tipo-light  ;



}

.cuenta-colegio{

  font-size: 15px;
  font-family: tipo-light  ;
  color: #8b180e;
  padding: 10px 0 20px 0;
  text-align: center;


}

.imagen-colegio-v2 {

  background-image: url(../images/fondo-new-tecnigen.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #2d2d2d;
}



.imagen-colegio{

  background-image: url(../images/fondo-tec50.jpg);
  /* background-image: url(../images/fondo-new-tecnigen.jpg); */
 

  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #2d2d2d;

}

.tipddy{
	    position:fixed;
	    bottom:0px;
	    z-index:10;
	
}

.tex-tipddy{
	font-size: 11px;
	color: #fff;
  font-family: tipo-light  ;
  text-align: right;
	
}


.contenido{
	
	display: flex;
	flex-direction: row;
	width: 80%;
	height: 120px;
	margin: 20px 0 0 0;
}

.item-1{
	
	flex-wrap: nowrap;
	flex-basis: 33.33333333333333%;
	border-right: 1px solid #fff;

	
}

.item-2{
	flex-wrap: nowrap;
	flex-basis: 33.33333333333333%;
		border-right: 1px solid #fff;

	
}

.item-3{
	flex-wrap: nowrap;
	flex-basis: 33.33333333333333%;

	
}

.ico-new{
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.cantidad{
	font-family: tipo-bold  ;
	font-size: 40px;
	color: #fff;
	text-align: center;
	padding: 0;
	margin: 0;
}


.detalle{
	font-family: tipo-light  ;
	font-size: 17px;
	color: #fff;
	text-align: center;
	padding: 0;
	margin: 0;
}



@media screen and (min-width: 0px) and (max-width: 812px) {

  .salir{
    display: none;
  }

  .baj-usu{
    margin: 10px 0 0 0;
  }

  .bot-lis{
    border-radius: 40px;
    font-family: tipo-light  ;
    font-size: 13px;
    background-color: #eac435;
    border: 0;
    margin: 3px 0 10px 0;

  }

  .bot-lis2{
    border-radius: 40px;
    font-family: tipo-light  ;
    font-size: 13px;
    background-color: #e30265;
    border: 0;
    margin: 3px 0 10px 0;

  }

  .bot-lis3{
    border-radius: 40px;
    font-family: tipo-light  ;
    font-size: 13px;
    background-color: #0bcda4;
    border: 0;
    margin: 3px 0 10px 0;

  }

  .bot-lis4{
    border-radius: 40px;
    font-family: tipo-light  ;
    font-size: 13px;
    background-color: #f9683b;
    border: 0;
    margin: 3px 0 10px 0;

  }




  .esp-log{
    padding: 10px 0 70px 0;
  }







  .fon-imagen-lis{
      background-image: url(../images/fon-pagina2.jpg);
  }


 

 



  .imagen{

    background-image: url(../images/fondo-new.jpg);


    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #fff;


  }

  .posi-logo{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .posi-log-b{
    padding: 45px 0 0 0;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  .sec-movil{
	display: block;
}

  .sec-desktop{
	display: none;
}

.bot-cambio-color{
	background-color: #fdc300;
	border: 0;
	border-radius: 20px;
	margin: 30px 0 0 0;
}


.bot-cambio-color2{
	background-color: #2a2a2a;
	border: 0;
	border-radius: 20px;
	margin: 30px 0 0 0;
	border: 1px solid #fff;
}


.contenido{
	
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 100px;
	margin: 20px 0 0 0;
}

.cantidad{
	font-family: tipo-bold  ;
	font-size: 30px;
	color: #fff;
	text-align: center;
	padding: 0;
	margin: 0;
}


.detalle{
	font-family: tipo-light  ;
	font-size: 13px;
	color: #fff;
	text-align: center;
	padding: 0;
	margin: 0;
}




}