/* CSS Document
border: 4px solid #C00;
 */

:root 
{
  --ColorFondo:#FFFFFF;
  --ColorSuperior:#9f9f9f;
  --ColorInferior:#9f9f9f;
  --ColorFilaSup:#92ce99;
  --ColorFondoCentral:#FFFFFF;
  --ColorTxtCab:#ffffff;
}
    html, body
	{
      height:100%;
	  width:100%;
	  padding:0;
      margin: 0 auto;
      display: flex;
	  display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;

    }

#FilaCab, #FilaCentral,#FilaCentralCompleta , #Pie, #FilaBotones
{
	 width:100%;
	 display:flex;
	 align-items: center;
	 justify-content: center;
	 background: var(--ColorFondoCentral);
}


    #FilaCab
	{
      height:8%;
	  background: var(--ColorSuperior);
    }
	#FilaSup
	{
		/* la altura puede ser mitad o completa se le pasa con class */
	  width:100%;
	  background: var(--ColorFilaSup);
	  align-items: center;
	 justify-content: center; 
    }
	#FilaGraficos
	{
		/* la altura puede ser mitad o completa se le pasa con class */
	  width:100%;
	  background: var(--ColorFilaSup);
	  align-items: center;
	 justify-content: center; 
    }

	.mitad
	{
		height:50%;
	}
	.completa
	{
		height:100%;
	}
	.VentanaScroll
	{ 
                width: 100%; 
                height: 100%; 
                overflow-x: hidden; 
                overflow-y: auto; 
                text-align:justify; 
				
	}
	.VentanaScrollTodo
	{ 
                width: 100%; 
                height: 100%; 
                overflow-x: auto; 
                overflow-y: auto; 
                text-align:justify; 
				
	}
	#FilaBotones
	{
      /* height:10%; */
	  background: var(--ColorFondo);
    }
	#FilaCentral
	{
      height:100%;
	  background: var(--ColorFondoCentral);
    }
	#FilaCentralCompleta/* Este es para login, para que ocupe toda la ventana */
	{
      height:90%;
    }
	 #Pie
	 {
      height:5%;
	  background: var(--ColorInferior);
	 }










.tb_logo
{
width:100%;
height:100%;
vertical-align:middle;
text-align:center;
padding: 1em 1em 1em 1em;
}

.logo
{
height:auto;
width:680px;
vertical-align:middle;
}

.logo_txt
{
width:486px;
height:auto;
}


@media screen and (max-width: 800px)
{

.logo
{
width:80%;
height:auto;
}

.logo_txt
{
	width:100%;
}
}