div.oferta
{
 position: relative;
 border: 1px solid #ff9900;
 padding: 20 20 20 20;
 left: 100;
 top: 100;
 width: 500;
 font-family: serif;
 margin-right:100px;
 margin-bottom: 90px;
 background-color: #eeeeee;
}

.imatge
{
 position: absolute;
 left: -70px;
 top: -70px;
 margin: -10px;
 border: 1px solid #ff9900;
 padding-right: 0px;
 padding-bottom: 0px;
 background-color: #fff;
}

.activitat
{
 position: absolute;
 top: -25px;
 right: 10px;
 font-size: x-large;
 color: #ff9900;
 padding: 5px;
 background-color: #000000;
 font-weight: bold;
 font-family: sans-serif;
}

.parrafada
{
 position: relative;
 font: normal medium serif;
 top: -1px;
 left: 90px;
 margin-right: 90px;
}

.parrafadahoritzontal
{
 position: relative;
 font: normal medium serif;
 top: -1px;
 left: 140px;
 margin-right: 140px;
}

.parrafadaportada
{
 position: relative;
 font: normal medium serif;
 top: -1px;
 left: 280px;
 margin-right: 90px;
}
.capcalera
{
 position: static;
 top: 0px;
 left: 0px;
 width: 100%;
 baackground-color: #ff9900;
 margin-bottom: 50px;
}

.nompagina
{
 text-align: center;
 font-family: sans-serif;
 font-size: xx-large;
}

.navegacio ul
 {
 color: white;
/* text-align: center;*/
 margin: 0;
 padding-bottom: 5px;
 padding-top: 5px;
 margin-left: -140px;
 }

div#navegacio ul li
 {
 font-weight: bold;
 font-family: sans-serif;
 margin-left: -4px;
 display: inline;
 }

div#navegacio ul li a
 {
 padding: 5px 10px 5px 10px;
 text-decoration: none;
 border-right: 10px solid #fff;
 background-color: #000;
 color: #ff9900;
 }

div#navegacio ul li a#active
 {
 font-size: xx-large;
 background-color: #ff9900;
 color: #006400;
 }

.comic {
 font-size: xx-large;
 background-color: #ffffff;
 color: #ff9900;
 }


div#navegacio ul li a:hover
 {
 background-color: #ff9900;
 color: #006400;
 }

.dadesobligatories
{
 position: relative;
 top: 20px;
 font-size: x-small;
 font-family: sans-serif;
 border-top: thin dotted;
}