@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Pacifico');
html,body{
    height: 100%;
}

*{
    margin: 0;
    padding: 0;
}

.box{
    min-width: 20rem;
    max-width: 48rem;
    margin: auto;
    padding-bottom: 1rem;
    background: #eaeaea;
    background: -webkit-linear-gradient(to top left, #eaeaea, #eaeaea);
    background: linear-gradient(to top left, #eaeaea, #eaeaea);
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    color: #4d4d4d;
    position: relative;
    min-height: 1024px;
}

.boxinicio{
    min-width: 20rem;
    max-width: 48rem;
    height: 100%;
    margin: auto;
    padding-bottom: 1rem;
    background: #3CA8B3;
    position: relative;
}

.animagifs{
    width: 100%;
}

.contenedorloading{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
    height: 100%;
    position: absolute;
    width: 100%;
    border: 1px #000 solid;
    
}

.loadinggif{
    width: 12%;
}



.inicialogo{
    width: 100%;
    height: auto;
    margin: 0;
    }

/*magui*/


.box_perfil{
	overflow: hidden;
 	min-width: 20rem;
    max-width: 48rem;
  	min-height: 1024px;
    margin: auto;
   	background: #eaeaea;
    font-family: 'Roboto', sans-serif;
   	font-size: 1rem;
    color: #4d4d4d;
}


.flechaperfil {
    position: relative;
    left: 3%;
    z-index: 2;
}


.inicialogo{
    width: 100%;
    height: auto;
    margin: 0;
    }

buscador{
    padding-left: 0.625rem;
}

.search{
    margin: 0 40px; 
 }

.searchlabel{
    display: block;
    width: 90%;
    align-items: center;
    justify-content: center;
    color: #4b4c4c; 
    font-size: 1.2rem;
    margin: -30px 0;
    padding-bottom: -30px;
}

.searchinput{
    display: block;
    font-size: 1rem; 
    height: 0.5rem;
    width: 100%;
}

.searchinput[type="text"] { 
    margin: 10px 0; 
    background: #fff; 
    border:  solid #ccc; 
    color: #5f5f5f; 
    display: block; 
    outline-color: #50baa4; 
    padding: 7px 8px; 
}

.barrasmenu{
    margin-top: 5px;
}

.caja_perfil h3 {
	padding-top: 2rem;
	line-height: 1rem;
}


.foto_cajaperfil {
	float:left;
	padding-right: 1rem;
	padding-top: 1rem;
}

.menulinea{
    border-top: 0.0625rem solid rgba(109, 108, 108, 0.54);
}

menu{
	margin-top: 0;
    margin-left: 2rem;
}

menu a{
    text-decoration: none;
    color: black;
    font-weight: 400;
    line-height: 4rem ;
}

menu a h4:hover{
	color:#CCC;
}

menu a:hover{
    color: #EC186B;
}

.mariavictoria_perfil {
	font-size: 110%;
	margin-top: 0;
    background: #ED2524;
    color:#fff;
    padding: 1rem;
   	max-width: 100%;
    z-index: 1;
	text-align: center;
}

.mariavictoria_perfildis {
	font-size: 110%;
	margin-top: 0;
    background: #f5b81b;
    color:#fff;
    padding: 1rem;
    max-width: 100%;
   	z-index: 1;
	text-align: center;
}

.fotoperfil { 
    margin-left: 35%;
    max-width: 30%;
    z-index: 2;
}


n1_perfil {
	max-width:  100%;
}

.materias_completadas_perfil h3 {
    margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 0.5rem;
    border-bottom: .02rem solid #000000;
    clear:left;
   	 font-size: 120%;
}

.materias_completadas_perfil h3 i{
    float: right;
}

.materiascompletas{
    display: flex;
    justify-content: space-around;
    margin-left: 2rem;
}

.materiascompletas article{
    width: 30%;
    font-size: 100%;
}

.materias_cursar_perfil h3 {
   	 margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 0.5rem;
   	 border-bottom: .02rem solid #000000;
   	 font-size: 120%;
}
.materias_cursar_perfil h3 i{
    float: right;
}

.materiascursar{
    display:flex;
    justify-content: space-around;
    margin-left: 2rem;
}

.materiascursar article{
    width: 30%;
    font-size: 100%;
   
}

.opinion_perfil h3 {
    margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 0.5rem;
    border-bottom: .02rem solid #000000;
    font-size: 120%;
}
.opinion_perfil h3 i{
    float: right;
}

.opino_en {
    display:flex;
    margin-left: 2rem;
}

.opino_en article {
    font-size: 100%;
    width: 30%;
}

.amigos_perfil{
	margin-bottom: 3%;
}
.amigos_perfil h3 {
    margin-left: 1rem;
	margin-right: 1rem;
    border-bottom: 0.02rem solid #000000;
   	font-size: 120%;
}

.amigos_perfil h3 i{
    float: right;
}
.colornumero{
    color:#2028B5;
}

.ayudafadu_banner h2 {
    margin-top: 0;
    color: #fff;
    padding-left: 2rem;
    background: #1b90ca; /* Old browsers */
    background: -moz-linear-gradient(left, #1b90ca 1%, #4abfb0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #1b90ca 1%,#4abfb0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #1b90ca 1%,#4abfb0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b90ca', endColorstr='#4abfb0',GradientType=1 );
}

.inscripciones_ayudafadu h3 {
    margin: 2rem;
    border-bottom: .02rem solid #000000;
}    

.inscripciones_ayudafadu i {
	float: right;
}

.texto_ayudafadu {
    margin: 2rem;
}

.terminos_banner h2 {
    margin-top: 1rem;
    color: #fff;
    padding-left: 2rem;
    background: #1b90ca; /* Old browsers */
    background: -moz-linear-gradient(left, #1b90ca 1%, #4abfb0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #1b90ca 1%,#4abfb0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #1b90ca 1%,#4abfb0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b90ca', endColorstr='#4abfb0',GradientType=1 );
}

.textoterminos p{
    margin-top: 1rem;
	margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 0.5rem;
   	line-height: 1.5rem;
	border-style: .02rem solid ;
	padding: 1.5rem;
	background-color: #fff;
	
}

.ventana{
    width: 48rem;
    height: 100%;
    color: #fff;
    position: fixed;
    background-image: url(../img/pngs/fondonegro.png);
    display: none;
    z-index: 5;
}

.cartel {
    background-color: #fff;
    color: #000000;
    font-size: 100%;
    width: 25%;
    height: 9rem;
    padding-top:3%;
    padding-left: 2%;
    padding-right: 2%;
    top:45%;
    left:33%;
    position: absolute;
    text-align: center;
	
}

.cartelcerrarsesion {
    background-color: #fff;
    color: #000000;
    font-size: 100%;
    width: 25%;
    height: 7rem;
    padding-top:3%;
    padding-left: 2%;
    padding-right: 2%;
    top:45%;
    left:33%;
    position: absolute;
    text-align: center;
	
}

.cancelar_cerrarsesion {
		float: left;
		padding-left: 3rem;
	}
	
.aceptar_cerrarsesion {
		float: right;
		padding-right: 3rem;
	}


.iniciaindexinic{
    padding: 6px;   
    
}
.iniciaindexregis{
    padding: 6px;
}

.iniciarh2{
    margin-top: 9.25rem;
    font-weight: 400;
    text-align: center;
    font-size: 28px;
}


.iniciarform{
    display: inline-block;
    align-self: center;
    margin-top: 2rem;
    width: 80%;
}

.iniciarlabel{
    display: block;
    width: 90%;
    align-items: center;
    justify-content: center;
    color: #4b4c4c; 
    font-size: 1.2rem;
}

.iniciarinput{
    display: block;
    font-size: 1rem; 
    height: 1.583625rem;
    width: 100%;
}

.iniciarinput[type="text"] { 
    margin: 10px 0; 
    background: #fff; 
    border: 1px solid #ccc; 
    color: #5f5f5f; 
    display: block; 
    outline-color: #50baa4; 
    padding: 3px 8px; 
}

.iniciarinput[type="password"] { 
    margin: 10px 0; 
    background: #fff; 
    border: 1px solid #ccc; 
    color: #5f5f5f; 
    display: block; 
    outline-color: #50baa4;
    padding: 3px 8px; 
}

.iniciarcontra a{
    text-decoration: none;
    color: #0a0a81;
}

.iniciarfoot{
    margin-top: 12.5rem;
}

.iniciarfoot a{
    text-decoration: none;
}

.registrarinicialogo{
    width: 100%;
    height: auto;
    margin: 0;
}


.registrarform{
    display: inline-block;
    align-self: center;
    margin-bottom: 1.25rem;
    width: 80%;
}

.registrarlabel{
    display: block;
    width: 90%;
    align-items: center;
    justify-content: center;
    color: #4b4c4c; 
    font-size: 1.2rem;
    margin-top: -1.563rem;
}

.registrariniciarinput{
    display: block;
    font-size: 1rem; 
    height: 1.583625rem;
    width: 100%;
    padding-right: 0rem;
}

.registrariniciarinput[type="text"] { 
    margin: 10px 0; 
    background: #fff; 
    border: 1px solid #ccc; 
    color: #5f5f5f; 
    display: block; 
    outline-color: #50baa4; 
    padding: 3px 8px; 
    padding-right: 0rem;
}

.registrariniciarinput[type="password"] { 
    margin: 10px 0; 
    background: #fff; 
    border: 1px solid #ccc; 
    color: #5f5f5f; 
    display: block; 
    outline-color: #50baa4;
    padding: 3px 8px; 
    padding-right: 0rem;
}


.registrariniciarlabel{
    display: block;
    width: 90%;
    align-items: center;
    justify-content: center;
    color: #4b4c4c; 
    font-size: 1.2rem;
}

.registrardot{
    border-top: 3px dotted;
    border-color: #ccc;
    margin: auto 1.25rem;
    width: 82%;
}

.registrarh22{
    font-size: 28px;
    margin-top: 1.25rem;
    font-weight: 400;
    font-size: 28px;
    float: none;
    width: 80%;
    text-align: center;
}

    
.registrarh2{   
    font-size: 28px;
    margin-top: 6.25rem;
    font-weight: 400;
    margin-left: 1.25rem;
    float: none;
    width: 80%;
    text-align: left;
}

.registrarcond{
    text-align: left;
    
}

.registrarfoot{
    margin-top: 12.5rem;
}

.registrarfoot a{
    text-decoration: none;
}

.registrarcondicionesform{
    width: 80%
}



.registrarterm u{
    font-weight: 500;
    text-decoration: none!important;
    color:blue;
}

.registrarSIUimagen img{
    padding-top: 6rem;
    height: 10rem;
}

.registrarcondicionesform label>u{
    text-decoration: none;
    color: blue;
}


@media only screen and (max-width:400px){
    .registrarh2{
        margin-top: 3rem!important;
    }
    
    .registrarh22{
        font-size: 17px!important;
        text-align: center;
    }
    
    .registrarh2{   
        font-size: 17px!important;
    }
    
    .registrarSIUimagen img{
        height: 5rem!important;
    }
  
}


nav{
    background: #fafafa;
    text-align: center;
    border-top: 0.0625rem solid rgba(109, 108, 108, 0.54);
    margin: 0;
}

.carreras{
    display: flex;
    margin: 2px -0.9375rem;
    padding-top: 5px;
}

.carreras article{
    width: 20%;
}

.carreras1{
    display: block;
    text-align: left;
    margin: 2px 1.563rem;
    padding-top: 5px;
}

.carreras1 article{
    width: 100%;
}

.carreras2{
    display: block;
    text-align: left;
    margin: 2px 1.563rem;
    padding-top: 5px;
    border-top: 1px solid #c2c2c2;
}

.carreras2 article{
    width: 100%;
}

#nivel, #nivel2{
    display: none;
}

buscador{
    padding-left: 0.625rem;
    display: inline;
    
}

buscador a img{
    margin-top: 0.3125rem;
}

.search{
    margin: 0 2.5rem; 
    margin-bottom: -1.25rem;
    margin-top: -2.063rem;
}

.searchlabel{
    display: block;
    width: 90%;
    align-items: center;
    justify-content: center;
    color: #4b4c4c; 
    font-size: 1.2rem;
    margin: -30px 0;
    padding-bottom: -30px;
}

.searchinput{
    display: block;
    font-size: 1rem; 
    height: 0.5rem;
    width: 100%;
}

.searchinput[type="text"] { 
    margin: 10px 0; 
    background: #fff; 
    border:  solid #ccc; 
    color: #5f5f5f; 
    display: block; 
    outline-color: #50baa4; 
    padding: 7px 8px; 
}


.lupa{
    padding-left: 0.9375rem;
}

.nuevaopinion{
    background: rgba(0, 0, 0, 0.49);
    padding-top: 0.3125rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 48rem;
    position: fixed;
    margin: auto;
}

.catedra{
    max-width: 12.5rem;
    min-height: 6.563rem;
    background: #ed2524;
    color: white;
    margin-bottom: 0.625rem; 
}

.catedra h4{
    text-align: left;
    padding-left: 0.625rem;
    padding-top: 1.25rem;
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
}

.catedra1{
    max-width: 12.5rem;
    min-height: 6.563rem;
    background: #f5b418;
    background: -webkit-linear-gradient(to right, #f5b418, #ed2524);
    background: linear-gradient(to right, #f5b418, #ed2524);
    color: white;
    margin-bottom: 0.625rem;
   
}

.catedra1 h4{
    text-align: left;
    padding-left: 0.625rem;
    padding-top: 1.25rem;
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
}

.catedra2{
    max-width: 12.5rem;
    min-height: 6.563rem;
    background: #343e8e;
    background: -webkit-linear-gradient(to right, #343e8e, #ed2524);
    background: linear-gradient(to right, #343e8e, #ed2524);
    color: white;
    margin-bottom: 0.625rem;
   
}

.catedra2 h4{
    text-align: left;
    padding-left: 0.625rem;
    padding-top: 1.25rem;
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
}


.catedra3{
    max-width: 12.5rem;
    min-height: 6.563rem;
    background: #8dc53e;
    background: -webkit-linear-gradient(to right, #8dc53e, #ed2524);
    background: linear-gradient(to right, #8dc53e, #ed2524);
    color: white;
    margin-bottom: 0.625rem;
   
}

.catedra3 h4{
    text-align: left;
    padding-left: 0.625rem;
    padding-top: 1.25rem;
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
}

.catedra4{
    max-width: 12.5rem;
    min-height: 6.563rem;
    background: #c53eb0;
    background: -webkit-linear-gradient(to right, #c53eb0, #ed2524);
    background: linear-gradient(to right, #c53eb0, #ed2524);
    color: white;
    margin-bottom: 0.625rem;
   
}

.catedra4 h4{
    text-align: left;
    padding-left: 0.625rem;
    padding-top: 1.25rem;
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
}

.catedra6{
    max-width: 12.5rem;
    min-height: 6.563rem;
    color: white;
    margin-bottom: 0.625rem;
}

  /*nacho*/
.nombrecatedra{
    background: #ffffff;
    color: black;
    text-align: left;
    padding-left: 0.1875rem;
    padding-top: 0.125rem;
}

.nombrecatedra p{
    font-size: 100%; 
}

.homeiphone, .homeiphone6{
        display: none;
    }

.nuevalista{
    width: 95%;
    margin: 0.25rem auto;
    font-family: 'Roboto', sans-serif;
    font-size: 130%;
    outline-color: #50baa4; 
}

select option{
    background: rgba(240, 240, 240, 0.81);
    outline-color: #50baa4;
}


.catedra a, .catedra1 a, .catedra2 a, .catedra3 a, .catedra4 a, .catedra6 a{
    text-decoration: none;
    color: white;
}

@media (max-width:649px){
    .homeipad{
        display: none;
    }

  
    .homeiphone{
            display: block;
        }
    
    .carreras{
        margin: 2px 2.188rem;
        }
    
}
@media (max-width:375px){
    .box{
        min-height: 41.69rem;
    }
}


/*nacho*/
.materias {
    display: flex;
    justify-content: space-around;
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
}
.materias article {
    width: 50%;
}
@media (max-width:445px){
    .homeiphone{
        display: none;
    }
    
    .homeiphone6{
        display: block;
    }
    
    .carreras{
    margin: 2px 1.375rem;
    }
    
    .materias article{
        width: 85%;
    }
    
    .catedra{
        max-width: 100%;
        min-height: 4.438rem;
    }
    
    .catedra h4{
        font-size: 80%;
        padding-left:  0.375rem;
        padding-top: 0.625rem;
        padding-bottom: 0.1875rem;
        margin-bottom: 0.625rem;
    }
    
    .catedra1{
        max-width: 100%;
        min-height: 4.438rem;
    }
    
    .catedra1 h4{
        font-size: 80%;
        padding-left: 0.375rem;
        padding-top: 0.625rem;
        padding-bottom: 0.1875rem;
        margin-bottom: 0.625rem;
    }
    
    .catedra2{
        max-width: 100%;
        min-height: 4.438rem;
    }
    
    .catedra2 h4{
        font-size: 80%;
        padding-left: 0.375rem;
        padding-top: 0.625rem;
        padding-bottom: 0.1875rem;
        margin-bottom: 0.625rem;
    }
    
    .catedra3{
        max-width: 100%;
        min-height: 4.438rem;
    }
    
    .catedra3 h4{
        font-size: 80%;
        padding-left: 0.375rem;
        padding-top: 0.625rem;
        padding-bottom: 0.1875rem;
        margin-bottom: 0.625rem;
    }
    
    .catedra4{
        max-width: 100%;
        min-height: 4.438rem;
    }
    
    .catedra4 h4{
        font-size: 80%;
        padding-left: 0.375rem;
        padding-top: 0.625rem;
        padding-bottom: 0.1875rem;
        margin-bottom: 0.625rem;
    }
    
    .catedra6{
        max-width: 100%;
        min-height: 4.438rem;
    }
    
    .nombrecatedra p{
        font-size: 85%; 
        padding: 0.1875rem;
    }
    
    .nombrecatedra p i{
        float: right;
        
    }
       
    .maria1 li{
    font-size:70%;
    } 
    
}


.maria1{
    display: none;
    width: 50%;
    background: white;
    margin-left: 19%;
    margin-top: -3.875rem;
}

.maria1 li{
    list-style: none;
    color: black;
    border: 1px solid grey;
}

.maria1 li a{
    text-decoration: none;
    color: black;
}

.maria img{
    margin: 1.25rem;
    width: 15%;
}

.titulo{
    font-family: 'Pacifico', cursive;
    color: #e61f6c;
    font-size: 150%;
}

.titulo p{
    font-size: 100%;
    color: grey;
    margin-top: -1.563rem;
}

.titulo p i:hover{
    color: black;

}



/**/
.ocampo-estrellas-general{
    float: right;
    font-size: 1.5rem;
}
.ocampo-link-catedra{
    margin-top: 1rem;
}
.ocampo-link-catedra a{
    color: #293377;
    font-size: 1.3rem;
    font-weight: bold;
}
.ocampo-section h1{
    margin-top: 1rem;
}

.ocampo-general{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: baseline;
    align-content: flex-start;
    text-align: center;
}

.ocampo-general article{
    font-size: 0.98rem;
    white-space: nowrap;
    border: 0px #000 solid;
    text-align: center;
    width: 9rem;
    margin-top: 1.5rem;
}

.ocampo-general.ocampo-galeria{
    justify-content: space-between;
}

.ocampo-general.ocampo-perfiles{
    justify-content: flex-start;
}

.ocampo-general.ocampo-perfiles article{
    width: 5.125rem;
    padding-right: 1.5rem;
}

.ocampo-general.ocampo-galeria article{
    width: 13.75rem;
}

.ocampo-galeria article img{
    width: 100%;
}

.ocampo-section div article p{
    margin: 0;
    padding: 0;
}

.ocampo-barra-titulo{
    background: #f5b418;
    background: -webkit-linear-gradient(to right, #f5b418, #ed2524);
    background: linear-gradient(to right, #f5b418, #ed2524);
    color: #fff;
    padding: 1rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}
.ocampo-barra-titulo1{
    background: #50baa4;
    background: -webkit-linear-gradient(to left, #50baa4, #2694b9);
    background: linear-gradient(to left, #50baa4, #2694b9);
    color: #fff;
    padding: 0.125rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}
.ocampo-barra-titulo2{
    background: #e22cd4;
    background: -webkit-linear-gradient(to right, #e22cd4, #ed2524);
    background: linear-gradient(to right, #e22cd4, #ed2524);
    color: #fff;
    padding: 1rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}

.ocampo-linea-arriba{
    width: 1.5rem;
    height: 0.125rem;
    background: #fff;
    margin-bottom: 0.125rem;
}
.ocampo-section{
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}
.ocampo-section h1{
    border-bottom: 2px #000 solid;   
}
.ocampo-comentarios article, .ocampo-comentarios form input{
    width: 100%;
    white-space: nowrap;
    padding: 1rem;
    border: 1px #999999 solid;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    outline-color: #50baa4;
}
.ocampo-comentarios form input{
    border: 3px #999999 solid;
}
.ocampo-degrade-comentarios{
    background: url(../img/pngs/ocampo-degrade.png);
    width: 100%;
    height: 2.5rem;
    margin-top: -2.5rem;
    text-align: center;
    z-index: 100;
    position: relative;
}
.ocampo-degrade-comentarios i{
    bottom: 0;
    position: absolute;
}
.ocampo-volver{
    margin-top: 2rem;
}
.ocampo-galeria-open{
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    max-width: 48rem;
    top: 0;
    z-index: 9999;
    display: none;
}
.ocampo-galeria-open div{
    padding: 1rem;
    position: relative;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    left: 0; right: 0;

}
.ocampo-galeria-open div .ocampo-zoom-img{
    width: 100%;
}
.ocampo-galeria-open div ul{
    list-style: none;
    text-align: center;
}
.ocampo-galeria-open div ul li{
    display: inline;
    padding: 1rem;
}
.ocampoclickgaleria{
    cursor: pointer;
    z-index: 9999;
}

@media (max-width:635px){
    .ocampo-section{
        padding-left: 0.935rem;
        padding-right: 0.935rem;
    }
    .ocampo-general.ocampo-perfiles{
        justify-content: space-around;
    }
}
@media (max-width:582px){
    .ocampo-general article{
        width: 9rem;
    }
    .ocampo-general article p{
        font-size: 0.9rem;
    }
}
@media (max-width:498px){
    .ocampo-link-catedra a{
        font-size: 1rem;
    }
    .ocampo-general article{
        width: 8rem;
        border: 0px #000 solid;
    }
    .ocampo-general article img{
        
    }
}

@media (max-width:450px){
    .ocampo-general.ocampo-galeria article{
        width: 49%;
    }
    .ocampo-galeria .ocampo-desaparece1{
        display: none;
    }
}
 @media (max-width:375px){

	.box_perfil{
		
		overflow-x: hidden;
		min-height: 667px;
		margin: auto;
		background: #eaeaea;
		font-family: 'Roboto', sans-serif;
		font-size: 1rem;
		color: #4d4d4d;
}
	
	
	.foto_cajaperfil{
		margin-top: 2%;
		width: 20%;
	}
	
	.ventana{
    width: 100%;
    height: 100%;
    color: #fff;
    position: fixed;
    background-image: url(../img/pngs/fondonegro.png);
    display: none;
    z-index: 5;
}

	.cartel {
    background-color: #fff;
    color: #000000;
    width: 50%;
    height: 9rem;
    top:35%;
    left:23%;
	position: absolute;
    text-align: center;
	
}
     .cartelcerrarsesion {
        height: 7rem;
        width: 50%;
        left: 23%;
     }
	
	.cancelar_cerrarsesion {
		float: left;
        padding-left: 36px;
	}
	
	
	.aceptar_cerrarsesion {
		float: right;
		padding-right: 39px;
	}	
	
	
	.mariavictoria_perfil {
	font-size: 100%;

    }

	.mariavictoria_perfildis {
	font-size: 100%;
	}
	
	.n1_perfil{
		margin-left: 45%;
	}
	.n2_perfil{
		margin-left: 45%;
	}
	.n3_perfil{
		margin-left: 45%;
	}
	
	
	.materiascompletas {
		display:block;
		
	}
	.materiascompletas p {
		margin-left: 10%;
	}
	
	.materiascompletas article{
		margin-bottom: 5%;
	}
	
	.materiascursar{
		display: block;
	}
	.materiascursar p {
		margin-left: 10%;
	}
	.materiascursar article{
		margin-bottom: 5%;
	}
	.opino_en {
		display: block;
		margin-left: 10%;
	}
	
	.flechaperfil {
    left: 5%;
	margin-top: 5%;
	margin-bottom: auto;
    z-index: 3;
	}
	
	.ayudafadu_banner{
		
	}
	.terminos_banner{
		margin-top: -6%;
	}
	.menu_perfil {
		margin-top: -5%;
	}
	
 
}


/* NATI */



body{
	margin:0px;
}

 
@media only screen and (max-width:400px){
. iniciamimedio {
    	margin-top: 15%!important;
	}
	.iniciabody {
    	background-image: url("../img/fondoinciocel.jpg")!important;
	}
	
	.lineacentro{
        	margin-top: 13.75rem!important;
	}
}
 
.amigosdel_perfil{
    margin-left: 2rem;
    margin-top: 1rem;
}

.iniciamibox{
	min-width: 20rem;
	max-width: 48rem;
	min-height: 1024px;
	margin: auto;
	margin-bottom: 0rem;
	background-image: url("../img/fondoiniciotablet.jpg");
	background-repeat: no-repeat!important;
	background-size: 100%!important;
	display: block;
	font-family: 'Roboto', sans-serif;
}
 
.logooculto{
	visibility: hidden;
}
 
.iniciamimedio{
	margin-top: 4rem;
	font-weight: bold;
}
.lineacentro{
    	margin-top: 22.75rem;
    	margin-left: 5rem;
    	margin-right: 5rem;
}
 
.iniciamisesion{
	margin: 10px;
	width: 10rem;
	background: white;
	font-size: 120%;
	line-height: 25px;
}
 
.iniciamisesion2{
	margin: 10px;
	width: 15rem;
	background: white;
	font-size: 120%;
	line-height: 25px;
}
 
.iniciamisesion a{
	text-decoration: none;
	color: #2694B9;
}
 
.iniciamisesion2 a{
	text-decoration: none;
	color: #2694B9;
}