html
{
	width: 100%;
	height: 100%;
}

body
{
    background-color: #f4edf4;
    font-family: Georgia, Sans-Serif;
    color: #000000;
    width: 100%;
    height: 100%;
}

a:link
{
	color: #ffffff;
}

a:visited
{
	color: #ffffff;
}

a:hover
{
	color: #bce701;
}

p:first-letter
{
	font-size: 150%;
}

img
{
	border-width: 0px;
}

.general
{
	border-style: solid;
	border-width: 2px;
	border-color: #431c60;
	text-align: center;
	width: 100%;
	height: 100%;
}

.cap
{
    font-family: Arial, Sans-Serif;
    font-size: medium;
    font-weight: bold;
    text-align: center;
    background-color: #431c60;
    color: #ffffff;
    padding: 2px;
    width: 100%;
}

.menu
{
    font-size: x-small;
    font-variant: small-caps;
    font-weight: bold;
    background-color: #bf94e0;
    color: #ffffff;
    text-align: center;
    border-style: solid;
    border-width: 0px 2px 0px 0px;
    border-color: #431c60;
    float: left;
    height: 100%;
}

.menu ul
{
    list-style-type: none;
    margin-left: 0px;
}

.menu li
{
	padding: 20px 5px 20px 5px;	
}

.actual
{
    background-color: #bce701;
    color: #431c60;
}

.contingut
{
	width: 100%;
    font-size: x-small;
    text-align: justify;
    padding: 10px;
    height: 100%;
    margin: 0px;
    border-style: solid;
    border-width: 0px 0px 0px 2px;
    Filter: progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#e1e9a0, endColorstr=#8f7ca9);
}

.peu
{
    font-size: xx-small;
    text-align: center;
    background-color: #431c60;
    color: #ffffff;
    font-weight: bold;
    clear: both;
    width: 100%;
}

p.negreta
{
	font-weight: bold;
}

.vi
{
	clear: both;
}

.vi img
{
	float: right;
	margin: 10px;
}