/*******************************************************************/
/********************** 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-02, #p-01 {width:96.6em; font-size:62.5%; margin:0 auto; border-collapse:collapse;}
html>body #p-02 {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;
	
} 
img.flecha{ width:1.4em;}
p{ font-size:1.2em;}
p img{ font-size:.82em;}
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;}




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

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

div#pie_pagina img.bgPie{ height:1em; width:96.6em; margin:0 0 2em;}
html>boyd div#pie_pagina img.bgPie{ height:1em; width:96em;}
 
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; font-size:1em;}


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

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





/*NUEVO*/

#p-01{ width:44.1em;}
html>body #p-01{ width:44.1em;}

#p-02 {width:96.6em; font-size:62.5%; margin:0 auto; border-collapse:collapse;}
html>body #p-02 {width:96em;}

td{ padding:0;}
#p-02 td#left { width:23.1em;}
html>body #p-02 td#left { width:23em; }
#p-02 td#mid { width:73.5em;}
html>body #p-02 td#mid { width:73em; }



td#left .bg{ width:22.1em;}
html>body td#left .bg{ width:22em;} 
td#left #menu01 .bg02{ height:15.5em; } 
td#left #menu02 .bg02{ height:16.5em;} 
td#left #menu03 .bg02{ height:21.5em;}
td#left #menu04 .bg02{ height:15.5em;}
td#left #menu05 .bg02{ height:5.5em;} 


#Menu{ width:22.1em; margin:0;}
html>body #Menu{ width:22em;}

td#left li{ list-style:none; margin:0;}
td#left .menus{ position:relative; margin:-.2em 0 0 0;}
html>body td#left .menus{ margin:0; }
td#left .menus ul{ position: absolute; margin:.7em 1.5em; width:19em;}
td#left #menu05 .menus ul{ margin-top:0;}
td#left .menus ul ul{ position: relative; width:17em; margin-top:0;}

td#left .menus ul li p{ font-size:1.2em; width:15.9em; position:relative;}
td#left .menus ul li li p{ width:14.6em;}
td#left .menus ul li a{ color:#6d6b6c;}
td#left .menus ul li a img{ position:absolute; top:.2em; right:0; width:.9em; font-size:.83em;}
td#left .menus ul li.lin2 a img { top:1em;}
td#left .menus ul li a img.activada{ display:none;}


td#left h2{ display:none;}
td#left .titular { position:relative;  padding:0;}
td#left .titular a { margin:0; text-decoration:none;}
td#left .titular a span{font-size:1.2em; font-weight:bold; color:#fff; position:absolute; left:1.4em; cursor:pointer;}
td#left #menu05 .titular a span { color:#00bdf5;}
td#left #menu01 .titular a span{top:1.3em;}
td#left #menu02 .titular a span{top:.6em;}
td#left #menu03 .titular a span, td#left #menu04 .titular a span{top:.4em;}
td#left #menu05 .titular a span{top:.7em;}
td#left .titular a img{ border:0; margin:0; display:block;}
td#left img{margin-bottom:-.3em;}
html>body td#left  img{margin-bottom:0;}
td#left #menu01{ margin-bottom:1em;}
td#left #menu04{ margin-bottom:1em;}
td#left #menu05 { margin-bottom:1em;}

td#left .titular a { height:1em !important; margin-bottom:-.3em;}
html>body td#left .titular a { margin-bottom:0;}









/*--- Cabecera ---*/
#cabecera { position:relative;}
#cabecera h1{ display:none;}
#cabecera img.creemosenti{ width:18em; position:absolute; top:3.2em; left:39em;}

#cabecera #head{ height:2.4em; position:absolute; right:0;}
#cabecera #head div { margin-top:0.1em; position:absolute; width:100%;}
#cabecera #head div form { float:right; margin-top:.2em; padding-right:1em; text-align:right; /*width:23.7em;*/}
#cabecera #head div form input.txtCerca {color:#C9C9C9; font-family:Arial,Helvetica,sans-serif; font-size:1em; margin-bottom:-0.1em; padding:2px 0; width:17.5em; border:.1em solid #c7c6c6; height:1.8em;}
html>body #cabecera #head div form input.txtCerca {margin-bottom:0em; padding:0;}
#cabecera #head div form input.lupa { font-size:1em; margin: 0 -0.3em -0.55em 0.5em; width:2.8em; }
#cabecera #head div form label { font-size:1.2em;  color:#fff;}
#cabecera #head div ul { float:right; margin-right:0.8em; margin-top:0.3em;}
html>body #cabecera #head div ul { margin-right:1em; }
#cabecera #head div ul li { display:inline; font-size:1.2em; color:#fff;}
#cabecera #head div ul li a { margin:0 0.5em; color:#fff;}
#cabecera #head div ul li a img{ font-size:.82em; margin:0 0 -.2em .3em;}

#cabecera ul#idioma { position:absolute; right:.4em; top:4.2em;}
#cabecera ul#idioma li a, ul#idioma li span { padding:0 0.5em; }
#cabecera ul#idioma li a { font-weight:normal;}
#cabecera ul#idioma li p{ font-size:1.2em;}
#cabecera ul#idioma li, #cabecera ul#idioma p { display:inline; color:#6e6b6b; font-weight:bold;}

#header #cabecera #head img.barra { height:2.4em; margin:0;}
#header #cabecera img.barra { height:.6em; margin:7.3em 0 0; }

#cabecera #logo { left:0.3em; overflow:hidden; position:absolute; top:2em;}
html>body #cabecera #logo { left:0.6em; top:2.1em; }
td{ vertical-align:top;}

#header .lineaOberta { width:25em; float:right; text-align:right; margin:.6em .7em 0;} 
#header .lineaOberta p{ font-size:1.1em; line-height:1em; margin:0;}
#header .lineaOberta img{ float:right; margin:0 0 0 .8em;}

#header .tracker { margin:0 0 0 .7em; float:left; height:3.5em; }
#header .tracker li{ float:left; list-style:none; margin:0 .5em 0 0}
#header .tracker p{ color:#000; font-size:1.2em;}
#header .tracker li a{ color:#6d6b6c;}

/*--- Centro ---*/
#microContent {  margin:0;}

#microContent .contenido{ position:relative;}

#microContent .contenido img.bgLeft{ float:left; width:.5em; height:100%; margin:0 0 0 -.3em;}
#microContent .contenido img.bgRight{ float: right; width:.5em; height:100%; margin:0 -.3em 0 0;}
html>body #microContent .contenido img.bgLeft, html>body #microContent .contenido img.bgRight{ margin:0;}


#microContent img.bg{ margin-bottom:-.3em;}
#microContent .contenido img.bgCentro{ width:73.5em;}
html>body #microContent .contenido img.bgCentro{ width:73em;}

#microContent .contenido .txt{ padding:2.5em 3em; position:absolute; }
#microContent .contenido .txt{ width:73.5em;}
html>body #microContent .contenido .txt{ width:67em;}

#microContent .contenido .txt .imgRight{ width:17.8em; float:right; margin:0 0 2em 2em;}
html>body #microContent .contenido .txt .imgRight{ width:17.7em; }
#microContent .contenido .txt .imgRight img{ width:100%;}
#microContent .contenido .txt .imgRight p{ margin:.3em 0;}
#microContent .contenido .txt .copy{ font-size:1.1em; font-style:italic;}

#microContent .contenido .txt p{ font-size:1.2em; color:#333;}
#microContent .contenido .txt h2{ font-size:1.4em; font-weight:bold; color:#333;}
#microContent .contenido .txt h2 span{ font-weight: normal;}

#microContent.canal h2, #microContent.canal h3{ display:none;}
#microContent.canal li{ margin:0 0 1.5em 1em; width:36em; float:left; list-style:none; position: relative;}
#microContent.canal li a{ text-decoration:none;}
#microContent.canal li a:hover span.masInfo{ text-decoration: underline;  cursor:pointer;}
#microContent.canal li.col1{ margin:0;}
#microContent.canal li img.bgCentro { height:12em;}
#microContent.canal li img.bg { margin:0 0 -.3em; width:36em;}
#microContent.canal li img.imgDist { position:absolute; top:1.5em; left:1.8em; }
#microContent.canal li span { position:absolute;}
#microContent.canal li .enlaces { font-size:1.1em; left:15.4em; position:absolute; top:9em;}
#microContent.canal li .enlaces p{ margin:0; font-size:1em; }
#microContent.canal li p.enlaces { margin:0; }
#microContent.canal li .enlaces li{ margin:0 0 .5em; width:auto; float:none;}
#microContent.canal li .enlaces img{vertical-align:middle;}

#microContent.canal li span.titulo { font-size:1.6em; font-weight:bold; color:#000; width:10.1em; top:1em; left:10.5em; }
#microContent.canal li span.texto { color:#000000; font-size:1.2em; left:14em; width:13.4em;}
html>body #microContent.canal li span.titulo {width:10em;}
html>body #microContent.canal li span.texto { width:13.3em;}
#microContent.canal li span.txt01 { top:3.3em;}
#microContent.canal li span.txt02 { top:4.9em;}
html>body #microContent.canal li span.txt02 { top:5em;}
#microContent.canal li span.txt03 { top:6.6em;}
html>body #microContent.canal li span.txt03 { top:6.7em;}
#microContent.canal li span.masInfo { font-size:1.1em; color:#00bdf4; bottom:2em; right:2em;}
#microContent.canal li span.masInfo img{ font-size:.91em; margin:0 0 0 .5em; vertical-align:middle; }



#microContent .contenido .txt table{ padding:0; margin:1em 0 .5em; }
#microContent .contenido .txt table tr{font-size:62.5%;}
#microContent .contenido .txt table th, #microContent .contenido .txt table tr td{ text-align:center; vertical-align: middle; width:30em !important; }

#microContent .contenido .txt table.dos tr td{ width:60em !important; }
#microContent .contenido .txt table.dos tr td.datos{ width:30em !important; }

#microContent .contenido .txt table tr td.datos{ text-align:left;}
#microContent .contenido .txt table th h3, #microContent .contenido .txt table th p{ color:#fff; font-size:1.2em; font-weight:normal; position: relative; top:1.8em; margin-top:-1.3em; width:auto;}
html>body #microContent .contenido .txt table th h3, html>body #microContent .contenido .txt table th p{ margin-top:-1.8em; }
#microContent .contenido .txt table p{ font-size:1.2em; margin:0 1em; width:16.4em;}
#microContent .contenido .txt table.dos p{ width:35em;}
#microContent .contenido .txt table.dos .datos p{ width:16.4em;}

#microContent .contenido .txt table th, #microContent .contenido .txt table tr.ultima td{ border-bottom:.2em solid #6e6b6b; }
#microContent .contenido .txt table tr.primera td{ border-top:.2em solid #6e6b6b; }
#microContent .contenido .txt table th.datos, #microContent .contenido .txt table tr.ultima td.datos{ border-bottom:.2em solid #00bcf4;}
#microContent .contenido .txt table tr.primera td.datos{ border-top:.2em solid #00bcf4; }
#microContent .contenido .txt table td{ border-right:.2em solid #6e6b6b; height:2.5em;}
#microContent .contenido .txt table td.datos{ border:.2em solid #00bcf4; border-top:none; border-bottom:none;}

#microContent .contenido .txt table tr.impar td{ background-color:#f1f1f1;}
#microContent .contenido .txt table tr.par td{ background-color:#fff;}
#microContent .contenido .txt table tr.total td{ background-color:#cbcaca;}
#microContent .contenido .txt table tr.impar td.datos{ background-color:#d9f2ff;}
#microContent .contenido .txt table tr.par td.datos{ background-color:#fff;}
#microContent .contenido .txt table tr.total td.datos{ background-color:#66d4f5;}

#microContent .contenido .txt table.dos tr.primera td{ background-color:#fff;}
#microContent .contenido .txt table.dos tr.ultima td{ background-color:#f1f1f1;}
#microContent .contenido .txt table.dos tr.primera td.datos{ background-color:#d8f1fe;}
#microContent .contenido .txt table.dos tr.ultima td.datos{ background-color:#bbe8fe;}

#microContent .contenido .txt table th img.bgCab{ width:1.6em; margin:0 0 -.3em;}
#microContent .contenido .txt table th img.bgCab2{ height:2.4em; margin:0 -.3em -.3em;;}

#microContent .contenido .txt table th img.bgCab2{ width:5em;}
#microContent .contenido .txt table.balance th.datos img.bgCab2{ width:7em;}
#microContent .contenido .txt table.resultados th.datos img.bgCab2{ width:17em;}
#microContent .contenido .txt table.gestion th.datos img.bgCab2{ width:14em;}


#microContent.productos h2{ font-size:2.4em !important; font-weight:bold; font-style:italic; margin:0 0 .5em;}
#microContent.productos .derecha{ float:left; margin-right:2em; width:35em;}
#microContent.productos .derecha img.bg{ width:35em;}
#microContent.productos .izquierda{ float:right; width:30em; margin-top:-1em;}
#microContent.productos p.centrar{ clear:both; font-style:italic; text-align:left; padding:1em 3em 0;}
html>body #microContent.productos p.centrar{ padding:2em 3em 0;}

#microContent.productos .pastilla { position: relative; margin-top:1.5em;}
#microContent.productos .pastilla span{ position: absolute; font-size:1.2em; margin:2em 3em; width:23em;}
#microContent.productos .pastilla img.EIF{ position: absolute; top:2.3em; left:3.5em;}
#microContent.productos .pastilla img.UE{ position: absolute; top:2.3em; right:3.5em;}

html>body #microContent.productos .pastilla span{ position: absolute; font-size:1.2em; margin:1.7em 3em;}
html>body #microContent.productos .pastilla img.EIF, html>body #microContent.productos .pastilla img.UE{ top:2em;}


#microContent.productos .derecha img.bgC01{ height:4em; }
#microContent.productos .derecha img.bgC02{ height:5em; }


#microContent .impactoSocial { position: relative; margin:2em 0 1em;}
#microContent .impactoSocial .texto{ position:absolute; margin:.7em 2em;}
#microContent .impactoSocial .texto h3{ font-size:1.2em; font-weight: normal; color:#fff; margin:0 2.9em 1.3em;}
#microContent .impactoSocial .texto li{ float:left; width:30.2em; margin-left:1.5em; list-style:none;}
#microContent .impactoSocial .texto li.col1{ margin-left:0;}
#microContent .impactoSocial .texto li h4{ font-size:1.2em; margin-left:2em;}
#microContent .impactoSocial ul{margin-top:2em;}

#microContent.gobierno h3, #microContent h4{ font-size:1.2em; margin:0;}
#microContent.gobierno h3{ margin:1.5em 0 .7em;}
#microContent.gobierno li h4, #microContent.gobierno li p, #microContent.gobierno .unico h4, #microContent.gobierno .unico p{ display:inline; padding-right:.3em;}
#microContent.gobierno li{ list-style:none; margin:.5em 0 0}
#microContent.gobierno ul{ margin:0 2em;}
#microContent.gobierno .unico{ margin:.5em 2em 0;}

#microContent.organizacion p { width:37em;}


#microContent ul.partners li{ list-style:none; margin:1em 0;width:44.7em;}
html>body #microContent ul.partners li{width:44.4em;}
#microContent ul.partners li h3, #microContent ul.partners li p{ display:inline; width:auto;}
#microContent ul.partners li h3 { font-size:1.2em; margin-right:.3em;}
#microContent ul.partners li img{ margin:1em 0;}
#microContent ul.partners li img.logo01{ width:20em;}
#microContent ul.partners li img.logo02{ width:10.2em;}
#microContent ul.partners li img.logo03{ width:11.9em;}

#microContent ul.cuentas {margin:-1.5em 0 0;}
html>body #microContent ul.cuentas {margin:0;}
#microContent ul.cuentas li{ list-style:none; margin:1em 0 0;}
#microContent ul.cuentas li ul{ margin:1.5em 0 0;}
#microContent ul.cuentas li li{ margin:0 0 0 5em;}
#microContent ul.cuentas li p{ margin-left:2em;}
#microContent ul.cuentas li li p{ margin:0;}
#microContent ul.cuentas h3{ margin:1.3em 0 -.5em; font-size:1.3em;}



#playerHome{ height:36.2em; width:72.5em; margin:0; overflow:hidden; float:left; position: relative; z-index:999999999; background-color:#000; }
html>body #playerHome{ height:36em; width:72em;}

#playerExito{ height:30.2em; width:72.5em; margin:0!important; overflow:hidden; float:left; position: relative; z-index:999999999; background-color:#000; }
html>body #playerExito{ height:30em; width:72em; margin:0;}


#microContent object { margin:0; padding:0; width:1000px; height:800px; z-index:9999999;}

#fondoHome{ background-color: #fff; z-index:999999;  width:96.6em; height:96em; position:absolute; filter:alpha(opacity=70); opacity: 0.7;overflow:hidden; }
html>body #fondoHome{ width:96em;}

#microContent .contenido{ position: relative; z-index:999999999; }
#microContent #flashcontent{ position:relative;}
#microContent #flashcontent p{ font-size:1.1em; position: absolute; top:18em; width:35em; left:18em; text-align:left;}
#microContent #flashcontent p img{ font-size:.92em;}


#bgCentro, #bgCentro2{ margin:0 -.3em; padding:0; height:36.2em; float:left; width:.5em!important;}

#bgCentroExito, #bgCentro2Exito{ margin:0 -.3em; height:30.2em; float:left; width:.5em!important;}

html>body #bgCentro, html>body #bgCentro2{ margin:0; height:36em;}
html>body #bgCentroExito, html>body #bgCentro2Exito{ margin:0; height:30em;}


#microContent #videos{ display:none;}
#microContent #videos li{ float:left; margin:0 0 0 .9em; width:23.8em;}
#microContent #videos li.col1{ margin:0;}
#microContent #videos li img.bg{ width:23.8em;}
#microContent #videos li img.img{ width:20.2em; position:absolute; margin:1.5em 2em;}
#microContent #videos li span{ font-size:1.2em; position:absolute; top:13em; color:#fff; text-align:center; width:20em;}
#microContent #videos li span strong{ font-size:1.3em;}
#microContent #videos li .desactivada a span{ color:#000;}

#microContent #videos li div{ position:relative;}

#microContent #videos li .Act div.activada{ display:block;}
#microContent #videos li .Act div.desactivada{ display:none;}
#microContent #videos li .Des div.activada{ display:none;}
#microContent #videos li .Des div.desactivada{ display:block;}

#general { padding:1.5em 3em; }
#general h2{ font-size:1.4em;}

#microContent .contenido2 p{ margin:.5em 0 0 1em;}
#microContent .contenido2 h3{ margin:1.5em 0 0; font-size:1.2em;}