img {
	position: relative;
	border: 0;
}

.block {
	display: block;
	border: 0;
}

#nivell a { white-space: nowrap; text-decoration: none; }

#titlin2 { color: #999; white-space: nowrap; }

/*atenció pot afectar HTMLsection abans que aquestes siguin eliminades */
blockquote {
	text-align: left;
/*	color: #00008b; no cal si dins de contingut aquest color està garantit */
}

/* De moment només blockquote i p quan dins blockquote */
.centrat, .centrat p.prosa {
	text-align: center;
}
/* De moment només blockquote */
.negre {
	color: #000;
}

/* GENERAL */

/* títols i autor fets anb <h>:
	cal per tant modificar explícitament la separació de block 
	i eliminar el bold si no convé (autor)
*/
#grantit {
	margin: 0;
	color: #f60; 
	font-size: 135%;
}

#peugrantit {
	margin: 0;
	color: #000; 
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 0.5em;
}

#titol {
	margin: 0;
	color: #000; 
	font-size: 135%;
	width: 100%;
	line-height: 95%;
}

#peutit {
	margin: 0;
	color: #000; 
	font-size: 100%;
	font-weight: normal;
}

#autor {
	margin: 0;
	color: #000;
	font-size: 100%;
	font-weight: normal;
}

#copypeu {
	font-family: verdana, arial, helvetica, helv, sans-serif;
	color: #000;
	margin-top: 0.5em;
	font-size: 0.8em;
	text-align: center;
}

#taulafitxa th, #taulafitxa td {
	border-top: 2px solid #eee;
	padding: 4px;
	margin: 0;
}

#taulafitxa th {
	text-align: left;
	font-weight: bold;
}
#taulafitxa td {
	text-align: right;
}
#taulafitxa #url {
	color: black; 
	font-size: 60%; 
	font-family: lucida console, courier new, courier, monospace;
}

#taulafitxa th.same, #taulafitxa td.same { /* mismo autor */
	vertical-align: top;
	border-bottom: 2px solid #eee;
}

#taulafitxa td.same ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

a.nota, a.nota:visited {color: #f60; text-decoration: none;}
a.nota:active {color: #000;}
a.supnota {color: #f60; text-decoration: none;}
a.altres {color: #36f; text-decoration: none;}
a.altres:visited {color: black; text-decoration: none;}
a.altres:active {color: #f60;}

div.sec {
	margin-top: 3em;
}

div.seccenter {
	margin-top: 3em;
	text-align: center;
}

p { margin: 0; }

p.inisec, p.inicial {
	text-align: justify; 
	text-indent: 0;
}

p.prosa {
	text-align: justify; 
	text-indent: 2em;
}

div.stitle {
	font-weight: bold;
	margin-bottom: 1em;
}

/* POETRY */
div.poem {
	margin-top: 2em;
	font-size: 100%;
}

div.poempet {
	margin-top: 3em;
	font-size: 80%;
}

div.poemcenter {
	margin-top: 3em;
	font-size: 100%;
	text-align: center;
}

div.poemcenterpet {
	margin-top: 3em;
	font-size: 80%;
	text-align: center;
}

div.ptitled {
	margin-bottom: 1em;
}
div.puntitled {
	margin-bottom: 0em;
}

.strophe {
	margin-bottom: 1em;
}

.verse {
}

div.source { /* segurament val per altres (sign) */
	text-align: right;
	margin-top: 0.5em;
}

.date, .aut {
	text-align: right;
	margin-top: 1em;
	margin-bottom: 1em;
}

.inscr, .transl, ill {
	text-align: right;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 80%;
	color: black;
}

/* Eliminar de quotation l'strong i convertir-ho en span? No conviene porque tb existe versión em dentro del texto
	De fet tècnicament innecessari però ho posem per explicitar
*/
strong.title {
	font-weight: bold;
}
em.title {
	font-style: italic;
}

div.sep {
	padding: 1em;
}

/* DRAMA (copiat tal qual de drama.css que ara ja no s'invoca si drama */
div.vdrama {
	display: block;
	margin-left: 4em;
	text-indent:-3em;
}

div.vdrama-primer {
	margin-left: 5em;
	text-indent:-3em;
}

div.primera {
	display: block;
	margin-left:4em;
	text-indent:-4em;
}

span.speaker {
	font-size: 75%;
	margin-right: 1em;
}

div.move {
	display: block;
	font-style: italic;
	margin-top: 1em;
	margin-bottom: 1em;
}

div.stage {
	display: block;
	text-align: center;
	margin-top: 2em;
}

span.move-inline {
	font-style: italic;
}

/* no generem CLASS="sp" perquè no cal
div.sp {
	display: block;
}
*/

/* nou. prosa dramàtica */
div.pdrama {
	display: block;
	margin-left:1em;
	text-indent:-1em;
	text-align: justify;
}


/* Per fragments d'aspecte teatral enmig de prosa */
/* Ha de ser <p> perquè existeix la classe drama per <body>, tot i que ja no s'utilitza existeixen XMLs que ho tenen */
p.drama {
	margin-left:1em;
	text-indent:-1em;
	text-align: justify; /*cal fer-ho explícitament pq normalment div.drama apareix dins de <blockquote> (que té com atribut per defecte LEFT)*/
}

/* NOTES */
span.note {
	vertical-align: super;
	color: red;
	font-size: 70%;
}

/*p121*/
div.illust {
	margin-bottom: 1em;
}

#end {
	text-align: center;
	font-weight: bold;
	font-size: 200%;
	color: black;
	padding: 1em;
}

/* a popupW */

#contingutnota { /* blockquote */
	margin: 0.5em;
}

/* Cal això, no hereta fons */
#textnota {
	text-align: left;
	font-family: georgia, times new roman, times roman, times, roman, serif;
	font-size: 1.1em;
	margin-bottom: 1em;
}
#peunota {
	text-align: right;
	font-family: verdana, arial, helvetica, helv, sans-serif;
	font-size: 0.8em;
}
#titnota { /* h1 optatiu: depèn del tipus de nota */
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 1em;
}

/* TOC */
#toc { /*div + ul */
	border: none;
	padding: 2em 0 1em 0;
	margin: 0;
	color: black;
}

#toc table {
	font-family: georgia, times new roman, times roman, times, roman, serif;
	font-size: 1em;
}

/* per accessibilitat */
caption, #toc th, #skiplinks {
	display: none;
}

#toc td {
	vertical-align: top;
	padding: 0;
}

#toc td.chapnum {
	padding-right: 1em;
}

/* quan no és taula és ul */
#toc li {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* si sep="1" */
#toc li.darrer { margin-bottom: 1em;}
#toc tr.darrer { height: 2em;}

a:link {color:#009;} 
a:visited {color:#f60;} 
a:hover {color:#007fff;}
a:active {color:#f60;} 

a.literari:link {color: #808080; text-decoration: none;}
a.literari:visited {color: #808080; text-decoration: none;}
a.literari:hover {color:#007fff;}
a.literari:active {color: #f60;}

#noJS, #extern {
	font-family: verdana, arial, helvetica, helv, sans-serif;
	font-size: 0.8em;
	margin-top: 1em;
}
#oimgtxt {
	margin: 1em 0;
	padding: 0.5em;
	border: 1px dashed #ccc;
	background-color: #fcfcfc;
}
#oimgtxt input {
	font-weight: bold;
}
#Opinions ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#extern p {
	margin-bottom: 0.5em;
}
#Opinions .sign {
	text-align: right;
	font-weight: bold;
}
#Opinions .opinio {  }
#noJS, #Opinions ul li {
	margin: 0.5em 0;
	border: 1px solid #cecf9c;
	padding: 0.5em;
	background-color: #ffffce;
}
h5 {
	margin: 0;
	color: #00f;
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 0.05em;
}

#Opinions #opinar {
	float: right;
}
#Opinions #opinar img {
	display: block;
	border: 0;
	width: 100px;
	height: 20px;
}

/* Llistes a prosa. p.e. n250-61 */
.sec li {
	margin-left: 2em;
}
/* microformats */
.item {
	display: none;
}

/* oimgs (il.lustr.) */
#oimg {
	float: right;
	margin: 50px 0 5px 15px;
	font-size: 0%; /*per alts*/
}

#oimgs {
	position: absolute;
	right: 8px;
	top: 170px;
	font-size: 0%; /*per alts*/
}
#oimgs a {
	display: block;
	margin-bottom: 10px;
	text-align: right;
}
#oimgs a img, #oimg img {
	border: 1px solid #000;
}
#oimgexpl, #flickrload {
	display: none;
}
#flickr {
	font-weight: bold;
	color: #c00;
}
#oimgtxt h5 {
	background: url("/img/obrir.png") no-repeat right center;
	cursor: pointer;
}