/* CSS Document */


  /* -------------------------- */
 /* -------- ESTILOS -------- */
/* -------------------------- */

*{
	margin:0;
	padding:0;
}

h1, h2{
	text-indent:-9999px;
}

/* -------- CONTENEDOR -------- */

#contenido{
	background:url(bitmaps/fondo.jpg) 0 80px no-repeat;
	padding-top:25px;
	width:750px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	position:relative;
	overflow:hidden;
}

#content_left {
	width:418px;
	float:left;
	height: auto;
	}

#content_right{
	width:320px;
	height: auto;
	float:right;
	}

#info {
	width:420px;
	float:right;
}

#promo {
	width:328px;
	overflow:hidden;
	float:left;
	padding:15px 0 0;
}

h1{
	background:url(bitmaps/titulo.gif) left top no-repeat;
		width:695px;
		height:44px;
		margin:0 auto 20px 30px;
		padding:0;
		text-indent:-9999px;
}

h2.metodo{
	background:url(bitmaps/bajada.gif) left top no-repeat;
	width:380px;
	height:27px;
	margin:15px 0 10px 15px;
}
h2.llamado {
	background:url(bitmaps/llamado.jpg) left top no-repeat;
	width:418px;
	height:92px;
	margin:0 auto;
	padding:0;
	text-indent:-9999px;
	}
	
	h3.llamado_tarjetas {
		width:388px;
		height:19px;
		margin:10px 0 10px 15px;
		padding:0;
		background:url(bitmaps/llamado_tarjetas.gif) top left no-repeat;
		text-indent:-9999px;
	}
#info ol#pasos{
	background:url(bitmaps/fondo_pasos.jpg) left top no-repeat;
	width:410px;
	height:198px;
	margin:15px 0 0;
	padding:19px 0 0 7px;
	list-style:none;
	list-style-image:none;
}

#info ol#pasos li{
	width:132px;
	height:140px;
	font-size:11px;
	font-weight:bold;
	float:left;
	padding:32px 0 0;
	text-align:center;
}

	#info ol#pasos li.paso_uno{
		background:url(bitmaps/lista_1.gif) center top no-repeat;
		border-right:1px dotted #666;
	}

	#info ol#pasos li.paso_uno img{
		clear:both;
		display:block;
		margin:17px auto 0;
		
	}

	#info ol#pasos li.paso_dos{
		background:url(bitmaps/lista_2.gif) center top no-repeat;
		border-right:1px dotted #666;
	}

	#info ol#pasos li.paso_dos img{
		clear:both;
		display:block;
		margin:13px auto 0;
	}

	#info ol#pasos li.paso_tres{
		background:url(bitmaps/lista_3.gif) center top no-repeat;
	}

	#info ol#pasos li.paso_tres img{
		clear:both;
		display:block;
		margin:37px auto 0;
	}

						a#faq{
							background:url(bitmaps/btn_faq.gif) top left no-repeat;
							width:148px;
							height:44px;
							padding:0 0 0 20px;
							margin:45px auto;
							text-indent:-9999px;
							display:block;
							outline:none;
						}
						a:hover#faq{
							background:url(bitmaps/btn_faq.gif) bottom left no-repeat;
						}
						#info a#btn_informate{
							background:url(bitmaps/btn_informate.gif) top left no-repeat;
							width:122px;
							height:44px;
							padding:0 0 0 20px;
							margin-left:60px;
							text-indent:-9999px;
							display:block;
							outline:none;
							float:left;
							display:inline;
						}
						#info a:hover#btn_informate{
							background:url(bitmaps/btn_informate.gif) bottom left no-repeat;
						}


#detalles{
	width:418px;
	float:left;
	padding:0;
	margin:10px 0 10px 0;
	display:inline;
}

h2.nuevo{
	background:url(bitmaps/bajada2.gif) left top no-repeat;
	width:244px;
	height:46px;
	margin:20px auto;
}

dl{
	width:320px;
	list-style:none;
	list-style-image:none;
}

dl dt{
	width:320px;
	background:url(bitmaps/bullet_accordion.gif) right top no-repeat;
	border-bottom:1px dashed silver;
	cursor:pointer;
	text-align:center;
	padding:2px 0;
	margin:5px 0 0;
	color:#666;
	font-size:13px;
}

dl dt:hover{
	background:url(bitmaps/bullet_accordion.gif) right -20px no-repeat;
	color:#F90;
}

dl dt.selected{
	background:url(bitmaps/bullet_accordion.gif) right -20px no-repeat;
	color:#F90;
}

#content_right dl dd{
	font-size:11px;
	font-weight:normal;
	background:#EEE;
	width:300px;
	text-align:justify;
	margin:0;
	padding:5px 10px;
}

ul.definicion {
	list-style:disc;
	margin:3px 0 0 5px;
	}

ul.definicion li{
	padding:0 0 0 5px;
	margin:0 0 0 5px;
}

ol.items{
	list-style:decimal;
	margin:3px 0 0 5px;
	padding:0;
}

ol.items li{
	padding:0 0 0 5px;
	margin:0 0 0 5px;
}

p{
	text-align:center;
	margin:5px 10px 0;
	float:left;
	clear:both;
}

/*------- THICKBOX----*/

#thickbox{
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#thickbox p {
	font-size:11px;
	color:#999;
	font-weight:;
	margin:0;
	padding:10px 0;
	text-align:justify;
	width:100%;
}

#thickbox p.legales{
	font-size:10px;
	color:#999;
	font-weight:;
	margin:0;
	padding:10px 0 0 0;
	border-top:1px dashed silver;
	text-align:justify;
	width:100%;
}

#thickbox table caption{
	font-weight:bold;
	margin:8px 0;
}

#thickbox table{
	border:0;
	width:415px;
	margin:0;
	padding:0;
}

#thickbox table th{
	background:#ff6600;
	color:#fff;
	padding:2px 0;
	border:none;
	margin:0;
	font-weight:bold;
}

#thickbox table td{
	border:1px solid silver;
	width:auto;
	padding:2px 5px;
	margin:0;
}



#contenido #rutclave{
	margin:0 auto;
	padding:0 4px 0 0;
	width:270px;
	height:100px;
	background: url(bitmaps/rutclave.gif) 0 0 no-repeat;
	position:relative;
	clear:both;
}

#legales{
	border-top:1px dashed silver;
	width:745px;
	padding:10px 0 0;
	margin:0;
	text-align:justify;
	color:#999;
	float:left;
}

/* --------------------------- caja rut y clave ------- */

		#contenido form {	
		}
		#contenido fieldset {
			height:80px;
			width: 260px;
			padding: 20px 0 0 25px;
			margin:0;
			border:0;
			}

			#contenido fieldset label.nombres {
				color: #666;
				margin: 0;
				padding: 0;
				font-size:11px;
				font-weight:normal;
			}

			#contenido fieldset legend {
				display: none;
			}

			#contenido form fieldset input {
				border: 1px solid #E0E0E0;
			}

				#contenido form fieldset input.cajarut {
					width: 100px;
				}

				#contenido form fieldset input.cajaclave {
					width: 45px;
				}
				
			#contenido form fieldset button {
				background: url(bitmaps/btn.gif) right 2px no-repeat;
				width: 98px;
				height: 45px;
				border:none;
				display:block;
				cursor: pointer;
				text-indent: -999px;
				overflow: hidden;
				margin:0;
				padding:0;
				position:absolute;
				left:161px;
				top:27px;
			}
/*------------------- banderín -------------------------*/

#contenido #banderin{
	float: left;
	height: 90px;
	width: 181px;
	display: inline;
	overflow: hidden;
	margin: 0 0 0 129px;
	}
#contenido #banderin p{
	color: #f60;
	font-size: 9px;
	margin: 0 0 0 10px;
	float: left;
	display: inline;
	}
#contenido #banderin .btn_generico_ban{
	background: url(bitmaps/btn_generico_ban.gif) top left no-repeat;
	float: left;
	width: 181px;
	height: 75px;
	text-indent: -9999px;
	}
#contenido #banderin .btn_generico_ban:hover{
	background: url(bitmaps/btn_generico_ban.gif) bottom left no-repeat;
	}
	
/*------------------- /banderín -------------------------*/


