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

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

#PanelCuerpoDireccion .menuDireccion .area{
	display:block;
	vertical-align: top;
/*	width:100%; /* 90px*/
	text-transform: capitalize;
	font-weight: bold;
	color: #FFFFFF; /*003253*/
	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:#366889; /*C0C0C0,245677*/
/*	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: #0000FF;
/*	border-left-color:#C0C0C0; */
}

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

#PanelCuerpoDireccion .menuDireccion .seccion:hover{
	background-color: #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: #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; */
}

#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.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;
}
#PanelCuerpoDireccion .menuDireccion a.nivel3:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color: #FF0000;
/*	font-weight: bold; */
}


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

#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: #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: #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: #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;
}

#datosGestion{
	width: 100%;
	background-color: #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: #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: #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;
	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;
}

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

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