/*	Css Classes for Taller de Imágenes (c) Fundació "La Caixa" - 2005 
	@Author: Ňscar Romero - El Taller Interactivo 
	@Generic: classes used in the web application
	Formatted for DOM Browsers */
/* Generic styles for all areas */
	body{
		background-color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding:0px;
		margin:0px;
		}
	table#suport{
		height:252px;
		}
		table#suport td{
			vertical-align:top;
			}
	table#principal{
	/* Support table for all contents */
		/* draw options */ 
		border:0px solid;
		width:716px;
		/* margin options */
		padding:0px;
		margin-left:24px;
		margin-right:0px;
		margin-bottom:0px;
		margin-top:0px;
		}
	/* Begin of styles for the head of the table */
	table#header{
	/* Support table for all contents */
		/* draw options */ 
		border:0px solid;
		width:716px;
		/* margin options */
		padding:0px;
		margin-left:24px;
		margin-right:0px;
		margin-bottom:15px;
		margin-top:0px;
		}
			table#titular{
				margin:0px;
				padding:0px;
				border:0px solid;
				width:100%;
				}
				table#titular td.title{
					text-align:left;
					vertical-align:top;
					}
					table#titular td.title h1{
						font-size:13px;
						font-weight:bold;
						color:#000000;
						margin:0px;
						padding:0px;
						}
				table#titular td.navbuttons{
					height:20px;
					padding:0px;
					margin:0px;
					text-align:right;
					vertical-align:middle;
					}
					table#buttons{
						margin:0px;
						padding:0px;
						border:0px solid;
						}
						table#buttons td.button{
							font-size:11px;
							color:#1872B5;
							padding-left:10px;
							padding-right:10px;
							padding-top:0px;
							padding-bottom:0px;
							}
							a{
								font-size:11px;
								font-weight:bold;
								text-decoration:none;
								color:#1872B5;
								}
							a:hover{
								color:#8BB8DA;
								}
							a:visited:hover{
								color:#8BB8DA;
								}
						td.spacer{
							font-size:12px;
							color:#1872B5;
							}
						span.spacer{
							font-weight:normal;
							font-size:12px;
							color:#1872B5;
							padding-left:10px;
							padding-right:10px;
							padding-bottom:0px;
							padding-top:0px;
							}
							
			td#subtitular{
				height:20px;
				vertical-align:middle;
				color:#1872B5;
				font-size:12px;
				}
				td#subtitular em{
					padding-right:10px;
					font-size:14px;
					font-weight:bold;
					font-style:normal;
					}
			td#recursos{
				height:15px;
				margin:0px;
				width:100%;
				vertical-align:middle;
				font-size:11px;
				color:#8BB8DA;
				font-weight:bold;
			}
a:link img#arrow{
	background-color:#1872B5;
	border:0px;
	}
a:active img#arrow{
	background-color:#1872B5;
	border:0px;
	}
a:hover img#arrow{
	background-color:#8BB8DA;
	border:0px;
	}
a:visited img#arrow{
	background-color:#1872B5;
	border:0px;
	}
a:visited:active img#arrow{
	background-color:#1872B5;
	border:0px;
	}
a:visited:hover img#arrow{
	background-color:#8BB8DA;
	border:0px;
	} 
img#arrow{
	background-color:#8BB8DA;
	border:0px;
}
/* End of header styles */
/* Begin of footer styles */
table#footer{
	padding:0px;
	margin-top:10px;
	width:716px;
	}
td#copyrigth{
	padding-top:10px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	color:#000000;
	}
td#copyrigth a{
	font-size:10px;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}
td#copyrigth a:hover{
	text-decoration:underline;
	}
td#copyrigth a:visited:hover{
	text-decoration:underline;
	}
/* End of footer styles */
/* Begin of table principal body styles */
	table.tablasinternas{
		margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		padding:0px;
		border:0px solid;
		width:100%;
		}
	td.cuerpo{
		padding-right:10px;
		margin:0px;
		font-size:11px;
		color:#000000;
		vertical-align:top;
		}
	p{
		padding:0px;
		margin-bottom:10px;
		}
	td.cuerpo h3{
		vertical-align:top;
		margin:0px;
		padding:0px;
		font-size:13px;
		font-weight:bold;
		font-style:normal;
		color:#1872B5;
		}
	ol{
		color:#1872B5;
		font-weight:bold;
		margin-left:25px;
		margin-bottom:0px;
		margin-top:10px;
		padding:0px;
	}
	ul{
		color:#1872B5;
		font-weight:bold;
		margin-left:25px;
		margin-bottom:0px;
		margin-top:10px;
		padding:0px;
		list-style:square;
	}
	li{
		margin:0px;
		padding-top:0px;
		padding-right:0px;
		padding-left:0px;
		padding-bottom:12px;
		color:#1872B5;
		font-weight:bold;
		}
	li span{
		color:#000000;
		font-weight:normal;
		}
	td.cuerpo em{
		font-weight:bold;
		color:#444444;
		}
	td.ilustration{
		text-align:right;
		vertical-align:top;
	}
	td.ilustration img{
		margin-bottom:15px;
		}
div#printable{
	position:absolute;
	visibility:hidden;
	margin:0px;
	padding:0px;
	}
div.screen{
	padding:0px;
	margin:0px;
	visibility:visible;
	}
table#avis{
	background-color:#1872B5;
	margin:10px;
	padding:0px;
	border:0px solid;
	width:300px;
	}
object{
	margin:10px;
}
	table#avis td#avisbottom{
		background-image:url(../img/avis_abjo.gif);
		background-repeat:repeat-x;
		}
	table#avis td#avisrigth{
		background-image:url(../img/avis_d.gif);
		background-repeat:repeat-y;
		}
	table#avis td#avistxt{
		font-size:11px;
		color:#FFFFFF;
		font-weight:bold;
		text-transform:uppercase;
		text-align:justify;
		padding:5px;
		}
td.numero{
	padding-top:17px;
	width:11px;
	padding-right:3px;
	}
table.numeros{
     border:0px solid;
	 font-size:10px;
	 font-weight:bold;
	 color:#FFFFFF;
	 background-color:#56A7CF;
	 width:11px;
	 height:11px;
	 vertical-align:middle;
	 text-align:center;
	 }
td.capitol{
	 padding-top:15px;
	 font-size:11px;
	 font-weight:bold;
	 color:#000000;
	}
td.subtema{
	padding-top:5px;
	font-size:11px;
	color:#000000;
	width:auto;
	}
img#cuadret{
	background-color:#FFFFFF;
	border:0px;
	margin-right:5px;
	}
	a:link img#cuadret{
		background-color:#FFFFFF;
		}
	a:hover img#cuadret{
		background-color:#56A7CF;
		}
	a:visited img#cuadret{
		background-color:#FFFFFF;
		}
	a:visited:hover img#cuadret{
		background-color:#56A7CF;
		}
	td.subtema a{
		font-weight:normal;
		text-decoration:none;
		}
	td.subtema a:link{
		color:#000000;
		}
	td.subtema a:hover{
		color:#56A7CF;
		}
	td.subtema a:visited{
		color:#999999;
		}
	td.subtema a:visited:hover{
		color:#56A7CF;
		}
h4{
	font-size:10px;
	text-transform:uppercase;
	color:#1872B5;
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
	}
td.separator{
	height:15px;
	}