body{
	font-family: Calibri;
	font-size: 16px;
    /*background: rgb(253,253,254);*/
    background: linear-gradient(180deg, rgba(253,253,254,1) 0%, rgba(80,80,100,1) 100%);
    /* Colores: verde, azul claro, violeta, rosa, rojo, naranja */
    /*background: linear-gradient(200deg, #4CAF50, #87CEEB, #8A2BE2, #FF1493, #FF6347, #FFFF00);*/
}
A:link {text-decoration: none; color:#06A }
A:visited {text-decoration: none; color:#69F}
A:active {text-decoration: none; color:#9CF}
A:hover {text-decoration: none; color: #03C; cursor:pointer}

.estilo40 {
    color: white; /* Color del texto */
    text-shadow: 
        -2px -2px 0 #000,  
         2px -2px 0 #000,
        -2px  2px 0 #000,
         2px  2px 0 #000; /* Sombra para crear bordes negros */
    font-size: 24px; /* Tamaño de la fuente */
}
.titulo{text-shadow: 3px 2px 3px rgb(140, 170, 200);font-family:Verdana;color:rgb(80,130,170);font-size:28px}
.titulo2{text-shadow: 3px -2px 3px rgb(90, 90, 90);font-family:Verdana;color:#E0E0E5;font-size:22px}
.titulo3{text-shadow: 3px -2px 3px rgb(120, 150, 250);font-family:Verdana;color:rgb(40,120,170);font-size:18px}
.glass0{ background: url('bg1.png') repeat scroll left 0px transparent;  }
.glass1{ background: url('bg2.png') repeat scroll left 0px transparent; }
.glass3{ background: url('bg3.png') repeat scroll left 0px transparent;  }
.Sglass{ background: url('bg4.png') repeat scroll left 0px transparent;}
.tabla2 {text-align: center; font-size: 11px;}
.tabla {font-weight: bold;	text-align: center; }
.tabla tbody tr td table tr td .glass1 .Sglass table tr td {
	font-weight: normal;
	text-align: left;
}

input[type=button]:hover {
    background-color:rgb(180,210,230);
}

input[type=submit]{
     font-size:16px;
     font-family:Verdana,Helvetica;
     font-weight:bold;
     color:#638cb5;
     background:white;
     border:1px solid #808080;
     height:23px;
     cursor:hand;
}

    #calendario {
      font-family: Arial, sans-serif;
      border-collapse: collapse;
      width: 100%;
    }

    #calendario th,
    #calendario td {
      border: 1px solid #ddd;
      padding: 8px;
      text-align: center;
    }

    #calendario th {
      background-color: #f2f2f2;
    }

    #calendario td:hover {
      background-color: #ddd;
    }

    #calendario .dia-actual {
      background-color: #a6dcef;
    }

    #botones {
      margin-top: 10px;
    }

    #calendarioContainer,
    #graficoContainer {
      width: 80%;
      margin: 20px auto;
    }

    #calendarioDiv {
      display: none;
    }