BODY 	{ color: black;
	margin-left:70px; margin-right:40px; font-family:Arial, Helvetica, sans-serif; font-size:110%; text-align:justify
	}
H1	{	font-size: 150%; font-weight: bold; text-align: center; margin-top: 0.5em; margin-bottom: 0em; background: #E0E0E0; border: 2px solid #c0c0c0; padding: .6em }
H2	{	font-size: 130%; font-weight: bold; text-align: left; margin-bottom: 0.3em; margin-top: 1em;background: #E0E0E0; border: 2px solid #c0c0c0 }
H3	{	font-size: 120%; font-weight: bold; text-align: left; margin-bottom: 0px }
H4	{	font-size: 120%; font-weight: bold; text-align: left }
.autor 	{ font-size: 120%; font-weight: bold; text-align: left; color:#800000; 
	padding:0.5em; margin-bottom: 0.3em; margin-top: 1em;background: #e0e0e0; border: 2px solid #c0c0c0 }
.resum  { margin:0; width:750px; padding: 0 50px 70px 50px; float:left; background: #FFFFFF url("/imatges/resum_bg.jpg") repeat-y;}
.article {padding:1em 5em;}
.article h5 { font-size: 1.1em; font-weight: bold;	margin-bottom: 0px; color: #3A5A23; text-decoration: none; padding-left:5%; padding-right:5%; text-align:justify }
.resum h5 { font-size: 1.1em; font-weight: bold;	margin-bottom: 0px; color: #3A5A23; text-decoration: none; padding-left:5%; padding-right:5%; text-align:justify }
.article h5 strong, .resum h5 strong { color: #800000; }
.article h6, .resum h6 {   
	font-size: 1.1em;
	margin-bottom: 0px;
	text-decoration: none; padding-left:5%; padding-right:5%; font-style:italic; text-align:justify
}
.article h6 strong, .resum h6 strong { color: #E3327B; }
.article blockquote, .resum blockquote {margin:0; padding:0;}
.article blockquote p, .resum blockquote p {
	text-align: center; width: 75%;
	color: #400000; background: #FFE0E0;
	font-size: 1.1em; font-weight: normal;
	border: 2px solid #400000;
	padding: 1em; position:relative; left:12%; margin: 10px 0 20px;
}
.article img[style*="middle"], .resum img[style*="middle"] {display: block; margin:10px auto !important; border: 2px solid #800000 !important; z-index:2; text-align:center;}
.article img[style*="left"], .resum img[style*="left"]  {margin:10px 10px 10px 0px !important; border: 2px solid #800000 !important;z-index:2; }
.article img[style*="right"], .resum img[style*="right"] {margin:10px 0px 10px 10px !important; border: 2px solid #800000 !important;z-index:2; }

.docs > ul	{list-style-image: url('../imatges/opcdocs.gif'); padding:1em 5em; }

A:link { text-decoration: underline;
		color: #2040FF; background: transparent;
		font-weight:bold
		}
A:Visited { text-decoration: underline;
		color: #2f4464;
		font-weight:bold
		}
A:Hover { text-decoration: underline;
		color: #000000; background: #FFFF00;
		font-weight:bold
		}
.filmfoto A:hover { text-decoration: none; background: none; }
a:link.dic, a:visited.dic { text-decoration: underline;
		color: #000000; background: #C0FFFF;
		font-weight: normal;
		font-size: 110%
		}
a:hover.dic { text-decoration: underline;
		color: #000000; background: #FFFF00;
		font-weight: normal;
		font-size: 110%
		}
.lmenu	{text-align: center; margin-top: 0.5em; margin-bottom: 4px; clear:both}
a:link.menu, a:hover.menu, a:visited.menu, a:active.menu, .menuOff { 
	margin-bottom: 0em; margin-top: 2em;
	font-size: 90%; font-weight:normal;
	padding: 2px .5em;
	text-decoration: underline;
	}
a:link.menu, a:visited.menu
	{ color: #0000FF; background: #e0e0ff;
	border: 1px solid #0000ff
	}
a:active.menu { color: #800000
		}
a:hover.menu { color: #000000; background: #FFFF00; border: 1px solid #FF0000 }
.fieldOff {width: 100%; border-style: inset; border-width: 3px; padding-left: 4px; 
               padding-right: 4px; padding-top: 1px; padding-bottom: 1px; 
               background-color: #E1E1E1; font-style: italic; font-weight: bold}
.menuOff { color: #808080; background: #e0e0e0; border: 1px solid #808080}
.menuAct { color: #000000; background: #FFe0e0; border: 1px solid #FF0000; font-weight: bold;padding: 0em .5em;
}
.Barra	{padding:2px; font-size: 90%; text-align: left; margin-bottom: 0em; margin-top: 2px;background: #E0E0E0;
	border: 2px solid #C0C0C0; color:#000000; width:100%;}
.tools {float:right; padding:2px; font-size: 90%; text-align: left; margin-bottom: 0em; margin-top: 2px;background: #E0E0E0;
	border: 2px solid #C0C0C0; color:#000000;}
.lpeu	{text-align: center; font-size: 80%}
.avis {text-align: center;
	font-size: 80%; width: 100%;
	background: #FFFFFF; border: 2px solid #c0c0c0;
	margin-left: 10%; margin-right: 10%
}
.error {text-align: left;
	font-size: 100%; width: 100%;
	background: #FFC0C0; border: 0; padding: 10px;
	margin-left: 10%; margin-right: 10%
}
.copy	{font-size: 80%}
p.insert	{ text-align: center;
		color: #000080;
		background-color: #E1F0FF; 
		font-size: 110%;
		font-family: Comic Sans MS, Dom Casual, Arial;
		border: 2px solid #4b6797;
		margin: 10px 5% 20px 5%;
       padding: 1em; 
		}
		
img.insert { float: left }
.EM		{ color: #4B6797;
		font-size: 120%;
		font-weight:bold
		}

.def	{ width: 100%;
		color: black;
		border: 2 solid #800000;
		margin-left: 5%; margin-right: 5%
		}
.def .hdef { text-align:center;
		background-color: #800000;
		color:#FFFFFF;
		font-size:130%;
		font-weight:bold;
		padding: 0.6em;
		margin:2px
		}
.def p	{padding: 0em 1em 0 1em;
		clear:both;
		border-width: 0
		}
BODY.nf {background: white url('../imatges/fonsnf.jpg') repeat-y left 0;}
.nf p.insert	{ background-color: #FFF0F0; border-color: #B80000; color: #000000 }
.nf .EM			{ color: #800000 }
.nf .def		{ background-color: #FFF0F0; border-color: #800000 }
.nf .def p		{ background-color: #FFF0F0 }
.nf .def .hdef	{ background-color: #B80000 }

BODY.gam {background: white url('../imatges/fonsgames.jpg') repeat-y left 0;}
.gam p.insert	{ background-color: #DCFFFF; border-color: #006464; color: #000000 }
.gam .EM		{ color: #006464 }
.gam .def		{ background-color: #DCFFFF; border-color: #006464 }
.gam .def p		{ background-color: #DCFFFF }
.gam .def .hdef	{ background-color: #006464 }

BODY.docs {background: white url('../imatges/fonsaz.gif') repeat-y left 0;}

BODY.miss {background: white url('../imatges/fonsmiss.jpg') repeat-y left 0;}

.imghdef {	float: left; position: relative; left: -10px }
.esq	{ text-align: left;
		width:49%;
		float:left
		}
.dre	{ text-align: left;
		width:49%;
		float:right
		}
		
/* Quadrats arrodonits amb sombra */
.alert {background-image:url('../imatges/corner1_9.jpg'); background-repeat:repeat; width: 30em; color:#FFFFFF; margin: 0 0 0 15px;}
.alert .rbtop  { background: url(../imatges/corner1_5.jpg) repeat-x; }
.alert .rbtop div  { background: url(../imatges/corner1_1.jpg) no-repeat top left; }
.alert .rbtop div div     { background: url(../imatges/corner1_2.jpg) no-repeat top right; }
.alert .rbbot div div { background: url(../imatges/corner1_3.jpg) no-repeat bottom left; }
.alert .rbbot div  { background: url(../imatges/corner1_4.jpg) no-repeat bottom right; }
.alert .rbbot      { background: url(../imatges/corner1_8.jpg) repeat-x; }
.alert .rbcontentwrap { background: url(../imatges/corner1_6.jpg) repeat-y left; }
.alert .rbcontent     { background: url('../imatges/corner1_7.jpg') repeat-y right;  padding: 1px 2em;}
.alert .Texte	{margin-top:-30px; margin-right:20px;}
.alert .rbtop div, .alert .rbtop, .alert .rbbot div, .alert .rbbot
 { width: 100%; height: 50px; font-size: 1px;}

.normal {background-image:url('../imatges/corner0_9.jpg'); background-repeat:repeat; width: 100%; margin: 0 0 0 8px;  color:#000000;}
.normal .rbtop  { background: url(../imatges/corner0_5.jpg) repeat-x; }
.normal .rbtop div  { background: url(../imatges/corner0_1.jpg) no-repeat top left; }
.normal .rbtop div div     { background: url(../imatges/corner0_2.jpg) no-repeat top right; }
.normal .rbbot div div { background: url(../imatges/corner0_3.jpg) no-repeat bottom left; }
.normal .rbbot div  { background: url(../imatges/corner0_4.jpg) no-repeat bottom right; }
.normal .rbbot      { background: url(../imatges/corner0_8.jpg) repeat-x; }
.normal .rbcontentwrap { background: url(../imatges/corner0_6.jpg) repeat-y left; }
.normal .rbcontent     { background: url('../imatges/corner0_7.jpg') repeat-y right;  padding: 1px 1px; margin: 0; position:relative;}
.normal .Texte	{margin-top:-5px; margin-right:20px;}
.normal .rbtop div, .normal .rbtop div div, .normal .rbtop, .normal .rbbot div, .normal .rbbot, .normal .rbbot div div
 { width: 100%; height: 25px; font-size: 1px; }
.normal .rbcontent, .normal .rbcontentwrap { width: 100%;}
.normal h1 { font-size: 150%; font-weight: bold; font-family : Arial, sans-serif; padding: 0; margin:0 0 1px 0; border-style:none; background-color:transparent}

/* Per multimedia */
.film 	{list-style-type: none; list-style-image:none; width:100%;}
.filmfoto {padding:5px; float: left;}
.filmdes {}