body
{margin: 0; padding:0; color:#000; font-family:  georgia, "times new roman", verdana, serif, monospace, "sans serif";
background-color:#fff;}

.paquet 
{
background-color:transparent;
width: 75%;  
margin: 0 auto 10px auto;
text-align: center;
}

#cul
{
padding: 0;
background: #fff url(imatges/escampada.jpg) no-repeat top center;
margin: 1.5em 0 0 0;
text-align: center;
}

#cul p
{
margin:0;
padding: 290px 0 0 0;
text-align: center;
color: #7D8073;
font-size: 70%;
background-color: transparent;
}

h5
{
color: #7D8073;
margin:0;
padding: 0;
background-color:transparent;}

h6
{
color: #788059; margin:0; padding: 1em 0 0 0;
}

#cul a {background-color:transparent;color: #7A9900 ; text-decoration: none;}

#cul a:hover {background-color:transparent; color: #990099; text-decoration: underline;}

/*llista index2 horitzontal inferior*/

ul.index2 {list-style: none;margin: 20px 0 10px 0;padding: 7px 0;
  border-top: 1px solid #F2FFBF;font-weight: bold;
  text-align: center;white-space: nowrap; font: 70% arial, georgia, impact, garamond, monospace, serif; }

ul.index2 li{display: inline;margin: 0 6px;}

ul.index2 a{text-decoration: none;padding: 3px 0 0;
  border-top: 4px solid #FFF;color: #807380; background-color: #fff;}

ul.index2 a:hover{border-color: #7A9900 ;color: #7A9900 ; text-decoration: none; background-color: #fff;}

ul.index2 a#ara{border-color: #5C005C;color: #5C005C;text-decoration: none; background-color: #fff;}

ul.index2 a:active  { color: #8FB300; border-color: #8FB300; background-color: #fff;}

h2
{
color: #fff; text-align: left; margin: 0 0 1em 0; padding: 0 0 0 0.5em; background-color: #7A567A;
}

div.text    
{
margin:0 0 0 25px;
background-color:transparent;
}

p   
{
line-height: 1.5em;
text-align: justify;
text-indent: 2em;
padding: 0;
margin:0;
}

p.primer {text-indent:0;}

span.lletrota
{font-style:italic; font-weight: bold; font-size: 3.5em; float: left; width: 0.7em; line-height:80%; padding:0 0 0 3px;
}

/* links del cos */

a {color: #990099; text-decoration: none;}

a:hover { color: #8FB300; text-decoration: underline;}

ul.index a:active  { color:#FFB200; }


/* sobre: nom, menú i lleng */

#sobre 
{
position: relative; 
top:0; 
left:30px; 
width:723px;
height: 624px;
margin:0;
background: #fff url(imatges/sobre.jpg) no-repeat top right; 
padding:  0; 
}

.nom
{
margin: 0;
padding: 120px 0 0 0; 
width: 300px;   
height:100px;
text-align:center;
}

h1/* Alfred */
{
font: bolder 40pt "Trebuchet MS", Arial, verdana, sans-serif;
letter-spacing:0.2em; line-height:0.8em;
color: #FFE500;
margin: 0; padding: 0;
width: 100%;
height: 1.6em;
text-align:center;
background-color: transparent;}

h1 div  /* Badia */
{
font: bold 60pt "Trebuchet MS", "Arial Narrow", Arial, sans-serif ;
letter-spacing:0.20em;line-height:0.3em;
color: #FFB200;
margin: 0 ; padding: 0;
display:block;
background-color: transparent;}

ul#lleng 
{
list-style: none;
 padding: 0;
margin: 0;
text-align: right; 
position: relative; 
top: 15px; 
right: 15px; 
}

#menu #lleng a 
{
color: #6B006B;
font: bold 8pt verdana, arial, serif;
margin: 0;
padding: 0;
background-color: transparent;}

#menu #lleng a:hover 
{
color: #A3BF30;  
background-color: transparent;}

div#menu 
{
width: 290px; 
position: relative; 
top: -27px; 
left: 240px; 
text-align: center; 
padding: 0;
margin: 0;
background-color: transparent; 
}

#menu ul
{
clear: both;
list-style: none; padding: 0; 
background-color: transparent; 
line-height: 1.3em;
}

#menu ul ul
{
padding: 0; 
}

#menu li{margin: 0;padding: 0; font-weight: bold;}
 
#menu a{padding: 0; text-decoration: none; color: #8FB300; background-color: transparent;}

#menu a:hover {color: #990099; text-decoration: none; background-color: transparent;}

#menu a:active { color:#B3B3B3; background-color: transparent;}

#menu ul ul a {text-decoration: none; padding: 0; margin: 0;
font-size: 80%;  color: #ADD900; background-color: transparent;} 

/* per fer pop ups, sense enllaços, no funciona amb IE */

div#menu a span 
{
display:none;
}

div#menu a:hover span 
{
display:block; position: absolute; top:80px; left:330px; 
width: 250px; text-align: left;
font: bold 100% garamond, "Arial Narrow", Arial, sans-serif; 
padding: 2em ;margin: 0; z-index: 1; color:#FF8800; background-color: #D9CDD9; 
}



/* foto pop up per la bio, no funciona amb ie */

div#menu a img
{
width: 0;
height: 0;
border-width: 0;
}

div#menu a:hover img
{
position: absolute; top:60px; left:285px; 
width: 308px;
height: 197px;
border-width: 0;
z-index: 2;
}