* {box-sizing: border-box;}
        body { width: 99%; font-family: Arial, sans-serif; align: center; padding: 3px; margin: 0; 
            background-img: url(fondoTBBT.png); background-color: #DDDDDD; }
        .titulo {  max-width: 1024px; width:80%; height: 100%; border: 3px outset; background-color: rgba(20, 120, 255, 0.7);
                color: black; text-transform: uppercase; border-color: rgba(10, 30, 70, 0.7);
                box-shadow: 0 0 15px rgba(0, 0, 0, 1); border-radius: 5px; }
        a {text-decoration: none;display: block;text-align: center;margin-top: 10px;}
        label {display: block;margin-bottom: 10px;font-size: 16px;font-weight: bold;}
        input[type="text"], input[type="password"] {width: 90%;padding: 10px;margin-bottom: 16px;border-radius: 5px;border: 1px solid #1D3B5C;}
        input[type="submit"] {background-color: #1D3B5C;color: #fff;border: none;padding: 10px;border-radius: 3px;cursor: pointer;}
        input[type="submit"]:hover {background-color: #0F1F31;}
        button       { color: #000; background-color: rgba(140, 200, 255, 0.8);
                        margin: 5px; padding: 1em; border-radius: 5px;box-shadow: 0 0 3px rgba(0, 0, 0, 1);}
        button:hover { color: #000; background-color: rgba(50, 255, 115, 1);
                        margin: 5px; padding: 1em; border-radius: 5px;box-shadow: 0 0 32px rgba(0, 222, 150, 1);}
        @font-face { font-family: cine; src:url("Undeveloped.ttf");}
        .error {background-color: #E74C3C;color: #fff;padding: 10px;border-radius: 5px; font-size: 32px; text-align: center;}
        h1 {text-align: center; background-color: transparent); width: 100%; font-size: 48px; color: darkblue; font-weight: 900;
             font-family:Calibri; border: 5px white !important; }
        h2 {text-align: center; font-size: 20px ; color: #000000; font-weight: 700; }
	    h3 {text-align: center; font-size: 14px; color: #000000; }
	    h4 {text-align: center; font-size: 10px; color: #000000; }
        .wrapper { height: 99%; max-width: 1024px; margin: auto; padding: 1em; border-radius: 5px;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); color: #117; border: 1px outset; border-color: #127; }
	    .boton {text-align: center; font-size: 12px; color: #000000; width: '.$anchoBotonImagen.' ; height: '.$altoBotonImagen.';}
	    .botonTemporada {text-align: center; font-size: 14px; color: #000000; width: 150px ; height: 150px;}
        .contenedor { width: 99%; margin: auto auto;padding: 16px; border: 3px outset; border-radius: 5px;
            border-color: rgba(10, 30, 70, 0.7); box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);}
        .clarisimo { background-color: rgba(50, 150, 250, 0.8); }
        .medio {width: 50% !important ; }