/* CSS */
body{ text-align:center; margin:auto; font-family: "Trebuchet MS", Tahoma, Arial,Helvetica,sans-serif; width:90%; font-size:14px; background-color: #fafafa; color:#333333;}
h1, h3, h4, h5{ text-align:left; border-bottom:1px solid #cccccc; clear:both; }
h1{ font-size:170%; padding:0px; margin:0px;}
#cont{margin-top:20px;
margin-bottom:10px;
	text-align:left;
	background-color: #fafafa;
	padding-left: 20px;
 /*   padding-top: 20px;*/
	padding-right: 20px;
}
	#menuhoriz { clear:both; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:right;}
	#menuhoriz ul { margin:0px; padding:0px;} 
	#menuhoriz ul li {display:inline; padding:0px; margin:0px; text-align:center;}
	#menuhoriz ul li a { text-decoration:none; background: transparent url(imatges/menu.png) top left no-repeat;  display:inline; margin:0px; padding-left:10px; padding-top:1px; padding-right:12px;
				  }
	#menuhoriz ul li a:hover { text-decoration:underline; background: transparent url(imatges/menu1.png) top left no-repeat;
				  }
	#menuhoriz1 { clear:both; margin:0px; padding:0px;}
	#menuhoriz1 ul li { background-color:inherit; display:inline;		   
					   padding: 0px 0px 0px 0px; /*Separar el texto*/
					   margin:0px; /* Separar los botones */ }
	#menuhoriz1 ul li a { text-decoration:none; background-color:inherit; border-right:solid 2px #cccccc; padding-right:10px;
				  }
	#menuhoriz1 ul li a:hover { text-decoration:underline;
				  }
	#menuhoriz1 ul {padding:0px; margin:0px;
				 }
	#menuhoriz2 { clear:both; margin:0px; padding:0px;}
	#menuhoriz2 ul li { background-color:inherit; display:inline;		   
					   padding: 0px 0px 0px 0px; /*Separar el texto*/
					   margin:0px; /* Separar los botones */ }
	#menuhoriz2 ul li a { text-decoration:none; background-color:inherit; border-right:solid 2px #cccccc; padding-right:10px;
				  }
	#menuhoriz2 ul li a:hover { text-decoration:underline;
				  }
	#menuhoriz2 ul {padding:0px; margin:0px;
				 }
	p{ text-align:left;}
	.destacats{ background:#FFBB1F url(imatges/cometa1.gif) top left no-repeat; 
	border-left:1px solid #FFBB1F; 
	padding:0px 0px 0px 0px; 
	margin:0px 0px0px 0px; 
	float:right; font-size:100%; /*font-weight:bold;*/ 
	font-style:italic; width:255px; color:#2d4000;
	}
	.def{ background: #ffffff top left no-repeat;
	padding:20px;
	border:1px dotted #49b900;
	margin-left:20px; clear:right;
	margin-right:20px;
	color: #245a00;
	font-size:110%;
	}
	.activi{background: #ffffff top left no-repeat;
	padding:20px;
	border:1px dotted #FF00CC;
	margin-left:30px; clear:right;
	margin-right:30px;
	font-style:normal;
	color: #800042;
	font-size:110%;
		}

	.fig{ clear:both; border:1px dotted #0084b9; margin:10px; padding:20px; background: #ffffff url(imatges/figura.gif) top left no-repeat; }
	.fig img{ margin:auto;}
	.mes{background-color:#FFFF00;}
	p{ padding-left:7px; /*text-indent:0.8em;*/}
	.peufoto{ color:#0084b9;}
 .intro { font-size:110%; font-style:italic; }
 p.intro:first-letter
{font-size: 320%;
font-weight:bold;
/*font-style:normal;*/
padding: 2px 4px 2px 0px;
float: left;}
dd, dt, dl{ text-align:left; font-style:normal; padding-bottom:5px;}
dd { padding-left:10px; margin-left:20px; border-left:1px dotted #aaaaaa; font-style:italic;}
dt {  padding-left:10px;color:#006600; font-weight:bold; font-size:90%}
dl {  padding-left:20px;}
p a{ text-decoration:none; border-bottom:1px #FF3300 dashed; color:#FF3300;}
p a:hover{ text-decoration:none; border-bottom:1px #FFffff dashed; background-color:#FF3300; color:#FFFFFF;}
#ruta{ font-size:80%; color:#666666; margin-bottom:0px; float:left; width:100%; margin-top:0px; padding-top:50px;}
h3{ padding-top:20px;}
blockquote{ text-align:left;}
blockquote p{ padding-left:0px;}