﻿/*Estos son los CSS del sitio de personas de metrabajo.com*/
/*estos son los css del armado del master*/
body {
	background-image: url('../images/fondo_pag.gif');
	margin: 0px;
	background-repeat: repeat-y;
	background-position: center;
}
/*CABEZOTE INICIO*/
/*Estos estilos son para el control: cabezote.ascx*/
#contenedor {
	width: 929px;
	margin: auto;
}
.cabezote_apellido {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6e6e6e;
	background-color: #ffffff;
	padding:3px 0 0 12px
}
.menuSuperior {
	background-image: url('../images/bk_fondo_menu_sup.jpg');
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 36px;
}
.menuSuperior ol {
	padding:0;
	margin:0 0 0 3px;
	list-style:none;
}
.menuSuperior li {
	padding:0;
	margin:1px;
	float:left;
}
.botonesCabezoteOff a:link {
	background-position: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#FFFFFF;
	background-image: url('../images/pest_cabezote_pequena_off.jpg');
	background-repeat:repeat-x;
	text-align: center;
	height: 25px;
	padding-top: 8px;
	text-decoration:none;
	list-style:none;
	float:left;
	padding-right: 17px;
	padding-left:  17px;
}
.botonesCabezoteOff a:visited {
	background-position: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#FFFFFF;
	background-image: url('../images/pest_cabezote_pequena_off.jpg');
	background-repeat:repeat-x;
	text-align: center;
	height: 25px;
	padding-top: 8px;
	text-decoration:none;
	float:left;
	list-style:none;
	padding-right:  17px;
	padding-left:  17px;
}
.botonesCabezoteOff a:hover {
	background-position: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #000000;
	background-image: url('../images/pest_cabezote_pequena_on.jpg');
	background-repeat:repeat-x;
	text-align: center;
	height: 25px;
	padding-top: 8px;
	text-decoration:none;
	float:left;
	list-style:none;
	padding-right: 17px;
	padding-left: 17px;
}
.menuSupDer {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0058b1;
	margin-right: 25px;
}
/*Correciones para Explorer 6*/
* html .menuSupDer {
	float: right;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
}
.menuSupDer a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
	text-decoration: underline;
}
.menuSupDer a:hover {
	color: #cccccc;
}
.menuSupDer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
	text-decoration: underline;
}
.cabezote {
	background-image: url('../images/bk_cabezote.jpg');
	background-repeat: repeat-x;
	height: 80px;
	margin-bottom: -4px;
}

.logoMetrabajo {
	padding-left: 6px;
	padding-top: 0px;
}

.cambioPortal {
	background-image: url('../images/pest_cabezote.jpg');
	background-repeat: no-repeat;
	float: right;
	width: 272px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	height: 61px;
}
#cambioPortalSinLoguear {
	background-image: url('../images/pest_cabezote1.jpg');
	background-repeat: no-repeat;
	float: right;
	width: 272px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	height: 61px;
}
/*Correciones para Explorer 6*/
* html #cambioPortalSinLoguear {
	background: url('../images/pest_cabezote1.jpg') top left no-repeat;
	float: right;
	width: 222px;
	padding: 8px 0px 8px 8px;
	height: 61px;
	position:relative;
}
.titulocambioportal {
	text-align: right;
	padding-right: 5px;
	float: left;
	margin-left: 30px;
	margin-top: 5px;
	width: 222px;
	height: 15px
}
/*Correciones para Explorer 6*/
* html .titulocambioportal {
	text-align: right;
	padding:0 0 5px 0;
	float: left;
	width: 190px;
	position:absolute;
	top:25px;
}
.reparacionPestana {
	padding:3px;
	clear: both;
	margin: 0px;
}
* html .reparacionPestana {
	padding:1px;
}
* +html .reparacionPestana {
	padding:1px;
}
#marcoContenido {
	padding: 12px;
}
#contenidosIzquierda {
	width: 725px;
	float: left;
	margin-right: 10px;
}
/*CABEZOTE FINAL*/

/*Footer-INICIO----------------->>>>>>>>>>>>>>>>>>*/


#footer {
	background-color: #F1F2F3;
	padding: 20px 5px 20px 5px;
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: #666666;
}
.links_portales { /*-----------------------------------link en gris*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #828487;
	padding:12px 0px 21px 0px;
	border-top: 1px dashed #666666;
	border-bottom: 1px dashed #666666;
	margin:3px 0px 0px 0px;
}
.links_portales a {
	color:#CD8B21;
	font-weight:bold;
	text-decoration:underline;
}
.links_portales a:visited {
	color:#CD8B21;
	text-decoration:underline;
}
.links_portales a:hover {
	color:#333333;
	text-decoration:underline;}
	
.links_portales h2{
	font-size: 11px;
	float:right;
	text-align:right;
	margin:0px;
	padding:0px 5px 0px 5px;
	border-left:#666666 1px dashed;
	height:90px;
	font-weight:normal;
}
.notas_footer{
color:#000000;
font-size:13px;
}
/*Footer-FINAL----------------->>>>>>>>>>>>>>>>>>*/
/*Estos estilos son para el menu de registro*/

#hvBotones li {
	background-image: url('../images/pasos_inactivo_minihv.gif');
	background-repeat: no-repeat;
	margin-top: 3px;
	margin-right: 1px;
	width: 18px;
	height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	text-align: center;
	padding-top: 0px;
	float:left;
	list-style:none;
}
.espacioPasos {
	margin-right: 23px;
	float:left;
}
* html .espacioPasos {
	margin-right: 23px;
	float:left;
}
.pasoSuperado {
	background-image: url('../images/pasos_fondo.gif');
	background-repeat: no-repeat;
	background-position:center;
	cursor:pointer;
	width: 97px;
	height: 66px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0058b1;
	text-align: center;
	padding-top: 0px;
	float: left;
	text-decoration:none;
	padding:15px 0 0 0;
}
.pasoSuperado p {
	font-size:9px;
	margin:0;
	padding-left:2px;
	padding-right:2px;
	text-decoration:none;
	cursor:pointer;
}
.pasoActivo {
	background-image: url('../images/pasos_activo.gif');
	background-repeat: no-repeat;
	background-position:center;
	cursor:pointer;
	width: 97px;
	height: 66px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CD8B21;
	text-align: center;
	padding-top: 0px;
	float: left;
	text-decoration: none;
	padding:15px 0 0 0;
}
.pasoActivo p {
	font-size:9px;
	margin:0;
	padding-left:2px;
	padding-right:2px;
	text-decoration:none;
	cursor:pointer;
}
.pasoInactivo {
	background-image: url('../images/pasos_inactivo.gif');
	background-repeat: no-repeat;
	background-position:center;
	cursor:pointer;
	width: 97px;
	height: 66px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-align: center;
	float: left;
	text-decoration: none;
	padding:15px 0 0 0;
}
.pasoInactivo p {
	color: #999999;
	font-size:9px;
	margin:0;
	padding-left:2px;
	padding-right:2px;
	text-decoration:none;
	cursor:pointer;
}
.pasoActivoHV p {
	font-size:9px;
	margin:0;
	padding-left:2px;
	padding-right:2px;
	cursor:pointer;
}
/*Menu ESTILOS-Registro-FINAL----------------->>>>>>>>>>>>>>>>*/


/*Estilos de textos comunes-INICIO y links--------->>>>>>>>>>>>>>>>*/

.explicativos { /*para hacer aclaraciones de texto pequeño*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.tituloVerde {
	/*------------------------------todos los titulos superiores verdes*/
	font-family: Arial, Helvetica, sans-serif;
	color: #0058b1;
	font-weight: bold;
	font-size: 19px;
	margin-bottom: 15px;

}
.tituloVerde2 { /*------------------------------todos los titulos verdes como los de las tablas*/
	font-family: Arial, Helvetica, sans-serif;
	color: #0058b1;
	font-size: 14px;
	font-weight: bold;
}
.tituloVerde2 a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #0058b1;
	font-size: 14px;
	font-weight: bold;
	text-decoration:underline;
}
.tituloVerde2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #0058b1;
	font-size: 14px;
	font-weight: bold;
	text-decoration:underline;
}
.tituloVerde2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #0058b1;
	font-size: 14px;
	font-weight: bold;
	text-decoration:underline;
}
.tituloVerde3 {/*------------------------------En caso que se necesiten títulos verdes con una jerarquia 
inferior*/
	font-family: Arial, Helvetica, sans-serif;
	color: #0058b1;
	font-size: 14px;
}
.tituloNegro3 {/*------------------------------En caso que se necesiten títulos verdes con una jerarquia 
inferior*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.textoVerde {/*------------------------------los links verdes y textos pequeños verdes */
	font-family: Arial, Helvetica, sans-serif;
	color: #0058b1;
	font-size: 11px;
}
.textoVerde a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #0058b1;
	font-size: 11px;
}
.textoVerde a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #0058b1;
	font-size: 11px;
}
.textoVerde a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #0058b1;
	font-size: 11px;
}
.textoVerde2 {/*------------------------------Un texto verde en bold como los titulos 
de las filas de las tablas*/
	font-family: Arial, Helvetica, sans-serif;
	color: #0058b1;
	font-size: 11px;
	font-weight: bold;
}
.textoVerde2 a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #0058b1;
	font-size: 11px;
	font-weight: bold;
	text-decoration:underline;
}
.textoVerde2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #0058b1;
	font-size: 11px;
	font-weight: bold;
	text-decoration:underline;
}
.textoVerde2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #CD8B21;
	font-size: 11px;
	font-weight: bold;
	text-decoration:underline;
}
.textoNaranja1 { /*-----------------------------todos los links naranjas*/
	color: #CD8B21;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.textoNaranja1 a:link {
	color: #CD8B21;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.textoNaranja1 a:visited {
	color: #CD8B21;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.textoNaranja1 a:hover {
	color:#0058b1;
}
.textoNaranja1Strong {
	color: #CD8B21;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.textoNaranja1Strong a:link {
	color: #CD8B21;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.textoNaranja1Strong a:visited {
	color: #CD8B21;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.textoNaranja1Strong a:hover {
	color: #CD8B21;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.textoNaranja2 {/*-----------------------------títulos en naranja*/
	color: #CD8B21;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
/*-----------------------------títulos en naranja de menor tamaño*/

.textoNaranja3 {
	color: #CD8B21;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
}
.textoNaranja3 a:link {
	color: #CD8B21;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
}
.textoNaranja3 a:visited {
	color: #CD8B21;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
}
.textoNaranja3 a:hover {
	color:#0058b1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
}
.textoNegras { /*------------------------------------texto negro resaltado con link*/
	font-size: 11px;
	font-family: arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:bold;
}
.textoNegras a:link {
	font-size: 11px;
	font-family: arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:bold;
	text-decoration:underline;
}
.textoNegras a:hover {
	font-size: 11px;
	font-family: arial, Helvetica, sans-serif;
	color: #C0C0C0;
	font-weight:bold;
	text-decoration:underline;
}
.textoNegras12px {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.textoGeneral { /*-----------------------------------texto negro común*/
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.textoGeneral_mb_5px {  /*-----------------------------------texto negro común para separar 
en las tablas de los campos, cuando el nombre del campo este arriba con espacio de 5px de margen-bottom*/
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 5px;
}
.textoGeneral2 { /*-----------------------------------texto negro común con un puntaje más pequeño para
textos descriptivos y links en negro*/
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.textoGeneral2 a:link {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.textoGeneral2 a:visited {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.textoGeneral2 a:hover {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #C0C0C0;
}
.textoGris {
	/*----------------------------------------Títulos grises*/
	font-family: arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #808080;
}
.tituloGris {
	font-family: Arial, Helvetica, sans-serif;
	color: #828487;
	font-weight: bold;
	font-size: 14px;
}
.textoGris11px { /*-----------------------------------texto gris para textos explicativos comunes*/ /*NO LO ENCONTRO*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #828487;
	text-decoration: none;
}
.textoGris11px a:link { /*-----------------------------------texto gris para textos explicativos comunes*/ /*NO LO ENCONTRO*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #828487;
	text-decoration: none;
}
.textoGris11px a:hover { /*-----------------------------------texto gris para textos explicativos comunes*/ /*NO LO ENCONTRO*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #828487;
	text-decoration:underline;
}
.textoGris2 {  /*-----------------------------------texto gris con link para textos explicativos */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #828487;
	text-decoration: none;
}
.textoGris2 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #828487;
	text-decoration:none;
}
.textoGris2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #828487;
	text-decoration:none;
}
.textoGris2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#0058b1;
	text-decoration:underline;
}
.textoGris3 { /*-----------------------------------texto gris resaltado*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #828487;
	font-weight:bold;
}
.textoGris4 {
	/*-----------------------------------texto gris resaltado con mayor jerarquía*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #828487;
	font-weight: bold;
}
.textoGrisClaro11px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C0C0C0;
}
.textoGrisClaro11px a:link { /*-----------------------------------texto gris y link más claro para fondos
más oscuros o condiciones especiales*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C0C0C0;
}
.textoGrisClaro11px a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C0C0C0;
}
.textoGrisClaro11px a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EFEFEF;
}
.textoGrisNegras12px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #828487;
	font-weight: bold;
	list-style-image: url('../images/img_bullets.gif');
}
.tituloNegroSup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
.linksGris { /*-----------------------------------link en gris*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #828487;
}
.linksGris a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #828487;
	text-decoration:underline;
}
.linksGris a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #828487;
	text-decoration:underline;
}
.linksGris a:hover {
	color: #0058b1;
}


/*Estilos de textos comunes para INICIO y links-FINAL------------>>>>>>>>>>>>>>>>*/


/*Esto son las dimensiones de la pauta y el titulo: PUBLICIDAD*/
.pauta160x600Derecha {
	padding: 4px;
	width: 160px;
	background-color: #E0E4EB;
	float:right;
	position:static;
}
/*Correciones para Explorer 6*/
* html .pauta160x600Derecha {
	padding: 4px;
	width: 160px;
	background-color: #E0E4EB;
	float: right;
	position:absolute;
}
.publicidadTitulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
	margin-top: 0px;
	margin-bottom: 8px;
}
#pauta180x150 {
	padding: 4px;
	width: 185px;
	background-color: #E0E4EB;
	margin-bottom: 15px;
}
#pauta728x90Inf {
	padding: 4px;
	width: 728px;
	background-color: #E0E4EB;
	margin-bottom: 5px;
}
.publicidadTitulo724x90 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
	margin-top: 0px;
	margin-bottom: 1px;
}
/*Estilos Pauta-FINAL------------------>>>>>>>>>>>>>>>>*/






/*CSS para botones*/
.lineaBlancaInf {
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #FFFFFF;
}
.botones {
	border: 1px solid #434343;
	height: 26px;
	width: 134px;
	color: black;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url('../images/bk_botones.jpg');
	background-repeat: repeat-x;
	float: right;
	margin-left: 10px;
}
.botonGris {
	border: 1px solid #666666;
	height: 26px;
	width: 134px;
	color: #666666;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url('../images/bk_botonesinactivos.jpg');
	background-repeat: repeat-x;
	float: left;
}
/*CSS para controlar posición de DIVS----------------->>>>>>>>>>>>>>>>*/
.recuadro {/*un padding simple*/
	padding: 18px 0px 10px 0px;
}
.columnas {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	float: left;
	margin: 5px 8px 10px 8px;
	text-align: left;
}
.clear {/*Este espacio fue creado para poder contener los div en Mozilla Firefox*/
	clear: both;
	padding: 0px;
	margin: 0px;
}
.espacioIzquierda { /*un float izq con 15px de margen izq*/
	float: left;
	margin-left: 15px;
}
.espacioSeparar {
	/*un padding simple*/
		padding: 7px 0px 8px 0px;
}
.imagenLeft { /*float izquierdo*/
	float: left;
}
.imagenRight { /*float right*/
	float: right;
}
.lineaSeparador {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	padding-bottom: 1px;
}
.lineaSeparadorListas {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color:#FFFFFF;
	cursor:pointer;
}
.espacioSeparador {
	padding-bottom: 15px;
}
.espacioSeparadorMenor {
	height: 5px;
}
.camposMargin3 {
	/*-------------------espacios especiales*/
	margin-top: 4px;
	margin-bottom: 4px;
}
.camposMargin2 {
	/*-------------------espacios especiales*/
	margin-right: 10px;
	margin-left: 10px;
}
.cajasPautasInferiores {
	/*cajas*/
		margin-left: 44px;
	margin-top: 5px;
	float: left;
}
.cajasPautasSuperior {
	margin-right: 12px;
	margin-top: 5px;
	float: left;
}
.cajaMiCuentaHome {
	/*cajas final*/
		float: left;
	width: 165px;
	background-color: #F1F2F3;
	padding-bottom: 10px;
}
/*posición de los botones en el espacio*/
.espacioBotonInf {
	margin-top: 15px;
	border-top-style: dashed;
	border-width: 1px;
	border-color: #cccccc;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: right;
}
.espacioBotonSup {
	margin-top: 15px;
	border-top-style: dashed;
	border-width: 1px;
	border-color: #cccccc;
	width: 100%;
	text-align: right;
}
.espacioBotonCajas {
	margin-bottom: 10px;
}
/*posición de los botones en el espacio FINAL*/
/*Aquí finaliza CSS de control de posición----------------->>>>>>>>>>>>>>>>*/

/*cajas, bordes y separadores------------------------------>>>>>>>>>>>>>>>>*/
.separadorVertical { /*Separadores----------*/
	border-right-style: dashed;
	border-width: 1px;
	border-color: #C0C0C0;
}
.puntosSeparador {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #cccccc;
	padding-top: 10px;
	margin-bottom: 10px;
}
.puntosSeparador2 {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #cccccc;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 5px;
	margin-left: 5px;
}
.bordeNegroEspacios { /*Bordes------------*/
	padding: 10px;
	border: 1px solid #676767;
}
.cuadroDatosCuenta {
	/*el fondo y el borde del filtro de busqueda*/
	padding: 10px;
	border: 1px solid #E2E3E7;
	background-color: #F1F2F3;
	margin-top: 5px;
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
}
.filtro {
	/*el fondo y el borde del cuadro de información*/
	padding: 10px;
	border: 1px solid #E2E3E7;
	background-color: #F1F2F3;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}
.bordeFiltroVerde {
	/*para los div que son titulos y forman cajas*/
	padding: 20px 60px 20px 60px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color: #E2E3E7;
	border-right-color: #E2E3E7;
	border-left-color: #E2E3E7;
	background-color: #EEF7CF;
}
.bordeInfoSup {
	/*para divs que tienen contenidos */
	background-color: #F1F2F3;
	border-style: solid;
	border-width: 1px;
	border-color: #E2E3E7;
	padding: 10px 60px 5px 60px;
	margin-bottom: 15px;
}
.bordeNegro {
	/* el borde negro que tienen las tablas*/
	border: 1px solid #676767;
	margin-bottom: 15px;
}
.fondoVerde {
	/*fondo verde con padding para algunos divs*/  /*no aparece*/
	background-color: #EEF7CF;
	padding: 8px 8px 7px 5px;
	margin-right: 3px;
}
.fondoVerde2 {
	/* fondo verde para las tablas de fondo verde, como los títulos de las tablas*/
	background-color: #EEF7CF;
	margin-bottom: 5px;
	margin-top: 15px;
}
.fondoGris {
	padding: 10px 5px 10px 5px;
	background-color: #F1F2F3;
}
.fondoGris10margin {
	margin: 10px 10px 0px 10px;
	background-repeat: no-repeat;
	background-color: #F1F2F3;
}
.fondoVerdeLogin {
	/* fondo verde para las tablas de fondo verde, como los títulos de las tablas*/
	padding: 4px;
	background-color: #EEF7CF;
}
/*cajas, bordes y separadores FINAL--------------------------->>>>>>>>>>>>>>>>*/



/*Cajas, pestañas y fondos con imagenes---------------------->>>>>>>>>>>>>>>>>>*/
.recuadroPeque {
	background-image: url('../images/img_recuadroPeque.jpg');
	background-repeat: no-repeat;
	width: 226px;
	height: 94px;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
.imgRecuadro {
	background-image: url('../images/img_recuadro.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	width: 346px;
	height: 142px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pestanaActiva {
	background-image: url('../images/img_pestana.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #0058b1;
	font-weight: bold;
	width: 160px;
	height: 30px;
	text-align: center;
}
.pestanaActiva a:link {
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #0058b1;
	font-weight: bold;
	width: 160px;
	height: 30px;
	text-align: center;
	text-decoration:none;
}
.pestanaActiva a:hover {
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #0058b1;
	font-weight: bold;
	width: 160px;
	height: 30px;
	text-align: center;
	text-decoration:none;
}
.pestanaActiva a:visited {
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #0058b1;
	font-weight: bold;
	width: 160px;
	height: 30px;
	text-align: center;
	text-decoration:none;
}
.pestanaCerrada {
	background-image: url('../images/img_pestana_cerrada.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #CCCCCC;
	font-weight: bold;
	width: 160px;
	height: 30px;
	text-align: center;
}
.pestanaCerrada a:link {
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #CCCCCC;
	font-weight: bold;
	width: 160px;
	height: 30px;
	text-align: center;
	text-decoration:none;
}
.pestanaFiltros {
	background-image: url('../images/img_pestana.gif');
	background-repeat: no-repeat;
	padding-left: 10px;
	width: 168px;
	height: 30px;
}
.tituloPestana {
	padding-top: 5px;
}
.fondoGratis {
	background-image: url('../images/img_publique_gratis.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	height: 250px;
}
.fondoDestacada {
	background-image: url('../images/img_destacado_small.jpg');
	background-position: center;
	background-repeat: no-repeat;
	height: 208px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0058b1;
	font-size: 14px;
	font-weight: bold;
	padding-top: 25px;
	text-align: center;
	vertical-align: top;
}
.fondoCombinada {
	height: 208px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../images/img_combinada_small.jpg');
	font-family: Arial, Helvetica, sans-serif;
	color: #0058b1;
	font-size: 14px;
	font-weight: bold;
	padding-top: 25px;
}
.listas {
	list-style-image: url('../images/img_bullets.gif');
}
.listasGrises {
	list-style-image: url('../images/img_bullets2.gif');
}
.bullets_divs {
	margin: 5px 5px 10px 2px;
	background-image: url('../images/img_bullets2.gif');
	background-position: 1px 3px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 18px;
}
.imgRecuadro2 {
	background-image: url('../images/img_recuadro2.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	width: 269px;
	height: 142px;
}
.tituloGrisDegrade {
	background-image: url('../images/bk_titulogris.jpg');
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #0058b1;
	font-size: 18px;
}
.tituloGrisDegradeMenor {
	padding: 5px;
	background-image: url('../images/bk_titulogris.jpg');
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #0058b1;
	font-size: 14px;
	font-weight: bold;
}
/*Cajas, pestañas y fondos con imagenes FINAL----------->>>>>>>>>>>>>>>>>>*/


.lineaSeparadorTop {
	margin-top: 15px;
	border-top-style: dashed;
	border-width: 1px;
	border-color: #cccccc;
	margin-bottom: 15px;
}
.pestana_cerrada a:link {
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #828487;
	font-weight: bold;
	width: 160px;
	height: 30px;
	text-align: center;
	text-decoration:none;
}
.pestana_cerrada a:visited {
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #828487;
	font-weight: bold;
	width: 160px;
	height: 30px;
	text-align: center;
	text-decoration:none;
}
.pestana_cerrada a:hover {
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CD8B21;
	font-weight: bold;
	width: 160px;
	height: 30px;
	text-align: center;
	text-decoration:none;
}
.fondoVerde3 {
	/*fondo verde con padding para algunos divs*/  /*no aparece*/
	background-color: #E5E5E5;
	padding: 8px 8px 7px 5px;
}
/*Cajas, pestañas y fondos con imagenes FINAL----------->>>>>>>>>>>>>>>>>>*/
.DatosMiCuenta {
	float: right;
	width: 165px;
	margin-bottom: 15px;
	margin-right: 3px;
	margin-left: 5px;
}
.bullets_divs {
	margin: 5px 5px 10px 2px;
	background-image: url('../images/img_bullets2.gif');
	background-position: 1px 3px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 18px;
}
.fondoCreeHome {/*Para decirle a Andres ke lo cambie*/
	background-image: url('../images/log_in_1.jpg');
	background-repeat:no-repeat;
}
/*Correciones para Explorer 6*/
* html .fondoCreeHome {
	background-image: url('../images/log_in_1.jpg');
	background-position: center center;
	background-repeat:no-repeat;
}
.camposCreeHome {
	float:left;
	width: 110px;
}
.lineaVerticalIzquierda {
	border-left-style: dashed;
	border-left-width: 1px;
	margin-left: 5px;
	padding-left: 5px;
	border-color: #cccccc;
}
#pauta300x250 {
	padding: 4px;
	width: 300px;
	background-color: #E0E4EB;
	margin-bottom: 15px;
	text-align: center;
	vertical-align: bottom;
}
/*ToolTip*/
#hintbox {
	/*Tipográfia*/
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	/*Posición*/
position:absolute;
	top: 0;
	/*Fondo*/
background-color: #ffffff;
	/*Tamaño de ancho y espacio interno*/
width: 300px;
	padding: 7px 7px;
	/*Borde*/
border:1px solid black;
	color:#9B9B9A;
	line-height:16px;
	border-color:#cccccc;
	/*Transprencia*/
filter: alpha(opacity=95); /*Explorer*/
	opacity: .95; /*Firefox*/
	-moz-opacity:0.95; /*Mozilla*/
	visibility: hidden;
}
.toolTipLink {
	cursor:pointer;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
/*nuevo registro */
.pestana_linea {
	height:28px;
	background-repeat:repeat-x;
	background-image:url('../images/img_linea_pestanas.gif')
}
.pestana_registro_general {
	height:28px;
	width:172px;
	color:#666666;
	background-repeat:no-repeat;
	font-size:12px;
	padding:5px 0 0 0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	background-image:url('../images/pest_registro_off.jpg')
}
.pestana_registro_general a:link {
	color:#666666;
	text-decoration:none;
}
.pestana_registro_general a:visited {
	color:#666666;
	text-decoration:none;
}
.pestana_registro_general a:hover {
	color:#666666;
	text-decoration:underline;
}
.pestana_registro_general_on {
	color:#666666;
	height:28px;
	width:172px;
	background-repeat:no-repeat;
	font-size:12px;
	padding:5px 0 0 0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	background-image:url('../images/pest_registro_on.gif')
}
.pestana_registro_otra {
	height:28px;
	width:163px;
	color:#666666;
	background-repeat:no-repeat;
	font-size:12px;
	padding:5px 0 0 0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	background-image:url('../images/pest_otra_off.jpg')
}
.pestana_registro_otra a:link {
	color:#666666;
	text-decoration:none;
}
.pestana_registro_otra a:visited {
	color:#666666;
	text-decoration:none;
}
.pestana_registro_otra a:hover {
	color:#666666;
	text-decoration:underline;
}
.pestana_registro_otra_on {
	height:28px;
	width:163px;
	color:#666666;
	background-repeat:no-repeat;
	font-size:12px;
	padding:5px 0 0 0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	background-image:url('../images/pest_otra_on.gif')
}
.pestana_registro_pref {
	height:28px;
	width:225px;
	color:#666666;
	background-repeat:no-repeat;
	font-size:12px;
	padding:5px 0 0 0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	background-image:url('../images/pest_pref_off.jpg')
}
.pestana_registro_pref a:link {
	color:#666666;
	text-decoration:none;
}
.pestana_registro_pref a:visited {
	color:#666666;
	text-decoration:none;
}
.pestana_registro_pref a:hover {
	color:#666666;
	text-decoration:underline;
}
.pestana_registro_pref_on {
	height:27px;
	width:225px;
	color:#666666;
	background-repeat:no-repeat;
	font-size:12px;
	padding:5px 0 0 0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	background-image:url('../images/pest_pref_on.gif')
}
.fondo_piramide {
	background-image: url('../images/piramide.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
/*CSS de banner desplegable*/
#panel {
	height: 232px;
	display: none;
}
.slide {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: solid 1px #C64F00;
	background: url(../images/cabezote_bg_barra.jpg);
	background-repeat:repeat-x;
	background-position:center;
	text-align:center;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.active {
	background-position: right 12px;
}
.banner_cerrar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-image: url(../images/banner_cabezote_cerrar.jpg);
	background-repeat: no-repeat;
	background-position:right top;
	float: right;
	height: 18px;
	width: 48px;
	padding-top:8px;
	padding-left: 25px;
}
.banner_cerrar a:link, .banner_cerrar a:visited {
	color: #333333;
	text-decoration:none;
}
.banner_cerrar a:hover {
	color: #333333;
	text-decoration:underline;
}
/*CSS de banner desplegable*/
/**/
.caja_verde {
	background-color:#E5E5E5;
}
.caja_verde p {
	margin:0px;
	padding:15px;
	float:left;
}
.caja_verde table {
	float:left;
}
.caja_aviso_naranja {
	background-color:#E5E5E5;
	color:#CA891F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:7px 9px 0px 3px;
}
.caja_aviso_naranja a, .caja_aviso_naranja a:link, .caja_aviso_naranja a:hover {
	color:#0058B1;
	font-size:11px;
	text-decoration:underline;
}
.caja_aviso_naranja img {
	padding:2px 8px 8px 8px;
	float:left;
}
.caja_aviso_naranja p {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
padding:0px 0px 10px 0px;
margin:0px;
}
.caja_aviso_verde{
	background-color:#E5E5E5;
	color:#0058B1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:7px 9px 0px 3px;
}
.caja_aviso_verde img {
	padding:2px 26px 8px 26px;
	float:left;
}
.caja_aviso_verde p {
padding: 12px 10px 0px 10px;
margin:0px;
}


/**/

