.Franjas
{
    height: 15px;
    background-color: var(--color-fondo-boton);
    /*background-color: var(--color-fondo-boton); verde*/
}

#tablaPrincipal
{
    /*margin-bottom: 20px;*/
}

.TablaListado
{
    border: 1px;
    border-style: solid;
    border-color: var(--color-borde-boton);
    width: 275px;
    height: 100px;
}

.TablaListadoDestacadas
{
    border: 1px;
    border-style: solid;
    border-color: var(--color-borde-boton);
    width: 275px;
}

.TablaDetalle
{
    border: 1px;
    border-style: solid;
    border-color: var(--color-borde-boton);
    padding: 7px 7px;
}

.TablaMenuHorizontal
{
    background-color: var(--color-fondo-principal);
    border: 0;
    height: 40px;
}

.TablaMenuVertical
{
    background-color: var(--color-fondo-principal);
    border: 0;
}

.TablaSubMenuHorizontal
{
    background-color: var(--color-fondo-principal);
    border: 0;
}

.TablaSubMenuVertical
{
    background-color: var(--color-fondo-principal);
    border: 0;
}

.TablaSubMenu2Horizontal
{
    background-color: var(--color-fondo-principal);
    border: 0;
}

.TablaSubMenu2Vertical
{
    background-color: var(--color-fondo-principal);
    border: 0;
}


.Col1
{
	position: relative;
	float: left;
	width: 100%;
	padding: 3px;
	clear: both;
	text-align: justify;
	box-sizing: border-box;
}

.Col2
{
	position: relative;
	float: left;
	width: 50%;
	padding: 3px;
	box-sizing: border-box;
}

.Col3
{
	position: relative;
	float: left;
	width: 33%;
	padding: 3px;
	box-sizing: border-box;
}

.Col4
{
	position: relative;
	float: left;
	width: 25%;
	padding: 3px;
	box-sizing: border-box;
}

.Col5
{
	position: relative;
	float: left;
	width: 20%;
	padding: 3px;
	box-sizing: border-box;
}

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

	.Col3
	{
		width: 100%;
	}

	.Col4
	{
		width: 50%;
	}

	.Col5
	{
		width: 100%;
	}

}

@media only screen and (max-width: 600px)
{
    .Col2, .Col4
	{
		width: 100%;
	}
}