body { 
	margin: 0px;
	text-align: center;
	background:url(../img/background.jpg) top left;
	min-width: 941px;
	font: 75%/1.0em "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "Trebuchet MS", Trebuchet, Georgia, Verdana, sans-serif;
	color:#333;
	padding: 0px;
	}
	
* html body
{
	text-align: center;	/* hack to center this under IE5 */
}
* html #box {
	text-align: left;	/* keep the content left-aligned */
}

#box {
	margin: 0;
	width: auto;
	width: 941px;
	background: #fff;
	border-left:#f0f0f0 1px solid;
	border-right:#f0f0f0 1px solid;
	text-align: left;
}
a { color:#666; text-decoration:underline; }
a:hover { text-decoration:none; }

#contentColumn h1 { font-size:1.3em; color:#09008b; line-height:1.2em; font-weight:lighter; }

#contenidor {
	width:920px;
	height:134px;
	}
.ecomt { color:#09008b; }
.italic { font-style:italic; }

#outerColumnContainer
{
	z-index: 1;
	border-color: #fff;	/* set default color to white. set the real
				   color inside colors.css */
	border-style: solid;
	border-width: 0 200px;	/* sets the width of the borders used to create
				   the left and right columns' background 
				   color. */
	font-size:1.2em;
	line-height:1.2em;
	margin-top:15px;
}
#innerColumnContainer
{
	z-index: 2;
	width: 100%;
}
* html #innerColumnContainer
{
	position: relative;	/* fix a render bug in IE under certain
				   conditions */
}
#contentColumn
{
	margin: 0 -1px;		/* without this, boxes stop floating next to 
				   each other */
	width: 100%;
}
#leftColumn, #rightColumn, #contentColumn
{
	float: left;
	position: relative;
	z-index: 10;
	overflow: visible;	/* fix for IE italics bug */
}


#rightColumn
{
	float: right;		/* floating this right allows for the right
				   column block to appear before the content
				   column in the flow of the document. doing
				   this allows for any easy 3 column layout
				   in NN4.

				   There is certainly a lot, in terms of layout
				   'theory' about how the flow of the document
				   should be. I won't get into it here. */
	width: 180px;
	margin: 0 -180px 0 1px;	/* same as in the #leftColumn selector up 
				   above. */
	
}
#leftColumn
{
	width: 180px;
	margin: 0 1px 0 -200px;	/* like in the #contentColumn selector, without
				   the 1px margin on the opposite side of the 
				   box, boxes stop floating next to each 
				   other */
	padding-left:20px;
}
#footer
{
	clear:both;
	text-align:center;
	position: relative;
	border-top:#ccc 1px dotted;
	padding-top:20px;
	margin:10px 10px;
	
}
#peu_delegaciones { text-align:center; margin:0 100px 0 170px; }
/* #footer {
	clear:both;
	border-top:#ccc 1px dotted;
	height:67px;
	padding-top:10px;
	margin:10px 10px;
	text-align:center;
	font-family:'Trebuchet MS', Trebuchet, Georgia, Verdana;
	font-size:1em;
	line-height:1.4em;
	} */
#footer a { color:#666; }
#footer a:hover { text-decoration:none; }



#masthead h1
{
	display: inline;	/* personal preference to keep the header 
				   inline. you could just as easily change 
				   padding and margins to 0. */
}
.clear
{
	clear: both;
}
.hide, #oldBrowserNotice, .ieSixCharDupBug
{
	display: none;		/* hide elements that CSS-targeted browsers 
				   shouldn't show */
}
html[xmlns] .mozclear
{
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's give here.
	 */
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}
#contentColumn
{
	border-width: 0;	/* reset value from that in the version 4 
				   stylesheet. this isn't in borders.css because
				   were you to create a print.css and not 
				   include borders.css, then the v4 border would
				   still remain when you print. */
}
/*
	The below block of CSS is invalid, and will invalidate this stylesheet.
	So it is up to you to decide how you want to handle this. The below CSS
	is a fix for IE/Win to help it better handle text that is wider than 
	the available area. It does not handle this as expected, and forces the
	floated elements to start stacking. This is a very undesirable thing.
	Until a CSS-compliant way is devised, this CSS block will have to do.

	So, do you live with invalid CSS? This comes down to a sort of markup
	morals issue. Some people live and die by w3 validation. If it isn't
	valid, it isn't good. Others don't validate at all, rather focusing
	on "real-world" results.

	I think the answer might be somewhere in the middle, but perhaps 
	leaning torwards w3 validation. It's good to work torwards validation.
	Indeed, I think documents should be able to validate against a w3
	or other validator. However there are times where you will find reason
	to explicitly defy the specs and include invalid markup or CSS.

	It is already done once in the markup of this layout, using the name
	attribute of an anchor tag. That attribute is deprecated in XHTML 1
	but without it, backwards compatibility at even the most base level
	is destroyed. So I purposely break the spec in order to provide that
	backwards compatibility. Remove the one line, and it validates fine.

	I am willing to break the markup when I have a good reason. And I think
	this is the same type of situation. IE breaks horribly without this 
	fix. I am willing to include this invalid line of CSS in order to 
	keep IE happy. Using the * html selector, I know that CSS-compliant
	browsers (the ones where validation matters) won't apply this CSS block.
	Pretty much ONLY IE will apply this CSS. I have a reason to break the
	CSS, I am fairly certain of its effect on other browsers (none), and
	so I include it here.

	I could have used the conditional comments that IE supports in it's
	proprietary side of HTML. However that requires _every_ document to
	contain the extra lines necessary to do this. This removes any
	central point of control over at least some of the CSS being
	applied.

	In a template(d) environment, perhaps I would take that alternate route.
	But here, where I'm not in a template(d) environment, I choose to add
	this directly into the CSS.
*/
* html #box
{
	word-wrap: break-word;
}

.marc_content { border-left:#f0f0f0 1px solid; border-right:#f0f0f0 1px solid; padding:0 14px; margin:0; }







/* CAPSALERA */
#header {
	width: 941px;
	padding:0px;
	margin:0;
	}
#header_languages {
	float:right;
	text-align:right;
	margin:5px 10px 0 0;
	}
#header_top {
	min-height:74px;
	margin:0;
	padding:0;
	font-size:1.05em;
	}
#header_top_left {
	float:left;
	width:239px;
	}
#header_top_right {
	float:right;
	padding:8px 24px 0 0;
	font-family:  "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "Trebuchet MS", Trebuchet, Georgia, Verdana, sans-serif;
	}

/* ******* MENU ********** */
#menu ul {
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
	float:left;
	letter-spacing:1px;
	}
span.menu { display:none; }

/* ** menu firma ** */	
#menu ul li#firma  {
	float:left;
	height:36px;
	width:74px;
	background:url(../es/img/menu_firma.gif) top left no-repeat;
	}
#menu ul li#firma a:hover  {
	background:url(../es/img/menu_firma_active.gif) top left no-repeat;
	}
/* ** menu donde estamos ** */	
#menu ul li#dondeestamos  {
	float:left;
	height:36px;
	width:138px;
	background:url(../es/img/menu_dondeestamos.gif) top left no-repeat;
	}
#menu ul li#dondeestamos a:hover  {
	background:url(../es/img/menu_dondeestamos_active.gif) top left no-repeat;
	}
/* ** menu servicios ** */	
#menu ul li#servicios  {
	float:left;
	height:36px;
	width:86px;
	background:url(../es/img/menu_servicios.gif) top left no-repeat;
	}
#menu ul li#servicios a:hover  {
	background:url(../es/img/menu_servicios_active.gif) top left no-repeat;
	}
/* ** menu areas ** */	
#menu ul li#areas  {
	float:left;
	height:36px;
	width:62px;
	background:url(../es/img/menu_areas.gif) top left no-repeat;
	}
#menu ul li#areas a:hover  {
	background:url(../es/img/menu_areas_active.gif) top left no-repeat;
	}
/* ** menu publicaciones ** */	
#menu ul li#publicaciones  {
	float:left;
	height:36px;
	width:124px;
	background:url(../es/img/menu_publicaciones.gif) top left no-repeat;
	}
#menu ul li#publicaciones a:hover  {
	background:url(../es/img/menu_publicaciones_active.gif) top left no-repeat;
	}
/* ** menu informacion juridica ** */	
#menu ul li#informacionjuridica  {
	float:left;
	height:36px;
	width:176px;
	background:url(../es/img/menu_informacionjuridica.gif) top left no-repeat;
	}
#menu ul li#informacionjuridica a:hover  {
	background:url(../es/img/menu_informacionjuridica_active.gif) top left no-repeat;
	}
/* ****** */
#menu ul a {
	text-decoration:none;
	display:block;
	height:36px;
	}	
/*
#menu ul a:hover, #menu li.active {
	display:block;
	background-color:#9c0;
	color:#fff;
	border-bottom:#fff 1px solid;
	}
#menu li.active {
	background-image:none;
	}
*/

/* ******** FLASH ******* */
#flash { height:134px; margin:0 0 0 11px; }





/* ******** SUBNAVEGACIO ******* */
#subnavegacio {
	padding:8px 0 4px 0;
	margin:0 12px;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "Trebuchet MS", Trebuchet, Georgia, Verdana, sans-serif;
	border-bottom:#ccc 1px dotted;
	}
#subnavegacio_left {
	float:left;
	padding:5px;
	}
#subnavegacio_right {
	float:right;
	padding:5px;
	}

/* ******* CONTINGUT ******* */

#leftColumn ul {
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
	}
#leftColumn ul li {
	float:left;
	height:29px;
	width:157px;
	}
/* ** menu quienes somos ** */	
#leftColumn ul li#quienessomos  {
	background:url(../es/img/menu_quienessomos.gif) top left no-repeat;
	}
#leftColumn ul li#quienessomos a:hover  {
	background:url(../es/img/menu_quienessomos_active.gif) top left no-repeat;
	}
/* ** menu nuestros valores ** */	
#leftColumn ul li#nuestrosvalores  {
	background:url(../es/img/menu_nuestrosvalores.gif) top left no-repeat;
	}
#leftColumn ul li#nuestrosvalores a:hover  {
	background:url(../es/img/menu_nuestrosvalores_active.gif) top left no-repeat;
	}
/* ** menu equipo humano ** */	
#leftColumn ul li#equipohumano  {
	background:url(../es/img/menu_equipohumano.gif) top left no-repeat;
	}
#leftColumn ul li#equipohumano a:hover  {
	background:url(../es/img/menu_equipohumano_active.gif) top left no-repeat;
	}
/* ** menu codigo etico ** */	
#leftColumn ul li#codigoetico  {
	background:url(../es/img/menu_codigoetico.gif) top left no-repeat;
	}
#leftColumn ul li#codigoetico a:hover  {
	background:url(../es/img/menu_codigoetico_active.gif) top left no-repeat;
	}

#leftColumn ul a {
	text-decoration:none;
	display:block;
	height:29px;
	}	
#peu_delegaciones { text-align:center; }
#rightColumn { font-size:0.9em; line-height:1em; }
#rightColumn p { margin:2px 10px 0 15px; }
#rightColumn p.ir { text-align:right; margin:4px 20px 8px 0; }


/* ** menu madrid ** */	
#leftColumn ul li#madrid  {
	background:url(../es/img/menu_madrid.gif) top left no-repeat;
	}
#leftColumn ul li#madrid a:hover  {
	background:url(../es/img/menu_madrid_active.gif) top left no-repeat;
	}
/* ** menu salamanca ** */	
#leftColumn ul li#salamanca  {
	background:url(../es/img/menu_salamanca.gif) top left no-repeat;
	}
#leftColumn ul li#salamanca a:hover  {
	background:url(../es/img/menu_salamanca_active.gif) top left no-repeat;
	}
/* ** menu villamayor ** */	
#leftColumn ul li#villamayor  {
	background:url(../es/img/menu_villamayor.gif) top left no-repeat;
	}
#leftColumn ul li#villamayor a:hover  {
	background:url(../es/img/menu_villamayor_active.gif) top left no-repeat;
	}
/* ** menu guijuelo ** */	
#leftColumn ul li#guijuelo  {
	background:url(../es/img/menu_guijuelo.gif) top left no-repeat;
	}
#leftColumn ul li#guijuelo a:hover  {
	background:url(../es/img/menu_guijuelo_active.gif) top left no-repeat;
	}

/* ** menu auditores y consultores ** */	
#leftColumn ul li#auditoresyconsultores  {
	background:url(../es/img/menu_auditoresyconsultores.gif) top left no-repeat;
	}
#leftColumn ul li#auditoresyconsultores a:hover  {
	background:url(../es/img/menu_auditoresyconsultores_active.gif) top left no-repeat;
	}
/* ** menu juridico fiscal ** */	
#leftColumn ul li#juridicofiscal  {
	background:url(../es/img/menu_juridicofiscal.gif) top left no-repeat;
	}
#leftColumn ul li#juridicofiscal a:hover  {
	background:url(../es/img/menu_juridicofiscal_active.gif) top left no-repeat;
	}
/* ** menu servicios outsourcing ** */	
#leftColumn ul li#serviciosoutsourcing  {
	background:url(../es/img/menu_serviciosoutsourcing.gif) top left no-repeat;
	}
#leftColumn ul li#serviciosoutsourcing a:hover  {
	background:url(../es/img/menu_serviciosoutsourcing_active.gif) top left no-repeat;
	}
/* ** menu servicios financieros ** */	
#leftColumn ul li#serviciosfinancieros  {
	background:url(../es/img/menu_serviciosfinancieros.gif) top left no-repeat;
	}
#leftColumn ul li#serviciosfinancieros a:hover  {
	background:url(../es/img/menu_serviciosfinancieros_active.gif) top left no-repeat;
	}

/* ** menu Noticias de prensa ** */	
#leftColumn ul li#noticiasprensa  {
	background:url(../es/img/menu_noticiasprensa.gif) top left no-repeat;
	}
#leftColumn ul li#noticiasprensa a:hover  {
	background:url(../es/img/menu_noticiasprensa_active.gif) top left no-repeat;
	}
/* ** menu Novedades legislativas ** */	
#leftColumn ul li#novedadeslegislativas  {
	background:url(../es/img/menu_novedadeslegislativas.gif) top left no-repeat;
	height:42px;
	}
#leftColumn ul li#novedadeslegislativas a:hover  {
	background:url(../es/img/menu_novedadeslegislativas_active.gif) top left no-repeat;
	height:42px;
	}
/* ** menu Noticias por sectores económicos ** */	
#leftColumn ul li#noticiassecteconomicos  {
	background:url(../es/img/menu_noticiassecteconomicos.gif) top left no-repeat;
	height:42px;
	}
#leftColumn ul li#noticiassecteconomicos a:hover  {
	background:url(../es/img/menu_noticiassecteconomicos_active.gif) top left no-repeat;
	height:42px;
	}
/* ** menu Cómo gestionar la inversión en inmuebles ** */	
#leftColumn ul li#inversioninmuebles  {
	background:url(../es/img/menu_inversioninmuebles.gif) top left no-repeat;
	height:56px;
	}
#leftColumn ul li#inversioninmuebles a:hover  {
	background:url(../es/img/menu_inversioninmuebles_active.gif) top left no-repeat;
	height:56px;
	}
/* ** menu Cómo invertir en España ** */	
#leftColumn ul li#invertirespana  {
	background:url(../es/img/menu_invertirespana.gif) top left no-repeat;
	height:42px;
	}
#leftColumn ul li#invertirespana a:hover  {
	background:url(../es/img/menu_invertirespana_active.gif) top left no-repeat;
	height:42px;
	}
/* ** menu Iniciar una actividad empresarial ** */	
#leftColumn ul li#iniciaractividad  {
	background:url(../es/img/menu_iniciaractividad.gif) top left no-repeat;
	height:42px;
	}
#leftColumn ul li#iniciaractividad a:hover  {
	background:url(../es/img/menu_iniciaractividad_active.gif) top left no-repeat;
	height:42px;
	}
/* ** menu Enlaces de interés ** */	
#leftColumn ul li#enlacesinteres  {
	background:url(../es/img/menu_enlacesinteres.gif) top left no-repeat;
	height:29px;
	}
#leftColumn ul li#enlacesinteres a:hover  {
	background:url(../es/img/menu_enlacesinteres_active.gif) top left no-repeat;
	height:29px;
	}




























/* general */
.alpha { list-style-type: lower-alpha; }
.clear { clear:both; }
img { border:0px; }
.comment { font-style:italic; }
.center { text-align:center;}
.center_img { text-align:right; padding:0 auto;}

.buttom { border:none; }

textarea {
	border-right: 1px solid; border-top: 1px solid; font-size: 11px; border-left: 1px solid; COLOR: #666666; border-bottom: 1px solid; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; text-decoration: none;
}
select {
	border-right: 1px solid; border-top: 1px solid; font-size: 11px; border-left: 1px solid; COLOR: #666666; border-bottom: 1px solid; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; text-decoration: none;
}
input type { border:none; }
.bold { font-weight:bold; }
.left { float:left; }
.right { float:right; }

div.complement .link_doc {
	padding-right:22px;
	background:url(../img/icone_doc.gif) top right no-repeat;
	}
div.complement .link_pdf {
	padding-right:22px;
	background:url(../img/icone_pdf.gif) top right no-repeat;
	}






/* ****** COLUMNA DRETA ************ */

#secondary_content {
	position:relative;
	float:right;
	width: 143px;
	margin-top:0px;
	margin-left:4px;
	padding:0px 28px 0px 15px;
	background:url(../img/background_secondaycontent.jpg) top left repeat-y;
	color:#666;
	font-size:0.9em;
	}
#secondary_content p {
	text-align:left;
	}

#tamanyfont p {
	
	text-align:left;
	}