/* ESTRUCTURA GENERAL */

*{
    margin: auto;
    padding: 0;
    box-sizing: border-box;
}

body, html {
  margin: auto;
  /*height: 100%;*/
  width: 100%;
  font-family: sans-serif;
}

/* ESTRUCTURA GENERAL */


/* ********************************* CONTENIDO ************** */

main{
    padding: 10px;
    margin: 0;
    /*position: relative;*/
    z-index: -4;
}

h1{
    text-align: center;
}


.estudiante{
    width: 100%;
    padding: 20px;
	/*background-color:#9CC;*/
    background-color: rgb(10,50,250,0.4);
    border-radius: 10px;
    text-align: center;
}


.estudiante input{
    width: 40%;
    height: 25px;
}

/*.ref_fam, .dat_sal,{
    display: none;
}*/

.ref_Fam table{
    border: 2;
    border-style: solid;
}

#boton{
    align-items: center;
    height: 50px;
}




/* ********************* CONTENIDO ************************ */




/* RESPONSIVE DESIGN -- media screen and (max-width: 520px) and (min-width: 480px) */

@media only screen and (min-width : 250px) and (max-width : 480px)
	{
        
/*** CONTENIDO ***/
        /*---------------------*/
     .historia-img img{
        width: 100%;
    }   

        .estudiante input{
            width: 100%;
            height: 25px;
        }
        
        
        
        main{
            overflow: scroll;
        }
        
        /*---------------------*/

/********** CONTENIDO ***/        
}