.Franjas
{
    height: 15px;
    background-color: #ebb239;
    /*background-color: #083e05; verde*/
}

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

.TablaListado
{
    border: 1px;
    border-style: solid;
    border-color: #003366;  
    width: 275px;
    height: 100px; 
}

.TablaListadoDestacadas
{
    border: 1px;
    border-style: solid;
    border-color: #003366;  
    width: 275px;
}

.TablaDetalle
{
    border: 1px;
    border-style: solid;
    border-color: #003366;
    padding: 7px 7px;  
}

.TablaMenuHorizontal
{
    background-color: #444444;
    border: 0;
    height: 40px;
}

.TablaMenuVertical
{
    background-color: #444444;
    border: 0;
}

.TablaSubMenuHorizontal
{
    background-color: #444444;
    border: 0;
}
    
.TablaSubMenuVertical
{
    background-color: #444444;
    border: 0;
}

.TablaSubMenu2Horizontal
{
    background-color: #444444;
    border: 0;
}

.TablaSubMenu2Vertical
{
    background-color: #444444;
    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%;
	}
}