<!--
/* --------- INICIO ESTILOS DE USO GENERAL --------- */
.oculto{
display: none;
}
body {
margin: 0px;
padding: 0px;
background-color: #F4F4F4;
font-family: Tahoma, Arial, Helvetica;
text-align: center; /* centrado en IE */
}
img {

	border: none;

}

a img { 
border: none;

}

#lienzo {
/* ancho total: 764px (exterior) (760 + padding + border) */
/* ancho interior disponibles: 760px*/
width: 760px;
border: 1px solid #284080;
padding: 0px 1px 1px 1px;
margin: 5px auto 0px auto; /* centrado en NS, Opera... */
background-color: #ffffff;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 14px;
}
h4 {
font-size: 12px;
}
h5 {
font-size: 10px;
}
/* --------- FIN ESTILOS DE USO GENERAL --------- */

/* --------- INICIO ESTILOS CABECERA --------- */
#cabecera {
width: 760px;
background-color: #eeeff1;
padding: 0px;
margin: 0px;
}
	#superior { 
	height: 50px;
	margin-bottom: 1px;
	padding: 0px;
	border-bottom: 1px solid #284080;
	}
		#logo{
		float: left;
		width: 92px;
		height: 36px;
		margin: 10px 0px 4px 15px;
		}
		#enlacescabhome{
		float: right;
		width: 330px;
		height: 15px;
		margin: 5px 5px 0px 0px;
		font-size: 11px;
		}
		#enlacescabhome ul{
		margin: 0px;
		padding: 0px;
		}
		#enlacescabhome ul li{
		display: inline;
		list-style-type: none;
		margin-left: 8px;
		}
		#enlacescabhome ul li a { 
		margin-left: 5px;
		color: #000099;
		text-decoration: none;
		}
		#enlacescabhome ul li a:hover { 
		color: #2D333A;
		text-decoration: underline;
		}
	#navcabnivel0{
	width: 760px;
	height: 20px;
	line-height: 20px;
	margin: 0px; 
	padding: 0px;
	font-size: 11px;
	color: #ffffff;
	}
		#navcabnivel0 li{
		display: inline;
		list-style-type: none;
		border-left: 1px solid #eeeff1;
		}
		#navcabnivel0 li{
		padding: 0px;
		margin: 0px;
		}
		#navcabnivel0 li a{
		padding: 4px 37px;
		color: #ffffff;
		background-color: #284080;
		text-decoration: none;
		}
		#navcabnivel0 li a:hover {
		color: #274080;
		background-color: #d8dce5;
		}		
		#navcabnivel0 li a.activo{
		cursor: default;
		padding: 4px 37px;
		color: #274080;
		background-color: #d8dce5;
		}
	#navcabnivel1{
	width: 760px;
	height: 20px;
	line-height: 19px;
	margin: 1px 0px 0px 0px;
	padding: 0px;
	background-position: bottom;
	background-color: #d8dce5;
	background-repeat:repeat-x;
	background-image: url(/img/pixelazul.gif);
	text-align: left;
	font-size: 11px;
	color: #274080;
	}
		#navcabnivel1 li {
		display: inline;
		list-style-type: none;
		background-color: #d8dce5;
		}
		#navcabnivel1 li{
		padding: 0px;
		margin: 0px;
		}
		#navcabnivel1 li a{
		padding: 3px 13px;
		background-color: #d8dce5;
		border-left: 1px solid #cccccc;
		font-weight: normal;
		color: #274080;
		text-decoration: none;
		}
		#navcabnivel1 li a:hover {
		text-decoration: underline;
		}		
		#navcabnivel1 li a.activo {
		cursor: default;
		padding: 2px 13px 3px 13px;
		background-color: #ffffff;
		border: 1px solid #284080;
		border-bottom: 1px solid #ffffff;
		}
		#navcabnivel1 li a:hover.activo{
		text-decoration: none;
		}
/* --------- FIN ESTILOS CABECERA --------- */

/* --------- INICIO ESTILOS CONTENEDOR --------- */
#contenedor {
width: 760px;
margin: 0px;
}
/* inicio menu izquierda */
	#menuizquierdo {
	float: left;
	width: 155px;
	margin: 1px 0px;
	padding: 0px;
	border-right: 1px solid #e2e2e2;
	text-align: left;
	font-size: 11px;
	}
	#menuizquierdo div ul {
	padding: 0px;
	margin: 0px 5px 0px 5px;
	}
	#menuizquierdo div ul li{
	padding: 0px;
	margin: 0px 0px 0px 15px;
	line-height: 15px;
	list-style-type: none;
	}
	#menuizquierdo div ul li a{
	font-weight: normal;
	text-decoration: none;
	}
		#divlogin{
		margin: 0px 1px 2px 0px;
		padding-top: 10px;
		border-top: 1px solid #cccccc;
		background-color: #DEE3E9;
		text-align: center;
		}
			#logolineaduero{
			width: 91px;
			height: 25px;
			padding: 0px;
			margin: 0px auto;
			background-image: url(/img/logolineaduero.gif);
			}
			#txtdueronet{
			width: 100px;
			margin: 5px auto 0px auto;
			text-align: left;
			font-size: 9px;
			color: #5A7298;
			}
			#homebankinglnk{
			width: 115px;
			margin: 10px auto 0px auto;
			padding: 2px 0px 15px 0px;
			font-size: 10px;
			color: #274080;
			text-align: left;
			}
				#homebankinglnk span{
				margin-top: 10px;
				padding: 0px;
				font-size: 10px;
				color: #274080;
				}
				#homebankinglnk a{
				padding: 1px 2px;
				background-color: #B8C6D7;
				border-top: 1px solid #ffffff;
				border-bottom: 1px solid #586A82;
				border-left: 1px solid #ffffff;
				border-right: 1px solid #586A82;
				text-decoration: none;
				font-family: Tahoma, Arial, Helvetica;
				font-weight: bold;
				font-size: 10px;
				color: #485C78;
				}
				#homebankinglnk a:hover{
				color: #666666;
				}
				#homebankinglnk a.particulares{
				margin-left: 3px;
				background-color: #BEEBE6;
				}
				#homebankinglnk a.empresas{
				margin-left: 12px;
				background-color: #E0DDBC;
				}
		#familiaproducto{
		padding: 20px 0px 10px 0px;
		background-position: bottom;
		background-repeat: repeat-x;
		border-top: 1px solid #e2e2e2;
		border-bottom: 5px solid #ffffff;
		}
			#familiaproducto h3{
			color: #4571A7;
			margin: 0px 5px 5px 5px;
			}
			#familiaproducto ul li{
			list-style-image: url(/img/bulletazuldbl.gif);
			color: #666666;
			}
			#familiaproducto ul li a{
			color: #666666;
			}
			#familiaproducto ul li a.activo{
			font-weight: bold;
			color: #274080;
			}
			#familiaproducto ul li a.activo:hover{
			text-decoration: none;
			cursor: default;
			}
			#familiaproducto ul li a:hover{
			color: #274080;
			text-decoration: underline;
			}
		#imagengotas{
		width: 148px;
		height: 89px;
		background-image: url(/img/fondogotas.gif);
		background-position: bottom;
		background-repeat: repeat-x;
		}	
/* fin menu izquierda */

/* inicio zona contenido */
		#cabproducto{
		margin-top: 1px;
		float: right;
		width: 600px;
		height: 70px;
		text-align: left;
		}
		#cabproductopequ{
		margin-top: 1px;
		float: right;
		width: 600px;
		height: 50px;
		text-align: left;
		}
		#contenido {
		float: right;
		width: 604px;
		padding: 0px;
		margin: 0px;
		font-size: 1em;
		text-align: left;
		/* creamos un borde izquierdo superpuesto al derecho del menu (aseguramos la continuidad hasta abajo) */
		margin: 1px 0px 1px -1px;
		border-left: 1px solid #e2e2e2;
		}
			#localizador {
			height: 25px;
			margin: 0px;
			padding: 10px 0px 0px 5px;
			font-size: 10px;
			color: #666666;
			text-align: left;
			}
			#localizador a {
			color: #666666;
			text-decoration: none;
			}
			#localizador a:hover {
			text-decoration: underline;
			}
			#localizador #txtestasen{
			float: left;
			font-weight: bold;
			margin: 0px 5px 0px 0px;
			}
			#localizador #migas {
			float: left;
			}
			
			/* inicio estilos botones-enlace */
			#contenido div.lnknormal {
			float: left;
			height: 20px;
			background: url(/img/bulletlnkdblflecha.gif) left no-repeat;
			margin: 0px 15px 0px 10px;
			padding-left: 10px;
			}
			#contenido div.lnknormal a{
			height: 20px;
			font-size: 0.7em;
			font-weight: bold;
			color: #1CAFB7;
			text-decoration: none;
			}
			#contenido div.lnknormal a:hover{
			text-decoration: underline;
			}
			
			#contenido div.lnkanterior {
			float: left;
			height: 20px;
			background: url(/img/bulletlnkanterior.gif) left no-repeat;
			margin: 0px 15px 0px 10px;
			padding-left: 10px;
			}
			#contenido div.lnkanterior a{
			height: 20px;
			font-size: 0.7em;
			font-weight: bold;
			color: #1CAFB7;
			text-decoration: none;
			}
			#contenido div.lnkanterior a:hover{
			text-decoration: underline;
			}

			#contenido div.lnkmasinfo {
			float: left;
			height: 20px;
			background: url(/img/bulletlnkmas.gif) left no-repeat;
			margin: 0px 15px 0px 10px;
			padding-left: 10px;
			}
			#contenido div.lnkmasinfo a{
			height: 20px;
			font-size: 0.7em;
			font-weight: bold;
			color: #1CAFB7;
			text-decoration: none;
			}
			#contenido div.lnkmasinfo a:hover{
			text-decoration: underline;
			}

			#contenido div.lnkvolver {
			float: left;
			height: 20px;
			background: url(/img/bulletlnkvolver.gif) left no-repeat;
			margin: 0px 15px 0px 10px;
			padding-left: 10px;
			}
			#contenido div.lnkvolver a{
			height: 20px;
			font-size: 0.7em;
			font-weight: bold;
			color: #1CAFB7;
			text-decoration: none;
			}
			#contenido div.lnkvolver a:hover{
			text-decoration: underline;
			}

			#contenido div.lnkcerrar {
			float: left;
			height: 20px;
			background: url(/img/bulletlnkcerrar.gif) left no-repeat;
			margin: 0px 15px 0px 10px;
			padding-left: 10px;
			}
			#contenido div.lnkcerrar a{
			height: 20px;
			font-size: 0.7em;
			font-weight: bold;
			color: #1CAFB7;
			text-decoration: none;
			}
			#contenido div.lnkcerrar a:hover{
			text-decoration: underline;
			}
			
			#contenido div.lnkdescargar {
			float: left;
			height: 20px;
			background: url(/img/iconodescarga.gif) left no-repeat;
			margin: 0px 15px 0px 10px;
			padding-left: 13px;
			}
			#contenido div.lnkdescargar a{
			height: 20px;
			font-size: 0.7em;
			font-weight: bold;
			color: #1CAFB7;
			text-decoration: none;
			}
			#contenido div.lnkdescargar a:hover{
			text-decoration: underline;
			}
			
			#contenido div.lnkimprimir {
			float: left;
			height: 20px;
			background: url(/img/bulletlnkimprimir.gif) left no-repeat;
			margin: 0px 15px 0px 5px;
			padding-left: 18px;
			}
			#contenido div.lnkimprimir a{
			height: 20px;
			font-size: 0.7em;
			font-weight: bold;
			color: #1CAFB7;
			text-decoration: none;
			}
			#contenido div.lnkimprimir a:hover{
			text-decoration: underline;
			}
			
			#contenido div.lnkicono {
			float: left;
			margin: 0px 15px 0px 10px;
			}
			#contenido div.lnkicono img{
			border: 0px;
			}
			/* fin estilos botones-enlace */
			/* el resto de las reglas de contenido figuran en las plantillas css */
/* fin zona contenido */
/* --------- FIN ESTILOS CONTENEDOR --------- */

/* --------- INICIO ESTILOS PIE --------- */
#pie {
width: 760px;
clear: both; 
/* "clear: both;" es muy util en los pies de diseños en que constan de cabecera, una o varias columnas y pie.
Si construimos el diseño de forma líquida o fluída (liquid design, sin posiciones absolutas ni relativas, todos los elementos en flujo) 
puede que tengamos que flotar (float) todas las columnas para darle el aspecto deseado. Esto hará que en NN6+ el pie permancezca bajo 
las mismas, sin desplazarse aunque aumente el contenido. Si no le damos altura fija al div que contiene a las columnas, 
el pie permanecerá clavado, superponiendose las columnas sobre él. A medida que aumenta el contenido de las columnas,
tendríamos que aumentar la altura del div que las contiene para que el pie se desplazase.
Usando "clear: both;", evitaremos esto. Esto hará que no pueda flotar nada a ambos lados del pie, ni superponersele nada,
evitando así dar alturas a los div "flotados" */
background-image: url(/img/fondopie.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
font-size: 9px;
font-weight: normal;
color: #666666;
text-align: right;
}

#pie li {
	display: inline;
	list-style-type: none;
}
#pie li a {
	font-size: 11px;
	text-decoration: none;
	color: #00009C;
}

#pie a:hover {
	color: #2D333A;
	text-decoration: underline;
	}
	
#logow3c {
	float:left;
	height:22px;
	width:66px;
	margin-top: 15px;
	
}
	
#logow3c img {
	border:0px;

}	



/* --------- FIN ESTILOS PIE --------- */
-->