html,body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
    background-color:#d1d1d1;
    font-family: Tahoma, sans-serif;
}
.aRow{
    display: flex;
    flex-direction: row;
    
}
#cell-menu{
    display: none;
}
#cell-header{
    display: none;
}
#header{
    width: 100%;
    height: 40px;
    background-color: #171719;
    display: flex;
    flex-direction: row;
      
}
#header>div{
    cursor: pointer;
    width: 120px;
}
.cAll{
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.hinfo{
    width: 99%;
    height: 30px;
    background-color: #3c3c3c;
    display: flex;
    flex-direction: row;
    padding: 0px;
    text-align: left;
}
.hinfo>div{
 color: #dfdcdc;
 font-size: 15px;
 border-right: 0px solid #dfdcdc;
 text-align: left;
 display: flex;
 align-items: center;
 padding-left: 3PX;
}
.hinforow{
    width: 99%;
    height: 25px;
    background-color: #dfdcdc;
    display: flex;
    flex-direction: row;
    text-align: left;
    cursor: pointer;
    padding: 0px;
}
.hinforow>div{
 color: #3c3c3c;
 font-size: 13px;
 border-right: 0px solid #3c3c3c;
 border-bottom: 1px solid #3c3c3c;
 text-align: left;
 display: flex;
 align-items: center;
  padding-left: 3PX;
}
#recent-public{
 width: 97%;
 min-height: 350px;
 padding: 7px;
 display: flex;
 flex-direction: column;
}
.cont_info{
    width: 99%;
    border-bottom: 2px solid #9a9f9f;
    margin-bottom: 10px;
}
f1{
    font-size: 15px;
    color: #d1d1d1;
}
f2{
    font-size: 13px;
    color: #3c3c3b;
}
f3{
    font-size: 14px;
    color: #127f07;
}
.btnS{
    padding:3px;
    width:99%;
    cursor:pointer;
    margin-top:10px;
    border-bottom:1px solid #127f07;
    box-shadow: 0 4px #f0dbb2;
}
#login_frm{
    width:350px;
    height:300px;
    border:1px solid black;
    padding: 10px;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    box-shadow: 0 4px 8px #f0dbb2; /* Sombra roja */
    border: 1px solid #ccc; /* Opcional: define un borde */
    background-color: white;
}
#login_frm>div{
    width: 99%;
    text-align: left;
    
}
.camps{
    height:30px;
    width: 98%;
    background-color: #f3f2f0;
    box-shadow: 0 4px 8px #f0dbb2; /* Sombra roja */
    border: 1px solid #ccc; /* Opcional: define un borde */
   padding: 3px;
  outline: none; /* Opcional: elimina el borde azul al enfocarse */
}
.btn{
    width: 99%;
    cursor: pointer;
    background-color: #21bfcd;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: white;
    font-size: 14px;
    height: 30px;
    box-shadow: 0 4px #f0dbb2;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    align-items: center;
}
  /* Estilo del contenedor principal */
.menu {
  position: relative;
  display: inline-block;
}

/* Botón del menú */
.menu-button {
  cursor: pointer; /* Opcional: para mostrar un cursor clickeable */
}

/* Contenedor del menú desplegable */
.menu-content {
  display: none; /* Ocultarlo por defecto */
  position: absolute;
  background-color: #171719;
  min-width: 160px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 5px;
  text-align: left;
  padding-left: 10px;
  margin-top: 3px;
}

/* Elementos del menú */
.menu-content a {
  color: black;
  padding: 4px 4px;
  text-decoration: none;
  display: block;
  border-top: 0px solid white;
  padding: 3px;
}

.menu-content a:hover {
  background-color: #3b3838;
}

/* Mostrar el menú al pasar el mouse */
.menu:hover .menu-content {
  display: block;
}

/* Asegurar que el menú no desaparezca mientras estás sobre él */
.menu-content:hover {
  display: block;
}
    #main_cont{
        margin-top: 20px;
        width: 100%;
        height: auto;
        min-height: 200px;
        background-color: #d6d5d4;
    } 
   #slide-cont{
    width: 95%;
    height: 98%;
    border: 1px solid #c59b4c;
   }
#control-panel{
    width: 98%;
    height: 450px;
    padding: 10px;
    display: flex;
    flex-direction: row;
    min-width: 500px;
    border: 0px solid black;
    margin-top: 40px;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#menu-panel-left{
    width: 25%;
    min-width: 200px;
    display: flex;
    text-align: left;
    height: 99%;
    flex-direction: column;
    border: 0px solid black;
    background-color: #171719;
}
#menu-panel-left > div{
    border-bottom: 1px solid #929292;
    padding: 2px;
    cursor: pointer;
    padding-left: 5px;
    color: white;
    padding-bottom: 4px;
    padding-top: 4px;
    display: flex;
    flex-direction: row;
}
#menu-panel-left > div:hover{
    background-color:#4a4a4a;
}
#menu-panel-left > div > img{
 width: 20px;
 height: 20px;
 margin-right: 5px;
} 
#menu-panel-right{
    width: 70%;
    min-width: 400px;
    height: 99%;
    flex-direction: column;
    border: 1px solid black;
} 
.cont-info{
    width: 99%;
    max-width: 650px;
    padding: 5px;
    display: flex;
    flex-direction: column;
} 
.justificar-text{
    text-align: justify;
    line-height: 1.8;
} 
a:link{
text-decoration: none;
}
a:visited{
 text-decoration: none;
}