/*******************************************************************/
/********************** CSS SITE _ nou MicroBank **********************/
/*******************************************************************/


body {
	margin:0;
	padding: 0;
	font-family: arial, verdana, sans-serif;
}

#p-00 {
	margin:0;
	line-height: 20px;
	text-align:center;
}

#p-01 {width:96.6em; font-size:62.5%; margin:0 auto; border-collapse:collapse;}
html>body #p-01 {width:96em;}
#p-01 #newContent {width:96.6em; text-align:left;}
html>body #p-01 #newContent {width:96em;}
#p-01 #newContent .titulo {background-color:#3C91B8; border:none; margin:0; padding:.25em .7em;}
#p-01 #newContent .titulo h1 {color:#FFF; margin:0;}


#p-04, #p-05 {
	width:45em;
	margin: 0 auto;
	border-collapse: collapse;
} 

#p-04 tr td, #p-05 tr td {
	padding: 0;
	vertical-align:top;
} 

td#left  {
	width:18.5em;
	
} 

td#header{
	width:100%;
	padding: 0;
}
td#right  {
	width: 18.1em;
}

#p-01 td#mid {padding:0; width:96.6em;}
html>body #p-01 td#mid {width:96em;}

#p-00 p  {
	margin-top: 10px;
}




/*----------------- CSS Nuevo Diseño ------------------*/

img {
	border:0;
}

ul, p, h1, h2, h3, fieldset, legend, form, label {
	margin:0;
	padding:0;
}

legend {
	display:none;
}

select {
	font-family:arial, verdana, sans-serif;
	font-size:1em;
}

a {
	color:#2d92dd;
	text-decoration:none;
}

a:visited  {
	color:#007fb4;
	text-decoration:none;
}

a:hover  {
	text-decoration:underline;
}

a:active {
	color:#007fb4;
	text-decoration:underline;
}

div.neteja {
	clear:both;
	line-height:.1em;
	overflow:hidden;
}

p.neteja {clear:both;}

div.espacio {height:3em;}


/*------------Cabecera------------------*/

#cabecera01 {position:relative;}
#cabecera01 img {width:96.6em; height:3.2em}
html>body #cabecera01 img {width:96em;}
#cabecera01 ul {margin-top:.5em; margin-right:.8em; position:absolute; top:0;}
html>body #cabecera01 ul {margin-right:0;}
#cabecera01 ul li {display:inline; font-size:1.1em;}
#cabecera01 ul li a, #cabecera01 ul li span {margin:0 .3em;}
#cabecera01 ul li span.idiom {color:#FFF; font-weight:bold;} 
#cabecera01 ul#site {top:.3em; right:30em;}
#cabecera01 ul#site li a, #cabecera01 ul#idioma li a {color:#FFF;}
#cabecera01 ul#idioma {top:.3em; right:15em;}



#cabecera02 {height:7em; position:relative;}
#cabecera02 img.logo {width:22.4em;  position:absolute; left:2em; top:1em;}
html>body #cabecera02 img.logo {width:22.3em;}

#cabecera02 div { position:absolute; right:2em; top:1em;}
html>body #cabecera02 div { top:2em;}
#cabecera02 p, #cabecera02 form label {font-size:1.1em;}
#cabecera02 p {float:left; margin:1.2em 1em 0 !important;}
html>body #cabecera02 p { margin-top:.3em !important;}

#cabecera02 img.separador {width:.5em; margin:.5em 0 0; float:left;}
html>body #cabecera02 img.separador {margin-top:-.3em;}

#cabecera02 form { margin:.6em 0 0 1em; float:left;}
html>body #cabecera02 form { margin-top:0em;}
#cabecera02 form input.txtCerca {width:13em;}
#cabecera02 form input.lupa {width:2.2em; margin-bottom:-.4em; margin-left:.3em;}
html>body #cabecera02 form input.lupa {width:1.5em;}


/***** logotipo la caixa ****/

#cabecera01 #logo{ position:absolute; overflow:hidden; top:2em; left:.3em;}
html>body #cabecera01 #logo{ top:2.1em; left:.6em;}
#cabecera01 #logo img{ width:17.8em; margin:0;}
html>body #cabecera01 #logo img{width:17.7em;}

/*barra gris degradado*/
#cabecera01 img.barra{ width:100%; height:1em; margin:8.2em 0 0;}

/*barra superior con menu + buscador*/
#cabecera01 #head{  position:absolute; right:0; height:2em;}
#cabecera01 #head div{ position:absolute; width:100%; margin-top:.3em}
#cabecera01 #head img{ width:78.6em}
html>body #cabecera01 #head img{ width:78.1em;}
#cabecera01 #head div ul { float:right; margin-right:.8em; margin-top:.5em;}
html>body #cabecera01 #head div ul { margin-right:0;}
#cabecera01 #head div ul li{ display:inline; font-size:1.1em}
#cabecera01 #head div ul li a{ margin:0 .3em;}
#cabecera01 #head div form {
	margin-top:0.2em;
	float:right;
	padding-right:.5em;
	width:23.7em;
	text-align:right;
}
#cabecera01 #head div form input.txtCerca{
	width:13em;
	font-size:1em;
	color:#c9c9c9;
	margin-bottom:-.4em;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
#cabecera01 #head div form input.lupa{ font-size:1em; width:1.5em; margin-left:.3em;margin-bottom:-0.4em;}


/*-------------Menú derecho y izquierdo-----------------*/

#menuLeft, #menuRight{
	background-color:#F9F9F9;
	height:100%;
	width:18.1em;
	margin:0;
	border:.1em solid #E1E1E1;
}
html>body #menuLeft, html>body #menuRight { width:17.8em; }
#menuLeft { margin-right:1.5em;}
#menuRight { margin-left:1.5em;}

#menuLeft ul.menu, #menuRight ul.menu{ list-style:none; margin:1.3em 1em 1.5em 2.8em;}
#menuRight p.menu, #menuLeft p.menu{line-height:1.2em; margin:1.3em 1em 1.5em 2.8em !important; text-indent:-1.2em; font-size:1.1em;}
#menuLeft ul li, #menuRight ul li{ 
	margin:0 .9em;
	font-size:1.1em;
	line-height:1.2em;
}

html>body #menuLeft ul.menu, html>body #menuRight ul.menu{ list-style:none; margin:1.3em 1em 1.5em 2.8em;}
html>body #menuRight p.menu, html>body #menuLeft p.menu{line-height:1em; margin:1.3em 1em 1.5em 2.8em !important; text-indent:-1.2em; font-size:1.1em;}
html>body #menuLeft ul li, html>body #menuRight ul li{ 
	line-height:1em;
}
#menuRight ul { margin-bottom:1em;}
#menuLeft ul.menu li, #menuRight ul.menu li, #menuLeft .volver p{ 
	margin:0;
	text-indent:-1.2em;
	font-size:1.1em;
	margin-bottom:.5em;
}
#menuLeft ul.menu li li, #menuRight ul.menu li li, #menuRight ul li li{ font-size:1em;}
#menuLeft ul, #menuRight ul{list-style:none;}
#menuLeft ul.menu li li, #menuRight ul.menu li li{ text-indent:0; margin-left:.9em;}
#menuLeft ul ul, #menuRight ul ul{ margin:.5em 0 0;}
#menuLeft .menu span, #menuLeft .volver span, #menuRight .menu span, #enlaces span{
	background-color:#5591C1;
	color:#fff;
	padding:0.1em 0.2em 0 .3em;
	font-size:.6em;
	font-weight:bold;
	margin-right:.5em;
}
#menuLeft .menu span.rojo, #menuRight .menu span.rojo{
	background:none;
	color:#FF0000;
	padding:0;
	font-size:1em;
	font-weight:normal;
	margin:0;
}
#menuLeft .menu span.simularlink, #menuRight .menu span.simularlink{
	background:none;
	color:#2D92DD;
	padding:0;
	font-size:1em;
	font-weight:normal;
	margin:0;
}

#menuLeft .titulo, #menuRight .titulo{
	background-color:#3C91B8;
	padding:.25em .7em;
	/*margin:-.1em;(firefox) para kitar borde menu*/
	border:.1em solid #3C91B8;
	text-align:left;
}
#menuLeft .titulo h2, #menuRight .titulo h2{ font-size:1.4em; color:#fff; margin:0;}
#menuLeft .volver ul.menu, #menuLeft .volver p{ list-style:none; margin:0 0 0 1.5em;}
#menuLeft .volver{
	margin:6.5em .9em 1em;
	border:1px solid #E1E1E1;
	border-left:0;
	border-right:0;
	padding:1em .5em;
}


/*-------------------Destacamos------------------------*/

#menuRight img{ width:100%; margin:.5em 0;}
#menuRight .Imagen, #menuRight ul.agenda { width:15.9em;margin:1em;}
#menuRight ul.agenda{margin:1.5em 1em;}
html>body #menuRight .Imagen, html>body #menuRight ul.agenda{ width:15.8em;}
#menuRight .Imagen img { margin-bottom:1em;}
#menuRight ul.agenda li li{ margin:0;}
#menuRight ul.agenda ul.imagenul{ margin-top:0;}

#menuRight p{ font-size:1.1em; margin:0 .9em 1em !important; text-align:left;}
#menuRight p.solo{ margin-top: .9em !important;}
#menuRight h3{ font-size:1.1em; font-weight:bold; margin:1em .9em 0;}
#menuRight li p{ margin:0 !important;}
#menuRight span.lloc {
	font-size:.9em;
	color:#676664;
	line-height:1em;
	padding:0;
}
#menuRight ul.agenda {
	list-style-type:none;
	line-height:1.3em;
	padding:0;
}
#menuRight ul.agenda li {
	margin:0 0 1.5em 0;
	padding:0;
	text-indent:0;
}
#menuRight ul.agenda li li{ margin:0;}
#menuRight ul.agenda li h3, #menuRight ul.agenda li h4 {
	margin:.2em 0 0;
	padding:0;
	font-size:1em;
}

#menuRight ul.agenda li p {
	font-size:1em;
	margin:.2em 0 .3em 0 !important;
	padding:0;
	line-height:1.2em;
	color:#000;
}
#menuRight ul.agenda li img{ margin:.5em 0 0;}


/*---------------PIE DE PÁGINA------------------*/

div#pie_pagina {
	background:#fff;
	padding:3em 0 4em 0;
	text-align:center;
}

div#pie_pagina ul { list-style-type:none;}

div#pie_pagina ul li { display:inline;}

div#pie_pagina img.giflacaixa { width:1.6em;}

div#pie_pagina img.flecha {
	width:1.4em !important;
	height:1.3em !important;
	vertical-align:text-bottom;
}

div#pie_pagina p {margin:0;}


/*--------CENTRO------*/

p.rojo {color:#FF0000 !important; margin-top:1em;}

ul.summaryInfo, p.summaryInfo {
font-size:1.1em;
list-style:none;
padding:1em 1em 1em 1.5em;
margin-bottom:2.5em;
background-color:#f6f6f6;
line-height:1.5em;
}

#mainContent h1, #listContent h1{ font-style:italic}


/*-----buscadores-----*/
div#menuLeft input, div#menuLeft select, div#menuRight input, div#menuRight select{ font-size:1em; font-family:arial,verdana,sans-serif}
div#menuLeft form ul, div#menuLeft form ul li, div#menuRight form ul, div#menuRight form ul li{ margin:0; list-style:none; padding:0; font-size:1em; } 
div#menuLeft form, div#menuRight form{ margin:.5em 0; }
div#menuLeft .buscartext, div#menuRight .buscartext{ background-color:#E5ECEF; }

div#menuLeft fieldset, div#menuRight fieldset {
	border:0;
	margin:0;
	padding:0;
}

div#menuLeft legend, div#menuRight legend {
	/*font-size:1.2em;*/
	color:#000;
	font-weight:bold;
	margin:0 0 5px -8px;
	padding:0;
}

div#menuLeft label, div#menuRight label {
	font-size:1.1em;
	padding-bottom:.3em;
}

div#menuLeft select, div#menuLeft input.buscar, div#menuRight select, div#menuRight input.buscar {
	margin:0.3em 0;
	color:#666666;
	width:15.5em;
	font-size:1em;
}

div#menuLeft select option, div#menuRight select option{
	padding:0 10px 0 5px;
}

div#menuLeft input.btnCerca, div#menuRight input.btnCerca, #newContent input.btnCerca {
	border:0;
	margin:0 0 0.1em 0.3em;
	padding:0 0.5em;
	color:#FFF;
	font-size:1.1em;
	font-family:arial, verdana, sans-serif;
	background-color:#3C91B9;
	border:0.3em solid #2A6B89;
	cursor:pointer;
}
div#menuLeft select, div#menuLeft input.texto, div#menuRight select, div#menuRight input.texto {
color:#666666;
font-size:1em;
margin:0.3em 0;
width:15.5em;
}
div#menuRight select, div#menuRight input.texto {
width:100%;
}

div#menuRight form{ margin:1em 1.4em}
html>body div#menuRight form{margin:1em 1.3em}
div#menuRight .btnBuscar {text-align:right; margin:1em 0;}


/*---Formulario - Consulta estado promocion (Vivienda)----*/
#menuRight input.clave_es{ width:4em; color:#888; margin-left:2.2em;}
html>body #menuRight input.clave_es{ margin-left:2.5em;}

#menuRight input.clave_ca{ width:4em; color:#888; margin-left:4.1em;}
html>body #menuRight input.clave_ca{ margin-left:4.4em;}


/*----------------Vivienda---------------*/

#subContent.pagInicial h4, #subContent.pagVivienda h4, #listContent.pagVivienda h4 { margin:1.5em 0 .5em;}
#subContent.pagInicial h4.first, #subContent.pagVivienda h4.first, #listContent.pagVivienda h4.first {margin-top:0;}
#subContent.pagInicial h6 {font-size:1.1em; margin:0;}

#subContent.pagInicial ul ul{ margin:0 0 .5em 1.5em; list-style:disc}
#subContent.pagInicial ul ul ul{ list-style:circle;}
#subContent.pagInicial ul.lletres li { list-style-type:lower-alpha; margin-left:.2em;}
#subContent.pagInicial ul { font-size:1em; margin:0; list-style:none;}
#subContent.pagInicial ul li ul li { margin:.5em 0;}


#mainContent.pagVivienda img.promoImg, #listContent.pagVivienda img.promoImg {width:16.6em; border:.1em solid #000;}
#mainContent.pagVivienda .itemFirst {width:45%;}
#mainContent.pagVivienda .item h4, #mainContent.pagVivienda .item p {display:inline; font-size:1.1em; margin:0;}
#mainContent.pagVivienda .item p {margin-left:.3em;}
html>body #mainContent.pagVivienda .item p {margin:0;}
#mainContent.pagVivienda .item ul {list-style:none; margin:0; font-size:1em;}
#mainContent.pagVivienda h3 span {font-size:.9em;}
#mainContent.pagVivienda div.item ul li {margin-bottom:1em;}
#mainContent.pagVivienda div.item ul li ul li {margin:0;}

#listContent.pagVivienda ul.agrupa_mini li {clear:left;}
#listContent.pagVivienda ul.agrupa_mini ul.colum3 li {clear:none;}
#listContent.pagVivienda ul.agrupa_mini p {margin-top:0; margin-left:.5em; }

#listContent.pagVivienda .gris { background-color:#F6F6F6; text-align:right; padding:.5em;}
#listContent.pagVivienda .gris p { margin:0; }

#subContent.pagVivienda ol {font-size:1em;}
#subContent.pagVivienda ol li {margin:0.5em; }
#subContent.pagVivienda ol li ul {list-style-type:none; margin: .5em 0;}
#subContent.pagVivienda ol li ul li {margin:0;}


/**************************************/
/******* pàgines mqqs de les promos *******/

#subContent div.mqqs { border:1px solid #000; margin-top:2em;}
#subContent div.mqqs .mqqs_header { height:2em; background-color:#343299;}
#subContent div.mqqs .mqqs_header h4 { color:#FFF; text-align:center; margin:0; }
#subContent div.mqqs h5 { margin:.5em;}
#subContent div.mqqs ul { margin:0 0 1em 1em;}
#subContent div.mqqs ul li { font-size:1.1em; list-style:none;}
#subContent div.mqqs ul li ul li { font-size:1em; margin:0 1em 0 2em; list-style-type:disc;}


/********************************************/
/******** ampliacions de les pàgines fdp **********/

#popup.ample1 { width:53em;} /* HTML amb width de 880 */
#popup.ample2 { width:62.5em;} /* HTML amb width de 1024 */
#popup.ample1 img { float:left; width:30em;}
#popup.ample2 img { float:left; width:40em;}
#popup div.fdp { float:left; width:22em; text-align:left; position:relative;}
#popup div.fdp .fdp_header { background-color:#343299; margin:.5em;}
#popup div.fdp .fdp_header span { position:absolute; right:2em;}
#popup div.fdp .fdp_header h4 { font-size:1.1em; text-align:center;}
#popup div.fdp .fdp_header h4, #popup div.fdp .fdp_header h5, #popup div.fdp .fdp_header h6 { color:#FFF; padding:.2em 0 .2em 1em; margin:0;}
#popup div.fdp .fdp_header h4{ padding-left:0;}
#popup div.fdp .fdp_header h5, #popup div.fdp .fdp_header h6 { font-size:.9em;}
#popup div.fdp ul { font-size:.8em; margin:0 1em 1em;}
#popup div.fdp ul li { list-style:none; border-bottom:.05em solid #000; margin:.5em -.3em; min-height:1em;}
#popup div.fdp ul li span { position:absolute; right:1em;}
#popup div.fdp ul li.margenint { border-top:0.05em solid #000000; padding-top:.3em; margin-bottom:1.5em; margin-top:1.5em;} 
#popup div.fdp ul li.margenext { padding-top:.5em; border-top:0.05em solid #000000;}


/**********************************************/
/***** consulta contracte lloguer *****/

div.contractelloguer {padding:.5em;}
div.contractelloguer input {font-size:1.1em !important;}

/********************************************/


div.menu-02 img.nou {width:1.8em; margin-top:.05em;}

div.menu-02 img.nuevo {width:2.8em; margin-top:.05em;}




#menuLeft img.nou {width:1.82em; margin-top:.05em; height:.8em}
#menuLeft img.nuevo {width:2.82em; margin-top:.05em;height:.8em}




/************************         OBJECT       **********************/

#listContent  object, #mainContent object {
	height:34.5em;
	width:39.9em;
}

html>body #listContent object, html>body #mainContent object{
	height:34.2em;
	width:39.6em;
}




/*------newContent------*/

#newContent { text-align:left; width:57.4em;}
html>body #newContent { width:57em;}


#newContent img.flecha{ width:1.4em !important; height:1.3em !important;}
#newContent h1 {color:#333; font-size:1.8em; padding-top:.5em; margin-left:1.8em;}
#newContent .titulo h1 { color:#767676; margin:0; }
#newContent .titulo { background-color:#F9F9F9; border:0.1em solid #E2E2E2; margin:0; padding:1em; }
#newContent .contenido{ padding:.5em 1.3em 0;}
#newContent h2 { color:#333; margin:0; font-size:1.6em;}
#newContent .titulo2 {border-bottom:0.1em solid #E2E2E2; margin:2em 0 1.5em; padding-bottom:.5em;}
#newContent h3 {color:#333; margin:2em 0 1em; font-size:1.2em;}
#newContent li h3{ margin:0 0 .3em;}
#newContent p{ margin:0; font-size:1.1em; color:#333;}
#newContent p img{ font-size:.91em;}
#newContent li p{ margin:0;}
#newContent li{ margin-bottom:1.5em;}
#newContent li li{ margin:0;}
#newContent ul{list-style-type:none; margin:1em 0 0;}
#newContent ul ul{ margin-top:0;}
#newContent img{ width:100%; margin:0.5em 0 0;}
#newContent .contenido img{ margin:0 0 1em;}
#newContent p.cursiva { font-style: italic; margin:1em 5em;}

/*--listado numerado ----*/
#newContent .numero p{ margin-left:4.6em; text-indent:-2.5em; }
#newContent ol.numero{ list-style:none; margin-left:0; padding:0; }
#newContent .numero li, #newContent div.numero{ position:relative;}
#newContent .numero img{ width:1.7em; margin: 0 .5em -.3em 0;}
#newContent .numero .num{ position: absolute; color:#fff; font-weight:bold; font-size:1.1em;}
#newContent .numero .num{ left:0.5em; top:.15em;}
html>body #newContent .numero .num{ left:2.7em; top:.15em;}
#newContent .numero li p{ margin-top:-1.4em;}
html>body #newContent .numero li p{ margin-top:0;}
#newContent .numero li ul{ margin:0.5em 0 0 6em;}
#newContent .numero li li p { margin:0 0 0 .7em; text-indent:-.7em;}

#newContent div.servicios p, #newContent ul.servicios li p, #newContent ul.centros{ margin:1em 0 0 2em;}
#newContent ul.centros li h3{ margin:0;}
#newContent ul.servicios li li p{ margin:0;} 
#newContent ul.colectivos { margin:.5em 2em 1em 5em; text-indent:-.8em;}
#newContent ul.colectivos h4, #newContent ul.colectivos p{ display: inline; font-size:1.1em; color:#333;}

#newContent div.servicios ul li{ margin:0 0 .5em 5em;  }
#newContent div.servicios ul li p{ text-indent:-.6em; margin:0;}

#newContent .rojo{ color:#ff0000;}

#newContent ol.convocatoria { margin-left:4em; padding:0;}
#newContent ol.convocatoria li{ margin-bottom:.5em;}
#newContent ol.convocatoria li ol { margin:.5em 0 0 4em; padding:0;}
#newContent .caja { border:.1em solid #3C91B8; padding:1em; }
#newContent .caja span { margin-left:1.5em;font-weight:bold;color: #666;}


/*----video NewContent-----*/

#newContent .videoPrograma{ margin:1.2em 0 0}
#newContent .videoPrograma img{ margin-top:0}
#newContent .videoPrograma object{ height:33.3em; width:57.4em;}
html>body #newContent .videoPrograma object{ height:33.1em; width:57em;}
#newContent .videoPrograma div{ background-color:#F9F9F9; border:0.1em solid #E1E1E1; margin:1.5em 0; padding:1em 2em;}
#newContent .videoPrograma div h2{ font-size:1.2em; margin-top:2em;}


/*-------imagen Lema - NewContent-----*/

#newContent .imgLema { position:relative; margin-top:1.2em;}
#newContent .contenido .imgLema {margin-top:0;}
#newContent .imgLema div{ position: absolute; right:3.7em; width:24.2em;}
html>body #newContent .imgLema div{width:24em; right:2.7em;}
#newContent .imgLema p{ color:#616161; font-size:2.3em; margin:0;}

#newContent .imgLema img{ margin:0;}


#newContent .imgLema div.txt01{ top:6.1em;}
html>body #newContent .imgLema div.txt01{ top:6em;}
#newContent .imgLema div.txt01 p{font-size:2.3em;}

#newContent .imgLema div.txt02{ top:4.8em;}
html>body #newContent .imgLema div.txt02{ top:4.6em;}
#newContent .imgLema div.txt02 p{font-size:2.3em;}

#newContent .imgLema div.txt03{ top:3.6em;}
html>body #newContent .imgLema div.txt03{ top:3.4em;}
#newContent .imgLema div.txt03 p{font-size:2.2em;}

#newContent .imgLema div.txt04{ top:2.7em;}
html>body #newContent .imgLema div.txt04{ top:2.5em;}
#newContent .imgLema div.txt04 p{font-size:2em;}

#newContent .imgLema div.txt05{ top:2.1em;}
html>body #newContent .imgLema div.txt05{ top:1.8em;}
#newContent .imgLema div.txt05 p{font-size:1.8em;}

#newContent .imgLema div.txt06{ top:1.8em;}
html>body #newContent .imgLema div.txt06{ top:1.4em;}
#newContent .imgLema div.txt06 p{font-size:1.6em;}

/************ TEXTOS ****************/

.textonegro {color:#000; margin:.5em 0;}
.textonormal {font-style:normal !important; font-weight:normal !important;}
.negrita {font-weight:bold;}
.cursiva {font-style:italic;}
.cursivaynegrita {font-style:italic; font-weight:bold;}
span.bank{ font-weight:bold; font-style:italic;}



/*******************************************************************/
/**************** CSS afegit per a les noves pàgines**********************/
/*******************************************************************/


/********** menú superior MicroBank *************/

#menuSup {padding:1em 1.5em 1.5em 0; margin-bottom:-.1em; background-color:F5F5F5;}
#menuSup ul {margin:.1em;}
#menuSup ul li {display:inline; margin-left:3em;}
#menuSup ul li a {font-size:1.3em; font-weight:bold;}
/*
#menuSup ul li.inicio a {color:#666666;} 
#menuSup ul li.infocorporativa a {color:#666666;} 
#menuSup ul li.negocios a {color:#666666;} 
#menuSup ul li.familias a {color:#666666;} 
#menuSup ul li.tarjeta a {color:#666666;} 
#menuSup ul li.ahorro a {color:#666666;}
*/


/********* home _ MicroBank ********/

#newContent.home {height:37em; position:relative;}
#p-01 #newContent div.fondogris {background-color:#F5F5F5;}
#p-01 #newContent.home div.fondogris {height:33em; }
#newContent.home div.left, #newContent.home div.right {width:48em; float:left; position:absolute;}
#newContent.home div.lineaabierta {position:absolute; top:1em; left:2.8em;}
#newContent.home div.lineaabierta img.pastilla {width:20.9em; margin:.5em 0 0; position:relative;}
#newContent.home div.lineaabierta img.entrar {width:10.6em; margin:.5em 0 0; z-index:1; position:absolute; top:5em; left:2.5em;}
#newContent.home div.lineaabierta img.candado {width:4.6em; margin:.5em 0 0; position:absolute; top:5em; right:2.5em;}
#newContent.home div.lineaabierta p {text-align:center; z-index:2; position:absolute; top:1.5em; left:2.5em;}
#newContent.home div.lineaabierta p.enter {font-size:1.6em; font-style:italic; font-weight:bold; top:4.2em; left:3.4em;}
#newContent.home div.lineaabierta p.enter a {color:#FFF; text-decoration:none;}
#newContent.home div.intro {width:36em; position:absolute; top:16em; left:7em;}
#newContent.home div.intro h1 {font-size:3em; font-style:italic; line-height:1em; margin:0 0 .4em; padding:0;}
#newContent.home div.intro h1, #newContent.home div.intro p {text-align:right;}
#newContent.home div.right {right:0;}
#newContent.home div.right object {width:45.5em; height:37em;}

#listDestacado p, #listDestacado h2{color:#333;}
#listDestacado { position:relative;}
#listDestacado ul {position:absolute; top:3em; left:3em;}
#listDestacado ul li {float:left; list-style:none; margin-left:5em; width:43em;}
#listDestacado ul li.col1 {margin-left:0;}
#listDestacado h2 {font-size:1.7em; margin:0; }
#listDestacado p {font-size:1.1em; margin:.5em 0 0;}
#listDestacado .texto {float:right; width:22em; margin:0 1.5em;}
html>body #listDestacado .texto {width:23.5em;}
#listDestacado .imagen {float:right;}
#listDestacado .imagen img {width:16.2em;}
html>body #listDestacado .imagen img {width:16.1em;}
#listDestacado img.bg {width:96.6em;height:18.7em;}
html>body #listDestacado img.bg {width:96em; height:18.6em}

img.triangle {width:.55em;}

/************************************/

#newContent img {width:43.2em; margin:1.5em 2em 3em 3em;}
html>body #newContent img {width:42.9em;}
#newContent .texto {float:right; width:45em; margin:1.5em 1.5em 1.5em 0;}
html>body #newContent .texto { margin:1.5em;}
#newContent .texto p {line-height:1.5em;}
#newContent .texto h2 {margin:.5em 0 1em;}
#newContent .texto h3 {margin:2.5em 0 0;}
#newContent .texto ul {font-size:1.1em;}
#newContent .texto ul li {margin:0;}
#newContent .texto ul li h3, #newContent .texto ul li p {font-size:1em; display:inline;}
#newContent .texto ul li h3 {margin-right:.2em;}
html>body #newContent .texto ul li h3 {margin-right:0;}
#newContent .texto ul li p {font-size:1em;}