@import "reset.css";
body {margin:0 0 50px 0; font:normal 0.72em Verdana, Geneva, sans-serif; color:#111; text-align:justify; background:#052040 url(../_img/bg.png) no-repeat fixed center top}
	#xin #content {font-size:1.15em}

p {line-height:1.65em; margin:25px 0 10px 0}
.c {text-align:center}
a {text-decoration:none; color:#00162e}
a:hover {text-decoration:underline; color:#405979}
h2 {background-image:url(../_img/titols.png); background-repeat:no-repeat; text-indent:-99999px}
h3 {margin:25px 0 -5px 0}

#warp {margin:0 auto; width:900px}

#header {height:140px; background:url(../_img/logo-trans.png) no-repeat 20px 10px}
	#top {float:right; margin:20px 20px 0 0; color:#4f6d8d; font-family:Arial, Helvetica, sans-serif }
	#top a {color:#4f6d8d; text-decoration:none; font-weight:bold; padding:0 5px }
	#top a:hover {color:#fff}
	#xin #top .contact {display:block; float:left; margin:-5px 0 0 0; width:40px; height:20px; background:url(../_img/titols.png) no-repeat 0 -1550px; text-indent:-9999px}

	#lang {display:none;}
	#lang .xin {background:url(../_img/titols.png) no-repeat -250px -1557px; text-indent:-9999px; /*border:1px solid red*/}

	#menu {clear:both; float:right; margin:20px 0 0 0; height:50px}

	#menu ul {list-style:none; width:615px}
	#menu li {display:inline; margin:0; padding:0; position:relative}
	#menu a {display:block; float:left; text-decoration:none; background-image:url(../_img/menu.png); background-repeat:no-repeat; cursor:pointer; /*border:1px dotted red*/}
	#menu a.active {cursor:default}
	#menu a span {display:block; height:40px; background-image:url(../_img/menu.png); background-repeat:no-repeat; text-indent:-9999px}


/* layout */
#intro {background:#fff; margin:0; overflow:auto}
	.profesionales #intro p {width:860px; height:45px; margin:20px 0 15px 10px; background-image:url(../_img/intros.png); text-indent:-9999px}

	.redes #intro p {width:900px; height:370px; margin:0; background-image:url(../_img/intros.png)}
	
	.servicios #intro ul {list-style:none; float:right; margin:20px 15px 0 0}
	.servicios #intro li {display:inline; margin:0; padding:0; position:relative}
	.servicios #intro a {display:block; height:20px; margin:0 5px; float:left; text-decoration:none; background-image:url(../_img/intros.png); background-repeat:no-repeat; cursor:pointer; text-indent:-9999px; /*border:1px dotted red*/}
	.servicios #intro a.active {cursor:default}

	#col-66 h2.legal {margin:-10px 0 25px 0; width:550px; height:50px; background-image:url(../_img/intros.png); text-indent:-9999px}

#content {background:#fff; overflow:auto}

	.buffet #content, .claves #content {height:410px; overflow:hidden}
	#esp.buffet #content, #cat.buffet #content, #eng.buffet #content {height:530px}
	
	.profesionales #content {background-color:#061c32; padding-top:25px}
		.profesionales #content h1 {margin-left:20px; width:250px; height:50px; background-image:url(../_img/titols.png); text-indent:-9999px}
		.profesionales #content h1.pdf-prof {clear:both; float:left; width:250px; height:50px; background-image:url(../_img/titols.png); text-indent:-9999px}
		.profesionales #content h1.pdf-prof a {display:block}
		.profesionales #content h2 {float:none}
		.profesionales #col-66 h2 {float:none; width:250px; height:40px}
		.profesionales #col-66 div {height:140px}
		.profesionales #col-66 p {margin:0 10px 0px 0; color:#fff}

	#content h2.claus {margin:10px 0 35px -15px; width:270px; height:25px; background-image:url(../_img/intros.png)}

	.servicios #content {margin-top:-25px}
	
	.col {width:270px; float:left; margin:20px 10px 20px 15px; padding-bottom:20px}
		.col.l {margin:10px 0 0 33px}
		.col.r {margin:10px 33px 0 0}
		.col h2 {width:250px; height:40px; margin:20px 0 -40px 0}
		
	#photo {width:260px}
	#photo.r {float:right}
	#photo.l {float:left}
	#photo.col1 {margin:0 0 20px 20px}
		#photo.col1 img {margin:0 0 20px 0}
	#photo.col3 {margin:0 20px 20px 0}

	#col-66 {width:570px}
		#col-66.r {float:right; margin:5px 20px 0 0}
		#col-66.l {float:left; margin:5px 0 0 20px}

		#col-66 h2 {float:left; width:250px; height:50px}
		#col-66 p {margin:0 10px 35px 260px}
		#col-66 ul {margin:0 25px 35px 285px}
		#col-66 li {line-height:1.65em; margin-bottom:10px; list-style:disc}

	/* Activos en cartera */
	.activos #header h1 {position:relative; top:65px; right:-680px; display:block; width:200px; height:50px; background:url(http://www.agg.cat/_img/menu.png) no-repeat 0 -100px; text-indent:-9999px}
	.activos #content {min-height:400px}
	.activos ul.tipus {list-style:none; float:right; margin:15px 30px 0 0}
	.activos .tipus li {display:inline; margin:0; padding:0; position:relative}
	.activos .tipus a {display:block; height:50px; float:left; text-decoration:none; background-image:url(http://www.agg.cat/_img/intros.png); background-repeat:no-repeat; text-indent:-9999px}
	.activos .tipus a.active {cursor:default}
		.activos .tipus a.liq {width:200px; background-position:0 -2290px}
		.activos .tipus a.liq.active, .activos .tipus a.liq:hover {background-position:0 -2340px}
		.activos .tipus a.ges {width:170px; background-position:-260px -2290px}
		.activos .tipus a.ges.active, .activos .tipus a.ges:hover {background-position:-260px -2340px}

	.activos table {clear:both; margin:5px auto 25px auto; width:850px}
	.activos th {padding:0; text-align:left; border-bottom:1px solid #555}
	.activos th a {display:block; height:30px; text-decoration:none; background-image:url(http://www.agg.cat/_img/intros.png); background-repeat:no-repeat; text-indent:-9999px; cursor:default}
		.activos th.res a {width:70px; background-position:-13px -2390px}
		.activos th.pro a {width:90px; background-position:-90px -2390px}
		.activos th.sis a {width:160px; background-position:-185px -2390px}
		.activos th.fot a {width:40px; background-position:-405px -2390px; margin-left:15px}
		.activos th.pre a {width:45px; background-position:-350px -2390px}
	.activos td {padding:5px 15px 5px 0; height:60px; border-bottom:1px solid #ddd; vertical-align:top}
	.activos td.data {font-size:90%; color:#999; padding-top:5px}
	.activos p.nota {margin:0 30px 30px 30px; font-size:11px; color:#999}
	
	#jquery-overlay {position:absolute; top:0; left:0; z-index:999; width:100%; height:500px}
	#jquery-lightbox {position:absolute; top:0; left:0; width:100%; z-index:1000; text-align:center; line-height:0}
	#jquery-lightbox a img {border:none}
	#lightbox-container-image-box {position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto}
	#lightbox-container-image {padding:10px}
	#lightbox-loading {position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0}
	#lightbox-nav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}
	#lightbox-container-image-box >#lightbox-nav {left:0}
	#lightbox-nav a {outline:none}
	#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width:49%; height:100%; zoom:1; display:block}
	#lightbox-nav-btnPrev {left:0; float:left}
	#lightbox-nav-btnNext {right:0; float:right}
	#lightbox-container-image-data-box {font:10px Verdana,Helvetica,sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0}
	#lightbox-container-image-data {padding:0 10px; color:#666}
	#lightbox-container-image-data #lightbox-image-details {width:70%; float:left; text-align:left}
	#lightbox-image-details-caption {font-weight:bold}
	#lightbox-image-details-currentNumber {display:block; clear:left; padding-bottom:1.0em}
	#lightbox-secNav-btnClose {width:66px; float:right; padding-bottom:0.7em}

#footer {margin:10px 0 5px 0}
	#footer p {text-align:center; color:#405979; font-size:.95em; margin-top:0}
	#footer a {color:#405979; text-decoration:none; padding:0 15px 0 80px}
	#footer a:hover {color:#fff; text-decoration:underline}
	#footer p.credits {text-align:right; padding-right:50px; display:none} 
	#footer p.credits a {padding:0; color:#fff}