<!--
/* --------- INICIO ESTILOS DE USO GENERAL --------- */
.oculto{
display: none;
}
body {
margin: 0px;
padding: 0px;
background-color: #F4F4F4;
font-family: Tahoma, Arial, Helvetica;
color: #666666;
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-bottom: 1px;
margin: 0px;
border-bottom: 1px solid #284080;
}
	#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: 320px;
		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;
		}
/* --------- FIN ESTILOS CABECERA --------- */

/* --------- INICIO ESTILOS CONTENEDOR --------- */
#contenedor {
width: 760px;
margin: 0px;
background-color: #ffffff;
}
/* incio menu izquierda */
	#menuizquierdo {
	float: left;
	width: 165px;
	margin: 1px 0px;
	padding: 0px;
	border-right: 1px solid #e2e2e2;
	text-align: left;
	font-size: 11px;
	}
		#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;
				}
		#espacios{
		margin: 2px 1px 0px 0px;;
		padding: 5px;
		border-top: 1px solid #e2e2e2;
		color: #666666;
		}
			#espacios h3 {
			padding: 0px 0px 0px 15px;
			margin: 0px;
			font-size: 14px;
			color: #4CA1A8;
			background-repeat: no-repeat;
			background-image: url(/img/bulletcuadflecha.gif);
			}
			#espacios h3 a{
			color: #4CA1A8;
			text-decoration: underline;
			}
			#espacios h3 a:hover{
			color: #666666;
			}
			#espacios p{
			margin: 0px;
			padding: 0px;
			}
			#divimgdestacado {
			width: 66px;
			height: 57px;
			margin: 2px 0px 2px 10px;
			}
		#separadormenu {
		width: 155px;
		height: 11px;
		margin: 10px 0px;
		background-repeat: no-repeat;
		background-image: url(/img/separadorondamenu.gif);
		}
		#imagengotas{
		width: 148px;
		height: 120px;
		background-image: url(/img/fondogotas.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		}	
/* fin menu izquierda */

/* inicio zona contenido */
	#contenido {
	float: right;
	width: 594px;
	padding: 0px;
	margin: 1px 0px 1px -1px; 
	/* ponemos borde tanto al menu izquierdo como al div contenedor2 y superponermos los bordes de 
	este ultimo con los del menu izquierdo. De este modo aseguramos la continuidad
	de los bordes hasta la parte inferior de la página, tanto si crece el contenido como si 
	crecen el menu */border-left: 1px solid #e2e2e2;
	background-color: #ffffff;
	font-size: 1em;
	text-align: left;
	}
		#fotohome {
		margin: 0px 0px 20px 0px;
		width: 594px;
		height: 195px;
		text-align: right;
		}
		#destacados {
		margin: 0px;
		padding: 0px;
		}
			#destacados h3 {
			padding: 0px 0px 0px 15px;
			margin: 0px;
			font-size: 0.95em;
			color: #4CA1A8;
			background-repeat: no-repeat;
			background-image: url(/img/bulletcuadflecha.gif);
			}
			#destacados h3 a{
			color: #4CA1A8;
			text-decoration: underline;
			}
			#destacados h3 a:hover{
			color: #666666;
			}
			#destacados p{
			margin: 10px 0px 0px 0px;
			color: #656565;
			font-size: 0.7em;
			}
			#destacados p a{
			padding: 0px;
			margin: 0px;
			color: #284080;
			font-weight: bold;
			text-decoration: underline;
			}
			#destacados p a:hover{
			color: #061B52;
			}
				div.bloquedestacado{
				width: 550px;
				min-height: 68px;
				margin: 0px 0px 0px 18px;
				}
					div.ultimo{
					margin-bottom: 40px;
					}
					div.bloquedestacado img.imgbloque{
					margin: 0px; 
					width: 137px;
					height: 68px;
					}
					div.bloquedestacado div.textobloque{
					margin: 0px;
					padding: 0px;
					width: 400px;
					}
					div.lnkplegarcapa {
					float: right;
					height: 20px;
					background: url(/img/bulletlnkplegarcapa.gif) left no-repeat;
					margin: 10px 5px 0px 0px;
					padding-left: 10px;
					}
					div.lnkplegarcapa a{
					height: 20px;
					font-size: 0.7em;
					font-weight: bold;
					color: #1CAFB7;
					text-decoration: none;
					}
					div.lnkplegarcapa a:hover{
					text-decoration: underline;
					}
					.derecha {
					float: right;
					}
					.izquierda {
					float: left;
					}
			div.txtextension {
			display: none;
			width: 550px;
			min-height: 50px;
			clear: both;
			margin-top: 10px;
			}
			div.separadorondahome1{
			width: 594px;
			height: 8px;
			margin: 5px 0px;
			background-position: left;
			background-repeat: no-repeat;
			background-image: url(/img/separadoronda1.gif);
			}
			div.separadorondahome2{
			width: 594px;
			height: 8px;
			margin: 5px 0px;
			background-position: right;
			background-repeat: no-repeat;
			background-image: url(/img/separadoronda2.gif);
			}		
/* 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;
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 --------- */
-->