/* **************************************************** */
/* REDEFINICIONS HTML */
/* **************************************************** */
body { margin: 0px; padding: 0px; font-size: 0px; line-height: normal; background-color: #FE9D00; text-align: center; font-family: Arial, Verdana; }
div { margin: 0px; padding: 0px; border: none; }
img { border: none; }

a:link, a:active, a:visited, a:hover { color: #666666; font-weight: normal; text-decoration: none; }
a:hover { text-decoration: underline; }

ul, li { margin: 0px; padding: 0px; font-size: 0px; line-height: 0px; list-style: none; }

/*
table { width: 100%; height: 100%; }
table tr td { text-align: center; }
*/

/* **************************************************** */
/* ESQUELET */
/* **************************************************** */

/* DI-18086-17 Unificar el tamaño de fuente en todas las cabeceras. */

#container { width: 764px; height: 606px; background: white url(../img/bg_pie.gif) bottom left no-repeat; margin: 0px auto; }
body#home #container { height: 528px; }

body a:link, a:active, a:visited, a:hover { color:#666666;
											font-family:Arial,Verdana,Tahoma,Helvetica;
											font-size:12px;
											font-style:normal;
											font-variant:normal;
											font-weight:normal;
											height:auto;
											line-height:normal;
											text-align:left;}
body a:hover { text-decoration: underline; }

#cabecera { width: 762px; height: 132px; margin: 0px auto; background: url(../img/bg_cabecera.gif) bottom center no-repeat; }
#cabecera h1 { text-align: left; font-size: 0px; line-height: 0px; margin: 0px; padding: 1px 0px 0px 0px; float: left; }
#cabecera p { float: right; margin: 2px 2px 0px 0px; padding: 0px; }

#menu { width: 760px; height: 36px; margin: 0px auto; background: url(../img/bg_menu.gif) bottom left no-repeat; text-align: left; }
#menu ul { margin: 0px; padding: 12px 0px 0px 10px; color: white; float: left; }
#menu ul li { display: inline; background: url(../img/bg_dotted.gif) top right repeat-y; font-size: 14px; }
#menu ul li span { padding: 0px 15px; }

#main { width: 760px; height: 405px; margin: 0px auto; background-color: white; }
body#home #main { height: 327px; }

#pie { width: 760px; margin: 0px auto; }
#pie p { margin: 0px; color: #666666; font-size: 11px; text-align: left; line-height: 11px; }
#pie p.left { padding: 10px 0px 0px 30px; font-weight: bold; float: left; }
#pie p.right { padding: 8px 20px 0px 0px; font-size: 10px; text-align: right;  float: right; }
#pie p.right img { vertical-align: middle; }
#pie a:link, #pie a:active, #pie a:visited { text-decoration: none; }

/* **************************************************** */
/* PRIMER NIVELL (home) */
/* **************************************************** */

div#home { width: 760px; height: 326px; text-align: right; margin-top: 1px; background-color: #FE9D00; 
background: white url(../img/bg_home.jpg) top left no-repeat; }

div#home #caja { float: left; padding: 20px 0px 0px 80px; }
* html div#home #caja { padding-left: 84px; }
div#home #caja h2 { margin: 0px; padding: 0px; font-size: 0px; line-height: 0px; }
div#home #caja ul { margin: 0px; padding: 0px; width: 239px; background: url(../img/bg_destacat.gif) top left repeat-y; list-style: none; }
div#home #caja ul li { margin: 0px; padding: 10px 16px; font-size: 12px; text-align: left; line-height: normal; }
div#home #caja ul li strong { font-size: 12px; }
div#home #caja p { margin: 0px; padding: 0px; width: 239px; height: 47px; font-size: 0px; line-height: 0px; background: url(../img/bg_mesinfo_destacat.gif) top left no-repeat; text-align: left; }
div#home #caja p img { margin: 8px 0px 0px 15px; border: none; }

div#home #caja a:link { font-size: 12px; text-decoration: none; font-weight: normal; color: #666666; }
div#home #caja a:visited { font-size: 12px; text-decoration: none; font-weight: normal; color: #666666; }
div#home #caja a:hover { font-size: 12px; text-decoration: underline; color: #666666; }

div#home #swf { height: 326px; float: right; }

/* **************************************************** */
/* PRIMER NIVELL (llistats) */
/* **************************************************** */

#l1 { width: 760px; height: 404px; background: url(../img/bg_l1.gif) bottom center no-repeat; text-align: center;}
#l1Container { width: 720px; height: 326px; text-align: left; margin: 0px auto; font-size: 12px; padding-left: 20px; padding-right: 20px; }

#l1Container #pager { text-align: center;}
#l1Container #pager ul { height: 20px; }

#l1Container #pager ul li { float: left; width: 10px; border-right: 10px; font-size: 12px; line-height: 20px; vertical-align: center; font-weight: bold; }
#l1Container #pager ul li a:link { float: left; width: 10px; padding: 0px 0px; font-size: 12x; line-height: 20px; vertical-align: center; color: black; }
#l1Container #pager ul li a:active { float: left; width: 10px; padding: 0px 0px; font-size: 12px; line-height: 20px; vertical-align: center; color: black; }
#l1Container #pager ul li a:visited { float: left; width: 10px; padding: 0px 0px; font-size: 12px; line-height: 20px; vertical-align: center; color: black; }
#l1Container #pager ul li a:hover { float: left; width: 10px; padding: 0px 0px; font-size: 12px; line-height: 20px; vertical-align: center; color: black; }

/* titol */
#l1h2 { padding-top: 20px; }
#l1h2 h2 { margin: 0px; padding: 8px 0px 0px 0px; background: white url(../img/bg_dotted_h2.gif) top left repeat-x; 
font-size: 0px; color: #FF6600; height: 30px; }
#l1h2 h2 span.l { width: 83px; font-size: 0px; vertical-align: baseline; height: 30px;}

/* llistat d'autors (multicolumnes ordenades) */
#people { padding-top: 10px; }
#people ul { height: 200px;}
#people ul li { position: relative; width: 200px; font-size: 12px; line-height: 20px; }

#people a:link, a:active { 
								color:#666666;
								font-family:Arial,Verdana,Tahoma,Helvetica;
								font-size:12px;
								font-style:normal;
								font-variant:normal;
								font-weight:normal;
								text-decoration:none;
								height:auto;
								line-height:normal;
								text-align:left;}
								
#people a:visited { 
								color:#666666;
								font-family:Arial,Verdana,Tahoma,Helvetica;
								font-size:12px;
								font-style:normal;
								font-variant:normal;
								font-weight:normal;
								text-decoration:none;
								height:auto;
								line-height:normal;
								text-align:left;}										
#people a:hover { 
								color:#666666;
								font-family:Arial,Verdana,Tahoma,Helvetica;
								font-size:12px;
								font-style:normal;
								font-variant:normal;
								font-weight:normal;
								text-decoration:underline;
								height:auto;
								line-height:normal;
								text-align:left;}									

#people ul li.col1 { margin-left: 0px; }
#people ul li.col2 { margin-left: 260px; }
#people ul li.col3 { margin-left: 510px; }
#people ul li.inicio { margin-top: -180px; }

/* pager d'autors */

#pager { padding-top: 0px; text-align: center;}
#pager ul { height: 10px; line-height: 10px; }
#pager ul li { float: left; width: 10px; padding: 0px 10px 0px 0px; font-size: 12px; line-height: 10px; color: #FF6600 }

/* alfabet inferior */
/* DI-18086-21 Quitar la etiqueta del alfabeto y aumentar el tamaño de fuente todo lo posible. */
#alphabetville { padding-top: 5px; }
#alphabetville ul { height: 34px; background: white url(../img/bg_dotted_h2.gif) top left repeat-x; }
#alphabetville ul li { float: left; margin: 10px 7px 0px 0px; padding: 0px 5px; font-size: 15px; line-height: 16px; font-weight: normal; color:#999999; }
#alphabetville ul li.actual { color: #FE9D00; background-color: black; font-weight: bold; align: center; }

#alphabetville ul li a:link, a:visited, a:active { 
								color:#999999;
								font-family:Arial,Verdana,Tahoma,Helvetica;
								font-size:15px;
								font-style:normal;
								font-variant:normal;
								font-weight:normal;
								text-decoration:underline;
								height:auto;
								line-height:normal;
								text-align:left;}	
								
							

#alphabetville ul li.actual a { 
								color:#FE9D00;
								font-family:Arial,Verdana,Tahoma,Helvetica;
								font-size:15px;
								font-style:normal;
								font-variant:normal;
								font-weight:normal;
								text-decoration:none;
								height:auto;
								line-height:normal;
								text-align:left;}	

#alphabetville.nopager { padding-top: 18px; }

/* **************************************************** */
/* SEGON NIVELL (fitxa autor) */
/* **************************************************** */

#l2 { width: 760px; height: 326px; background: url(../img/bg_l2.gif) bottom center no-repeat; text-align: left; }

#cols { padding-top: 20px; padding-left: 20px; }

/* columna esquerra: fitxa */
#l2Left { width: 470px; }
#l2Left h2 {  padding: 8px 0px 0px 0px; margin-bottom: 0px; background: white url(../img/bg_dotted_h2.gif) top left repeat-x; height: 36px; color: #FF6600; font-size: 12px; }
#l2Left h2 a:link { font-size: 15px; font-weight: normal; color: #999999; }
#l2Left h2 a:active { font-size: 15px; font-weight: normal; color: #999999; }
#l2Left h2 a:visited { text-decoration: none; }
#l2Left h2 a:hover { text-decoration: underline; }
#l2Left h2.titolnom a {  font-size: 12px; font-weight: bold; color: FE9D00; }
#l2Left h2.titolnom a:visited { text-decoration: underline; }

#l2Left h3 { color: #999999; font-size: 11px; text-align: left; font-weight: normal; }
#l2Left h3 a { color: #999999; font-size: 11px; text-align: left; font-weight: normal; }
#l2Left h4 { margin: 0px; padding: 4px 0px 0px 0px; color: #656565; font-size: 11px;; text-align: left; font-weight: normal; }
#l2Left h4 a { color: #656565; font-weight: normal; }
#l2Left p { margin: 5px 0px 0px 0px; padding: 0px; font-size: 11px;; text-align: left;}
#l2Left ul { height: 200px; }

#l2Left ul li { position: relative; width: 200px; font-size: 12px; line-height: 20px; }
#l2Left ul li.col1 { margin-left: 0px; }
#l2Left ul li.col2 { margin-left: 215px; }
#l2Left ul li.col3 { margin-left: 410px; }
#l2Left ul li.inicio { margin-top: -180px;}

#cita { float: right; background: url(../img/comillas.gif) left top no-repeat; }
#cita p { margin: 0px; padding: 30px 0px 40px 0px; width: 340px; background: url(../img/comillas.gif) right bottom no-repeat; margin-right: 50px; }

#l2Left ul.obres { margin-left: 10px; padding: 10px 10px 10px 0px; height: 220px; overflow: hidden; }
#l2Left ul.obres li { padding-bottom: 8px; width: 220px; font-size: 11px; color: #999999; line-height: 13px; }
/* DI-18086-26 Añadir puntos a la lista como en las demas paginas de elegir objeto. */
#l2Left ul.obres li { background: url(../img/bullet.jpg) left top no-repeat; list-style: none; }
#l2Left ul.obres li.col1 { margin-left: 0px; }
#l2Left ul.obres li.col2 { margin-left: 215px; }
#l2Left ul.obres li.col3 { margin-left: 410px; }
#l2Left ul.obres li.inicio { margin-top: -205px; }

#l2Left ul.obres a:link, a:active { 
								color:#666666;
								font-size:12px;
								text-decoration:none;
								height:auto;
								line-height:normal;
								text-align:left;}
								
#l2Left ul.obres a:visited { 
								color:#666666;
								font-size:12px;
								text-decoration:none;
								height:auto;
								line-height:normal;
								text-align:left;}										
#l2Left ul.obres a:hover { 
								color:#666666;
								font-family:Arial,Verdana,Tahoma,Helvetica;
								font-size:12px;
								text-decoration:underline;
								height:auto;
								line-height:normal;
								text-align:left;}

#l2Left ul.recursos { padding: 10px 0px; margin-left: 10px; height: 220px; overflow: hidden; }
#l2Left ul.recursos li { padding-bottom: 8px; width: 400px; font-size: 11px; color: #999999; line-height: 13px; }
/* DI-18086-26 Añadir puntos a la lista como en las demas paginas de elegir objeto. */
#l2Left ul.recursos li { background: url(../img/bullet.jpg) left top no-repeat; list-style: none; margin-left: 0px;}
#l2Left ul.recursos li.col1 { margin-left: 0px; }
#l2Left ul.recursos li.col2 { margin-left: 215px; }
#l2Left ul.recursos li.col3 { margin-left: 410px; }
#l2Left ul.recursos li.inicio { margin-top: -205px; }

#l2Left ul.recursos a:link, a:active { 
								color:#666666;
								font-family:Arial,Verdana,Tahoma,Helvetica;
								font-size:12px;
								text-decoration:none;
								height:auto;
								line-height:normal;
								text-align:left;}
								
#l2Left ul.recursos a:visited { 
								color:#666666;
								font-family:Arial,Verdana,Tahoma,Helvetica;
								font-size:12px;
								text-decoration:none;
								height:auto;
								line-height:normal;
								text-align:left;}										
#l2Left ul.recursos a:hover { 
								color:#666666;
								font-family:Arial,Verdana,Tahoma,Helvetica;
								font-size:12px;
								text-decoration:underline;
								height:auto;
								line-height:normal;
								text-align:left;}		

#l2Left ul.recursos li a { font-size: 12px; padding-top: 4px; font-weight: normal; }
#l2Left ul.recursos li a:link, #l2Left ul.recursos li a:active, #l2Left ul.recursos li a:visited { color: black; text-decoration: none; }
#l2Left ul.recursos li a:hover { text-decoration: underline; }
#l2Left ul.recursos li a.petit { font-size: 12px; padding-top: 4px; font-weight: normal; }
#l2Left ul.recursos li a.petit:link { font-size: 11px;; color: #999999; text-decoration: none; }
#l2Left ul.recursos li a.petit:active { font-size: 11px;; color: #999999; text-decoration: none; }
#l2Left ul.recursos li a.petit:visited { font-size: 11px;; color: #999999; text-decoration: none; }
#l2Left ul.recursos li a.petit:hover { text-decoration: underline; }

#l2Left p.swf { text-align: center; padding-top: 10px; line-height: 20px; }
#l2Left p.pdf { text-align: center; padding-top: 10px; line-height: 20px; }
#l2Left p.pdf2 { text-align: left; padding-top: 10px; line-height: 20px; }

/* pager d'autors */
#l2Left #pager { text-align: center;}
#l2Left #pager ul { height: 20px; }

#l2Left #pager ul li { float: left; width: 10px; border-right: 10px; font-size: 12px; line-height: 20px; vertical-align: center; font-weight: bold; }
#l2Left #pager ul li a:link { float: left; width: 10px; padding: 0px 0px; font-size: 12x; line-height: 20px; vertical-align: center; color: black; }
#l2Left #pager ul li a:active { float: left; width: 10px; padding: 0px 0px; font-size: 12px; line-height: 20px; vertical-align: center; color: black; }
#l2Left #pager ul li a:visited { float: left; width: 10px; padding: 0px 0px; font-size: 12px; line-height: 20px; vertical-align: center; color: black; }
#l2Left #pager ul li a:hover { float: left; width: 10px; padding: 0px 0px; font-size: 12px; line-height: 20px; vertical-align: center; color: black; }

/* columna dreta */
#l2Right { text-align: left; height: 300px; }

/* columna dreta: media */
#l2Right ul.media { margin: 0px; padding: 0px; }
#l2Right ul.media li { float: left; margin: 0px; font-size: 0px; padding-top: 2px; width: 196px; height: 50px; }
#l2Right ul.media li a { display: block; font-size: 11px; font-weight: bold; padding-top: 4px; line-height: normal; text-align: left;  }
#l2Right ul.media li a:link, #l2Right ul.media li a:active, #l2Right ul.media li a:visited { color: black;  text-decoration: none; }
#l2Right ul.media li a:hover { text-decoration: underline; }
#l2Right ul.media li.vídeo { background: url(../img/bg_pdf.gif) bottom left no-repeat; }
#l2Right ul.media li.vídeo a { padding-left: 15px; }

#l2Right ul.media li.audio a { padding-left: 40px; margin-top: 10px; font-weight: normal; height: 22px; }

#l2Right ul.media li.pdf { background: url(../img/pdf.gif) bottom left no-repeat; padding-top: 0px; height: 35px;}
#l2Right ul.media li.pdf a { padding-left: 40px; margin-top: 10px; font-weight: normal; }

#l2Right ul.media li.poem { background: url(../img/poem.gif) bottom left no-repeat; padding-top: 5px; height: 40px;}
#l2Right ul.media li.poem a { padding-left: 40px; margin-top: 15px; font-weight: normal; }

/* columna dreta: vincles */
#l2Right h2 { position: relative;  clear: both; margin: 0px; padding: 5px 0px 0px 0px; font-size: 0px; line-height: 0px; }
#l2Right ul.vincles { position: relative; bottom: 0; width: 196px; margin: 0px; padding: 5px 0px 5px 0px; background: #999999 url(../img/bottom_vincles.gif) bottom left no-repeat; }
#l2Right ul.vincles li { margin: 0px; padding: 0px 8px; font-size: 12px; line-height: normal; }
#l2Right ul.vincles li a:link, #l2Right ul.vincles li a:active, #l2Right ul.vincles li a:visited { color: #333333; font-weight: normal; text-decoration: normal; font-size: 11px; }
#l2Right ul.vincles li a:hover { text-decoration: underline; }


/* **************************************************** */
/* CERCADOR */
/* **************************************************** */

form#cercador div#tit { padding-top: 20px; }
form#cercador h2 { margin: 0; padding: 8px 0px 0px 0px; background: white url(../img/bg_dotted_h2.gif) top left repeat-x; height: 36px; 
color: #656565; font-size: 14px; vertical-align: baseline; }

form#cercador h3 { margin: 0px; padding: 20px 0px 10px 0px; color: #FF6600; font-size: 14px; text-align: left; font-weight: normal; }

form#cercador h2 ul { margin: 0px; height: 20px; display: inline; width: 300px;}
form#cercador h2 ul li { display: inline; font-size: 12px; float: left; padding-right: 10px; }
form#cercador h2 ul li a { display: block; width: 100px; padding: 2px 0px; line-height: normal; text-align: center; text-decoration: none; font-size: 12px; }
form#cercador h2 ul li.actual a:link,
form#cercador h2 ul li.actual a:active,
form#cercador h2 ul li.actual a:visited { background-color: #CCCCCC; color: white; font-size: 12px;}
form#cercador h2 ul li.img { width: 380px; }

form#cercador p { clear: both; line-height: normal; font-size: 11px; }

form#cercador p input { border: 1px solid #CCCCCC; width: 300px; font-size: 10px;  }
form#cercador p select { font-size: 11px; }

form#cercador p.but a { display: block; width: 50px; text-decoration: none; text-align: center; padding: 2px 0px; border: 1px dotted #CCCCCC; }

form#cercador { padding-top: 0px; }
form#cercador ul.resultados { height: 200px; }
form#cercador ul.resultados li { position: relative; width: 280px; font-size: 12px; line-height: 20px; }
form#cercador ul.resultados li.col1 { margin-left: 0px; }
form#cercador ul.resultados li.col2 { margin-left: 260px; }
form#cercador ul.resultados li.col3 { margin-left: 510px; }
form#cercador ul.resultados li.inicio { margin-top: -180px; }

form#cercador table#selectRecursos { margin: 0px; padding: 0px; height: 20px; width: 720px; }
form#cercador table#selectRecursos tr td { margin: 0px; padding: 0px; text-align: left; }
form#cercador table#selectRecursos tr td p { margin: 0px; padding: 0px 0px 5px 0px; }

/* **************************************************** */
/* PRIMER NIVELL (recomana) */
/* **************************************************** */

form#recomana { margin: 0px; padding: 0px; }
form#recomana table { margin: 0px; padding: 0px; height: 20px;}
form#recomana table tr td { margin: 0px; padding: 0px; text-align: left; font-size: 12px; vertical-align: center; line-height: normal; }
form#recomana table tr td p { margin: 0px; padding: 10px 0px 0px 0px; }
form#recomana input.text, form#recomana textarea { border: 1px solid grey; width: 280px; font-size: 11px; }
form#recomana select { font-size: 11px; }
form#recomana textarea { width: 500px; height: 60px; }


/* **************************************************** */
/* PÁGINA DE TITOL */
/* **************************************************** */

table#quotes { margin: 0px; padding: 0px; height: 20px; width: auto; }
table#quotes tr td { text-align: left; vertical-align: top; }
table#quotes tr td p.txt { margin: 0px; padding: 0px 10px 10px 0px; }
table#quotes tr td p.comillas { margin: 0px; padding: 0px 15px 0px 20px; }
table#quotes tr td p.comillas2 { margin: 0px; padding: 10px 0px 0px 0px; text-align: right; width:350px; }

table#quotes.obra { margin-top: 20px; }
table#quotes.obra tr td p.comillas { padding-left: 50px; }

#lolo { position: relative; overflow: hidden; }
#lola { position: relative; }
#scrollArea { position: relative; border: none; overflow: hidden; background: white; }
/* DI-18086-03 Millorar el scrollbar per fer-ho més usable. */
#scroller { position: relative; border: none; background: white url(../img/barra.gif) no-repeat; }
#lolo, #lola { width: 250px; }
#lolo, #scrollArea { height: 130px; }
#scrollArea, #scroller { width: 15px; }

#plainText { font-size: 11px; line-height: normal; }
#plainText p.credits { text-align: center; }
#plainText p.credits a { padding: 0px 10px; }

table#quota2 { margin: 0px; padding: 0px; height: 20px; width: auto; }
table#quota2 tr td { text-align: left; vertical-align: top; }
table#quota2.cred { margin-top: 20px; }
#txtCredits { position: relative; border:none; overflow: hidden;font-size: 11px; }
#txtCredits_2 { position: relative; }
#txtCredits_2 p.credits {text-align: center;}
#txtscrollArea { position: relative; border: none; overflow: hidden;}
#txtscroller { position: relative; border: none; background: #FFFFFF url(../img/barra.gif) no-repeat;  }

#txtCredits, #txtCredits_2 { width: 600px; }
#txtCredits, #txtscrollArea { height: 235px; }
#txtscrollArea, #txtscroller { width: 15px; }

/* **************************************************** */
/* PÁGINA DE DOCUMENTACIO */
/* **************************************************** */
#c1 { width: 760px; height: 326px; background: url(../img/bg_l1.gif) bottom center no-repeat; text-align: center;}
#c1Container { width: 620px; height: 326px; text-align: left; margin: 0px auto; font-size: 0px;}

/* titol */
#c1c2 { padding-top: 20px;  width: 720px; height: 326px; }
#c1c2 h2 { margin: 0px; padding: 8px 0px 0px 0px; background: white url(../img/bg_dotted_h2.gif) top left repeat-x; 
font-size: 0px; color: #FF6600; height: 30px; }
#c1c2 h2 span.l { width: 83px; font-size: 0px; vertical-align: baseline; height: 30px;}

#c1c2 ul {  padding: 10px 10px; height: 200px; }
#c1c2 ul li { margin: 0px; padding-bottom: 8px; width: auto; font-size: 11px; color: #999999; line-height: 13px; }

/* llistat d'autors (multicolumnes ordenades) */
#docum { padding-top: 10px; }
#docum ul { height: 210px; }
#docum ul li { position: relative; width: 280px; 
font-size: 12px; color: #FF6600; line-height: 20px; }
#docum ul h4 { position: relative; width: 280px; 
font-size: 12px; color: #FFFFFF; line-height: 20px;}

#docum { padding-top: 0px; width: 720px; height: 326px; }
#docum ul { height: 280px; }
#docum ul li { margin-left: 70px; font-size: 12px; color: #FF6600; line-height: 20px; text-align: left;}
#docum ul h4 { position: relative; width: 280px; font-size: 12px; color: #FFFFFF; line-height: 20px;}

/* **************************************************** */
/* PÁGINA DE INFORMACIO */
/* **************************************************** */
#p1 { width: 760px; height: 404px; background: url(../img/bg_l1.gif) bottom center no-repeat; text-align: center;}
#p1Container { width: 625px; text-align: left; margin: 0px auto; font-size: 0px;}

/* titol */
#p1p2 { padding-top: 20px; }
#p1p2 h2 { margin: 0px; padding: 6px 0px 0px 0px; background: white url(../img/bg_dotted_h2.gif) top left repeat-x; 
font-size: 0px; color: #FF6600; height: 30px; }
#p1p2 h2 span.l { width: 83px; font-size: 0px; vertical-align: baseline; height: 30px;}

/* llistat d'autors (multicolumnes ordenades) */
#presen { padding-top: 20px; }
#presen ul li h4 {position : relative; height : 200; font-size: 12px; color: #FFFFFF; line-height: 20px; text-align : justify; margin-left: 15px; margin-right: 15px;}
#presen ul li h6{font-size: 12px; color: #0000FF;}

/* **************************************************** */
/* USADAS EN LA MAQUETA DE ELOGIA */
/* **************************************************** */
/* CSS Document */
.objtype {
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 15px;
	color: #666666;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: yes;
	text-align: left;
	height: auto;
}
.objnom {
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 12px;
	color: #FF6600;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: yes;
	text-align: left;
	height: auto;
}

body {
	background-color: #fe9d00;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.peu{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 9px;
	color: #ffffff;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	height: auto;
	text-align: left;
}
.txt {
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 12px;
	color: #666666;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: yes;
	text-align: left;
	height: auto;
}
.txtbold {
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 12px;
	color: #666666;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: yes;
	height: auto;
	text-align: left;
}
.txtpres {
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 14px;
	color: #ffffff;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	height: auto;
	text-align: left;
	vertical-align: top;
}
.txt15 {
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 15px;
	color: #999999;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	text-align: left;
	height: auto;
}
.txton {
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 12px;
	color: #FF6600;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	height: auto;
	text-align: left;
	background-color: #333333;
}
.lletra {
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 24px;
	color: #FF6600;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: yes;
	height: auto;
	text-align: left;
}
.txttaronja {
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 12px;
	color: #FF6600;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	height: auto;
	text-align: left;
}
.txtnegre {
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 12px;
	color: #333333;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: yes;
	text-align: left;
	height: auto;
}
.txtboto {
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
	text-align: left;
	height: auto;
}
.txtboto_normal {
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 10px;
	color: #333333;
	text-align: left;
	line-height: 100%;
	height: auto;
}
.txt11 {
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 11px;
	color: #999999;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: yes;
	text-align: left;
	height: auto;
}
.txt10 {
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 11px;
	color: #333333;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: yes;
	text-align: left;
	height: auto;
}
#mycustomscroll {
	/* Typical fixed height and fixed width example */
align: left;
	width: 22px;
	height: 170px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: #00ffff;
	margin: 0em auto;
}
.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
align: left;
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}