body {margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0; background:#FEF5E9 url(_img/bg_body.gif) repeat-x 0 top; font:normal 70% Verdana, Arial, Helvetica, sans-serif; color:#222}
	a {color:#116E77; text-decoration:underline}
	a:hover {color:#000; text-decoration:none}
	.r {text-align:right}
	
#container {width:770px; margin:0 auto}
	#container.home {width:930px}

#header{height:70px; margin:10px 0 10px 0; padding:0; background:url(_img/main_logo.gif) no-repeat 0 0}
	#header img {float:right; margin:5px 0 5px 0px; padding:0}

#subHeader{margin:6px 0 0 0; padding:0; color:#777}
	#subHeader td {font:normal 90% Century Gothic, Arial; letter-spacing:0.1em; padding:3px 0}

#nav {padding:0 0 0 4px; margin:0; list-style:none; height:26px; background:url(_img/bg_menu.gif) no-repeat 0 0; z-index:0}
	#nav.home {background:url(_img/bg_menu_home.gif) no-repeat 0 0}
	#nav ul {padding:0; margin:0; list-style:none}
	#nav li {float:left; margin:0px; padding:0 10px 0 0; list-style:none; position:relative}
	#nav .esp {padding-right:0}
	#nav li span {color:#fcd1aa}
	#nav li a {font:bold 15px Century Gothic, Arial; text-decoration:none; color:#116E77; display:block; margin:0px 3px 0px 3px; padding:3px 3px 5px 3px}
	#nav li a:hover {color:#324707}
	#nav li ul {display:none; z-index:3; position:absolute; list-style:none; margin:1px 0 0 0; padding:0; width:160px; background:url(_img/bg_submenu.gif) 0 bottom}
	#nav li ul li {display:block; float:none; background-repeat:repeat-y; padding:0px; padding:0 4px 0 4px; margin:0px; _height:18px}
	#nav li ul li a {display:block; font-size:12px; margin:0px 4px 0 8px; padding:3px 0px 8px 7px; _padding:0px 0px 4px 7px; color:#116E77; background-image:none; border-bottom:2px solid #fff}
	#nav li ul li a:hover {color:#000; background:url(_img/bg_submenu_dot.gif) no-repeat 0 6px}
	#nav .ub a {color:#396ca5}
	#nav .ub a:hover {color:#000}
	html>body #nav li ul li a:hover {background-position:0px 9px}
	#nav a {float:none}
	#nav li ul li a:hover {display:block; color:#333}
	#nav li >ul {top:auto; left:auto}
	#nav li:hover ul, #nav li.over ul {display:block}

	#nav .mainNav {margin:7px 0 0 0; padding:0}

	#nav li.lng a {padding-left:20px; font:normal 85% Verdana, Arial, Helvetica, sans-serif; color:#555}
	#nav li.lng a:hover {text-decoration:underline}
	#nav li.lng.cat a {background:url(_img/flag_cat.gif) no-repeat 0 0}
	#nav li.lng.esp a {background:url(_img/flag_esp.gif) no-repeat 0 0}

#news {float:right; width:200px; margin:6px 10px 0 0; padding:0; /*border:1px solid red*/}
	#news .box {margin:0 0 3px 0; padding:0; /*border:1px solid red;*/}
	#news .head {height:22px; margin:0; padding:0; background:url(_img/bg_news_head.gif) no-repeat 0 0}
	#news .content {margin:0; padding:6px 0 4px 0; background:url(_img/bg_news_bg.gif) repeat-y 0 0}
	#news .footer {height:8px; margin:0; padding:0; background:url(_img/bg_news_footer.gif) no-repeat 0 0}
	#news a {text-decoration:none; color:#116E77}
	#news a:hover {text-decoration:underline; color:#116E77}
	#news h1 {margin:0; padding:3px 0 0 8px; font:bold 15px Century Gothic, Arial; color:#fff; display:block}
	#news h1 a {color:#fff; text-decoration:none; display:block; background:url(_img/bg_rightNav_A.gif) no-repeat 170px 4px}
	#news h1 a:hover {text-decoration:underline; color:#fff; background:url(_img/bg_rightNav_A.gif) no-repeat 174px 4px}
	#news h2 {margin:10px 3px 5px 0; padding:0 5px 0 6px; font:bold 100% Century Gothic, Arial; color:#F47B13}
	#news p {margin:0 6px 13px 3px; padding:0 0 0 3px; font-size:90%; color:#666; line-height:1.6em}
	
#rightNav {float:right; width:150px; margin:6px 0 5px 0; padding:0; /*border:1px solid red;*/}
	#rightNav #Box {margin:0 0 3px 0; padding:0; /*border:1px solid red;*/}
	#rightNav .head {height:22px; margin:0; padding:0; background:url(_img/bg_rightNav_head.gif) no-repeat 0 0}
	#rightNav .content {margin:0; padding:6px 0 4px 0; background:url(_img/bg_rightNav_bg.gif) repeat-y 0 0}
	#rightNav .footer {height:8px; margin:0 0 15px 0; padding:0; background:url(_img/bg_rightNav_footer.gif) no-repeat 0 0}
	#rightNav h1 {margin:0; padding:3px 0 0 8px; font:bold 15px Century Gothic, Arial; color:#fff; display:block}
	#rightNav .head a {text-decoration:none; color:#fff; display:block; background:url(_img/bg_rightNav_A.gif) no-repeat 120px 4px}
	#rightNav .head a:hover {text-decoration:underline; color:#fff; background:url(_img/bg_rightNav_A.gif) no-repeat 124px 4px}
	#rightNav p {margin:0 6px 6px 6px; padding:0 0 0 6px; font-size:90%; line-height:1.45em; color:#666; background:url(_img/bg_rightNav_p.gif) repeat-y 1px 0}
	#rightNav .autor {text-align:right; background-position:-100px 0; margin:0 10px 0 0}

	#rightNav .logos a {margin:0 0 0 10px; display:block; width:130px; height:80px; background-repeat:no-repeat; background-position:center bottom}
	#rightNav .logos a:hover {background-position:center top}
		#rightNav .la-caixa {background-image:url(_img/colaboradors/portada/laCaixa.gif)}	
		#rightNav .cam {background-image:url(_img/colaboradors/portada/cam.gif)}	
		#rightNav .madrid {background-image:url(_img/colaboradors/portada/CajaMadrid.gif)}	
		#rightNav .hotusa {background-image:url(_img/colaboradors/portada/hotusa.gif)}	
		#rightNav .laQuinta {background-image:url(_img/colaboradors/portada/laQuinta.gif)}	
		#rightNav .logos a.ub {background-image:url(_img/colaboradors/portada/ub.gif)}	
		#rightNav .tarraco {background-image:url(_img/colaboradors/portada/Caixa-Tarragona_Tu-Ajudes.gif)}	
		#rightNav .solfinc {background-image:url(_img/colaboradors/portada/solfinc.gif)}	
		#rightNav .anudal {background-image:url(_img/colaboradors/portada/anudal.gif)}	
		#rightNav .serviseco {background-image:url(_img/colaboradors/portada/serviseco.gif)}	
		#rightNav .klinet {background-image:url(_img/colaboradors/portada/klinet.gif)}	
		#rightNav .caixaCat {background-image:url(_img/colaboradors/portada/caixacatalunya.gif)}
		#rightNav .caixaPenedes {background-image:url(_img/colaboradors/portada/caixapenedes.gif)}
		#rightNav .caixaSabadell {background-image:url(_img/colaboradors/portada/caixasabadell.gif)}
		#rightNav .can {background-image:url(_img/colaboradors/portada/can.gif)}	
		#rightNav .bancaja {background-image:url(_img/colaboradors/portada/bancaja.gif)}	
		#rightNav .logos a.caixaTerrassa {background-image:url(_img/colaboradors/portada/caixaTerrassa.gif)}	
		#rightNav .logos a.stromboli {background-image:url(_img/colaboradors/portada/stromboli.gif)}
		#rightNav .logos a.ecta3{background-image:url(_img/colaboradors/portada/ecta3.gif)}
		#rightNav .logos a.rotary {background-image:url(_img/colaboradors/portada/rotary.gif)}
		#rightNav .logos a.casa_misericordia {background-image:url(_img/colaboradors/portada/casa_misericordia.gif)}
		#rightNav .logos a.ikea {background-image:url(_img/colaboradors/portada/ikea.gif)}


	#marqueecontainer{position:relative; margin:0; padding-left:3px; width:140px; height:100px; overflow:hidden}
		#marqueecontainer p {margin:0 6px 6px 3px; padding:0 0 0 3px; font-size:92%; line-height:1.5em; color:#666; background-image:none}

#mainNav {margin:6px 154px 14px 0; padding:0; /*border:1px solid blue;*/}

	#mainNav.home .head {height:23px; margin:0; padding:0 0 0 0; background:url(_img/bg_mainNavhome_head.gif) no-repeat 0 0}
	#mainNav.home .content {background:url(_img/bg_mainNavhome_bg.gif) repeat-y 0 0; width:560px}
	#mainNav.home .content p {line-height:1.75em; padding-right:14px}
	#mainNav.home .content li {line-height:1.75em; background-position:0 8px}
	#mainNav.home .footer {height:8px; margin:0 0 10px 0; padding:0; background:url(_img/bg_mainNavhome_footer.gif) no-repeat 0 0}

	#mainNav .head {height:23px; margin:0; padding:0 0 0 0; background:url(_img/bg_mainNav_head.gif) no-repeat 0 0}
	#mainNav .content {margin:0; padding:0 0 0 0; background:url(_img/bg_mainNav_bg.gif) repeat-y 0 0; min-width: 0;}
	#mainNav .footer {height:8px; margin:0 0 10px 0; padding:0; background:url(_img/bg_mainNav_footer.gif) no-repeat 0 0}

	#mainNav h1 {margin:0; padding:3px 0 0 14px; font:bold 15px Century Gothic, Arial; color:#fff}
	/*.butlleti #mainNav h1 {color:#116E77}*/
	#mainNav h2 {margin:0px 0 5px 0; padding:20px 0 0 35px; font:bold 120% Century Gothic, Arial; color:#116E77; background:url(_img/H2_ico.gif) no-repeat 14px 23px}
	#mainNav h3 {margin:0; padding:10px 0 0 23px; font:bold 100% Century Gothic, Arial; color:#F47B13; background:url(_img/H3_ico.gif) no-repeat 9px 13px}
	#mainNav p  {margin:0; padding:14px 24px 4px 14px; text-align:justify; line-height:1.5em; word-spacing:0.05em}
	#mainNav b, strong  {color:#116E77}
	#mainNav .pCenter {text-align:center}
	#mainNav .autor {text-align:right}
	#mainNav .pH2 {text-align:justify; padding:14px 14px 4px 26px; margin:0}
	#mainNav div.imgC {margin:5px 5px 10px 5px; padding:0}
	#mainNav div.imgR {float:right; margin:5px 20px 0 15px; padding:0}
	#mainNav div.imgL {float:left; margin:6px 4px 0 14px; padding:0}
	#mainNav .peuFoto {margin:0 16px 15px 0; padding:0; text-align:right; color:#777}
	#mainNav .colaborador {margin:10px 10px; padding:0}
	#mainNav ul {margin:5px 12px 5px 0; padding:5px 0 5px 30px; list-style:none}
	#mainNav li {background:url(_img/bg_submenu_dot.gif) no-repeat 0 6px; padding:0 0 2px 8px; margin:0 28px 6px 0; line-height:1.45em}
	#mainNav ol li {background-image:none}
	#mainNav .clear {clear:both; margin-bottom:10px; border:0px}
	#mainNav form {border:0; padding:0; width:600px} 
	#mainNav .inputtext {border:0; padding:2px 3px; font:normal 100% Lucida Sans Unicode, Verdana, Arial; overflow:auto; background:url(_img/bg_input.gif) repeat-x bottom left}
	#mainNav .button {border:none; font:normal 100% Lucida Sans Unicode, Verdana, Arial; color:#fff; background:url(_img/bg_button.gif) no-repeat; cursor:pointer; height:24px; width:114px; padding:0 0 4px 0}
	#mainNav .empreses-colaboradores img {margin:5px 15px}

	/*col·laboració UB*/
	#fotos {width:99%; margin:20px 0}
	#fotos td {width:33%; text-align:center; vertical-align:center; padding:10px 0}
	
	.tooltip {display:none}
	#tooltip {position:absolute; z-index:3000; width:250px; border:5px solid #f78f1e; background-color:#fff; padding:15px 10px 5px 15px; opacity:0.85}
	#tooltip h4 {margin:0 0 -5px 0}

	/*visualitzar butlletí*/
	#mainNav img.left {float:left; margin:0 10px 0 0}
	#mainNav img.right {float:right; margin:0 0 0 10px}
	
	/*accordion col·labora*/
	.content .divAny h2 {cursor:pointer}
	.content .divAny h2 a {text-decoration:none}
	.content .divAny div {display:none}
	.content .divAny .active {display:block}
	
	/*politica de qualitat*/
	#mainNav .segell-ISO {padding:10px 0}
	#mainNav .segell-ISO img {float:left; margin:0 25px 0 10px}
	#mainNav .segell-ISO p {color:#555; line-height:1.95em; padding-right:125px}
	
	/*curs UB*/
	#mainNav .programa-curs { margin:25px 20px 10px 20px; padding:10px 0 30px 0; background-color:#fafafa; border:1px solid #f1f1f1}
	#mainNav .programa-curs ul { margin:0 5px}
	#mainNav .programa-curs li { background-image:none; margin:5px 0; padding:0}
	
#bottomNav {margin:25px 0 0 0; padding:0 22px 5px 0; text-align:right; color:#777}
	#bottomNav A{color:#777; text-decoration:none}
	#bottomNav A:hover{color:#000; text-decoration:underline}

#footer {margin:25px 0 5px 0; padding:25px 0 0 0; clear:both}
	#footer p {margin:0; text-align:center; color:#555; line-height:1.75em; font-size:90%; word-spacing:0.2em}
	#footer a {color:#555; text-decoration:none}
	#footer a:hover {color:#116E77; border-bottom:1px solid #116E77}