html 
	{
		scroll-behavior: smooth;
	}

body 
	{
		margin: 0 7%;
	}

table, body 
	{
		font-size: 16px;
		font-family: monospace;
	}

hr 
	{
		border-style: solid;
		color: gray;
	}

marquee 
	{
		margin: 10px;
		font-weight: bold;
		color: #7FC8A9;
		font-family: Courier;
		font-size: 18px; 
	}


.barra-navegacion 
	{
	    overflow: hidden;
	    background-color: #292c2f;
	    margin: 0 -8% 10px;
	}
  
.barra-navegacion a 
	{
	    float: left;
	    display: block;
	    color: #f2f2f2;
	    text-align: center;
	    padding: 14px 16px;
	    text-decoration: none;
    	font-size: 17px;
    	text-align: center;
	}
	
.barra-navegacion a:hover 
	{
	    background-color: #ddd;
	    color: black;	
	}
	
.barra-navegacion a.active 
	{
	    background-color: #04AA6D;
	    color: white;
 	}

 .separador 
 	{
     	margin: 0 7%;
 	}

.divisor 
	{
		width: 15%;
	}		

.centrado 
	{
		text-align: center;
	}

.justificado 
	{
		text-align: justify;
	}

.derecha 
	{
		text-align: right;
	}	

.u 
	{
		text-decoration: underline;
	}

.b 
	{
		font-weight: bold;
	}

.i 
	{
		font-style: italic;
	}		

.pie-pagina 
	{
		background-color: #292c2f;
		margin: 10px -8% 0;
		padding-top: 20px;
	}

.pie-pagina-tabla 
	{
		width: 35%;
		margin: 0 7%;
		border: none;
	}

.pie-pagina-th 
	{
		color: #babfc4;
		font-weight: bold;
	}

td a 
	{
		text-decoration: none;
		color: #778c95;
	}

marquee 
	{
		color: #babfc4;
		font-family: 'Courier New', Courier, monospace;
	}

@media only screen and (max-width: 1600px) 
	{
		.pie-pagina-tabla 
			{
					width: 45%;
			}
	}

@media only screen and (max-width: 1300px) 
	{
		.pie-pagina-tabla 
			{
				width: 60%;
			}
	}

@media only screen and (max-width: 1000px) 
	{
		.pie-pagina-tabla 
			{
				width: 80%;
			}
	}

@media only screen and (max-width: 750px) 
	{
		.pie-pagina-tabla 
			{
				width: 100%;
			}
	}