/* 2023 jduran@alejadur.cl */
body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}
/* ************************************************************************************************************* */
/* Topbar */
.topnav {
    overflow: hidden;
    background-color: #333;
}
.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 6px 8px;
    text-decoration: none;
    font-size: 12px;
}

.topnav a:hover {
    background-color: #ddd;
    color: black;
}

.topnav a.active {
    background-color: #04AA6D;
    color: white;
}
/* ************************************************************************************************************* */
/* Layout */
.left, .right {
  float: left;
  width: 20%; /* The width is 20%, by default */
}
.main {
  float: left;
  width: 60%; /* The width is 60%, by default */
}
/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 1900px) {
  .left, .main, .right {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}
/* ************************************************************************************************************* */
/* Cards */
.BodyCard{
  padding: 4px;
  font-size: 12px;
}
/* ************************************************************************************************************* */
/* Menus */
.linkMenu
{  
  text-decoration-line: none;
}
/* ************************************************************************************************************* */
button
{
  cursor: pointer;
}
textarea :focus{
  background-color: darkgray;
}