body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

a:link {
text-decoration: underline;
color: #DC0000;
}

a:visited { 
color:#DC0000;
}
a:hover {
text-decoration: none;
color: #DC0000;
}
a:active {
}


/* cabezote */

#cabz_hc {
	background-image: url(../images/cabz_hc.png);
	height: 110px;
	width: 960px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#cabz_logoHC {
	text-align: left;
	float: left;
	height: 90px;
	width: 600px;
	clear: right;
}

#cabz_logoPatroc {
	text-align: right;
}

#box_mUp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #006699;
	text-align: right;
	float: right;
	clear: left;
	padding-right: 10px;
	margin-top: 3px;
}


a.mUp:hover {
	text-decoration: underline;
	color: #DC0000;
}
a.mUp {
	text-decoration: none;
	color: #333;
}


/* marco principal */

#marcoMain {
	width: 958px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
	padding-top: 20px;
	padding-bottom: 10px;
}



#colum_mizq {
	clear: right;
	width: 215px;
	/* background-image: url(../images/mizqBkg.jpg); */
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding: 0px;
	margin: 0px;
}
#colum_der {
	float: left;
	width: 648px;

}



#marcoDw {
	background-image: url(../images/marcoDw.png);
	height: 10px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding: 0px;
	background-repeat: no-repeat;
}


/* menu izquierdo */

#mizqBtBkg {
	height: auto;
	width: auto;
	border-bottom-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}


a.mizqBt:hover {
	text-decoration: underline;
	color: #DC0000;
}
a.mizqBt {
	text-decoration: none;
	color: #DC0000;
}

/* home */

#home_mBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	float: left;
	margin-top: 20px;
	clear: right;
	width: 390px;
}


.home_mBox_ico {
	float: left;
	width: 20px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #333;
	text-align: center;
	padding: 2px;
	/* border: 1px solid #FF9900;*/
	font-weight: bold;
}
.home_mBox_bloq {
	width: auto;
	margin-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.home_mBox_item {
	float: left;
	margin-top: 5px;
}
.home_mBox_item a{
	font-size:11pt;
	color:#006699;
	font-weight:bold;
	text-decoration: none;
}
#bn_300x250px {
	height: 250px;
	width: 300px;
	clear: right;
	float: right;
	margin-top: 20px;
}

a.home_mBox_link:hover {
	text-decoration: underline;
	color: #FF9900;
}
a.home_mBox_link {
	text-decoration: none;
}

/* home nl */

#marcoMain_home_nl {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 10px;
}

#colum_mizq_home_nl {
	clear: right;
	width: 660px;
	height: 390px;
	float: left;
	padding: 0px;
	margin: 0px;
	
}

#home_nl01 {
	float: left;
	width: 660px;
	height: 280px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/home_nl01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


#home_nl_bReg {
	width: 610px;
	padding: 0px;
	text-align: right;
	margin-top: 235px;
}

#home_nl_bVerCalDemo {
	width: 300px;
	text-align: right;
	margin-top: 5px;
	margin-left: 312px;
	padding: 0px;
}

#home_nl02 {
	float: left;
	width: 660px;
	height: 110px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/home_nl02.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#colum_der_home_nl {
	float: left;
	width: 300px;
	height: 325px;
	margin: 0px;
	background-image: url(../images/home_nl03.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 65px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#home_nl_tool {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: 15px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #E6E6E6;
	width: 230px;
}

/* botones */

#bt_bar {
	float: left;
	width: auto;
	margin-top: 20px;
}
#bt_bar2 {
	float: right;
	width: auto;
	margin-top: 20px;
}
#bt_barReg {
	padding: 3px;
	width: 100%;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}
.bt {
	/*font-size: 9pt;*/
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/bckBtn.gif);
	border: 1px solid #003366;
	margin: 1px;
	padding:3px;
}
#formulario #tablaDTF .bt2 {
	/*font-size: 9pt;*/
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/bckBtn.gif);
	border: 1px solid #003366;
	margin: 1px;
	padding:3px;
	width:auto;
}

/* creditos */


#creditos {
	font-size: 9pt;
	color:#999999;
	width: 960px;
	margin-top: 20px;
	margin-bottom: 10px;
	mmargin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: auto;
	text-align: center;
}

/* despliegues */


#antetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #333333;
}
#subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #444;
}
#title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #666;
	margin-bottom: 10px;
}
#art_foto {
	background-image: url(../images/f-demo.jpg);
	height: 200px;
	width: 300px;
	border: 1px solid #006699;
	margin-bottom: 5px;
}

#creditoFoto {
	font-size: 8pt;
	color: #999999;
	margin-bottom: 3px;
}
#art_piedeFoto {
	font-size: 8pt;
	font-style: italic;
	color: #666666;
	margin-bottom: 20px;
}


#art_infoRel {
	width: 280px;
	display:block;
	float: right;
	border: #CCCCCC 1px solid;
	margin-bottom: 20px;
	background-color:#F0F0F0;
	border: #CCCCCC 1px solid;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.infoRel_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #666;
}

#info_bloq {
	float: right;
	width: 300px;
	margin-left: 20px;
}
.infoRel_ico {
	float: left;
	width: 15px;
	margin-right: 5px;
}
.infoRel_bloq {
	width: auto;
	margin-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
}
.infoRel_item {
	float: right;
	width: 255px;
}
.infoRel_item a{ 
	font-size:9pt;
	color:#DC0000;
	font-weight:bold;
}
.infoRel_item a:hover{ 
	color: #DC0000;
}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}

.grupoCampos_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	text-align:left;
}
.grupoCampos_title2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #444;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	background-color: #F5F5F5;
}
.grupoCampos_title3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #333;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	background-color: #F5F5F5;
}

.grupoCampos_titleB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #999;
}
.grupoCampos_borde {
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
}
.grupoCampos_borde2 {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: dotted;
	border-color: #CCCCCC;
}

.grupoMenu_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000;
}


/* forms */

#formulario td {
font-size: 9pt;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
padding:5px 0px;
}

#formulario input, select {
	font-size: 9pt;
	color: #666666;
	width: 98%;
}

#formulario2 td {
font-size: 8pt;
font-weight: bold;
color: #333333;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}


#formulario2 input, select {
	font-size: 8pt;
	color: #333333;
	width: 98%;
}
.campoTxtfld {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
	width: 80%;
}
.campoTxtfld2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
	width: 96%;
}

#formulario #tablaDTF td{
	border:#FFFFFF solid 1px;
	font-size: 11px;
}

/* textos */

.txtSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	font-weight: normal;
}
.txtSmall2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #333333;
	font-weight: normal;
}
.txtNormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	text-align: justify;
}
.txtNormal2 {
	font-weight: normal;
	color: #999999;
}
.txtRes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 10px;
	line-height: 16pt;
}
.txtRes2 {
	color: #666666;
}
.asterisco {
	color: #FF6600;
}
.help {
	color: #0033CC;
	font-weight: bold;
}
#categoria {
	font-size: 10pt;
	color: #0099CC;
	float: left;
	width: 450px;
	margin-bottom: 20px;
}
#categoriaVolver {
	float: right;
	width: 200px;
	font-size: 8pt;
}

/* categoria */

#notaCategoria {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
/* pediente por borrar .txtNormal li {
	text-align: left;
	margin-bottom: 5px;
	list-style-type: circle;
}*/
#textoNotaCategoria {
	float: left;
	width: 580px;
}

#fotoNotaCategoria {
	float: right;
	width: 75px;
	margin-left: 10px;
	border: 1px solid #006699;
}
#bulletNotaCategoria {
	float: left;
	width: 20px;
	margin-right: 5px;
	padding-top: 3px;
}

/* faq */

.faq_item { 
	font-size:10pt;
	color:#006699;
	font-weight:bold;
}
.faq_item:hover{
	color: #FF9900;
	font-size: 10pt;
	font-weight: bold;
}
#faq_box {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#faq_boxUp {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#faq_bullet {
	float: left;
	width: 20px;
	margin-right: 5px;
	padding-top: 3px;
}
#faq_text {
	float: right;
	width: 680px;
}
.faq_q {
	font-size: 11pt;
	font-weight: bold;
	color: #006699;
}
.faq_r {
	font-weight: bold;
	color: #FF9900;
}
#listado ul {
	list-style-image: url(../images/bullet01.gif);
}
#listado img {
	float: right;
	margin-left: 10px;
	border: 1px solid #006699;
}
#listado li {
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-top: 8px;
}
/* glosario */

#glos_colum_der1 {
	clear: left;
	float: left;
	width: 630px;
	padding-right: 15px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
}

#glos_colum_der2 {
	clear: right;
	float: right;
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 20pt;
	font-weight: bold;
}
.glos_index {
	color: #006699;
	text-decoration: none;
}
.glos_index :hover{
	color: #FF9900;
	text-decoration: underline;
}
#glos_box {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#glos_bullet {
	float: left;
	width: 20px;
	margin-right: 5px;
	padding-top: 3px;
}
#glos_text {
	float: right;
	width: 600px;
}

/* ayuda */

.ayuda_item { 
	font-size:10pt;
	color:#006699;
	font-weight:bold;
}
.ayuda_item:hover{
	color: #FF9900;
	font-size: 10pt;
	font-weight: bold;
}
#ayuda_box {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#ayuda_boxUp {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#ayuda_bullet {
	float: left;
	width: 20px;
	margin-right: 5px;
	padding-top: 3px;
}
#ayuda_text {
	float: right;
	width: 680px;
}
.pregunta {
	font-size: 11pt;
	font-weight: bold;
	color: #666;
}
.respuesta {
	font-weight: bold;
	color: #DC0000;
}

/* popups */


#cabz_hc_popup {
	background-image: url(../images/cabz_hc_popup.png);
	height: 85px;
	width: 520px;
	margin: 0px;
}

#marcoMain_popup {
	width: 440px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding-top: 10px;
	padding-right: 39px;
	padding-bottom: 10px;
	padding-left: 39px;
	margin: 0px;
}

#marcoMain_popup2 {
	width: 478px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin: 0px;
}

#marcoDw_popup {
	background-image: url(../images/marcoDw_popup.png);
	height: 10px;
	width: 520px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	margin-right: 0px;
}
#gal_foto {
	width: 440px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
#gal_box {
	background-color: #E0E0E0;
	padding: 5px;
	width: 430px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#gal_mBox1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	width: 100px;
	float: left;
	clear: left;
	margin-top: 20px;
}
#gal_mBox2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
	width: 200px;
	float: right;
	clear: right;
}

#gal_b-layer {
	position:absolute;
	z-index:1;
	visibility: visible;
	left: 45px;
	top: 470px;
}

#creditos_popup {
	font-size: 8pt;
	color:#999999;
	width: 520px;
	margin-top: 20px;
	margin-bottom: 10px;
	mmargin-right: auto;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-right: 0px;
}

#title_popup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #006699;
	margin-bottom: 20px;
}

#date_popup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #999999;
	text-align: right;
	margin-bottom: 10px;
}

/* soat */

#cabz_hc_soat {
	background-image: url(../images/cabz_hc_soat.png);
	height: 80px;
	width: 500px;
	margin: 0px;
}

#marcoMain_soat {
	width: 460px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding-top: 10px;
	padding-right: 19px;
	padding-bottom: 10px;
	padding-left: 19px;
	margin: 0px;
}
#marcoDw_soat {
	background-image: url(../images/marcoDw_soat.png);
	height: 10px;
	width: 500px;
	background-repeat: no-repeat;
	margin: 0px;
}

/* box ingreso */

#cabz_hc_box {
	background-image: url(../images/cabz_hc_box.png);
	height: 50px;
	width: 210px;
	margin: 0px;
}

#marcoMain_box {
	width: 198px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding: 5px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

#colum_izq_box {
	width: 55px;
	float: left;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#colum_der_box {
	float: right;
	width: 120px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	clear: right;
	margin: 0px;
}

#marcoDw_box {
	background-image: url(../images/marcoDw_box.png);
	height: 18px;
	width: 205px;
	background-repeat: no-repeat;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006699;
	text-align: right;
	padding-right: 5px;
	background-position: bottom;
}

#box_cell
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	padding: 2px;
	line-height: 18px;
}

/* credito vehicular popup */

#cabz_hc_cv {
	background-image: url(../images/cabz_hc_cv.png);
	height: 85px;
	width: 680px;
	margin: 0px;
}

#marcoMain_cv {
	width: 678px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #999999;
	margin: 0px;
	padding-top: 20px;
}

#marcoDw_cv {
	background-image: url(../images/marcoDw_cv.png);
	height: 10px;
	width: 680px;
	background-repeat: no-repeat;
	margin: 0px;
}

/* mis cuentas */

#colum_izq_mc {
	width: 170px;
	float: left;
	margin-top: 20px;
	margin-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	margin-bottom: 20px;
	text-align: left;
}
#colum_01_mc {
	float: left;
	width: 160px;
	clear: right;
	margin-top: 20px;
	margin-left: 5px;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}

#mc_izq_cell01
{
	font-weight: bold;
	color: #006699;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
	font-size: 13px;
	padding-bottom: 5px;
}

#mc_izq_cell02
{
	height: 35px;
	padding-top: 5px;
		border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
}

#mc_izq_cell03
{}

#mc_izq_cell04
{}

#mc_izq_cellblank01
{
	height: 80px;
}



#mc_cell01
{
	font-weight: bold;
	color: #FF9900;
	background-color: #F0F0F0;
	padding: 2px;
}

#mc_cell02
{
	font-weight: bold;
}

#mc_cell03
{
	height: 35px;
	padding-top: 5px;
		border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
}

#mc_cellblank01
{
	height: 38px;
		border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
}

#mc_cellblank02
{
	height: 21px;
		border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
}



/* varios */

a.nolink:hover {  text-decoration: none}
a.nolink {  text-decoration: none}

.Estilo9 {
	font-size: 12pt;
	color: #999999;
	font-weight: bold;
}
.Estilo11 {
	font-size: 10pt;
	color: #333333;
	text-align: justify;
}

.Estilo2 {
	font-size: 12pt;
	color: #999999;
	font-weight: bold;
}

.Estilo1 {color: #FF0000}