*{margin: 0.1rem; padding: 0rem; box-sizing:border-box}
body {font-family: 'Roboto', sans-serif;}
.fondo {width: 410px; max-height: 736px; position: relative; margin:auto; justify-content: center; overflow: hidden}
.carrusel {margin: auto; justify-content: center; align-items: center; vertical-align: middle}
.carrusel img {max-height: 600px; max-width: 414px; margin-top: 3rem}

.contenedor {max-width: 414px; margin: auto; justify-content: center; align-items: center; display: table; padding: 4rem; vertical-align: middle}
.columna {width: 390px; height: 380px; margin-bottom: 0rem;}

.intro {display: flex; justify-content: center; align-items: center}

.img{display: flex; margin: 50%; padding: 50%}


.opcionalmumnodocente {width: 100%; height: 100%vh; background-color: cornflowerblue; background-image: url(../img/Fondo%20app.jpg)}

.formlogin {width: 100%; height: 100vh}

.formologin form {padding: 45% 5% 5% 5%; text-align: center}

.formologin fom input{ display: block; width: 90%; margin: 2% auto; font-size: 1.2rem}

/*maqueta*/

.maqueta {}
.maqueta img {max-height: 270px; max-width: 600px}

/* Camara */

.cam {}
.cam img {max-width: 400px; margin: auto}
/* Botones */

.boton1 {background: #00766c ;display : block; width : 10rem; height: 2.5rem; font-size : 1.3rem; line-height : 2.4rem; text-align : center; text-decoration: none; font-family: Roboto, sans-serif; border-radius: 1rem; margin: 2.35rem; color: #FFFFFF}

.boton2 {background: #00766c ;display : block; width : 10rem; height: 2.5rem; font-size : 1.3rem; line-height : 2.4rem; text-align : center; text-decoration: none; font-family: Roboto, sans-serif; border-radius: 2rem; margin: auto; color: #FFFFFF; margin-bottom: 1rem}

.boton3 {background: #00766c ;display : block; width : 10rem; height: 2.5rem; font-size : 1.3rem; line-height : 2.4rem; text-align : center; text-decoration: none; font-family: Roboto, sans-serif; border-radius: 2rem; color: #FFFFFF; max-width: 30rem; margin: auto; position: relative; margin-top: 4rem}

.boton4 {background: #00766c ;display : block; width : 10rem; height: 2.3rem; font-size : 1.3rem; line-height : 2.3rem; text-align : center; text-decoration: none; font-family: Roboto, sans-serif; color: #FFFFFF }

.boton5 {background: #00766c ;display : block; width : 10rem; height: 2.5rem; font-size : 1.3rem; line-height : 2.4rem; text-align : center; text-decoration: none; font-family: Roboto, sans-serif; border-radius: 1rem; margin: 1.3rem; color: #FFFFFF}

.boton6 {background: #00766c ;display : block; width : 5rem; height: 1.5rem; font-size : 1rem; text-align : center; text-decoration: none; font-family: Roboto, sans-serif; border-radius: .5rem; color: #FFFFFF; font-weight: 100; float: right}

.boton7 {background: #00766c ;display : block; width : 10rem; height: 1.7rem; font-size : 1rem; text-align : center; text-decoration: none; font-family: Roboto, sans-serif; border-radius: .5rem; color: #FFFFFF; font-weight: 100; float: right; padding-top: .2rem}

.boton8 {background: #00766c ;display : block; width : 10rem; height: 1.2rem; font-size : 1rem; text-align : center; text-decoration: none; font-family: Roboto, sans-serif; border-radius: .5rem; color: #FFFFFF; font-weight: 100; margin-bottom: .7rem}

.botoncentro {display: flex; margin: auto}
.botoncentro1 {display: flex; justify-content: center; margin: 1rem 0rem 3rem 3rem}

.ingresar {display: block}
.ingresar h1 {text-align: center}
.ingresar a {margin: 1rem auto}
.input {display: block; margin: 0.2rem auto; padding: 0.1rem; font-size: 1rem; font-family: Roboto, sans-serif;}

.btn_in {display: block; text-align: center; border-radius: 1rem; text-transform: uppercase; padding: 0.3rem; margin: auto}

/*Barra de navegación */

.naviconos {background: linear-gradient(0deg, #4f8caa, rgb(90%, 90%, 90%)); 
			text-align: center;
			border-top-left-radius: 1rem; 
			border-top-right-radius: 1rem;
	width: 410px; height: 60px; padding-top: .5rem
}
.naviconos a {
	margin: 1rem;
	align-content: center;
}
.upnav {margin: 0rem 0rem 1rem 0rem; 
	   display:flex; 
	   padding: 0.4rem; 
	   background: linear-gradient(180deg, #4f8caa, rgb(90%, 90%, 90%)); 
	   border-bottom-left-radius: 1rem; 
	   border-bottom-right-radius: 1rem
}

/* Estilos fuentes */

h1 {text-align: center; font-size: 1.3rem}

h2 {font-family: Roboto; font-size: 1.2rem; color: #000000; text-decoration: none}

h3 {font-family: Roboto; font-size: 1rem; font-weight: 400;}

h4 {font-family: Roboto; font-size: 1.4rem; color: #000000; text-decoration: none; margin-top: 0.5rem; margin-left: 1rem}

h5 {font-weight:normal; font-size: 1rem; margin-top: .4rem}

h6 {font-weight:normal; font-size: 1rem; margin-top: .4rem ; text-align: justify}

.h7 {font-weight:lighter; font-size: 1rem; margin-top: 4rem; text-align: center}

.h8 {font-weight:lighter; font-size: 1rem; margin-top: .5rem; text-align: left}

.h9 {font-weight:bold; font-size: 1rem; margin-top: 2rem; text-align: left; margin-bottom: 2rem}

.h10 {font-weight:bold; font-size: .9rem; margin-top: 2rem; text-align: left; word-spacing: .7rem; margin-bottom: .7rem; color: #4f8caa}


/*Categorias*/

section-home{
    
    font-family: Roboto,sans-serif;
}
.section-home{
    display: block;
    text-align: left;
	margin-top: 2rem;
}
.section-home .contenedor-modulos{
    display: flex;
    overflow: auto;
}

.section-home .contenedor-modulos .modulo-carpeta{
    width: 15%;
    flex-shrink: 0;
    background: transparent;
	margin-right: 2.5rem;
	margin-bottom: 1rem;
	text-align: center;
}
.section-home .contenedor-modulos .modulo-carpeta img{
    display: block;
    width: 100%;
	margin-bottom: -1rem;
	margin-top: -0.5rem;
}
.section-home .contenedor-modulos .modulo-ficha{
    width: 50%;
    flex-shrink: 0;
    padding: 0rem;
    background: transparent;
    text-align: center;
	margin-right: 3rem;
	margin-top: 0rem;
}
.section-home .contenedor-modulos .modulo-ficha img{
    display: block;
    width: 100%;
    margin-bottom: -1rem;
	margin-top: 0rem;
}

/* Onboarding */

.onboarding{
    width: 100%;
}
.onboarding img{
	height: auto;
    padding: 0rem;
    font-size: 1.5rem;
    border-radius: 2rem;
}

/* columna */

#left { float:left }
#right { float:right }
.columna {column-count:2}
.columna img { width: 80%; flex-shrink: 0; margin: 0rem 0rem 1.2rem 1.4rem}

/* precarga */

.precarga{
    display: block;
    border: 1px #000 solid;
    padding: .25rem;
    margin-top: 3rem;
}
.precarga .barra{
    height: .5rem;
    width: 0%;
    background: #2974a3;
}

/* pre ini */

.precargaini{
	justify-content: center;
    display: flex;
    border: 2px #000 solid;
    padding: .25rem;
    margin-top: 3rem;
	border-radius: 1rem;
}
.precargaini .barraini{
    height: .5rem;
    width: 0%;
    background: #00766c;
}

.dos-columnas {
    
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	
}