/* CSS Document */

html {
	margin-top: auto;
	margin-bottom: auto;
	height: 100%;
}
body {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	background-image: url(../image/fdobody.gif);
	background-color: #FFFFFF;
}
/* ------------------ contenedor ------------------------------------ */
#contenedor {
	width: auto;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #494949;
	font-style: normal;
	margin-bottom: 8px;
	overflow: hidden;
	font-weight: normal;
	font-variant: normal;
}
/* ------------------ marco superior  -------------------------------- */
#div1 {
	height: 80px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #03488a;
}
/* ------------------ grupo logo -------------------------------------- */
#grupologo {
	height: auto;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#logocia {
	width: 290px;
	float: left;
	height: 57px;
	padding-top: 13px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../image/logocia.gif);
}
#avisocentro {
	float: left;
	height: 70px;
	width: 440px;
}
#marcosupder {
	float: left;
	height: 70px;
	width: 70px;
	background-image: url(../image/logociad.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#bajomenu {
	height: auto;
	width: auto;
}
/* ------------------ fin grupo logo del div1 del marco superior -------- */

/* ------------------ barra menu superior ------------------------------- */
#barramenu {
	height: 30px;
	width: 800px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
}
.menuizqsup {
	width: auto;
	float: left;
	height: auto;
}
.menudersup {
	width: auto;
	float: right;
	height: 20px;
}
/* ------------------ fin grupo del menu superior ----------------------- */

/* ------------------ escritorio ---------------------------------------- */
#escritorio {
	height: auto;
	width: 800px;
	padding-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
/* ------------------ escritorio de proadmin y proing001 ---------------- */
#escritorioauto {
	height: auto;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #bed5e9;
	border-left-color: #bed5e9;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bed5e9;
	background-image: url(../image/fdoesc.gif);
	background-repeat: repeat-x;
	margin-top: 15px;
}
#esc_marcosup {
	height: 20px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #bed5e9;
	border-right-color: #bed5e9;
	border-left-color: #bed5e9;
	background-image: url(../image/sombrasup.gif);
	background-repeat: repeat-x;
}
#esc_marcoinf {
	height: 30px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/fdoesci.gif);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #bed5e9;
	border-bottom-color: #bed5e9;
	border-left-color: #bed5e9;
}
#esc_marcoinf0 {
	height: 20px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#esc_marcoinf1 {
	height: 20px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#escritorio_transparente {
	height: auto;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
/* ------------------ fin grupo escritorios --------------------------- */

/* ------------------ tabla barra navegacion de proadmin y proing001 -- */
#barranav {
	width: 175px;
	height: auto;
	float: left;
	background-image: url(../image/fdomenu.gif);
	background-repeat: repeat-y;
	margin-top: 28px;
}
#barranav #tabla {
	height: 200px;
	width: 160px;
	margin-left: 10px;
}
#barranav #tablausu {
	width: 150px;
	height: 250px;
	margin-left: 20px;
}
#barranav #tablaadm {
	padding-left: 8px;
	width: 165px;
	height: 255px;
}
#barranav #bordesm {
	height: 25px;
	width: 175px;
	background-image: url(../image/bordesm.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#barranav #bordeim {
	height: 45px;
	width: 175px;
	background-image: url(../image/bordeim.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#barranav #avisobm {
	height: 230px;
	width: 175px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../image/banermenu01.gif);
	background-color: #FFFFFF;
}
#bbarranav {
	width: 165px;
	height: 20px;
	padding-left: 8px;
}
#bbarranavusu {
	width: 165px;
	height: 20px;
	padding-left: 8px;
}
/* ------------------ fin barra navegacion  --------------------------- */


/* ----------------------------  ---------------------------- */
/* ----------------------------  ---------------------------- */
/* ----------------------------  ---------------------------- */
/* ----------------------------  ---------------------------- */


/* ------------------ contenido --------------------------------------- */
#contenido {
	width: auto;
	height: auto;
	margin-left: 0px;
	padding-top: 22px;
	overflow: hidden;
}
#contenidoauto {
	width: auto;
	height: auto;
	margin-left: 0px;
}
#contenido3 {
	height: 20px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

/* ------------------ inicio ------------------------------------------ */
#opinicio {
	width: auto;
	height: auto;
}
#opinicio .contenido1 {
	height: 180px;
	width: 605px;
}
#opinicio .encabezado   {
	width: 518px;
	background-repeat: no-repeat;
	height: 137px;
	background-image: url(../image/GifAnimados/banner1.gif);
}
#opinicio .espacio1 {
	height: 35px;
}
#opinicio .renglon1 {
	background-image: url(../image/b1.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	margin-left: 28px;
	margin-right: 28px;
	background-color: #E0E0E0;
	height: 35px;
	width: auto;
	background-position: 8px 5px;
}
#opinicio .renglon2 {
	margin-right: 28px;
	margin-left: 28px;
	background-image: url(../image/b2.gif);
	background-repeat: no-repeat;
	height: 35px;
	margin-top: 10px;
	padding-left: 40px;
	background-color: #E0E0E0;
	background-position: 8px 5px;
}
#opinicio .renglon3 {
	margin-right: 28px;
	margin-left: 28px;
	background-image: url(../image/b3.gif);
	background-repeat: no-repeat;
	height: 35px;
	margin-top: 10px;
	padding-left: 40px;
	background-color: #E0E0E0;
	background-position: 8px 5px;
}
#opinicio .textoabajo {
	color: #333333;
	background-color: #F6F4F4;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 20px;
	border: 1px solid #999999;
	padding: 3px;
}

/* ------------------ prestamos ---------------------------------------- */
#opprestamos {
	width: auto;
	display: none;
}
#opprestamos .contenido1 {
	height: 180px;
	width: 540px;
}
#opprestamos .encabezado   {
	background-image: url(../image/GifAnimados/banner2.gif);
	background-repeat: no-repeat;
	height: 140px;
	width: 540px;
}
#opprestamos .espacio1 {
	height: 18px;
}
#opprestamos .renglon1 {
	background-image: url(../image/flechita.gif);
	background-repeat: no-repeat;
	height: 18px;
	padding-left: 35px;
	margin-left: 30px;
	margin-right: 30px;
	background-color: #E0E0E0;
	padding-top: 5px;
	margin-top: 10px;
	background-position: 3px 3px;
}
#opprestamos .renglon2 {
	margin-right: 30px;
	margin-left: 30px;
	background-image: url(../image/flechita.gif);
	background-repeat: no-repeat;
	height: 18px;
	padding-left: 50px;
	background-color: #E0E0E0;
	margin-top: 10px;
	padding-top: 5px;
	background-position: 3px 3px;
}
#opprestamos .renglon3 {
	margin-right: 30px;
	margin-left: 30px;
	background-image: url(../image/logito18.gif);
	background-repeat: no-repeat;
	height: 40px;
	margin-top: 10px;
	padding-left: 50px;
	background-color: #E0E0E0;
	padding-top: 5px;
}

/* ------------------ requisitos -------------------------------------- */
#oprequisitos {
	width: auto;
	display: none;
}
#oprequisitos .contenido1 {
	height: 180px;
	width: 540px;
}
#oprequisitos .encabezado   {
	background-image: url(../image/GifAnimados/banner3.gif);
	background-repeat: no-repeat;
	height: 140px;
	width: 540px;
}
#oprequisitos .parrafo   {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	line-height: 22px;
	padding-top: 15px;
}
#oprequisitos .contenido2t {
	background-image: url(../image/requisitos.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 540px;
	margin-top: 30px;
}
#oprequisitos .titulo {
	font-size: 24px;
	color: #FFFFFF;
	font-family: "Arial Rounded MT Bold";
	padding-left: 20px;
	background-image: url(../image/rayitacomofunciona1.gif);
	background-repeat: repeat-x;
}
#oprequisitos .espacio1 {
	height: 20px;
}
#oprequisitos .renglon1 {
	background-image: url(../image/flechita.gif);
	background-repeat: no-repeat;
	height: 18px;
	padding-left: 35px;
	margin-left: 30px;
	margin-right: 30px;
	background-color: #E0E0E0;
	padding-top: 5px;
	background-position: 3px 3px;
	margin-top: 10px;
}
#oprequisitos .renglon2 {
	margin-right: 30px;
	margin-left: 30px;
	background-image: url(../image/logito18.gif);
	background-repeat: no-repeat;
	height: 18px;
	padding-left: 50px;
	background-color: #E0E0E0;
	margin-top: 10px;
	padding-top: 5px;
}
#oprequisitos .renglon3 {
	margin-right: 30px;
	margin-left: 30px;
	background-image: url(../image/flechita.gif);
	background-repeat: no-repeat;
	height: 30px;
	margin-top: 10px;
	padding-left: 35px;
	background-color: #E0E0E0;
	padding-top: 5px;
	background-position: 3px 3px;
}
#oprequisitos .texto  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#oprequisitos .textoabajo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #F6F4F4;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
/* ------------------ inversores --------------------------------------- */
#opinversores {
	width: auto;
	display: none;
}
#opinversores .contenido1 {
	height: 215px;
	background-image: url(../image/rayasup.gif);
	background-repeat: repeat-x;
	background-position: 0px 180px;
	width: 540px;
}
#opinversores .contenidof {
	height: 100px;
	width: 540px;
}
#opinversores .encabezado   {
	background-image: url(../image/GifAnimados/banner04.gif);
	background-repeat: no-repeat;
	height: 140px;
	width: 540px;
}
#opinversores .parrafo   {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	line-height: 22px;
	padding-top: 15px;
}
#opinversores .contenido2t {
	background-image: url(../image/invierta.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 540px;
	margin-top: 30px;
}
#opinversores .espacio1 {
	height: 25px;
}
#opinversores .renglon1 {
	background-image: url(../image/flechita.gif);
	background-repeat: no-repeat;
	height: 18px;
	padding-left: 35px;
	margin-left: 30px;
	margin-right: 30px;
	background-color: #E0E0E0;
	padding-top: 10px;
	background-position: 3px 3px;
}
#opinversores .renglon2 {
	margin-right: 30px;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../image/logito18.gif);
	background-repeat: no-repeat;
	height: 18px;
	padding-left: 50px;
	background-color: #F6F4F4;
	margin-top: 10px;
	padding-top: 5px;
}
#opinversores .renglon3 {
	margin-right: 30px;
	margin-left: 30px;
	background-image: url(../image/flechita.gif);
	background-repeat: no-repeat;
	height: 38px;
	margin-top: 10px;
	padding-left: 35px;
	background-color: #E0E0E0;
	padding-top: 5px;
	background-position: 3px 3px;
}
#opinversores .texto  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#opinversores .textoabajo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #F6F4F4;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
/* ------------------ contenido legales -------------------------------- */
#opterminos {
	height: auto;
	width: auto;
	display: none;
}
#oppoliticas {
	height: auto;
	width: auto;
	display: none;
}
#opprivacidad {
	height: auto;
	width: auto;
	display: none;
}
.relleno_leg {
	height: 120px;
	width: 540px;
}

.espacioT {
	width: auto;
	height: 5px;
}
.marcotextolegales {
	width: 766px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #3399cc;
	border-bottom-color: #3399cc;
	border-left-color: #3399cc;
	background-color: #FFFFFF;
}
.textolegales {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F6F4F4;
	width: auto;
	margin: 10px;
	padding: 10px;
}
/* ------------------ opcion listo ------------------------------------- */
#oplisto {
	width: auto;
	display: none;
}
#oplisto .contenido1 {
	height: 180px;
	width: 540px;
}
#oplisto .encabezado   {
	width: 540px;
	background-repeat: no-repeat;
	height: 140px;
	background-image: url(../image/GifAnimados/banner1.gif);
}
#oplisto .contenidof {
	height: 120px;
	width: 540px;
}

/* ------------------ contacto ---------------------------------------- */
#opcontacto {
	width: auto;
	display: none;
}
/* ------------------ recupero clave ---------------------------------- */
#oprclave {
	width: auto;
	display: none;
}
#oprclave .contenido1 {
	height: 180px;
	width: 540px;
}
#oprclave .encabezado   {
	width: 540px;
	background-repeat: no-repeat;
	height: 140px;
	background-image: url(../image/GifAnimados/banner1.gif);
}
/* ------------------ ingreso ----------------------------------------- */
#opingreso {
	width: auto;
	display: none;
	height: auto;
}
#opingreso .contenido1 {
	height: 180px;
	width: 540px;
}
#opingreso .encabezado   {
	width: 540px;
	background-repeat: no-repeat;
	height: 140px;
	background-image: url(../image/GifAnimados/banner1.gif);
}
#opingreso .titulo {
	height: 27px;
	width: 300px;
	margin-left: 105px;
	color: #FFFFFF;
	line-height: 27px;
	font-size: 12px;
}
#opingreso .titulo .centro {
	height: 27px;
	width: 220px;
	float: left;
	background-image: url(../image/bsa.gif);
	background-repeat: repeat-x;
}
#opingreso .contenido2 {
	height: auto;
	width: 298px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #3399cc;
	border-bottom-color: #3399cc;
	border-left-color: #3399cc;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	margin-left: 105px;
	background-color: #FFFFFF;
}
#opingreso .contenido3 {
	height: 75px;
	width: auto;
}
#opingreso .contenido3 .mensaje1 {
	height: 35px;
	width: 420px;
	background-image: url(../image/atencion.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	background-position: 35px 2px;
	padding-left: 85px;
	font-size: 11px;
}
#opingreso .contenido3 .mensaje2 {
	height: 36px;
	width: auto;
	font-size: 11px;
	padding-left: 85px;
}
#opingreso .texto  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4a4a4a;
	font-weight: normal;
	line-height: 28px;
}
#opingreso .textoabajo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #F6F4F4;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 20px;
}
#opingreso .caja1 {
	border: 1px solid #bed5e9;
	background-color: #FEFEFF;
	width: 258px;
	height: auto;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-image: url(../image/fdoforming.gif);
	background-repeat: repeat-x;
	float: left;
}
#opingreso .caja2 {
	border: 1px solid #bed5e9;
	background-color: #FEFEFF;
	width: 255px;
	height: 124px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-image: url(../image/fdoforming.gif);
	background-repeat: repeat-x;
	float: left;
}
/* ------------------ muestra mensaje de error de dni y clave ---------- */
#ingresoerror {
	width: auto;
	height: auto;
	display: none;
}
#ingresoerrordni {
	width: auto;
	height: auto;
	display: none;
}
#ingresoerrorclave {
	width: auto;
	height: auto;
	display: none;
}
.erroringreso {
	width: auto;
	background-color: #FF9966;
	border: 1px solid #FF0000;
	margin-right: 5px;
	margin-left: 5px;
	height: 20px;
	text-align: center;
	padding-top: 2px;
	margin-bottom: 7px;
}
.erroringreso .filae {
	width: auto;
	height: 20px;
	text-align: center;
}

/* ----------------- registro ------------------------------------------ */
#opregistro {
	width: auto;
	display: none;
}
#opregistro .contenido2 {
	height: auto;
	width: 538px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.textofechasd {
	float: right;
	background-image: url(../image/filaraya.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 18px;
	text-align: right;
}

/* ------------------ ultima fila ------------------------------------- */
#ultimafila {
	height: 70px;
	width: auto;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}
.pie {
	height: 70px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
.textopie {
	width: auto;
	float: left;
	height: 40px;
	text-align: left;
	line-height: 16px;
	padding-top: 8px;
	padding-left: 5px;
}
.textoval {
	width: 90px;
	float: right;
	height: 40px;
	padding-top: 8px;
}
.relleno {
	height: 50px;
	color: #4a4a4a;
	text-align: center;
	background-color: #FFFFFF;
}

/* ------------------ ventanas generales de todo el sistema ------------ */
/* ------------------ boton x de las ventanas ---------------------------*/
.botonx {
	width: 20px;
	height: 20px;
	display: block;
	background-image: url(../image/bmx.gif);
	background-repeat: no-repeat;
	margin-top: 4px;
	margin-left: 8px;
}

/* ------------------ angulo izq. y der. de las ventanas ----------------*/
.barrasupvai {
	height: 27px;
	width: 40px;
	float: left;
	background-image: url(../image/logov.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.barrasupvad {
	height: 27px;
	width: 40px;
	float: left;
}
/* ------------------ titulo de ventanas de 300px -----------------------*/
.tituloventana300 {
	font-size: 12px;
	color: #FFFFFF;
	height: 27px;
	width: 300px;
	line-height: 27px;
	background-image: url(../image/v300.gif);
	margin-left: 105px;
}
.centroventana300 {
	height: 27px;
	width: 220px;
	font-weight: bold;
	float: left;
}
/* ------------------ titulo de ventanas de 540px -----------------------*/
.tituloventana540 {
	font-size: 12px;
	color: #FFFFFF;
	height: 27px;
	width: 540px;
	line-height: 27px;
	background-image: url(../image/v540.gif);
}
.centroventana460 {
	height: 27px;
	width: 460px;
	font-weight: bold;
	float: left;
}
.contenidoventana536 {
	height: auto;
	width: 538px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #3399cc;
	border-bottom-color: #3399cc;
	border-left-color: #3399cc;
	background-color: #FFFFFF;
	background-image: url(../image/fdov.gif);
	background-repeat: repeat-x;
	background-position: top;
}
/* ------------------ titulo de ventana de 768px ------------------------*/
.tituloventana768 {
	font-size: 12px;
	height: 27px;
	width: 768px;
	color: #FFFFFF;
	line-height: 27px;
	background-image: url(../image/v768.gif);
	background-repeat: no-repeat;
}
.centroventana688 {
	height: 27px;
	width: 688px;
	float: left;
	font-weight: bold;
}
.contenidoventana764 {
	height: auto;
	width: 766px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #3399cc;
	border-bottom-color: #3399cc;
	border-left-color: #3399cc;
	background-color: #FFFFFF;
	background-image: url(../image/fdov.gif);
	background-repeat: repeat-x;
	background-position: top;
	overflow: hidden;
}
/* ------------------ encabezado blanco de ventanas abajo de titulo ------*/
.subtitven {
	height: auto;
	width: auto;
	background-color: #FFFFFF;
	margin-right: 7px;
	margin-left: 7px;
	background-image: url(../image/fdovstv.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 15px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
/* ------------------ armado de contenido ventanas ----------------------*/
/* ------------------ primer marco contiene las ventanas ----------------*/
/* ------------------ y le da el color de fondo -------------------------*/
.primermarco {
	border: 1px solid #bed5e9;
	background-color: #FEFEFF;
	width: auto;
	height: auto;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-image: url(../image/fdov.gif);
	background-repeat: repeat-x;
}
.tablaventanas {
	border: 1px solid #bed5e9;
	width: auto;
	height: auto;
	margin: 5px;
}
.tablablanca {
	width: auto;
	height: auto;
}
/* ------------------ fin armado ventanas -------------------------------*/




/* ------------------ filas de formularios ----------------------------- */
.fila3 {
	height: 3px;
	width: auto;
	padding-left: 10px;
	clear: both;
}
.fila8 {
	height: 8px;
	width: auto;
	padding-left: 10px;
	clear: both;
}
.fila10 {
	height: 10px;
	width: auto;
	padding-left: 10px;
	clear: both;
}
.fila12 {
	height: 12px;
	width: auto;
	padding-left: 10px;
}
.fila15 {
	height: 15px;
	clear: both;
	padding-left: 10px;
}
.fila18 {
	height: 18px;
	clear: both;
	padding-left: 10px;
	width: auto;
}
.fila22 {
	height: 22px;
	clear: both;
	padding-left: 10px;
}
.fila25 {
	height: 25px;
	padding-left: 10px;
	width: auto;
}
.fila30 {
	height: 30px;
	padding-left: 10px;
	width: auto;
}
.fila35 {
	height: 35px;
	padding-left: 10px;
	width: auto;
}
.fila40 {
	height: 40px;
	padding-left: 10px;
	clear: both;
	padding-top: 5px;
}
.fila90 {
	height: 90px;
	padding-left: 10px;
	clear: both;
}
.filaraya10 {
	height: 10px;
	background-image: url(../image/filaraya.gif);
	background-repeat: repeat-x;
	background-position: center;
}
.ufila {
	height: auto;
}
/* ------------------ columnas de formularios -------------------------- */
.columna5 {
	float: left;
	width: 5px;
	height: 20px;
	line-height: 20px;
}
.columna10 {
	float: left;
	width: 10px;
	height: 20px;
	line-height: 20px;
}
.columna15 {
	float: left;
	width: 15px;
	height: 20px;
	line-height: 20px;
}
.columna25 {
	float: left;
	width: 25px;
	height: 20px;
	line-height: 20px;
}
.columna35 {
	float: left;
	width: 35px;
	height: 20px;
	line-height: 20px;
}
.columna40 {
	float: left;
	width: 40px;
	height: 20px;
	line-height: 20px;
}
.columna50 {
	float: left;
	width: 50px;
	height: 20px;
	line-height: 20px;
}
.columna60 {
	float: left;
	width: 60px;
	height: 20px;
	line-height: 20px;
}
.columna70 {
	float: left;
	width: 70px;
	height: 20px;
	line-height: 20px;
}
.columna80 {
	float: left;
	width: 80px;
	height: 20px;
	line-height: 20px;
}
.columna90 {
	float: left;
	width: 90px;
	height: 20px;
	line-height: 20px;
}
.columna100 {
	float: left;
	width: 100px;
	height: 20px;
	line-height: 20px;
}
.columna110 {
	float: left;
	width: 110px;
	height: 20px;
	line-height: 20px;
}
.columna120 {
	float: left;
	width: 120px;
	height: 20px;
	line-height: 20px;
}
.columna130 {
	float: left;
	width: 130px;
	height: 20px;
	line-height: 20px;
}
.columna150 {
	float: left;
	width: 150px;
	height: 20px;
	line-height: 20px;
}
.columna165 {
	float: left;
	width: 165px;
	height: 20px;
	line-height: 20px;
}
.columna170 {
	float: left;
	width: 170px;
	height: 20px;
	line-height: 20px;
}
.columna210 {
	float: left;
	width: 210px;
	height: 20px;
	line-height: 20px;
}
.columna220 {
	float: left;
	width: 220px;
	height: 20px;
	line-height: 20px;
}
.columna250 {
	float: left;
	width: 250px;
	height: 20px;
	line-height: 20px;
}
.columna300 {
	float: left;
	width: 300px;
	height: 20px;
	line-height: 20px;
}
.columna330 {
	float: left;
	width: 330px;
	height: 20px;
	line-height: 20px;
}
.columnaauto {
	float: left;
	width: auto;
	height: 20px;
	line-height: 20px;
}
.colbotones {
	width: 110px;
	height: 25px;
	float: left;
}
.colbotones1 {
	width: 150px;
	height: 25px;
	float: left;
}
.colradio25 {
	float: left;
	width: 25px;
	height: 20px;
	line-height: 20px;
}
/* ------------------ input varios -------------------------------------- */
.input80  {
	color:#000066;
	font-size: 12px;
	width: 80px;
	border: 1px solid #ccccff;
	height: 16px;
	line-height: 16px;
}
.input95  {
	color:#000066;
	font-size: 12px;
	width: 95px;
	border: 1px solid #ccccff;
	height: 16px;
	line-height: 16px;
}
.input  {
	color:#000066;
	font-size: 12px;
	width: 150px;
	border: 1px solid #ccccff;
	height: 16px;
	line-height: 16px;
}
.input100  {
	color:#000066;
	font-size: 12px;
	width: 100px;
	border: 1px solid #ccccff;
	height: 16px;
	line-height: 16px;
}
.input140  {
	color:#000066;
	font-size: 12px;
	width: 140px;
	border: 1px solid #ccccff;
	height: 16px;
	line-height: 16px;
}
.input200  {
	color:#000066;
	font-size: 12px;
	width: 200px;
	border: 1px solid #ccccff;
	height: 16px;
	line-height: 16px;
}
.input250  {
	color:#000066;
	font-size: 12px;
	width: 250px;
	border: 1px solid #ccccff;
	height: 16px;
	line-height: 16px;
}
.inputdni  {
	color:#000066;
	font-size: 14px;
	width: 100px;
	border: 1px solid #ccccff;
	height: 17px;
}	
.inputregistro  {
	color:#000066;
	font-size: 12px;
	width: 120px;
	border: 1px solid #ccccff;
	height: 16px;
	line-height: 16px;
	font-weight: bold;
}
.inputfecha {
	color:#000066;
	font-size: 12px;
	width: 78px;
	border: 1px solid #ccccff;
	height: 16px;
	line-height: 16px;
}
.inputfecddmm {
	color:#000066;
	font-size: 12px;
	width: 20px;
	border: 1px solid #ccccff;
	height: 16px;
	line-height: 16px;
}
.inputfecaaaa {
	color:#000066;
	font-size: 12px;
	width: 33px;
	border: 1px solid #ccccff;
	height: 16px;
	line-height: 16px;
}
.inputnpd {
	color:#000066;
	font-size: 12px;
	width: 40px;
	border: 1px solid #ccccff;
	height: 16px;	
	float: left;
}
.input_nro {
	color:#000066;
	font-size: 12px;
	width: 50px;
	border: 1px solid #ccccff;
	height: 16px;
	line-height: 16px;
	float: left;
}
.input_pd {
	color:#000066;
	font-size: 12px;
	width: 40px;
	border: 1px solid #ccccff;
	height: 16px;
	line-height: 16px;
	float: left;
}
.inputcontacto {
	color:#000066;
	font-size: 12px;
	border: 1px solid #ccccff;
	height: 70px;
	width: 350px;
}
.label200  {
	color:#000066;
	font-size: 12px;
	width: 200px;
	border: 1px solid #ccccff;
	height: 20px;
	line-height: 20px;
}
/* ------------------ fin inputs varios -------------------------------- */


/* ------------------ boton de los formularios ------------------------- */
.boton6519 {
	background-image: url(image/botongf.gif);
	background-repeat: no-repeat;
	width: 65px;
	height: 20px;
	display: block;
	line-height: 20px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}
form a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
form a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
form a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
form a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

/* -- ---------------- botones manejado por jquery --------------------- --*/
.botongrabar {
	background-image: url(../../image/bgrabar.gif);
	background-repeat: no-repeat;
	width: 40px;
	height: 11px;
	margin-top: 4px;
	display:block;
}
.botonedit {
	background-image: url(../../image/bedit.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 11px;
	margin-top: 4px;
	display:block;
}
.botoninsert {
	background-image: url(../../image/binsert.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 11px;
	margin-top: 4px;
	display:block;
}
.botonborrar {
	background-image: url(../../image/bborrar.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 11px;
	margin-top: 4px;
	display:block;
}

/* -- fin boton de formularios -- */
/* -- fin clases de armado de tablas, filas, columnas e input ----------- */
/* -- de campos de aplicaciones y boton de formularios -- */

/* ------------------- botones de la barra de navegacion -----------------*/
dl {
	margin: 0px;
}
dt {
	margin: 0px;
}
dd {
	margin: 0px;
}
ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 9px;
	margin-left: 0px;
	margin-right: 0px;
}
li {
	list-style-type: none;
}
#opciones dt a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
#opciones dt a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
#opciones dt a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
#opciones dt a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	width: 135px;
	height: 30px;
	display: block;
	text-decoration: none;
	padding-left: 15px;
}
/* ------------------ boton menu ----------------------------------------*/
.botonmenu {
	color: #666666;
	width: 135px;
	height: 30px;
	background-position: left center;
	display: block;
	text-decoration: none;
	background-image: url(../image/fmenu.gif);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99D0E8;
	padding-left: 15px;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
/* ------------------ boton submenu --------------------------------------*/
.botonsmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width: 125px;
	height: 22px;
	display: block;
	text-decoration: none;
	padding-left: 8px;
	line-height: 22px;
	background-color: #FFFFFF;
}
#opciones li a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	background-image: url(../image/fdosmenu.gif);
	background-repeat: no-repeat;
}
#opciones li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	background-image: url(../image/fdosmenu.gif);
	background-repeat: no-repeat;
}
#opciones li a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	background-image: url(../image/fdosmenu.gif);
	background-repeat: no-repeat;
}
#opciones li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width: 125px;
	height: 22px;
	display: block;
	text-decoration: none;
	padding-left: 8px;
	line-height: 22px;
	background-color: #CCCCCC;
}
/* ------------------ fin botones de barra de navegacion ---------------- */
/* ------------------ botones menu sucursal ----------------------------- */
.smenusuc {
	width: auto;
	text-decoration: none;
	line-height: 22px;
	font-size: 12px;
	background-color: #6699FF;
	color: #FFFFFF;
	border: 1px solid #666666;
	height: 22px;
	background-position: 0px 0px;
}
#smenusuc a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#smenusuc a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#smenusuc a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#smenusuc a:hover {
	font-size: 12px;
	color: #FF9900;
	text-decoration: none;
}
/* ------------------ fin botones -------------------------------------- */

/* ------------------ generales ---------------------------------------- */
.texto10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
}
.texto11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
}
.texto12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4a4a4a;
	line-height: 16px;
}
.renglon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 500px;
	float: left;
}
.center {
	text-align: center;
	display: block;
}
/* ------------------ animacion de procesando -------------------------- */
.menpro {
	height: 19px;
	width: auto;
	background-image: url(../image/GifAnimados/procesando.gif);
	background-repeat: no-repeat;
	display: none;
	background-position: center;
}
.carga1 {
	height: 19px;
	width: auto;
	background-image: url(image/GifAnimados/carga1.gif);
	background-repeat: no-repeat;
	display: none;
	background-position: right;
}
/* -- clase para mostrar los mensajes de errores -- */
.merror {
	width: auto;
	background-color: #FF9966;
	border: 1px solid #FF0000;
	height: 16px;
	text-align: center;
	display: none;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 16px;
}
.clasemen {
	width: auto;
	background-color: #FFCC33;
	border: 1px solid #FF9900;
	height: 16px;
	line-height: 16px;
	text-align: center;
	display: none;
	color: #000000;
	font-size: 12px;
}
.msus {
	width: auto;
	background-color: #FF9966;
	border: 1px solid #FF0000;
	height: 17px;
	text-align: center;
	color: #FFFFFF;
}

/* -- enlaces comunes -- */
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #3C7FAF;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #3C7FAF;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FF6600;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #3C7FAF;
}

/* -- Contiene el div contenedor ----- */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* ----------------------------------------------------------------------*/
/* ------------------------------ solapas -------------------------------*/
#solapa {
	height: 29px;
	width: auto;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bed5e9;
}
#solapa .columna1 {
	width: 125px;
	height: 25px;
	margin-top: 4px;
	float: left;
	line-height: 25px;
}
#solapa .columna2 {
	width: 125px;
	height: 25px;
	margin-top: 4px;
	float: left;
	line-height: 25px;
}
#solapa .columna3 {
	width: 125px;
	height: 25px;
	margin-top: 4px;
	float: left;
	line-height: 25px;
}
#solapa .columnaauto {
	width: auto;
	height: 26px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A8C8DD;
}
/* ------------------ boton de la solapas ------------------------------- */
/* ------------------ se define asi para que aparezca la manito en  ----- */
/* ------------------ toda la solapa y no solo en la palabra ------------ */
.botonsolapa {
	width: 125px;
	height: 25px;
	background-position: 0px 0px;
	display: block;
}
#solapa a:link {
	font-family: "Arial Rounded MT Bold";
	font-size: 12px;
	color: #333333;
}
#solapa a:visited {
	font-family: "Arial Rounded MT Bold";
	font-size: 12px;
	color: #333333;
}
#solapa a:active {
	font-family: "Arial Rounded MT Bold";
	font-size: 12px;
	color: #333333;
}
#solapa a:hover {
	font-family: "Arial Rounded MT Bold";
	font-size: 12px;
	color: #FF6600;
}
/* ------------------ marco para la solapa ----------------------------- */
#marcosolapa {
	width: auto;
	height: auto;
	overflow: hidden;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #bed5e9;
	border-bottom-color: #bed5e9;
	border-left-color: #bed5e9;
	background-image: url(../image/fdov.gif);
	background-repeat: repeat-x;
}
/* ------------------ solapita superior derecha --------------------------*/
/* ------------------ indicador de ficha de trabajo abierta --------------*/
#solapaft {
	height: 45px;
	width: 200px;
	text-align: center;
	display: none;
	background-image: url(../image/solapaft.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-weight: bold;
	float: right;
}
#solapaft .fila1 {
	height: 18px;
	clear: both;
	line-height: 18px;
	text-decoration: underline;
	color: #3C7FAF;
	font-size: 12px;
}
#solapaft .fila2 {
	height: 20px;
	line-height: 20px;
	clear: both;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
/* -- ---------------- fin grupo solapas ---------------------------- --*/

/* -- ---------------- clases para autocomplete --------------------- --*/
.ac_results {
	padding: 0px;
	border: 1px solid #A2C0DF;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	font-size: 11px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
}

.ac_loading {
	background-color: white;
	background-image: url(image/GifAnimados/indicator.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.ac_odd {
	background-color: #E1EAF2;
}

.ac_over {
	background-color: #58a3c9;
	color: white;
}
/* -- ---------------- fin clases para autocomplete ----------------- --*/

/* -- ---------------- fin --------------------- --*/