/* default style for the whole document */
html, body {
/*	background-color : #7AB05B; */
	color : black;
	margin : 0px 0px 0px 0px;
}


.Es1 {
	color: #990000;
	font-weight: bold;
}


.Es2 {
	color: #000000;
	font-weight: bold;
}


.Es3 {
	font-size: 12pt;
	font-weight: bold;
}

.Es4 {
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
}

div.EsAutor {
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}

div.EsTitol {
	font-size: 13pt;
	font-weight: bold;
	color: #990000;
	text-align: left;
}

.EsDate {
	font-size: 10pt;
	font-weight: normal;
	text-align: center;
	font-style: italic; 
}

div.EsTitNegre {
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
}


a.link {
	text-decoration: none; 
	
}

a.link a:visited {
	text-decoration: none; 
	
}

img.link {
	border: 0px;
}

/* imatge de Cel Ras - titol */
div.colM  {
	margin: 10px 10px 50px 50px;
	padding: 0px 0px 0px 0px;
	width: 50px;
	position:absolute;
	left:20px;
	top:50px;
	font-size: 16pt;
	text-decoration: none;
}

div.colM img {border: 0px solid;}

div.colM a:link {
text-decoration: none; 
padding: .10em .0em .0em .30em;
}

div.colM a:visited {
text-decoration: none; 

}
/* fi imatge de Cel Ras - titol */

/* adreça email */

div.colM2  {
	margin: 10px 10px 300px 0px;
	padding: 0px 0px 0px 0px;
	width: 841px;
	position:absolute;
	left:230px;
	top:8%;
	font-size: 16pt;
}

/* fi adreça email */

/* columna de la dreta */
div.colD  {
	margin: 10px 10px 300px 0px;
	padding: 4px 4px 4px 4px;
	width: 550;
	position:absolute;
	left: 400px;
	top:14%;
	font-size: 12pt;
/*	background: #FFFFFF;*/
	text-align: justify; 
}

div.colD img {border: 0px solid;}

div.colD a:link {
text-decoration: none; 
color: blue;
}

div.colD a:visited {
text-decoration: none; 
color: blue;
}

/* fi columna de la dreta */


div.colDisc  {
	margin: 10px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 200px;
	position:absolute;
	left:850px;
	top:10px;
	font-size: 8pt;
	background: #FFFFFF;
}

div.Rev  {
	margin: 10px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 600px;
	position:absolute;
	left:20%;
	top:200px;
	font-size: 10pt;
/*	text-align: justify; */
}

div.RevIn  {
	background: #FFFFCC;
	padding: 12px 12px 12px 12px;
	text-align: justify;
}

div.RevInS  {
	background: #FFFFCC;
	padding: 2px 2px 2px 2px;
	text-align: justify;
}

/* llista horitzontal ******************************/
#barrah {
	padding: 0px 0px 0px 0px; /*gruix de la barra*/
    font-size: 90%;  
    text-align: center;
	background: #FAE1AB;
/*	clear: both; */ /*no se pq serveix encara*/
	margin: 10px 10px 300px 0px;
	width: 550px;
	position:absolute;
	left:150px;
	top:500px;
}

#barrah a {
	padding: 0 .5em 0 .5em; /* espai entre elements barra */
    color: #000000;
    text-decoration: none;
 /*   border-left: 1px solid #444; */ /*no se pq serveix encara*/
	font-weight: bold;
  }
/*  
  #barrah a.highlight { font-weight: bold; }
  #barrah a:hover { color: #fff; background: #C5E0D1; }
*/


#barrah a:link {
	text-decoration: none; 
	background: #FAE1AB;
}	

#barrah a:visited {
	text-decoration: none; 
	background: #FAE1AB;
}

#barrah a:hover {
	background: #C5E0D1;
	text-decoration: none;
}

/*
#barrah li { list-style: none; display: inline; } /aço fa que llista estiga horitzontal*/

#barrah li.begin a { border: none; }

/* fi llista horitzontal ******************************/

/* llista horitzontal llèngües******************************/
#barrall {
	padding: 0px 0px 0px 0px; /*gruix de la barra*/
    font-size: 90%;  
    text-align: center;
	background: #FFFFFF;
/*	clear: both; */ /*no se pq serveix encara*/
	margin: 10px 10px 300px 0px;
	width: 300px;
	position:absolute;
	left:100px;
	top:5%;
}

#barrall a {
	padding: 0 .5em 0 .5em; /* espai entre elements barra */
    color: #000000;
    text-decoration: none;
 /*   border-left: 1px solid #444; */ /*no se pq serveix encara*/
	font-weight: bold;
  }
/*  
  #barrah a.highlight { font-weight: bold; }
  #barrah a:hover { color: #fff; background: #C5E0D1; }
*/


#barrall a:link {
	text-decoration: none; 
	background: #FFFFFF;
}	

#barrall a:visited {
	text-decoration: none; 
	background: #FFFFFF;
}

#barrall a:hover {
	background: #FFFFFF;
	text-decoration: none;
}

#barrall li { list-style: none; display: inline; } /*aço fa que llista estiga horitzontal*/
#barrall li.begin a { border: none; }

#barrall img {border: 0px solid;}


/* fi llista horitzontal ******************************/


/* llista vertical ******************************/


div.colE  {
	margin: 10px 10px 300px 0px;
	padding: 0px 0px 0px 0px;
	width: 230px;
	position:absolute;
	left:0px;
	top:240px;
}

div.colE a {
	display: block;
	color: black;
	padding: .10em .0em .0em .30em;
	text-decoration: none;
	width: 200px;
	height: 30px;
	margin: 0 0 4px 0;
	font-weight: bold;
}

div.colE ul {
	list-style-type: none;  /* marker style */ 
/*		padding: .10em .10em 0 .10em; /space text-walls, top right bottom left*/ 
/*		background: red; /#000066; */
	margin: 0% 20px 300px 10px; /*space from walls */
	color: red; /*white;*/			
}

div.colE li {
	margin: 0 0 4px 0;
}


div.colE a:link {
	text-decoration: none; 
	color: black;
	background: #CCCCCC;
}	

div.colE a:visited {
	text-decoration: none; 
	color: black;
	background: #CCCCCC;
}

div.colE a:hover {
	background: #C5E0D1;
	text-decoration: none;
	color: black;

/*		margin: 0% 0% 0% 0%; /space text-walls to normal text*/
/*		padding: .50em .50em 0 .50em; / space from inner-walls */
}

div.colE img {border: 0px solid;}

/*------------ fi llista vertical */

/* fletxes */
div.fl  {
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	width: 50px;
	position:absolute;
	left:500px;
	top:0px; 
	font-size: 16pt;
	text-decoration: none;
}

div.fl img {border: 0px solid;}

div.fl a:link {
text-decoration: none; 
/*padding: .10em .0em .0em .30em;*/
}

div.fl a:visited {
text-decoration: none; 
color:  	#9B30FF;

}
/* fi fletxes */

/*This is to have css popups in the page :) */

a span {
  display: none;
  position:relative;
  }
 
a:hover {
  background-color: #CCCCCC;
  }

/* The above hover change defeats the
  IE/Win display changing bug */


a:hover span {
  position: absolute;
  top:-20px; /*left:0px;*/
/*  width:70px; */
  text-align: center;
  display: block;
/*  background: #fdd;
  border: 1px solid red; */
  background: #CCCCCC;
  color:#000;
/*  border: 1px solid #CCCCCC;*/
  }

/* end of hovering liks */

/*taula poema*/

td.tblpoemL {
	text-align : left;
/*	background-color: #000000;*/
/*	color: #000000;*/
/*	border : 10px solid #EEEEEE;
	border-top : 1px solid blue;
	color: #000000;	*/
	border-right : 2px solid black;
	vertical-align: top;
/*	width : 40%;*/
    padding-right: 5pt;
}
td.tblpoemR {
	text-align : left;
/*	background-color: #000000;*/
/*	color: #000000;*/
/*	border : 10px solid #EEEEEE;
	border-top : 1px solid blue;
	color: #000000;	*/
/*	border-right : 2px solid black;*/
	vertical-align: top;
/*	width : 40%;*/
    padding-left: 10pt;
}