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

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

.cap
{
height: 106px; 
margin: 0 0 10px 0;
padding: 0;
}

#ocre .cap 
{
background: #fff url(imatges/capçal.jpg) no-repeat; 
}

h1 
{
font-family: impact, "Trebuchet MS", "Arial Narrow", Arial, sans-serif ; 
letter-spacing: 0.5em; 
color: #6A6A8F;
margin: 0;
padding: 60px 0 0 60px;
}

.cos
{
padding: 0;	
font-size:100%;
margin: 0 0 0 11em;
text-align: left;
}

.cul
{
margin: 0;
padding: 1em 0;
font-size:100%;
clear: both;
text-align: center;
}

ul.index{list-style: none;margin: 0;padding: 3px 0 12px 0;
  font-weight: bold;
  text-align: center;white-space: nowrap; font: 70% arial, verdana, "times new roman", serif; 
clear: both;}

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

ul.index a{text-decoration: none;  padding: 0 0 3px;  border-bottom: 4px solid #FFF;color: #807973; background-color: #fff;}

ul.index a:hover{border-color: #1919B3 ;color: #1919B3; text-decoration: none; background-color: #fff;}

ul.index a.ara{border-color: #1919B3 ;color: #1919B3; text-decoration: none; background-color: #fff;}

ul.index a:active  { color:#FFB200 ; border-color: #FFB200; background-color: #fff;}


/*llista index2 horitzontal inferior*/

ul.index2{list-style: none;margin: 20px 0 0 0;padding: 7px 0;
  border-top: 1px solid #F2FFBF;font-weight: bold;
  text-align: center;white-space: nowrap; font: 70% arial, verdana, "times new roman", 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: #807973; background-color: #fff;}

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

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

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


/* dins la barra esquerra */
.barra
{
width: 8.5em; 
float: left;
margin: 0;
padding: 0 0 50px 0;
background-color: #fff;
border-left: 25px solid #fff;
font-family: "Arial Narrow", georgia, arial, serif; 
color: #788059;
font-weight:bold;
}

/* apartats per separar les llistes */

.barra h5
{
background-color: #FFEF66; 
margin: 2em 0 -0.2em 0;
width: 8em;
padding: 0;
color: #400099;
text-align: center;
font-family: arial, "times new roman", serif, monospace, "sans serif", georgia; 
font-size: 0.8em;
text-align:center;
}

/* gèneres */

div#gen
{
background-color: #FFEF66; 
margin: 0;
padding: 0 0 7px 5px;
color: #000;
}

div#gen h6 a
{
background-color: #E6DA73;
width: 80%;
color:#fff;
}

div#gen a:hover
{
color: #807940;
background-color: #FFEF66;
}


div#texon
{
color: #000;
margin: 0;
padding: 0 0 50px 5px;
background: #E0FF66 url(imatges/rinxolverd.gif) no-repeat bottom right;
}

h5.verd
{
margin: 0 0 -0.2em 0;
background-color: #E0FF66;
color: #990099;
}

div#texon h6 a
{
background: #cfe673;
width: 80%;
color:#fff;
}

div#texon h6 a:hover
{
background: #E0FF66;
color:#738040;
}

div.barra h6 
{
font-size: 100%;
margin: 0.2em 0 0 0;
text-align:left;
letter-spacing: 0.5em;
}

.barra ul, .dreta ul
{
list-style-type: none;
padding: 0;
margin: 0;
text-align: left;
}

/* capsetes amb relleu */

.barra li, .dreta li 
{
margin:0; 
}

.barra a, .dreta a
{
display:block;
font-size: 70%; 
width: 80%;
padding: 5px 10px 5px 8px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
text-decoration: none;
}

div#gen a
{
color:#807C59;
}

div#texon a
{
color: #788059;
}

.barra a:hover, .dreta a:hover
{
display:block;
width: 80%;
padding: 5px 10px 5px 8px;
border-width: 1px;
border-color: #aaab9c #fff #fff #ccc ;
border-style: solid;
text-decoration: none;
}

.barra ul ul a
{
display:block;
font-weight: bold;
font-size: 60%;
width: 80%;
padding: 5px 3px 5px 15px ;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
text-decoration: none;
}

.barra ul ul a:hover
{
display:block;
padding: 5px 5px 5px 13px ;
border-width: 1px;
border-color: #aaab9c #fff #fff #ccc ;
border-style: solid;
text-decoration: none;
}


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

h3
{
color: #BFA260; text-align: left; margin:0 0 1em 0; padding: 0 0 0 1em;  
}

h4
{
color: #fff; text-align: left; padding: 0 0 0 1em;background-color:#CCBA8F;
}

.cos h4
{
color: #BFA260; text-align: left; padding: 0 0 0 1em;background-color:#fff;
}

h5
{
color: #BFA260; text-align: left; padding: 0 0 0 1em;
}

h6
{
color:#BFA260; text-align: center; margin:0; padding: 0.5em 0;
}


p
{
padding:0 1em 1em 0; margin:0 ; text-align: left; line-height: 1.5em;
}


div.text    
{
margin:0 0 0 25px;
}

.text p   
{
line-height: 1.5em;
text-align: justify;
text-indent: 2em;
padding: 0;
font-size:100%;
margin:0;
}

p.primer, .primer p {text-indent:0;}


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

.versaleta
{font-variant: small-caps;}


blockquote
{
padding: 0 2em; 
margin: 0em 0 2em 0; font-size: 90%; color: #807459;
}

blockquote li
{
list-style: square inside none; margin: 0; padding: 0 5px 0 5px;
}


pre 
{
margin: 0;
padding: 0;
font-family: georgia, "times new roman", verdana, serif, monospace, "sans serif"; 
text-align: left;
line-height: 0.7em;
}

p.amunt
{
margin: 0 2em 0 0;
padding: 1em 1em 1em 0.5em;
text-align: right;
font: normal 1em arial, verdana, serif;
}

.amunt a {color: #Fff; text-decoration: none; background-color: #BF9430; padding: 2px 8px 3px 8px;}

.amunt a:hover {color: #Fff; text-decoration: none; background-color: #62458A;}

/* links del cos */

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

a:hover { color: #6C30BF; text-decoration: underline;}


/* per les portades de Traduccions, Obra original */

div.portada
{
float: left;
width:100px;
padding: 0 20px 20px 0;
}

div.portadaB
{
float: right;
width:100px;
padding: 0 20px 0 20px;
} 

#conte
{
background: url(imatges/rosegat.gif) no-repeat top right;
}

#conte h2
{
margin:0 0 1em 0; padding: 2em 0 0 1em; background-color: transparent; color: #CCBA8F; 
}


div#ibiscus
{
background: url(imatges/ibiscus.gif) no-repeat top right;
}


.fotohd
{
float: right;
margin: 20px 0 20px 20px;
padding: 3px;
width: 324px;
border: 1px solid #7A005C;
}

.fotohe
{
float: left;
margin: 20px 20px 20px 0;
padding: 3px; 
width: 324px;
border: 1px solid #7A005C;
}

.fotovd
{
float: right;
margin: 20px 0 20px 20px;
padding: 3px;
min-width: 200px;
border: 1px solid #7A005C;
}

.fotove
{
float: left;
margin: 20px 20px 20px 0;
padding: 3px;
min-width: 200px;
border: 1px solid #7A005C;
}


p.peufoto 
{
font: 55% arial, "narrow arial", "times new roman", serif;
text-align: left;
text-indent: 0;
margin:0;
padding:0;
} 


dl, #articles ul, ol
{
line-height: 1.5em;
}

dt
{
padding: 0.5em 0; 
}


.avall
{
clear:both;
}

.espaiat
{
margin: 4em 0 0 0;
}


p.mig
{
line-height: 1.5em;
text-indent: 0;
padding: 0;
font-size:100%;
margin: 10px 0 20px 150px;
}

.mig
{
text-align: center;
margin: 0 0 0 100px; 
}


div.lleng  
{
margin: -20px 0 0 0;
padding: 0 2em 0 0;
text-align: right;
word-spacing: 0.5em;
}

div.lleng a 
{
color:#50A17E;
font: bold 7pt arial, verdana, serif;
margin: 0;
padding: 5px;
text-align: right;
}

div.lleng a:hover 
{
color: #CFE6DC;
}


/* colorins de cada pàgina: família de 3, amb amunt */


/* per si de cas m'hi repenso per les secundàries */

/*#blaugroc .cap
{
background-color: #65567A;
}

#blaugroc h2
{
background-color: #65567A;
}

#blaugroc h1
{
color: #CCC68F;
font-size
}

#blaugroc h3, #blaugroc h4, #blaugroc h5 
{
color: #65567A;
}


#blaugroc .amunt a 
{
background-color: #65567A;color: #fff;
}

#blaugroc .amunt a:hover 
{
background-color: #BFB130; color: #fff;
}


#blaugroc .cos a 
{
color: #65567A;
}

#blaugroc .cos a:hover 
{
color: #BFB130; 
}

#blaugroc a.ara 
{
border-color: #400099;color: #400099 ;
}

#blaugroc .index2 a.ara 
{
border-color: #400099;color: #400099 ;
}

		/* miscel·lània, contes i textos: selecció de poemes: verd i lila, 
oposat a enllaços, cal un color dif per l'index  */


#verdlila .cap 
{
background: #fff url(imatges/capverd.jpg) no-repeat; 
}

#verdlila h2 
{
background-color: #C0CC8F;
}

#verdlila h1 
{
color: #7A567A;
}

#verdlila h3 /* com el fons del cap */ 
{
color: #C0CC8F;
}

#verdlila h4, #verdlila h5  
{
color: #ACBF60;
}


#verdlila .cos a 
{
color: #A3BF30;
}

#verdlila .cos a:hover 
{
color: #8A458A; 
}

#verdlila .amunt a 
{
background-color: #A3BF30; color: #fff;
}

#verdlila .amunt a:hover 
{
background-color: #8A458A; color: #fff;
}

#verdlila a.ara 
{
border-color: #990099;color:#990099;
}

#verdlila .index a:hover 
{
border-color: #990099;color:#990099;
}

#verdlila .index2 a:hover 
{
border-color: #990099;color:#990099;
}

/* només enllaços */
		
#lilaverd .cap
{
background: #CCAE8F url(imatges/captronja.jpg) no-repeat;   
}

#lilaverd h2 /* fons pastel */
{
background-color: #E6CFE6;
}

#lilaverd h1 
{
color: #647D8F;
}

#lilaverd h3 
{
background-color: #CCAE8F; color: #fff;
}

#lilaverd h4 
{
background-color: #CCAE8F; color: #fff;
}

#lilaverd h5 
{
 color: #CCAE8F; 
}

#lilaverd .amunt a 
{
background-color: #BF7830; color: #fff;
}

#lilaverd .amunt a:hover 
{
background-color: #3082BF; color: #fff;
}

#lilaverd a.ara 
{
border-color: #0066B3;color: #0066B3;
}

#lilaverd .index a:hover 
{
border-color: #0066B3;color: #0066B3;
}

#lilaverd .index2 a:hover 
{
border-color: #0066B3;color: #0066B3;
}

#lilaverd a 
{
color: #BF7830;
}

#lilaverd a:hover 
{
color: #3082BF;
}

		/* bio: vermell > verd  */


#vermellverd .cap
{
background: #fff url(imatges/caprosa.jpg) no-repeat; 
}

#vermellverd h1 
{
color: #648F7D;
}

#vermellverd  .text a 
{
color: #BF4D30; 
}

#vermellverd  .text a:hover 
{
color: #50A17E; 
}

#vermellverd a.ara 
{
border-color: #00B366 ;color: #00B366;
}

#vermellverd a.ara 
{
border-color: #00B366 ;color: #00B366;
}

#vermellverd .index a:hover 
{
border-color: #00B366 ;color: #00B366;
}

#vermellverd .index2 a:hover 
{
border-color: #00B366 ;color: #00B366;
}

/* per les versions per imprimir i els menús interns */

.dreta
{
float: right;
border: none;
background-color: #fff; 
width: 100px; 
margin: -5px -30px 0 0;
padding: 0 0 0 5px;
}