/* --
Banco del Desarrollo
diseņo: Carolina Silva
construccion: Jorge Epuņan
fecha: 25/09/07
mod1: -
-- */

	

/* ================================================== #main == */

div#main {
	overflow: hidden; /* esto es para alargar los bordes de los side y secondside */
}
 @media print {
    .oculto {display:none}
  }
div#secondside {
	padding-bottom: 32768px; /* max alto permitido para un padding */
    margin-bottom: -32768px; /* se iguala el padding */
}

#center span.flecha {
	background: url(bitmaps/despliegue_tit_flecha.gif) left center no-repeat;
	padding-left: 20px;
}		

#center h2.subtitulo {
	clear: both;
	background: url(bitmaps/despliegue_grad.gif) 0 0 repeat-x;
	font-size: 18px;
	color: #3a6f8f;
	font-weight: bold;
	margin: 7px 0;
	padding: 5px 0;
	border-bottom: 1px solid #efefef;
}

	
	/* -------------------------------------------------- #migas -- */
	ol#migas {
		border-bottom: 1px solid #efefef;
		padding-bottom: 5px;
		margin: 5px 0;
	}

		ol#migas li {
			background: url(bitmaps/migas_icon_prox.gif) right center no-repeat;
			font-size: 9px;
			float: left;
			padding-right: 10px;
			margin: 7px 9px 0 0;
		}

			ol#migas a {
				color: #999;
				text-decoration: none;
				display: block;
			}

			ol#migas a:hover {
				text-decoration: underline;
				color: #F60;
			}

			ol#migas .selected {
				background: none;
				color: #F60;
			}

			ol#migas a.inicio {
				background: url(bitmaps/migas_icon_inicio.gif) left top no-repeat;
				width: 12px;
				text-indent: -9999px;
				overflow: hidden;
				padding-right: 0;
			}

				ol#migas a.inicio:hover {
					background: url(bitmaps/migas_icon_inicio.gif) left -19px no-repeat;
				}
				
					
		/* -------------------------------------------------- #auxiliares -- */			
		ul#auxiliares {
			margin: 5px 0;
		}

			ul#auxiliares li {
				margin: 5px 0;
				float: right;
			}

			ul#auxiliares li a {
				display: block;
				background-repeat: no-repeat;
				text-indent: -9999px;
				overflow: hidden;
				height: 30px;
			}
			
				ul#auxiliares li a.btn_imprimir {
					background-image: url(bitmaps/content_auxiliares_imprimir.gif);
					width: 37px;
				}

				ul#auxiliares li a.btn_aumentar {
					background-image: url(bitmaps/content_auxiliares_aumentar.gif);
					width: 29px;
					border-right: 1px solid #CCC;
					padding-left: 5px;
					margin-right: 5px;
				}

				ul#auxiliares li a.btn_disminuir {
					background-image: url(bitmaps/content_auxiliares_disminuir.gif);
					width: 29px;
				}
				
				ul#auxiliares li a.btn_english {
					background-image: url(bitmaps/auxiliar_english.gif);
					width: 98px;
					height: 15px;
					margin: 7px 10px 0 0;
					text-indent: 0;
					text-align: center;
					font-size: 9px;
					color: #306996;
					text-decoration: none;
					padding-top: 2px;
				}

					ul#auxiliares li a.btn_english:hover {
						background-position: 0 bottom;
						color: #ff6405;
					}

	div#center {
		color: #666;
	}

	
	/* ================================================== #content == */
	
	div#content {
		width: 615px;
		font-size: 11px;
		color:gray;
		padding: 10px 0;
		text-align:justify;
	}

		div#content h1 {
			color:#3B6D8E;
			font-size:16px;
			font-weight:bold;
			margin:5px 0pt 10pt 0px;
		}

		div#content h2 {
			margin: 5px 0 10px 0;
			font-size: 18px;
			font-weight: bold;
			color: #3b6d8e;
		}

			div#content h2.comunicados {
				background: url(bitmaps/titulo_comunicado.gif) right top no-repeat;
				height: 55px;
				width: 360px;
				padding-top: 15px;
				margin: 0;
			}
		
		div#content h3 {
			margin: 15px 0pt 5px 0pt;
			font-size: 14px;
			font-weight: bold;
			color: #666;
			border-bottom: 1px solid #CCC;
			padding-bottom: 2px;
		}
		
		div#content h4 {
			margin: 30px 0 10px 0px;
			font-size: 11px;
			font-weight: bold;
			color: #3b6d8e;
			text-transform:inherit;
			background: url(bitmaps/content_flecha.gif) left 3px no-repeat;
			padding-left:15px;
		}

		div#content h5 {
			margin: 10px 0 5px 0;
			font-size: 12px;
			font-weight: bold;
			color: #3b6d8e;
			border-bottom: 1px dashed #efefef;
			padding-bottom: 2px;
		}

		div#content p {
			line-height: 140%;
			padding-bottom: 5px;
			margin-bottom:10px;
		}

		div#content address {
/*			background: #F7F7F7;*/
			margin: 5px 0;
			padding: 5px 10px;
			font-size: 9px;
			line-height: 180%;
			font-style: normal;
		}

		div#content a {
			color: #F60;
			text-decoration: none;
		}

			div#content a:hover {
				text-decoration: underline;
			}

		div#content a[target='_blank'] {
			 background: url(bitmaps/icon_blank.gif) right center no-repeat;
			 padding-right: 17px;
		}

		div#content a[href $='.pdf'] {
			 background: url(bitmaps/icon_pdf.gif) right center no-repeat;
			 padding-right: 17px;
		}
		
		div#content a[href $='.doc'] {
			 background: url(bitmaps/icon_doc.gif) right center no-repeat;
			 padding-right: 13px;
		}
		
		div#content a.xls {
			 background: url(bitmaps/icon_xls.gif) right center no-repeat;
			 padding-right: 15px;
		}

		div#content strong {
			font-weight: bold;
		}

		div#content ul, div#content ol {
			margin: 5px 15px;
		}

			div#content ul li {
				background: url(bitmaps/content_bullet.gif) left 3px no-repeat;
				padding-left: 12px;
				font-size: 10px;
				line-height: 140%;
				padding-bottom: 5px;
			}

			div#content ol li {
				list-style: decimal;
				margin-left: 12px;
				font-size: 10px;
				line-height: 140%;
				padding-bottom: 5px;
			}

		div#content a.btn_subir {
			background: url(bitmaps/content_btnsubir.gif) center bottom no-repeat;
			width: 38px;
			height: 18px;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			float: right;
		}

		div#content p.bajada {
			color: #3b6d8e;
			font-size: 12px;
			margin-bottom: 10px;
		}
		
/* -- clase para emergencias -- */
		
		div#content div#marco_emergencias {
			background-color:transparent;
			width:390px;
			float:left;
			position:absolute;
			top:90px;
			left:185px;
		}

			div#content h2.emergencias {
				font-weight: normal;
				padding: 15px 0;
				margin: 0;
			}
		

/* -- clase para descargas -- */

		
		div#content dl#descargas {
			margin: 10px 0;
		}
		
			div#content dl#descargas dt, div#content dl#descargas dd {
				border: 0;
			}

			div#content dl#descargas dt {
				height: 30px;
				margin-top: 15px;
			}
		
			dl#descargas dt.flash {
				background: url(bitmaps/img_flash.gif) no-repeat;
				height: 19px;
				padding-left: 40px;
			}
			
			dl#descargas dt.explorer {
				background: url(bitmaps/img_explorer.gif) no-repeat;
				padding-left: 40px;
			}
			
			dl#descargas dt.firefox{
				background: url(bitmaps/img_firefox.gif) no-repeat;
				text-indent: 30px;
			}
			
			dl#descargas dt.opera {
				background: url(bitmaps/img_opera.gif) no-repeat;
				text-indent: 30px;
			}
			
			dl#descargas dt.acrobat {
				background: url(bitmaps/img_acrobat.gif) no-repeat;
				text-indent: 30px;
			}
			
				dl#descargas  dd {
					background: url(bitmaps/content_bullet_dd.gif) 0 4px no-repeat;
					padding-left: 10px;
					margin-bottom: 20px;
					margin-left:42px;
					margin-top: -23px;
				}


/* -- classes para alinear las imagenes -- */

		div#content img.alineado_derecha {
			float: right;
			margin: 5px 0 5px 10px;
			border: 1px solid #CCC;
		}

		div#content img.alineado_izquierda {
			float: left;
			margin: 5px 10px 5px 0;
			border: 1px solid #CCC;
		}



/* -- galeria de productos --*/

	span#indicador {
		width: 23px;
		height: 23px;
		display: block;
		background: url(bitmaps/galeria_indicador.gif) left top no-repeat;
		position: relative;
		margin-top: -20px;
	}
				

		div#content ul#productos li {
			background: none;
			float: left;
		}
	
		div#content ul#productos span {
			display: block;
			width: 80px;
			height: 72px;
			text-indent: -9999px;
			overflow: hidden;
			margin-left: 30px;
		}
		
			div#content ul#productos span.tarjeta_bancapersonas {
				background: url(bitmaps/galeria_tarjeta_bancapersonas.gif) 0 0 no-repeat;
				margin-left: 0;
			}
	
			div#content ul#productos span.tarjeta_visa {
				background: url(bitmaps/galeria_tarjeta_visa.gif) no-repeat;
			}
	
			div#content ul#productos span.tarjeta_salud {
				background: url(bitmaps/galeria_tarjeta_salud.gif) no-repeat;
			}
	
			div#content ul#productos span.tarjeta_consalud {
				background: url(bitmaps/galeria_tarjeta_consalud.gif) no-repeat;
			}
			
			div#content ul#productos span.tarjeta_educacion {
				background: url(bitmaps/galeria_tarjeta_educacion.gif) no-repeat;
			}
	
	
		div#content ul.encabezado {
			background: url(bitmaps/content_encabezado_grad.gif) center top repeat-x;
			padding-top: 2px;
		}

			div#content ul.encabezado li {
				background: none;
			}

				div#content ul.encabezado li.titulo {
					float: left;
				}
				
					div#content ul.encabezado li.titulo h3 {
						font-size: 12px;
						font-weight: bold;
						color: #3b6d8e;
						border: 0;
					}
					
				div#content ul.encabezado li.solicita {
					float: right;
					padding: 5px 15px 0 20px;
					background: url(bitmaps/bottom_columna_bullet.gif) 10px 9px no-repeat;
					font-size: 11px;
					font-weight: bold;
					border-left: 2px solid #FFF;
				}
				
				div#content a.btn_vermasinformacion {
					padding-left: 12px;
					margin-left: 15px;
					background: url(bitmaps/side_bullet.gif) left 2px no-repeat;
					font-size: 10px;
					color: #3b6d8e;
				}
			

/* -- FAQ --*/
		div#content dl {
		}
		
			div#content dt {
				background: url(bitmaps/side_bullet_destacado.gif) left 1px no-repeat;
				padding: 0 0 3px 15px;
				margin-bottom: 6px;
				border-bottom: 1px dashed #CCC;
				color: #333;
				cursor: pointer;
				clear: both;
			}

				div#content dt.selected {
					color: #F60;
					cursor: default;
				}

			div#content dd {
				border-bottom: 1px dashed #CCC;
				margin-bottom: 6px;
				
			}


/* -- directorio --*/
		div#content dl#directorio {
			width: 441px;
			float: left;
			margin: 10px 0;
		}
		
			div#content dl#directorio dt {
				background: url(bitmaps/directorio_btn.gif) 0 0 no-repeat;
				height: 20px;
				padding: 2px 0 0 6px;
				margin: 0;
				border: 0;
				color: #3a7092;
				font-size: 12px;
				font-weight: bold;
			}

				div#content dl#directorio dt.selected {
					color: #F60;
					cursor: default;
					background: url(bitmaps/directorio_btn.gif) 0 -20px no-repeat;
				}

			div#content dl#directorio dd {
				border: 0;
				margin-bottom: 20px;
			}
			
			#content dl#directorio ol.sub {
				border-bottom: 1px dotted #999;
				margin: 5px 0;
				padding: 0;
			}

				#content ol.sub li {
					list-style: none;
					float: right;
					width: 170px;
				}

					#content ol.sub li.titulo {
						background: url(bitmaps/side_destacado_bullet.gif) left 4px no-repeat;
						padding-left: 10px;
						font-weight: bold;
						float: left;
						width: 220px;
					}


/* -- filiales y tarifas -- */
		div#content dl#filiales, div#content dl#tarifas {
			margin: 10px 0;
		}
		
			div#content dl#filiales dt, div#content dl#tarifas dt {
				background: url(bitmaps/filiales_btn.gif) 0 0 no-repeat;
				height: 20px;
				padding: 2px 0 0 6px;
				margin: 0 0 5px 0;
				border: 0;
				color: #3a7092;
				font-size: 11px;
				font-weight: bold;
			}

				div#content dl#filiales dt.selected, div#content dl#tarifas dt.selected {
					color: #F60;
					cursor: default;
					background: url(bitmaps/filiales_btn.gif) 0 -20px no-repeat;
				}

			div#content dl#filiales dd {
				border: 0;
				border-bottom: 1px dotted #999;
				margin-bottom: 20px;
			}

			div#content dl#tarifas dd {
				border: 0;
				margin-bottom: 20px;
			}
			
			#content dl#filiales p, #content dl#tarifas p {
				border-bottom: 1px dotted #999;
				background: url(bitmaps/content_bullet_naranjo.gif) left 4px no-repeat;
				padding-left: 8px;
			}


		div#campana {
			border-bottom: 1px solid #efefef;
		}
		
/* -- enlaces -- */
		
		div#content dl#enlaces {
			margin: 0 20px;
		}
		
			div#content dl#enlaces dt {
				background: none;
				padding: 0;
				margin: 0;
				border: 0;
			}
			
			div#content dl#enlaces dd {
				background: url(bitmaps/content_bullet_dd.gif) 0 4px no-repeat;
				padding-left: 10px;
				border: 0;
				margin-bottom: 15px;
			}
		
/* -- advertencias --*/	

		div.advertencia h1 {
			background: url(bitmaps/icon_advertencia.gif) 40px 20px no-repeat;
			padding: 30px 0 30px 140px;
			font-size: 18px;
			color: #f4801d;
			border-top: 1px solid #efefef;
			border-bottom: 1px solid #efefef;
			margin: 20px 0;
		}
		
		div.advertencia p {
			padding: 0 40px;
		}
		
		div#content ul.alaizquierda {
			float: left;
			display: block;
			margin: 20px 0 0 60px;
		}

			div#content ul.alaizquierda li a {
				font-size: 11px;
				color: #666;
			}

				div#content ul.alaizquierda li a:hover {
					color: #F60;
				}

/* -- confirmacion --*/	

		div#main div.confirmacion {
			background: url(bitmaps/icon_confirmacion.gif) 40px 20px no-repeat;
			margin: 30px 0;
			border-top: 1px solid #efefef;
		}

		div#main div.confirmacion h1 {
			padding: 10px 0 0 140px;
			font-size: 18px;
			color: #3a7092;
		}
		
		div#main div.confirmacion h2 {
			padding: 0 100px 0 140px;
			font-size: 12px;
			font-weight: normal;
			color: #3a7092;
		}

		div#main div.confirmacion p {
			padding: 10px 0 30px 140px;
			color: #3a7092;
		}
		
		
	/* ================================================== #secondside == */
	div#secondside {
	}
	
		div#secondside a.btn_solicitelo {
			background: url(bitmaps/secondside_btn_solicitelo.gif) 0 0 no-repeat;
			width: 116px;
			height: 30px;
			margin: 0 auto;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
		}

			div#secondside a.btn_solicitelo:hover, div#secondside a.btn_solicitelo.selected {
				background: url(bitmaps/secondside_btn_solicitelo.gif) 0 -30px no-repeat;
			}

		div#secondside ul#opciones {
			margin: 10px 0;
		}

		div#secondside ul#opciones li {
			padding: 6px 0 6px 6px;
			margin: 0 0 0 8px;
			border-bottom: 1px solid #CCC;
		}
	
			div#secondside ul#opciones li.ultimo {
				border: 0;
			}
	
			div#secondside ul#opciones li a {
				color: #21617a;
				display: block;
				font-size: 11px;
				padding-left: 11px;
				text-decoration: none;
				background: url(bitmaps/side_bullet.gif) left 3px no-repeat;
				cursor: pointer;
			}
	
				div#secondside ul#opciones li a:hover {
					color: #F60;
				}
	
				div#secondside ul#opciones li a.selected {
					background: url(bitmaps/side_bullet_selected.gif) left 3px no-repeat;
					color: #F60;
					cursor: default;
				}

		/* -------------------------------------------------- .sublista -- */
		div#secondside ul#opciones ul.sublista {
			margin: 4px 0 0 8px;
			background: none;
			padding-bottom: 0;
		}

		div#secondside ul#opciones ul.sublista li {
			border: 0;
			padding: 2px 0;
		}

			div#secondside ul#opciones ul.sublista li a {
				color: #666;
				display: block;
				font-size: 9px;
				padding-left: 8px;
				text-decoration: none;
				font-family: Arial, Helvetica, sans-serif;
				background: url(bitmaps/sublista_bullet.gif) left center no-repeat;
			}

				div#secondside ul#opciones ul.sublista li a:hover {
					color: #F60;
				}