/* - - - - - - - - - - - - - - - - - - - - -

Título : BBVA Banco
Autor : Puntopy

Descripción : bbva.css

Creado : 30 de Noviembre, 2006

- - - - - - - - - - - - - - - - - - - - - */

/***********************/
/* ATRIBUTOS DE PAGINA */
/***********************/
body {
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#003373;
	background: #fff;
}

p {
	line-height:18px;
}

p.mas_info {
	width:100%;
	text-align:right;
}

p.mas_info a {
	float:right;
	display:block;
	width:110px;
	padding:10px 22px 10px 0;
	font-weight:bold;
	color:#003373;
	background:url(../gfx/mas_info.gif) right no-repeat;
}

p.mas_info a:hover {
	color:#add1ff;
	font-weight:bold;
}

p.util {
	width:100%;
	margin-top:10px;
}

p.util a {
	display:block;
	padding:10px 0 10px 22px;
	font-weight:bold;
	color:#003373;
	background:url(../gfx/mas_info.gif) left no-repeat;
}

p.util a:hover {
	color:#add1ff;
	font-weight:bold;
}


p.maraton {
	font-size: 14px;
}

a {
	text-decoration: none;
	font-weight: normal;
	color: #fff;
}

a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #add1ff;
}

a img {
	border:none;
}

h1 {
	color:#003373;
	font-size:20px;
	font-weight:normal;
	margin:12px 0 20px 0;
	text-align:left;
}

h2 {
	color:#003373;
	font-size:15px;
	margin:18px 0 18px 0;
}

form {
	margin:0;
	padding:0;
}

.clear {
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}
/****** TOP ******/
#contenedor_cabecera {
	width:100%;
	background-color:#fff;
}

#cabecera {
	width:780px;
	padding-top:30px;
	margin-left:auto;
	margin-right:auto;
}

#logo {
	float:left;
	width:208px;
	padding:0 20px 30px 0;
}

#botonera-buscar {
	float:right;
	/*padding-top:30px;*/
}

#fecha {
	text-align:right;
	margin-bottom:20px;
}

#botonera {
	float:left;
	padding-top:40px;
	_padding-top:40px;
}

#botonera ul {
	margin:0;
	padding:0;
	list-style:none;
}

#botonera li {
	margin:0 5px 0 0;
	padding:0;
	float:left;
}

#botonera li a {
	display:block;
	padding:10px;
	color:#607693;
	background-color:#d1e2f8;
}

#botonera li a:hover {
	background-color:#003373;
	color:#fff;
}

#buscar {
	float:left;
	margin-left:40px;
}

#contenedor_flash {
	width:100%;
	background-color:#003373;
	/*background-image:url(../gfx/fondos/f_top.gif);*/
	background-repeat:repeat-x;
	
}

#flash {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}
#menu {
	width: 160px;
	height: 169px;
	padding: 20px;
	float: left;
	background-color: #08274d;
}
div.boton {
	width: 160px;
	height: 27px;
	float: left;
	clear: both;
}
#fotos {
	width:580px;
	float:left;
}

#contenido {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	background:#fff url(../gfx/demo/f_body.gif) repeat-y;
}

#col_izquierda {
	float:left;
	width:180px;
	padding:0 10px 0 10px;
}

#col_izquierda #nav {
	margin:0 0 30px 0;
	padding:0;
	list-style:none;
}

#col_izquierda #nav li {
	margin:2px 0 2px 0;
	padding:5px 0 5px 0;
}

#col_izquierda #nav li a {
	color:#666;
	padding:0 0 0 5px;
	border-left: 5px solid #999;
	border-bottom: 5px solid #f2f7fc;
}

#col_izquierda #nav li a:hover {
	color:#003373;
	border-left: 5px solid #003373;
}

#col_izquierda #nav li a.selec {
	color:#003373;
	border-left: 5px solid #003373;
}

#col_izquierda h1 {
	margin:40px 0 20px 0;
	font-weight:normal;
}

#col_izquierda .banner {
	margin-bottom:10px;
	border:3px solid #fff;
	font-size:0;
	line-height:0;
}

#col_izquierda #cotizaciones {
	font-size:11px;
	margin-bottom:30px;
}

/* Columna de los textos */

#col_derecha {
	float:right;
	width:550px;
	padding:0;
	text-align:justify;
}

#col_derecha1 {
	float:right;
	width:550px;
	padding:0;
	text-align:justify;
	font-size: 19px;
}

.con_fondo {
	 /*background:url(../gfx/fondos/f_col-derecha.jpg);*/
	 background-position:right 90%;
	 background-repeat:no-repeat;
}

#col_derecha a {
	color:#666;
}

#col_derecha a:hover {
	text-decoration:underline;
}

#col_derecha li {
	margin:5px 0 5px 0;
	list-style-type:square;
}

#col_derecha ol li {
	margin:5px 0 5px 0;
	list-style-type:decimal;
}

.conenedor_bloques_home, .conenedor_bloques_home_arriba {
	margin-bottom:30px;
}

#col_derecha .conenedor_bloques_home a {
	font-weight:bold;
	color:#003373;
}

#col_derecha .conenedor_bloques_home a:hover {
	font-weight:bold;
	text-decoration:none;
	color:#666;
}

.bloque_home {
	float:left;
	width:164px;
}

.bloque_home_arriba {
	float:left;
	width:98px;
	margin-right:14px;
	_margin-right:7px;
}

.bloque_home_h20 {
	float:left;
	width:120px;
	margin-right:15px;
	_margin-right:10px;
}

.bloque_home_arriba img {
	border:3px solid #fff;
	/*padding:3px;*/
}

.bloque_home img {
	border:1px solid #e5eef7;
	padding:3px;
}

.bloque_home_arriba img {
	width:98px;
}

.bloque_home_h20 img {
	width:120px;
}

.bloque_home p {
	margin:4px 0 5px 0;
}

.bloque_medio {
	margin:0 20px 0 20px;
}

.destaque {
	margin:20px 0 30px 0;
}

.destaque h1, .destaque h2 {
	margin-bottom:10px;
}

.destaque img {
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #e5eef7;
	padding:3px;
}

.destaque img.derecha {
	float:right;
	margin:0 10px 0 10px;
	border:1px solid #e5eef7;
	padding:3px;
}

#galeria, #galeria li {
	list-style:none;
	padding:0;
	margin:18px 0 18px 0;
}

/* Contactos */
#contactos {
	float:left;
	padding-left:20px;
}

/* Preguntas frecuentes */
ol#preguntas li {
	margin:15px 0 15px 0;
}

ol#preguntas li a {
	color:#607693;
	font-weight:bold;
}

ol#preguntas li a:hover {
	color:#003373;
	text-decoration:none;
}

h2.preguntas {
	color:#607693;
}

p.preguntas {
	text-align:right;
}

p.preguntas a {
	font-weight:bold;
	padding-right:20px;
	background:url(../gfx/to_the_top.gif) right top no-repeat;
}

p.preguntas a:hover {
	font-weight:bold;
}

/****** BOTTOM ******/

#bottom {
	height: 120px;
	clear: both;
	background-color: #003373;
	
}
#footer {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	padding-top:15px;
	color:#ccc;
	font-size:11px;
}

#footer p {
	margin:4px 0 4px 0;
	padding:0;
}

#footer a {
	color:#ccc;
}

#footer a:hover {
	color: #fff;
}

#footer_izq {
	float:left;
}
#footer_der {
	float:right;
	padding-top:25px;
}
#bocas_sucursales h3 {
	margin: 0;
}

#bocas_sucursales td {
	padding: 5px;
}