/* GENERAL */
* {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
}

body,html {
	margin: 0px;
    padding:0;
    height:100%;
	color:#444444;
	font-size:12px;
}

/*----********************************* PANELES ********************************----*/
#PanelPrincipal {
	width: 100%; 
	height: 600px;
/*	background:url(images/bodybg.gif) 0 0 no-repeat;  */
/*	
	position:relative; 
	margin:0 auto; 
	padding:10px 0 0 10px;
*/
	position:absolute;
	left: 0px;
	top: 0px;
}

#indice{
/*	background-image: url(imagenes/logo_osd.jpg);  */
	background-image: url(imagenes/sivoz_logo2.jpg); 
	background-repeat: no-repeat;
	background-position: center center;

}
	
#ContenedorCitas{
	background-color: #EFEFEF;
	width:400px;
	height:200px;
	border:1px solid #006699;
	color:#0000F2;
	position:absolute;
	left: 770px;
	top: 0px;
/*	overflow: auto; */
}
/* ENCABEZADO */
#PanelEncabezado{
	width: 100%;
	height: 73px; /*103*/
	margin: 0 auto;
	background-image: url(imagenes/banner_fondo.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#PanelEncabezado td.esquina{
	background-image: url(imagenes/A1.gif);
	background-repeat: no-repeat;
	height: 80px; /* 73 */
	width: 87px;
}

#PanelEncabezado td.esquina2{
	background-image: url(imagenes/A2.gif);
	background-repeat: no-repeat;
	height: 80px; /* 73 */
	width: 35px;
}

#PanelEncabezado td.lineas{
	background-image: url(imagenes/lineas.gif);
	background-repeat: repeat-x;
	height: 10px;
	background-position: bottom;
}

#PanelEncabezado td.fondo{
	background-image: url(imagenes/banner.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 800px;
	height: 60px;
	
	color: #FFFFFF;
	text-align: right;
	font-size: 25px;
	font-weight: bold;
}

#PanelEncabezado td.imgEmpresa{
	background-image: url(imagenes/logo.png);
	background-repeat: no-repeat;
	height: 62px;
	width: 192px;
}

#PanelEncabezado td.imgSivoz{
	background-image: url(imagenes/sivoz_logo.jpg);
	background-repeat: no-repeat;
	height: 62px;
	width: 100px;
	background-position: center;
}

#PanelEncabezado td.titulos{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

/* PIE DE PAGINA */

/* OTROS */
#PanelCuerpo{
	width: 760px; /* 760 */
	height: 400px;
/*	background-color: #CCCCCC; */
/*	margin:0 auto; */

/*	
	background-image: url(imagenes/diadema.jpg);
	background-repeat: no-repeat;
	background-position: center;

	border-bottom: thin solid #8790A1;
	border-right: thin solid #8790A1;
*/
}

#PanelCuerpo .contenido{
	vertical-align: top;
}

#PanelCuerpo .menu{
/*	background-color: #666666;
	vertical-align: top;
/*	width:90px;
	text-transform: capitalize;
*/
	vertical-align: top;

	background-image:url(imagenes/fondo_menu.jpg);
	background-repeat:repeat;
	background-position:top;
	width:150px;
	height:600px;
	border:0;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	list-style:none;
	margin:0;
	padding:0;
}

#PanelCuerpo .menu a{
/*	width:20px;   */
/*	display:block;
	color:#FFFFFF;
	text-decoration:none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
*/
	display:block;
	width:136px;
	padding:4px 0;
	
	text-decoration:none;
	text-align:left;
	text-indent:1px;
	color:#FFFFFF;
	background-color:#006699;
	border-left:10px solid #CC6666;/*Agrego borde ancho a la izquierda*/
}

#PanelCuerpo .menu a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color: #FF0000;
/*	font-weight: bold; */
}

#PanelCuerpoDireccion{
	width: 100%; /* 760 */
	height: 400px;
/*	background-color: #CCCCCC;*/
/*	margin:0 auto; */

/*	
	background-image: url(imagenes/diadema.jpg);
	background-repeat: no-repeat;
	background-position: center;

	border-bottom: thin solid #8790A1;
	border-right: thin solid #8790A1;
*/
}

#PanelCuerpoDireccion .contenido{
	vertical-align: top;
	width: 90%;
}

#PanelCuerpoDireccion .menuDireccion{
	background-color: #E0F2FF;
	vertical-align: top;
	width:120px;
	text-transform: capitalize;

/*
	background-image:url(imagenes/fondo_menu.jpg);
	background-repeat:repeat;
	background-position:top;
	width:100px;
	border:0;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	list-style:none;
	margin:0;
	padding:0;
	vertical-align:top;
*/
	line-height: 1.4;
}

#PanelCuerpoDireccion .menuDireccion .area{
	display:block;
	vertical-align: top;
/*	width:100%; /* 90px*/
	text-transform: capitalize;
	font-weight: bold;
	color: #154360; /*003253, FFFFFF*/
	cursor: pointer;
/*	border-bottom: thin solid #CCCCCC; */
	
	padding: 0px 0px 0px 10px;
/*	margin-bottom: 1px;*/
	
	text-decoration:none;
	text-align:left;
	vertical-align: middle;
	text-indent:1px;
	background-color:#EBF5FB; /*C0C0C0, 245677, 366889*/
/*	border-left:10px solid #CC6666;/*Agrego borde ancho a la izquierda*/	

	background-image: url(imagenes/arrow.gif); 
	background-repeat: no-repeat;
	background-position: right center;
}

#PanelCuerpoDireccion .menuDireccion .area:hover{
	color:#FFFFFF;
	background-color: #A9CCE3; ;/*0000FF, EBF5FB*/
/*	border-left-color:#C0C0C0; */
	border-radius: 4px;
}

#PanelCuerpoDireccion .menuDireccion .seccion{
	text-indent: 5px;
	display:block; 
	background-color: #D6EAF8; /*FFF 003253*/
	vertical-align: top;
	width:100%; /* 90px*/
	text-transform: capitalize;
	font-weight: bold;
	color: #154360; /*FFFFFF*/
	
	background-image: url(imagenes/arrow.gif); 
	background-repeat: no-repeat;
	background-position: right center;

	border-radius: 4px;
	border-bottom: thin solid #2980B9;
}

#PanelCuerpoDireccion .menuDireccion .seccion:hover{
	background-color: #A9CCE3; /*#0000FF*/
}

#PanelCuerpoDireccion .menuDireccion .submenu{
	display:block;
	vertical-align: top;
	text-transform: capitalize;
	font-weight: bold;
	color: #FFFFFF; /*003253*/
	cursor: pointer;
/*	border-bottom: thin solid #CCCCCC; */
	padding: 0px 0px 0px 15px;	
	text-decoration:none;
	text-align:left;
	vertical-align: middle;
	text-indent:1px;
	background-color:#75A7C8; /*C0C0C0,245677*/

	background-image: url(imagenes/arrow.gif); 
	background-repeat: no-repeat;
	background-position: right center;
}

#PanelCuerpoDireccion .menuDireccion .submenu:hover{
	color:#FFFFFF;
	background-color: #0000FF;
/*	border-left-color:#C0C0C0; */
}

#PanelCuerpoDireccion .menuDireccion .modulo{
	display:block; 
	background-color: #666666;
	vertical-align: top;
	width:100%; /* 90px*/
	text-transform: capitalize;
	font-weight: bold;
	color: #FFFFFF;
}

#PanelCuerpoDireccion .menuDireccion a{
	display:block; 
	color: #545454;
	background-color: #FFFFFF; /*EBECFF*/
	text-indent: 10px;
	text-decoration:none;
	text-transform:capitalize;
	/*border-bottom: thin solid #CCCCCC;*/
}
#PanelCuerpoDireccion .menuDireccion a:hover{
	/*color:#FFFFFF;*/
	text-decoration:none;
	/*background-color: #FF0000;*/
/*	font-weight: bold; */
	border: thin solid #FF0000;
}

#PanelCuerpoDireccion .menuDireccion a.nivel1{
	padding: 0px 0px 0px 5px;
/*	display: block; */
	color: #545454;
	background-color: #FFFFFF; /*EBECFF*/
/*	text-indent: 10px;*/
	text-decoration:none;
	text-transform:capitalize;
	border-bottom: thin solid #CCCCCC;

	background-image: url(imagenes/menu_list.png); 
	background-repeat: no-repeat;
	background-position: 5px;
}
#PanelCuerpoDireccion .menuDireccion a.nivel2:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color: #FF0000;
/*	font-weight: bold; */
}

#PanelCuerpoDireccion .menuDireccion a.nivel2{
	padding: 0px 0px 0px 10px;
/*	display: block; */
	color: #545454;
	background-color: #FFFFFF; /*EBECFF*/
/*	text-indent: 10px;*/
	text-decoration:none;
	text-transform:capitalize;
	border-bottom: thin solid #CCCCCC;

	background-image: url(imagenes/menu_list.png); 
	background-repeat: no-repeat;
	background-position: 10px;
}

#PanelCuerpoDireccion .menuDireccion a.nivel2:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color: #FF0000;
/*	font-weight: bold; */
}

#PanelCuerpoDireccion .menuDireccion a.nivel2Sel{
	padding: 0px 0px 0px 10px;
/*	display: block; */
	color: #FFFFFF;
	background-color: #FF0000; /*EBECFF*/
/*	text-indent: 10px;*/
	text-decoration:none;
	text-transform:capitalize;
	border-bottom: thin solid #CCCCCC;

	background-image: url(imagenes/menu_list.png); 
	background-repeat: no-repeat;
	background-position: 10px;
}

#PanelCuerpoDireccion .menuDireccion a.nivel3{
	padding: 0px 0px 0px 15px;
/*	display: block; */
	color: #545454;
	background-color: #FFFFFF; /*EBECFF*/
/*	text-indent: 10px;*/
	text-decoration:none;
	text-transform:capitalize;
	/*border-bottom: thin solid #CCCCCC;*/

	background-image: url(imagenes/menu_list.png); 
	background-repeat: no-repeat;
	background-position: 15px;

	border-radius: 4px;
}
#PanelCuerpoDireccion .menuDireccion a.nivel3:hover{
	/*color:#FFFFFF;*/
	text-decoration:none;
	/*background-color: #FF0000;*/
/*	font-weight: bold; */
	border: thin solid #FF0000;
}

#PanelCuerpoDireccion .menuDireccion a.nivel3Sel{
	padding: 0px 0px 0px 15px;
/*	display: block; */
	color: #FFFFFF;
	background-color: #FF0000;
/*	text-indent: 10px;*/
	text-decoration:none;
	text-transform:capitalize;
	border-bottom: thin solid #CCCCCC;

	background-image: url(imagenes/menu_list.png); 
	background-repeat: no-repeat;
	background-position: 15px;
}

#Busqueda{
	width: 100%;
/*	background-color: #55AAFF; */
	background-color:#3399CC;
	border-top: thin solid #666666;
	border-bottom: thin solid #666666;
/*	color: #FFFFFF;*/
}

#Busqueda .encabezado{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	background-color:#006699;
}

#Busqueda .titulo{
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
}

#datosCartera{
	width: 100%;
	background-color: #F0F0F0;
/*	border-bottom: thin dotted #666666; */
}

#datosCartera .encabezado{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	background-color:#006699;
}

#datosCartera .titulo{
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
}

#datosCuenta{
	width: 100%;
	background-color: #FFF; /*#F0F0F0;*/
	border-bottom: thin double #666666;
}

#datosCuenta .encabezado{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	background-color:#006699;
}

#datosCuenta .titulo{
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
}

#datosLocalizacion{
	width: 100%;
	background-color: #FFF; /*#F0F0F0;*/
}

#datosLocalizacion .encabezado{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	background-color:#006699;
}

#datosLocalizacion .titulo{
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
}

#datosCredito{
	width: 100%;
	background-color: #FFF; /*#F0F0F0;*/
}

#datosCredito .encabezado{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	background-color: #006699;
}

#datosCredito .titulo{
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
}

#datosFinancieros{
	width: 100%;
	background-color: #FFF; /*#F0F0F0;*/
	border-bottom: thin double #666666;
}

#datosFinancieros .encabezado{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	background-color:#006699;
}

#datosFinancieros .titulo{
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
}

#datosGestion{
	width: 100%;
	background-color: #FFF; /*#F0F0F0;*/
}

#datosGestion .encabezado{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	background-color: #006699;	
}

#datosGestion .titulo{
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
}

#datosAval{
	width: 100%;
	background-color: #FFF;/*#F0F0F0;*/
}

#datosAval .encabezado{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	background-color: #006699;
}

#datosAval .titulo{
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
}

#datosDomicilio{
	width: 100%;
	background-color: #FFF;/*#F0F0F0;*/
}

#datosDomicilio .encabezado{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	background-color: #006699;
}

#datosDomicilio .titulo{
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
}

#Gestion{
	width: 100%;
	background-color: #F0F0F0;
}

#Gestion .encabezado{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	background-color: #006699;
}

#Gestion .titulo{
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
}

.titulo2{
	font-weight: bold;
	color: #0000FF;
}

/* DIRECCION */
#PanelDireccion{
	width: 100%;
	background-color: #CCCCCC;
}

#PanelDireccion .encabezado{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	background-color: #666666;
}

#PanelDireccion .encabezado2{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
	border-top: 2px solid #666666;
	border-bottom: 3px solid #666666;
}

#PanelDireccion .titulo{
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
}

#plan_pagos{
	border: thin solid #666666;
	background-color:#99CCFF;
	text-align:center;
	width: 450px;
	position: absolute;
	top: 5px;
	left: 150px;
	color:#000000;
/*	display: none;*/ 
}

#condonacion{
	border: thin solid #666666;
	background-color:#99CCFF;
	text-align:center;
	width: 450px;
	position: absolute;
	top: 5px;
	left: 150px;
	color:#000000;
	/*display: none;*/
}

#proyeccion{
	border: thin solid #666666;
	background-color:#99CCFF;
	text-align:center;
	width: 450px;
	position: absolute;
	top: 5px;
	left: 150px;
	color:#000000;
	/*display: none;*/
}

/* REPORTES */
#PanelReporte{
	width: 100%;
	background-color: #CCCCCC;
}

#PanelReporte .encabezado{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	background-color: #666666;
}

#PanelReporte .titulo{
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
}

#PanelReporte .cartera{
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
	background-color: #0099FF;
}

#PanelReporte .visitador{
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
	background-color: #FFFF99;
}
#PanelReporte .total{
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	background-color: #FFFFCC;
}
#PanelReporte .total_cartera{
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-align: right;
	background-color: #0099FF;
}
#PanelReporte .total_vistador{
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
	text-align: right;
	background-color: #FFFFCC;
}

.cronometro{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

.importante{
	font-weight: bold;
	color: #0000FF;
}

.imprimir{
	border: none;
	cursor: pointer;
}

.num{
	text-align:right;
	padding-right:10px;
}

/*******************************************************************************************/
/************************************* TELEMARKETING ***************************************/
/*******************************************************************************************/
#encPedido{
	width: 100%;
	background-color: #99CCFF;
}

#encPedido .encabezado{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	background-color: #666666;
}

#encPedido .titulo{
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
}

#datosPedido{
	width: 100%;
	background-color: #99CCFF;
}

#datosPedido .encabezado{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	background-color: #666666;
}

#datosPedido .titulo{
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
}

.nota{
	font-size:10px;
	text-align:center;
}

.cita{
	background-color:#CCCCCC;
	cursor:pointer;
}

.cita:hover{
	background: #CCFFCC;
	color: #000000;
}

.renglonPar{
	background-color:#FFFFFF;
	cursor:pointer;
}

.renglonPar:hover{
	background: #CCFFCC;
	color: #000000;
}

.renglonImpar{
	background-color:#CCCCCC;
	cursor:pointer;
}

.renglonImpar:hover{
	background: #CCFFCC;
	color: #000000;
}

.renglonSel{
	background: #A9F5A9;
	color: #000000;
}

div.transparente{
	background-image:url(imagenes/fondo_logOut.png);
	background-repeat:repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	display: none;
	position: fixed;		/* Overrides 'absolute' above */
	z-index: 199;
}

.sms{
	background-color: #0066FF;
	border: 2px groove #000099;
	text-align: center;
	
	position: absolute;
	/*nos posicionamos en el centro del navegador*/
	top:50%;
	left:50%;
	/*determinamos una anchura*/
	width:450px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left:-200px;
	/*determinamos una altura*/
	height:200px;
	/*indicamos que el margen superior, es la mitad de la altura*/
	margin-top:-100px;
	padding:5px;
}
.sendMail{
	background-color: #0066FF;
	border: 2px groove #000099;
	text-align: center;
	
	position: absolute;
	/*nos posicionamos en el centro del navegador*/
	top:30%;
	left:35%;
	/*determinamos una anchura*/
	width:700px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left:-200px;
	/*determinamos una altura*/
	height:370px;
	/*indicamos que el margen superior, es la mitad de la altura*/
	margin-top:-100px;
	padding:5px;
}
#loading{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 9999;
  background-color: gray;
  opacity: 0.8;
}
/*----********************************* ESTILOS DE BARRA USUARIO ********************************----*/
.barra {
	background-image:url(imagenes/barra.jpg);
	background-repeat: repeat-x;
	background-position:top;
		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#003253;
	text-align:left;
	text-indent:2px;
	margin:0;
	padding:0;
	
	width:800px;
	height:15px;
	border:0;
}

/*----********************************* LOGOUT/PROCESANDO ********************************----*/
div.logout{
	background-image:url(../imagenes/fondo_logOut.png);
	background-repeat:repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
/*	display: none; */
}
body>div.logout {
	position: fixed;		/* Overrides 'absolute' above */
}

div.div_progreso{
	background-image:url(../imagenes/fondo_logOut.png);
	background-repeat:repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
        z-index: 15;
/*	display: none; */
}
body>div.div_progreso {
	position: fixed;		/* Overrides 'absolute' above */
}
div.banner {
  position: absolute;		/* Fallback if 'fixed' is not supported */
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100px;
}
div.endmatter>div.banner {
  position: fixed;		/* Overrides 'absolute' above */
  background-color:#00FF00;
}
#divLogOutText{
	color:#FFFFFF;
	margin: 10% auto 0 auto;
	width: 250px;
	height: 110px;
	border-style: outset;
	border-color: #0000FF;
	background-color:#0000AB;
}

/*
 * Tablas
 */