BODY {
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    padding-top: 0pt;
    padding-right: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    background-color: #ABAFB3;
    background-image: url('imgs/bg_top.png');
    background-repeat: repeat-x;
    background-position: left top;
    font-family: verdana, monospace, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

INPUT, TEXTAREA {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #818c9b;
    border-right-color: #818c9b;
    border-bottom-color: #818c9b;
    border-left-color: #818c9b;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    margin-top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    font-family: verdana, monospace, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

INPUT:focus, TEXTAREA:focus {
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #2BA709;
    border-right-color: #2BA709;
    border-bottom-color: #2BA709;
    border-left-color: #2BA709;
    background-color: #E9FFE6;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

PRE {
    background-color: #FFFFFF;
    border: 1px solid #FF00FF;
    text-align: left;
}

.logo_arb {
    /*background-image: url('imgs/arroba.png');
    background-repeat: no-repeat;
    background-position: left bottom;*/
    padding-left: 16px;
    height: 109px;
}

.contenidos {
    width: 990px;
    text-align: left;
    background-color: #FFFFFF;
    border-left: 1px solid #787A7D;
    border-right: 1px solid #787A7D;
    border-bottom: 1px solid #787A7D;
    border-top: 1px solid #787A7D;
}

.separador {
    background-image: url('imgs/separador.png');
    background-repeat: repeat-x;
    background-position: left top;
    height: 5px;
}


/* PANEL DE CONTROL */
.cab_panel{
    padding-left: 3px;
    border-bottom: 1px solid #000000;
    font: 12px Helvetica, verdana, sans-serif;
    text-align: left;
    width: 200px;
}

.cab_panel_notas{
    padding-left: 3px;
    border-bottom: 1px solid #000000;
    font: 12px Helvetica, verdana, sans-serif;
    text-align: left;
    width: 800px;
}

.bloque_panel{
    border-left: 1px solid #BABDB6;
    border-right: 1px solid #BABDB6;
    border-bottom: 1px solid #BABDB6;
    background-color: #F4F4F4;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 200px;
}

.bloque_panel_notas{
    border-left: 1px solid #BABDB6;
    border-right: 1px solid #BABDB6;
    border-bottom: 1px solid #BABDB6;
    background-color: #F4F4F4;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 800px;
}

.bloque_panel a {
    display: block;
    color: #556782;
    font-family: verdana, monospace, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    padding-top: 3px;
    padding-bottom: 3px;
}

.bloque_panel a:hover {
    display: block;
    color: #FFFFFF;
    font-family: verdana, monospace, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: underline;
    background: #BABABA;
}

.misdatos {
    background-image: url('imgs/afiliado.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 20px;
    padding-top: 2px;
}

.webs {
    background-image: url('imgs/webs.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 20px;
    padding-top: 2px;
}

.usuarios {
    background-image: url('imgs/usuarios.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 20px;
    padding-top: 2px;
}

.envios {
    background-image: url('imgs/envios.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 20px;
    padding-top: 2px;
}

.corregs {
    background-image: url('imgs/correg.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 20px;
    padding-top: 2px;
}

.saldos {
    background-image: url('imgs/saldos.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 20px;
    padding-top: 2px;
}

.campanyas {
    background-image: url('imgs/campanyas.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 20px;
    padding-top: 2px;
}


/* PANEL DE CONTROL */


/* INCICIO FORMULARIOS */

.form_title {
    width: 798px;
    text-align: left;
    background-color: #BCBFB8;
    font-family: verdana, monospace, Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #BABDB6;
    background-image: url('imgs/fondo_barra.png');
    background-repeat: repeat-x;
    background-position: left bottom;
}

.form_table {
    border: 1px solid #BABDB6;
}

.form_table td {
    font-family: verdana, monospace, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.tr_light {
    background-color: #ECF1EB;
    height: 30px;
}

.tr_dark {
    background-color: #DBDED6;
    height: 30px;
}

.boton_env {
    border: 1px solid #A0A39D;
    background-color: #d3d7cf;
}

.boton_env:hover {
    border: 1px solid #0DBB21;
    background-color: #d3d7cf;
}

.boton_cnl {
    border: 1px solid #A0A39D;
    background-color: #d3d7cf;
}

.boton_cnl:hover {
    border: 1px solid #BB0D07;
    background-color: #d3d7cf;
}

/* FIN FORMULARIOS */

/* INICIO MENU DESPLEGABLE */

#dropmenudiv{
    position: absolute;
    font-size : 10px;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    line-height: 18px;
    z-index:100;
    border-top: 1px solid #868686;
    border-bottom: 1px solid #868686;
    border-left: 1px solid #868686;
    border-right: 1px solid #868686;
}

#dropmenudiv a{
    width: 100%;
    display: block;
    text-indent: 3px;
    color: #17781C;
    text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
    background-color: #868686;
    color: #FFFFFF;
}

.menu_desplegable {
    color: #000000;
    font-size : 11px;
    font-weight: bold;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
}

.barra_menu_izq {
    border-top: 1px solid #BABDB6;
    border-bottom: 1px solid #BABDB6;
    border-right: 0px solid #BABDB6;
    border-left: 1px solid #BABDB6;
    background-image: url('imgs/fondo_barra.png');
    background-repeat: repeat-x;
    background-position: left bottom;
}

/*.barra_menu_der {
    border-top: 1px solid #BABDB6;
    border-bottom: 1px solid #BABDB6;
    border-right: 1px solid #BABDB6;
    border-left: 0px solid #BABDB6;
    background-image: url('imgs/fondo_barra.png');
    background-repeat: repeat-x;
    background-position: left bottom;
}*/
.barra_menu_der {
    border-top: 1px solid #BABDB6;
    border-bottom: 1px solid #BABDB6;
    border-right: 1px solid #BABDB6;
    border-left: 0px solid #BABDB6;
    background-color: #8CCF4A;
    color: #FFFFFF;
}
/* FIN MENU DESPLEGABLE */

.dondestoy{
    padding-left: 3px;
    border-bottom: 1px solid #000000;
    font: 12px Helvetica, verdana, sans-serif;
    text-align: right;
}

.mini-infor {
    background-image: url('imgs/infor.gif');
    padding-left:13px;
    border: 1px solid #c6c6c6;
    background-repeat: no-repeat;
    background-position: left top;
    margin-right: 5px;
    font-family: verdana, monospace, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}

.infor {
    background-color: #C6FFB6;
    border: 1px solid #2FA32B;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: url('imgs/ok_1.png');
    background-repeat: no-repeat;
    background-position: left top;
    margin-right: 5px;
    font-family: verdana, monospace, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.error {
    background-color: #FFBDBE;
    border: 1px solid #A7242D;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: url('imgs/warning_1.png');
    background-repeat: no-repeat;
    background-position: left top;
    margin-right: 5px;
    font-family: verdana, monospace, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.error a {
    color: #890000;
    font-family: verdana, monospace, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.tbltexto {
    border: 1px solid #C6C6C6;
}

.tbltexto td {
    font: 12px Helvetica, verdana, sans-serif;
}

table.sortable {
    border-bottom: 1px solid #C6C6C6;
    border-top: 1px solid #C6C6C6;
    font: 12px Helvetica, verdana, sans-serif;
}

table.sortable th, table.sortable td {
    text-align: left;
    padding: 2px 4px 2px 4px;
    border-style: solid;
    border-color: #C6C6C6;
}

table.sortable th {
    border-width: 0px 1px 1px 1px;
    background-color: #ccc;
}

table.sortable th a {
    border-width: 0px 0px 0px 0px;
    color: #FFFFFF;
    text-decoration: none;
}

table.sortable th img {
    border-width: 0px 0px 0px 0px;
}

table.sortable td {
    border-width: 0px 1px 0px 1px;
}

table.sortable tr.odd td {
    background-color: #FFFFFF;
}

table.sortable tr.even td {
    background-color: #F1F1F1;
}

table.sortable tr.sortbottom td {
    border-top: 1px solid #444;
    background-color: #ccc;
    font-weight: bold;
}

.trgray {
    background-color: #F1F1F1;
}

.trdarkgray {
    background-color: #E6E6E6;
}

.trline td{
    border-bottom: 1px solid #DBDED6;
}

.trover1 {
    background-color: #6EBC20;
}

.trover2 {
    background-color: #6EBC20;
}

.tbla {
    color: #3E444C;
    text-decoration: none;
}

.tbla:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.textointeriora {
    color: #6EBC20;
    font-weight: bold;
    text-decoration: none;
}

.textointeriora2 {
    color: #FFFFFF;
    background-color: #6EBC20;
    font-weight: bold;
    text-decoration: none;
}

.secciones {
    /*border: 1px solid #000000;*/
    width: 890px;

}


/* INICIO PAGINACION */
.noselec{
    margin: 0px;
    padding: 0px;
    text-align: left;
    text-decoration: none;
    color: #757575;
    font: 10px verdana, monospace, Arial, Helvetica, sans-serif;
}

.cabecerapaginacion {
    background-color: #E8E8E8;
    border-top: 0px solid #C6C6C6;
    border-left: 0px solid #C6C6C6;
    border-right: 0px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
}

.paginacion {
    background-color: #F1F1F1;
    border-top: 0px solid #C6C6C6;
    border-left: 1px solid #C6C6C6;
    border-right: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
}

.paginacion td {
    font: 12px Helvetica, verdana, sans-serif;
}

.paginacion td a {
    color: #D3771A;
    text-decoration: none;
}

.paginacion td a:hover {
    color: #339227;
    text-decoration: none;
}

.postit {
    background-image: url('imgs/postit.jpg');
    background-repeat: no-repeat;
    background-position: left center;
    width: 329px;
    height: 325px;
    text-align: left;
    padding-top: 40px;
}

.postit textarea {
    background-color: #F6EF84;
    border: 1px solid #C6BE61;
}
/* FIN PAGINACION */

.mailsendto {
    background-image: url('imgs/email.gif');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    color: #556782;
    text-decoration: none;
    border-bottom: 1px dotted #556782;
}

.web {
    background-image: url('imgs/url.gif');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
    color: #556782;
    text-decoration: none;
    border-bottom: 1px dotted #556782;
}

.afi_web {
/*    color: #556782;*/
    text-decoration: none;
    height: 18px;
}

.doc-add {
    background-image: url('imgs/doc_add.gif');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    color: #556782;
    text-decoration: none;
}

.doc-add:hover {
    color: #556782;
    text-decoration: underline;
}

.doc-del {
    background-image: url('imgs/doc_del.gif');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    color: #556782;
    text-decoration: none;
}

.doc-del:hover {
    color: #556782;
    text-decoration: underline;
}

.imprimir {
    background-image: url('imgs/print.gif');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    color: #556782;
    font-family: verdana, monospace, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
}

.imprimir:hover {
    color: #556782;
    text-decoration: underline;
}


.csvlink {
    background-image: url('imgs/csv.gif');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    color: #556782;
    font-family: verdana, monospace, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
}

.normal {
    color: #556782;
    font-family: verdana, monospace, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
}

.normal:hover {
    color: #556782;
    text-decoration: underline;
}

.user {
    background-image: url('imgs/user.gif');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.detalles {
    background-image: url('imgs/detalles.gif');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
}


.progreso {
    width: 100px;
    border: 2px solid #697280;
    background-color: #E8E8E8;
    height: 12px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #697280;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #697280;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #697280;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #697280;
    text-align: left;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
}

.barra {
    height: 12px;
    background-image: url('imgs/progress.gif');
    background-position: left top;
}

.barrafin {
    height: 12px;
    background-image: url('imgs/progressfin.gif');
    background-position: left top;
}

/* LOGIN */
.inputloginuser {
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    margin-top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    background-image: url('imgs/user.gif');
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.inputloginpasswd {
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    margin-top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    background-image: url('imgs/key.gif');
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-left: 20px;
}
/* FIN LOGIN */

/* INICIO MENU */
#menu {
width: 100%;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
}

#menu a, #menu h2 {
    font-family: verdana, monospace, Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: block;
    margin: 0;
    padding: 2px 3px;
}

#menu h2 {
    cursor: pointer;
}

#menu h2:hover {
    text-decoration: underline;
    background-color: #868686;
    color: #FFFFFF;
}

#menu a {
    font-family: verdana, monospace, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #E6E6E6;
    color: #17781c;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border-color: #868686;
}

#menu a:hover {
    background-color: #868686;
    color: #ffffff;
    text-decoration: underline;
}

.menu_over {
    text-decoration: underline;
    background-color: #A7A7A7;
    color: #FFFFFF;
}

.inicio {
    font-family: verdana, monospace, Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: block;
    margin: 0;
    padding: 2px 3px;
    border: 0px;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    background-image: url('imgs/home.gif');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.inicio:hover {
    text-decoration: underline;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/* FIN MENU */

.selecfecha {
    border: 1px solid #BABDB6;
    background-color: #E8ECE4;
    padding: 2px;
}


/* CORREGISTROS */
.corrinfo {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #babdb6;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #babdb6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #babdb6;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #babdb6;
    background-image: url(imgs/fondo_barra.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}

.corrinfo td{
    font: 12px Helvetica, verdana, sans-serif;
}

.corrtable {
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: #babdb6;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #babdb6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #babdb6;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #babdb6;
}


/* CORREGISTROS */


/* INICIO MENU TABS */
ul#tabnav {
    font: bold 12px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 0px solid #A1A1A1;
    margin: 0px;
/*    background-color: #8CCF4A;*/
    background-image: url('imgs/fondo_barra_verde.gif');
    background-repeat: repeat-x;
    background-position: left top;
}

ul#tabnav li {
	float: left;
	height: 21px;
	margin: 0px 0px 0px 20px;
	border: 0px solid #A1A1A1;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 {
	border-bottom: 0px solid #ffffff;
	background-color: #ffffff;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a {
	color: #000000;
}

#tabnav a {
	float: left;
	display: block;
	color: #426223;
	text-decoration: none;
	padding: 5px;
}

#tabnav a:hover {
	background: #A4CB7E;
	color: #FFFFFF;
    background-image: url('imgs/fondo_tab.gif');
    background-repeat: repeat-x;
    background-position: left top;
}

#tabnav a.current {
	background: #A4CB7E;
	color: #FFFFFF;
    background-image: url('imgs/fondo_tab.gif');
    background-repeat: repeat-x;
    background-position: left top;
}

#tabcontentcontainer{
	padding: 5px;
	font: 11px verdana, arial, sans-serif;
	background-color: #A4CB7E;
	border-bottom: 1px solid #699B37;
}

.tabcontent{
	display:none;
        padding-left: 0px;
        color: #699B37;
}

.tabcontent a {
	color: #FFFFFF;
	text-decoration: none;
	font: 12px verdana, arial, sans-serif;
	text-align: left;
        font-weight: bold;
}

.tabcontent a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font: 12px verdana, arial, sans-serif;
	text-align: left;
        font-weight: bold;
}
/* FIN MENU TABS */