*{
    margin: 0;
    padding: 0;
}

a {
  text-decoration: none;
}

body {
  background-image: url("../imagenes/fondo6.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: fixed;
  background-size: cover;
  margin: 0;
  padding: 0;
}

/*Estilos de elementos************************************************************************/

.tablat{
  filter:alpha(opacity=95);
  -moz-opacity:.95;
  opacity:.95;
  margin: 0;
  padding: 0;
}

.tablat2{
  filter:alpha(opacity=99);
  -moz-opacity:.99;
  opacity:.99;
  margin: 0px;
  padding: 0px;
}

.tabla{
  filter:alpha(opacity=99);
  -moz-opacity:.99;
  opacity:.99;
  border-radius:20px; 
  -moz-border-radius:20px; /* Firefox */ 
  -webkit-border-radius:20px; /* Safari y Chrome */ 
  /* Otros estilos */ 
  border:1px solid dimgrey;
  padding:0px;
  margin: 0px;
}

.tituloHomeV{
  font-family: 'Tahoma';
  font-size:13px;
  color: rgb(2, 2, 49);
  font-weight: bold;
  line-height: 1.5;
}

.textoHomeV{
  font-family: 'Tahoma';
  font-size:12px;
  color: rgb(2, 6, 43);
  font-weight: normal;
  line-height: 1.5;
}

.tituloHomeA{
  font-family: 'Tahoma';
  font-size:15px;
  color: rgb(1, 3, 36);
  font-weight: bold;
  line-height: 1.7;
}

.titulosForm{
  font-family: 'Tahoma';
  font-size:13px;
  color: rgb(1, 3, 36);
  font-weight: bold;
  line-height: 1.7;
}

.textoForm{
  font-family: 'Tahoma';
  font-size:13px;
  color: rgb(2, 6, 43);
  font-weight: normal;
  line-height: 1.7;
}

.textoHomeA{
  font-family: 'Tahoma';
  font-size:12px;
  color: rgb(1, 19, 77);
  font-weight:normal;
  /*line-height: 1.5em;*/
  /*letter-spacing: 0.8px;*/
  
}

.textoquienesA{
  font-family: 'Tahoma';
  font-size:13px;
  color: rgb(1, 19, 77);
  font-weight:normal;
  line-height: 1.5em;
  /*letter-spacing: 0.8px;*/
  
}



.botones{
  background : rgb(1, 11, 58);
  font-weight:normal ;
  border-radius: 8px 8px 8px 8px;
  font-size: 12px;
  color :#ffffff;
  border: 1px solid rgb(1, 11, 58);
  height:25px;
  width:auto;
  padding: 4px;
}

.botonForm{
  background : rgb(75, 11, 148);
  font-weight:bold ;
  border-radius: 8px 8px 8px 8px;
  font-size: 12px;
  color :#ffffff;
  border: 1px solid #ccc;
  height:23px;
  width:auto;
  padding: 3px;
}


 .textoLinksA{
  font-family: Tahoma;
  font-size:13px;
  color: rgb(255, 255, 255);
  font-weight: normal;
  line-height: 1.5;
}

.titulosLinksA{
  font-family: Tahoma;
  font-size:13px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.5;
}
.ingresar{
  font-family: Tahoma;
  font-size:11px;
  color: rgb(37, 2, 70);
  font-weight: bold;
  line-height: 1.5;
}

.textoLinksV{
  font-family: Tahoma;
  font-size:13px;
  color: rgb(75, 11, 148);
  font-weight: normal;
  line-height: 1.5;
}

.titulosLinksV{
  font-family: Tahoma;
  font-size:14px;
  color: rgb(75, 11, 148);
  font-weight: bold;
  line-height: 1.5;
}

.warning{
  font-family: Tahoma;
  font-size:13px;
  color: rgb(48, 4, 38);
  font-weight: bold;
  line-height: 1.5;
}

.direccion{
  font-family: Tahoma;
  font-size:11px;
  color: rgb(255, 255, 255);
  font-weight: normal;
  line-height: 1.1;
}


/*CONTENEDOR PPAL *************************************** */


#contenedor{
  
  display: flex;
  justify-content:space-evenly;
  /*flex-direction: column;*/
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  flex-basis: 100%;
 
}

#banner{
  flex-basis: 100%;
}

#cabecera{
    display: flex;
    flex-basis: 100%;
    background-color: #ffffff;
    justify-content: space-around;
}

#cabeceraIzquierda{
  padding: 5px;
  flex-basis: 30%;
  align-items:self-start;
}

#cabeceraDerecha{
  flex-basis: 70%;
  text-align:right;
  margin-top: 5PX;
}

#principal{
  display: flex;
  padding: 10px;
  justify-content: space-around; 
  flex-wrap: wrap;
  gap: 10PX;
  flex-basis: 90%;
}

#pie{
    height: 120px;
    flex-basis: 100%;
}

.textoMenuP{
  font-family: 'Tahoma';
  font-size: 11px;
  color:#01579b;
  font-weight: bold;
}
.textoMenuE{
  font-family: 'Tahoma';
  font-size: 12px;
  color:white;
  font-weight: bold;
}

/*Estilos del home******************************************************************************/


#contenedroHome{
  
  display: flex;
  justify-content:space-evenly;
  /*flex-direction: column;*/
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  flex-basis: 100%;
 
}


.bloquesHome{
  background-color: #ffffff;
  border-radius:20px;
  -moz-border-radius:20px; /* Firefox */ 
  -webkit-border-radius:20px; /* Safari y Chrome */ 
  /* Otros estilos */ 
  border:2px solid rgb(255, 255, 255);
  padding:14px;
  opacity:.80;
  flex-basis: 28%;

}



#connyTexto{
  padding: 25px;
  flex-basis: 100%;
  text-align: center;
}

#bannerErnesto{
  padding: 25px;
  flex-basis: 100%;
  text-align: center;
}

#menuEstudiante{
  flex-basis: 100%;
  padding: 5px; 
  text-align: center;
  background-color: #05013a;
}

/*Estilos de los estudiantes logueados************************************************************************/

#contenedorPerfil{
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  flex-basis: 85%;
  gap: 20PX;
  align-items: center;
}

#fotoPerfil{
  flex-basis: 30%;
  
}
#datosEstu{
  flex-basis: 100%;
  align-items: center;
  
 
}

#cont_act_estu{
  display: flex;
  flex-basis: 100%;
  justify-content: space-evenly; 
  flex-wrap: wrap ;
  padding-top: 10px;
  align-content:space-around;
  gap: 20PX;

}

.actividadesEstu{
  background: #ffffff;
  border-radius:18px; 
    -moz-border-radius:18px; /* Firefox */ 
    -webkit-border-radius:18px; /* Safari y Chrome */ 
    /* Otros estilos */ 
    border:1px solid rgb(255, 255, 255);
    padding:20px;
    opacity:.70;
    flex-basis:30%;
}


.actividadesEstu2{
  background: #ffffff;
  border-radius:18px; 
    -moz-border-radius:18px; /* Firefox */ 
    -webkit-border-radius:18px; /* Safari y Chrome */ 
    /* Otros estilos */ 
    border:1px solid rgb(255, 255, 255);
    padding:20px;
    opacity:.80;
    flex-basis:23%;
}

.actividadesEstu3{
  background: #ffffff;
  border-radius:18px; 
    -moz-border-radius:18px; /* Firefox */ 
    -webkit-border-radius:18px; /* Safari y Chrome */ 
    /* Otros estilos */ 
    border:1px solid rgb(255, 255, 255);
    padding:20px;
    opacity:.80;
    flex-basis:35%;
    
    
}

.videos{
  flex-basis: 60%;
  vertical-align: middle;
  text-align: center;
  
}

.cont_SubAct{
  display: flex;
  flex-basis: 30%;
  justify-content: space-evenly; 
  flex-wrap: wrap ;
  padding-top: 10px;
  align-content:normal;
  gap: 20px;
  background-color: #420674;
}

.H1TP{
  font-family: 'Tahoma';
  font-size:16px;
  color: rgb(54, 10, 90);
  font-weight:bold;
  line-height: 1.0;

}
.H1Class{
  
    font-family: 'Tahoma';
    font-size:11px;
    color: rgb(4, 14, 70);
    font-weight: bold;
    line-height: 1.5;
  
}
.H2Class{
  
  font-family: 'Tahoma';
  font-size:9px;
  color: rgb(4, 14, 70);
  font-weight: bold;
  

}
.textoHomeAEst{
  font-family: 'Tahoma';
  font-size: 10px;
  color:#420674;
  font-weight: bold;
}

#tituloPagina{
  flex-basis: 100%;
  text-align: center;
}

/*actividades*************************************************************************************/

#cont_actividades{
  /*background-color: #cd9cf5;*/
  display: flex;
  flex-basis: 100%;
  padding: 10px;
  /*justify-content:flex-start */
  /*flex-wrap: wrap;*/
  gap: 10px;
}


.quienes{
  background-color: #ffffff;
  border-radius:20px;
  -moz-border-radius:20px; /* Firefox */ 
  -webkit-border-radius:20px; /* Safari y Chrome */ 
  /* Otros estilos */ 
  border:2px solid rgb(255, 255, 255);
  padding:14px;
  opacity:.80;
   flex-basis: 90%;
}
















/*LA MAGIA DEL RESPONSIVE*************************************************************************************/
  
  @media only screen and (max-width: 800px) {
      #principal{
          flex-direction: column;

      }

      #connyTexto{
        visibility: hidden;
      }

      #bannerErnesto{
        visibility: hidden;
      }
      
      .textoMenuP{
        font-size: 10px;
        font-weight: normal;
        visibility: hidden;
      }
      #menuCompleto{
        display: none;
      }
      #menu_responsive{
        display:inline-block;
      }
      #cont_act_estu{
        flex-direction: row;

      }

      .actividadesEstu{
        flex-basis:50%;
      }
      .actividadesEstu2{
        flex-basis:50%;
      }
      
      .videos{
        flex-basis: 50%;
        
      }
     

     
    }