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


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

div#main, div#bottom {
	overflow: hidden; /* esto es para alargas los bordes de los side y secondside */
}

div#side, div#secondside, div#center, div.columna {
	padding-bottom: 32768px; /* max alto permitido para un padding */
    margin-bottom: -32768px; /* se iguala el padding */
}


/* ================================================== #content == */
div#content {
}

	#content #swf_central {
		z-index: -999;
	}

	div#content div#calugas {
		height: 110px;
		display: inline;
		clear: both;
	}

		div#content div#calugas a {
			width: 230px;
		}

#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;
}
/* -------------------------------------------------- #banner_simulador -- */

div#content div#banner_simulador{
	background-color:#ffffff;
	height:80px;
	width:460px;
	float:none;
	clear:both;
}



/* -------------------------------------------------- #destacado_simulacion -- */
div#content div#destacado_simulacion{
	background-color:#F27b13;
	height:30px;
	width:460px;
	float:none;
	clear:both;
}

	div#content div#destacado_simulacion p{
		background-color:#F27b13;
		text-align:left;
		font:Arial, Helvetica, sans-serif;
		font-size:10px;
		padding: 3px 8px 1px 8px;
		color:#FFF;
	}
		
div#content div#detalle_simulacion{
	background: url(bitmaps/simulacion_detalle_grad.gif) left 7px no-repeat;
	width:460px;
	float:none;
	clear:both;
	margin-top:-30px;
	padding-bottom:20px;
}

	div#content div#detalle_simulacion p {
		color: #999;
		font:Arial, Helvetica, sans-serif;
		margin-left: 7px;
		font-size: 9px;
		padding-top: 20px;
		padding-bottom: 5px;
	}
	
	div#content div#detalle_simulacion ul {
		padding-left:8px;
	}

		div#content div#detalle_simulacion ul li{
			width:430px;
			text-align: justify;
		font:Arial, Helvetica, sans-serif;
			font-size:9px;
			color:#999;
			list-style: none;
			background: url(bitmaps/simulador_bullet_li.gif) left 3px no-repeat;
			padding-left:10px;
		}

		div#content p {
			line-height: 140%;
			padding-bottom: 5px;
			margin-bottom:10px;
		}
		
		div#content a {
			color: #F60;
			text-decoration: none;
		}

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

		div#content a.blank {
			 background: url(bitmaps/icon_blank.gif) right center no-repeat;
			 padding-right: 17px;
		}

		div#content a.pdf {
			 background: url(bitmaps/icon_pdf.gif) right center no-repeat;
			 padding-right: 17px;
		}
		
		div#content a.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;
				color:#666666;
			}

			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#emergencias_bancarias {
			margin: 25px 10px 10px 30px;
			width: 400px;
			margin-bottom: 50px;
		}
			
			div#content div#emergencias_bancarias h2.emergencias {
				margin: 5px 0 10px 0;
				font-size: 18px;
				color: #3b6d8e;
			}
			
			div#content div#emergencias_bancarias h4.emergencias {
				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 div#emergencias_bancarias p {
				width: 400px;
				font-size: 10px;
				color: #666;
			}
			
/* -- Enlaces --*/

	div#preguntas {
				width: 400px;
	}
		
		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;
			}
		

/* -- FAQ --*/
		div#content dl {
			width: 400px;
		}
		
			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;
				font-size: 11px;
			}

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

			div#content dd {
				border-bottom: 1px dashed #CCC;
				margin-bottom: 6px;
				color: #666;
				line-height: 140%;
				padding-bottom: 5px;
				margin-bottom:10px;
				font-size: 10px;
			}

		
/* -------------------------------------------------- #bottom -- */
div#bottom {
	border-top: 1px solid #e9e9e9;
	padding-bottom: 5px;
}

	div#bottom div.columna {
		float: left;
		width: 384px;
		border-right: 1px solid #e9e9e9;
	}

	div#bottom div.sinborde {
		width: 385px;
		border: 0;
	}

		div#bottom h2 {
			width: 150px;
			height: 18px;
			text-indent: -9999px;
			overflow: hidden;
			border-bottom: 1px solid #e9e9e9;
			margin: 10px;
		}
		
			div#bottom h2.servpago {
				background: url(bitmaps/bottom_tit_servpago.gif) no-repeat;
			}

			div#bottom h2.simuladores {
				background: url(bitmaps/bottom_tit_simuladores.gif) no-repeat;
			}

			div#bottom h2.noticias {
				background: url(bitmaps/bottom_tit_noticias.gif) no-repeat;
			}

			div#bottom h2.bddylacomunidad {
				background: url(bitmaps/bottom_tit_bbdylacomunidad.gif) no-repeat;
			}

	div#bottom div.columna ul {
		float: left;
		font-size: 10px;
		color: #666;
	}


	div#bottom div.columna ul li {
		margin: 0 5px 10px 25px;
	}

		div#bottom div.columna strong {
			color: #F60;
			font-weight: bold;
		}

		div#bottom div.columna ul li a {
			background: url(bitmaps/bottom_columna_bullet.gif) left center no-repeat;
			padding-left: 12px;
			color: #666;
			text-decoration: none;
			font-size: 10px;
		}
		
			div#bottom div.columna ul li a.btn_leermas {
				font-size: 9px;
				color: #999;
				text-decoration: none;
				background: url(bitmaps/login_sublista_bullet.gif) right center no-repeat;
				padding-right: 10px;
				margin-right: 4px;
				margin-top: 5px;
				float: right;
			}

			div#bottom div.columna ul li a:hover {
				color: #333;
				text-decoration: underline;
			}

	ul#indicadores {
		clear: both;
		border-top: 1px solid #efefef;
		padding: 5px;
		text-align: center;
	}

		ul#indicadores strong {
			font-weight: bold;
		}

		ul#indicadores li {
			border-right: 1px solid #477898;
			margin-right: 5px;
			padding-right: 5px;
			display: inline;
			color: #477898;
			font-size: 10px;
		}

			ul#indicadores li.ultimo {
				border: 0;
			}