/*** general ***/

body {font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size: 0.7em; background-color:#D0C8B0; background-image:url(../images/bg.gif); margin:0; padding:0;}

div, p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;} 

ul, ol {padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0;}

p, ul, ol, dl {padding-bottom:1.2em; line-height:1.5em; font-size:1em;}

dl {margin-top:0; padding-top:0;}

.espai {line-height:1.5em;}

p.pieceNews {border-bottom:1px dashed #ccc;margin-bottom:1em;}

p.ratllaSup {border-top:1px solid #ccc;padding-top:1em;margin-top:0.5em;}

.petit {font-size:0.9em;}
.petitSuau {font-size:0.9em; color:#666666; background-color:inherit;}

a {color:#990000; background-color:inherit;}
a:hover {text-decoration:none;}

a[name] {color:#333; background-color:inherit;} /* les ancores no han de ser vermelles (aixo no ho llegeix ie */

/* un espai d'1em addicional per a aquells elements que ho necessitin */
.xtraSpace1Top {margin-top:1em;}
.xtraSpace2Top {margin-top:2em;}

img {border:0;}

.noCSS {display:none;}

.clearer {clear:both;}

/*** contenidors ***/

#container-ext1 {width:95%; min-width:770px; margin:auto; background-image:url(../images/shadowleft.png); background-repeat:repeat-y;}

#container-ext2 {background-image:url(../images/shadowright.png); background-repeat:repeat-y; background-position:right;}

	#container {padding:1px; margin-left:16px; margin-right:16px; background-color:#fff; color:inherit;}

/*** capcalera ***/

#header {background-image:url(../images/headerbgng.png); background-repeat:repeat-x; background-color:#990000; color:#fff; padding:0; margin:0; height:100px;}
	h1 {margin:0;width:100%;overflow:hidden;}
		h1 a#logoUPF {background:url(../images/logoUPF.png) no-repeat 0px 0px;float:left;display:block;width:203px;height:100px;}
		h1 a#logoDEEen {background:url(../images/logoDEEen.png) no-repeat 0px 0px;float:right;display:block;width:509px;height:100px;}
		h1 a#logoDEEes {background:url(../images/logoDEEes.png) no-repeat 0px 0px;float:right;display:block;width:513px;height:100px;}
		h1 a#logoDEEca {background:url(../images/logoDEEca.png) no-repeat 0px 0px;float:right;display:block;width:473px;height:100px;}
		
/*** barra de menu principal ***/

#mainmenucontainer {position:relative; color:#fff; background-color:#938C69; background-image:url(../images/menubg2.png); border-top: 1px solid #B9B398; clear:left; z-index:1000;text-align:right;}

	ul#mainmenu {padding:0 0 0 30px; margin:0; list-style-type:none; line-height:1.2em; text-align:left;}

		ul#mainmenu li {position:relative;float:left; margin:0; padding:0.7em 1em 0.6em 1em; font-weight:bold;background-image:url(../images/menubar.png); background-repeat:no-repeat;}

			ul#mainmenu li a {text-decoration:none; color:#fff; background-color:inherit;}

			ul#mainmenu li a:hover {color:#710000; background-color:inherit;}
			
				@media screen {
					ul#mainmenu li a.topLevel {cursor:default;}
				}

		ul#mainmenu li:hover ul, ul#mainmenu li.sfhover ul {display:block;}

		ul#mainmenu ul  {
			position:absolute; top:2.4em; left:0em; list-style-type:none; padding:0; margin:0;
			color:inherit; background-color:#938C69; background-image:url(../images/submenubg.png); display:none;
			line-height:1.2em;
		}

			ul#mainmenu ul li {clear:left; padding:0; margin:0;}

				ul#mainmenu ul li a {display:block; height:100%; padding:0.5em 1em 0.5em 1em;}
				ul#mainmenu ul li a.submenuprimer {margin-top:0.6em;}
				ul#mainmenu ul li a.submenuultim {margin-bottom:0.6em;}

		ul#mainmenu ul#submenu1 li {width:18em;}
		ul#mainmenu ul#submenu2 li {width:18em;} 
		ul#mainmenu ul#submenu3 li {width:18em;}
		ul#mainmenu ul#submenu4 li {width:18em;}
		ul#mainmenu ul#submenu5 li {width:18em;}
		
	#mainmenucontainer acronym {border:none;}
	
	ul#langlinks {padding:0; margin:0; list-style-type:none; float:right; line-height:1.2em;} 
	ul#langlinks li {float:left;font-size:0.9em; padding:0.7em 2em 0.6em 2em;}
	ul#langlinks li#secondlanglink {background-image:url(../images/menubar.png); background-repeat:no-repeat;}
		ul#langlinks li a {text-decoration:none; color:#fff; background-color:inherit;}
			ul#langlinks li a:hover{color:#710000;}	

/*** ombre sota el menu principal ***/

div#ombremenu {clear:left; height:7px; border-top:1px solid #746E59;font-size:0; background-image:url(../images/ombremenu.png); background-repeat:repeat-x;}

/*** peu ***/

#footer {
	clear:both; font-size:1em; margin-top:1px; padding: 1em; 
	background-image:url(../images/footerbg.png); background-color:#938C69; color:#C4BD9A;
	border-top:1px solid #cccc66;
}

	#footer acronym {border:none;}

	#footer ul {float:right; list-style-type:none;padding:0; margin:0; line-height:1.2em;}

		#footer li {float:left;padding-right:1em;padding-left:1em;border-right:1px solid #C4BD9A;}

		#footer li#ultimfootli {border-right:none;}

	#footer a {text-decoration:none; color:#FFFFFF; background-color:inherit;}

		#footer a:hover {text-decoration:none; color:#710000; background-color:inherit;}