body {
        font-family: sans-serif;
        text-align: justify;
        }

h1 {
        margin: 20px 0px 50px;
        padding: 10px;
        font-size: xx-large;
        font-weight: bold;
        text-align: center;
        border-style: solid;
        border-left-width: 30px;
        border-color: #F6B80D;
        }

h2 {
        font-size: x-large;
        font-weight: bold;
        font-family: sans-serif;
        text-align: center;
        }

h3 {
        font-size: x-large;
        font-weight: bold;
        font-family: sans-serif;
        text-align: justify;
        list-style-type: square
}

h4 {
        margin-right: 10%;
        margin-left: 10%;
        font-size: large;
        font-weight: normal;
        font-family: sans-serif;
        text-align: center;
        }

blockquote {
        padding: 2%;
        font-style: normal;
        font-weight: normal;
        text-align: justify;
        border-width: thin;
        border-color: #326565;
        border-style: dashed
        }

#contingut        
        {
        margin-left: 14em;
	min-width: 300px;
        }
#menu {
        position: fixed;
        top: 20px;
        left: 5px;
        background-color: #F6B80D;
        }

#menu p {
        color: #fff;
        font-size: xx-large;
        padding: 5px 10px;
        font-weight: bold;
        }

#menu a {
        display:block;
        font-size: 14px;
        padding: 8px;
        text-decoration: none;
        font-weight: bold;
        }
#menu a:link {
        color:black;
        }
#menu a:visited {
        color: black;
        }
#menu a:hover {
        color:red;
        }

#menu a:hover.current {
        color:#F6B80D;
        }
#menu a:active {
        color:black;
        } 

a:link {
        color: #0000EE;
        background-color: transparent;
        text-decoration: underline;
        }
a:visited {
        color: #00EE00;
        background-color: transparent;
        text-decoration: underline;
        }
a:hover {
        color: #EE0000;
        background-color: transparent;
        text-decoration: underline;
        }
a:active {
        color: #EEEE00;
        background-color: transparent;
        text-decoration: underline;
        }
.peu a:link {
        color: black;
        background-color: transparent;
        text-decoration: none;
        }


ul {
        list-style-type: square;
        list-style-position: outside;
        padding: 5px;
        font-size: 12px;
        }

li {
        margin-left: 3em;
        padding: 5px;
        font-size: 12px;
        }

p {
        text-indent: 2em;
        font-size: 12px;
        }
h2 em {
        color: #FF6500;
        font-size: x-large;
        font-style: normal;
        font-weight: bold;
        font-variant: small-caps;
        background-color: #FFFFFF;
        }
p.anagrama {
        margin: 0px;
	text-indent: 0em;
        text-align: center;
        background-color: #F6B80D;
}
       
.centre {
        text-align: center;
        }

.centretitol {
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        background-color: #F6B80D;
        }
.pregunta {
        font-size: 14px;
        font-weight: bold;
        text-indent: 0em;
        }
.resposta {
        font-size: 12px;
         }
.peu {
        margin: 10px 0px 10px 0px;
        padding: 5px 15px 5px 15px;
        font-family: sans-serif;
        font-size: medium;
        font-weight: bold;
        text-align: center;
        color: #ffffdd;
        background-color: #6C8C00;
        }
.peuesquerra {
        float: left;
        }
.peudret {
        float: right;
        }