/* ELEMENTOS XHTML: este estilo aplica los colores de la herramienta a la barra de scroll del documento */
body {    
    scrollbar-3dlight-color : #3399CC;
    scrollbar-face-color : #006699;
    scrollbar-highlight-color : #006699;
    scrollbar-base-color : #3399CC;
    scrollbar-track-color : #3399CC;
    scrollbar-darkshadow-color : #000033;
    scrollbar-arrow-color : #00CC33;
    scrollbar-shadow-color: #006699;
    background-position: right;
    font-size: 10px;
    background-attachment: fixed;
    background-image: url();
    margin: 0px;
    color: #000000;
    font-family: Arial, Helvetica, Verdana, Sans-Serif;
    background-color: #FFFFFF;
    }

.divmenu {
    scrollbar-3dlight-color : #66FF66;
    scrollbar-face-color : #00CC33;
    scrollbar-highlight-color : #00CC33;
    scrollbar-base-color : #66FF66;
    scrollbar-track-color : #66FF66;
    scrollbar-darkshadow-color : #006600;
    scrollbar-arrow-color : #006699;
    scrollbar-shadow-color: #00CC33;

    font-size: 10px;
    margin: 0px;
    color: #000000;
    font-family: Arial, Helvetica, Verdana, Sans-Serif;
    }

/* FINAL ELEMENTOS XHTML */

/* estos estilos son los que se aplican por defecto a todas las opciones del menu */
a.opcion {
    font-family: verdana, arial, helvetica, news gothic mt, sans-serif;
    font-size: 11px;
    color: #000033;
    text-decoration: none;
	vertical-align: middle;
    cursor: hand;
    }

/* BRUJULA: se utilizara para la brujula o navegacion dirigida en la parte superior de las paginas del contenido, unicamente */
.brujula {
    font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
    text-decoration: none;
    font-size: 11px;
    color: #336699;
    }

a.brujula {
    font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
    text-decoration: none;
    font-size: 11px;
    color: #336699;
    }

a.brujula:hover {
    font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
    text-decoration: underline;
    font-size: 11px;
    color: #003366;
    }

a.brujulactual {
    font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    color: #336699;
    }

a.brujulactual:hover {
    font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
    text-decoration: underline;
    font-weight: bold;
    font-size: 11px;
    color: #003366;
    }
/* FINAL BRUJULA */




/* ESTILOS DEL CONTENIDO */
/* se aplicaran estos estilos a los textos del copyright y a los enlaces dentro del texto de copyright */
.copyright {
    font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
    text-decoration: none;
    font-size: 11px;
    color: #CCCCCC;
    }

a.copyright {
    font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
    text-decoration: underline;
    font-size: 11px;
    color: #CCCCCC;
    }

a.copyright:hover {
    font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
    text-decoration: underline;
    font-size: 11px;
    color: #FFFFFF;
    }




/* se utilizaran los siguientes estilos para los textos mas reducidos de todo el contenido, como en la navegacion por bloques y el enlace a subir */
.small {
    color: #555555; /*#999999;*/
    font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
    font-size: 11px;
 	text-decoration: none;
	}

a.small {
    color: #00cc33;
    font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
    font-size: 11px;
	text-decoration: none;
	}

.small:hover {
    color: #00CC33;
    font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
    font-size: 11px;
	text-decoration: underline;
	}

/* los siguientes estilos aportan un reborde gris a las tablas */
.TableBorderOnly {
/* aplica unicamente el borde exterior a las tablas */
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	}

.TableColA {
/* se inserta unicamente en las celdas que requieran bordes arriba y a la derecha */
	background-color:#F4F4F4;
	border: 1px solid #FFFFFF;
   color: #666666;
	font-family: verdana, arial, helvetica, news gothic mt, sans-serif;
   font-size: 11px;
   font-style: normal;
	padding: 3px;
	text-decoration: none;
	}

.TableColA2 {
/* se inserta unicamente en las celdas que requieran de bordes arriba */
	border-top: 1px solid #CCCCCC;
    color: #666666;
	font-family: verdana, arial, helvetica, news gothic mt, sans-serif;
    font-size: 11px;
    font-style: normal;
	padding: 3px;
	text-decoration: none;
	}

.TableColB {
/* se inserta unicamente en las celdas que requieran de bordes arriba, pero que no precisen de margen al lado derecho */
	border-top: 1px solid #CCCCCC;
    color: #666666;
	font-family: verdana, arial, helvetica, news gothic mt, sans-serif;
    font-size: 11px;
    font-style: normal;
	padding-right: 0px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	}




/* AZULES: se aplicaran los siguientes estilos a las celdas superiores de columnas en listados */
.TablePopped {
/* relieve en los cuatro lados del cuadro */
	background-color: #999999;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	cursor: hand;
	font: bold 68% arial, helvetica, verdana, news gothic mt, sans-serif;
	padding : 2px 4px 2px 4px;
	text-align: center;
	}

.TablePoppedNoB {
/* relieve unicamente arriba y abajo */
	background-color: #006699;
	border-left: 0px;
	border-top: 1px solid #3399CC; 
	border-right: 0px; 
	border-bottom: 1px solid #000033;
	color: #FFFFFF;
	cursor: hand;
	font: bold 68% arial, helvetica, verdana, news gothic mt, sans-serif;
	padding : 2px 4px 2px 4px; 
	}

.TablePoppedNoL {
/* relieves en tres lados del cuadro excepto el costado izquierdo */
	background-color: #006699;
	border-left: 0px;
	border-top: 1px solid #3399CC; 
	border-right: 1px solid #000033; 
	border-bottom: 1px solid #000033;
	color: #FFFFFF;
	cursor:hand;
	font: bold 68% arial, helvetica, verdana, news gothic mt, sans-serif; 
	padding : 2px 4px 2px 4px;
	}

.TablePoppedNoR {
/* relieves en tres lados del cuadro excepto el costado derecho */
	background-color: #006699; 
	border-left: 1px solid #3399CC;
	border-top: 1px solid #3399CC;
	border-right: 0px;
	border-bottom: 1px solid #000033;
	color: #FFFFFF;
	cursor: hand;
	font: bold 68% arial, helvetica, verdana, news gothic mt, sans-serif;
	padding : 2px 4px 2px 4px;
	}




/* VERDES: se aplicaran los siguientes estilos a las celdas superiores de columnas en listados, y cuya columna este ordenada alfabeticamente */
.TableSorted {
/* relieve en los cuatro lados del cuadro */
	background-color: #00CC33;
	border-left: 1px solid #66FF66; 
	border-top: 1px solid #66FF66; 
	border-right: 1px solid #006600;
	border-bottom: 1px solid #006600;
    color: #FFFFFF;
    cursor: hand;
    font: bold 68% arial, helvetica, verdana, news gothic mt, sans-serif;
	padding-left: 5px;
	}

.TableSortedNoB {
/* relieve unicamente arriba y abajo */
	background-color: #00CC33;
	border-left: 0px;
	border-top: 1px solid #66FF66; 
	border-right: 0px; 
	border-bottom: 1px solid #006600;
	color: #FFFFFF;
	cursor:hand;
	font: bold 68% arial, helvetica, verdana, news gothic mt, sans-serif;
	padding-left: 5px;
	}

.TableSortedNoL {
/* relieves en tres lados del cuadro excepto el costado izquierdo */
	background-color: #00CC33;
	border-left: 0px;
	border-top: 1px solid #66FF66; 
	border-right: 1px solid #006600; 
	border-bottom: 1px solid #006600;
	color: #FFFFFF;
	cursor: hand;
	font: bold 68% arial, helvetica, verdana, news gothic mt, sans-serif;
	padding-left: 5px;
	}

.TableSortedNoR {
/* relieves en tres lados del cuadro excepto el costado derecho */
	background-color: #00CC33;
	border-left: 1px solid #66FF66;
	border-top: 1px solid #66FF66;
	border-right: 0px;
	border-bottom: 1px solid #006600;
	color: #FFFFFF;
	cursor: hand;
	font: bold 68% arial, helvetica, verdana, news gothic mt, sans-serif;
	padding-left: 5px;
	}




/* este es el estilo que se utilizara siempre en los enlaces dentro de tablas como direcciones de correo electronico o nombres de usuario */
a.TableLink {
    color: #666666;
	font-family: verdana, arial, helvetica, news gothic mt, sans-serif;
    font-size: 11px;
	font-weight: 900;
	text-decoration: none;
	}

a.TableLink:hover {
    color: #336699;
	font-family: verdana, arial, helvetica, news gothic mt, sans-serif;
    font-size: 11px;
	font-weight: 900;
	text-decoration: none;
	}




/* este estilo se aplica en todos los textos dentro del sistema, que no esten contenidos dentro de una tabla y que expliquen una seccion o un procedimiento */
.texto {
    color: #333333;
	font-family: verdana, arial, helvetica, news gothic mt, sans-serif;
    font-size: 11px;
	text-decoration: none;
	}

a.texto {
    color: #666666;
	font-family: verdana, arial, helvetica, news gothic mt, sans-serif;
    font-size: 11px;
	text-decoration: underline;
	}

a.texto:hover {
    color: #00CC33;
	font-family: verdana, arial, helvetica, news gothic mt, sans-serif;
    font-size: 11px;
	text-decoration: underline;
	}




/* esta clase se utiliza en todos los casos que las plantillas requieran un mensaje de error, escrito siempre con este estilo */
.error {
    color: #CC0000;
    font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    }

.alerta {
    color: crimson;
    font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    }


/* Para todos los titulares de pagina se utilizara este estilo, siempre sobre fondo blanco */
.titulo {
    font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
    text-decoration: none;
    font-weight: 900;
    font-size: 17px;
    color: #006699;
    }
/* FINAL ESTILOS DEL CONTENIDO */


/* FORMULARIOS */
/* este estilo se emplea en todos los campos de texto de los formularios, que puedan ocupar un ancho de 100% de ancho */
.textfield100 {
	background : #DDDDDD; /*#F5F5F5;*/
	border: 1px solid #555555;
	color: #555555;/*#666666;*/
	font-family: verdana, arial, helvetica, news gothic mt, sans-serif;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

/* se aplicara a todos los combos seleccionables del sistema, salvo aquellos que no puedan medir un 100% del ancho total */
.selectfield100 {
    font-family: verdana, arial, helvetica, news gothic mt, sans-serif;
    font-size: 11px;
    color: #555555;/*#666666;*/
    width: 100%;
    background : #DDDDDD; /*#F5F5F5;*/
    }

/* se aplicara a todos los combos seleccionables del sistema, salvo aquellos que no puedan medir un 100% del ancho total */
.selectfield {
    font-family: verdana, arial, helvetica, news gothic mt, sans-serif;
    font-size: 11px;
    color: #666666;
    background : #F5F5F5;
    }

/* estilo para los botones de acción */
.ac {
	border-top: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	background-color:#666666;
	color: #FFFFFF;
	font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
   font-weight: 900;
   font-size: 11px;
   margin: 0px 0px 0px 0px;
   padding: 0px 5px 0px 5px;
   text-align: center;
   width: 100%;
   cursor: hand;
}

/* estilo que se aplica a todos los botones que se insertan por codigo HTML */
.btn {
	border-top: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	background-color:#666666;
	color: #FFFFFF;
	font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
   font-weight: 900;
   font-size: 11px;
   margin: 0px 0px 0px 0px;
   padding: 0px 5px 0px 5px;
   text-align: center;
   width: 100%;
   cursor: hand;
	}

/* estilo que se aplica a todos los botones que se insertan por codigo HTML, de color verde */
.btnverde {
	border-top: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	background-color:#006400;
	color: #FFFFFF;
	font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
   font-weight: 900;
   font-size: 11px;
   margin: 0px 0px 0px 0px;
   padding: 0px 5px 0px 5px;
   text-align: center;
   width: 100%;
   cursor: hand;
	}

/* estilo que se aplica a todos los botones que se insertan por codigo HTML, de color rojo */
.btnrojo {
	border-top: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
   background-color: #B22222;
   color: #FFFFFF;
   font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
   font-weight: 900;
   font-size: 11px;
   margin: 0px 0px 0px 0px;
   padding: 0px 5px 0px 5px;
   text-align: center;
   width: 100%;
   cursor: hand;
   }




/* se aplica a los simbolos que demuestran que un campo determinado es de obligatoria cumplimentacion dentro de un formulario */
.required {
	font-family: verdana, arial, helvetica, news gothic mt, sans-serif;
    font-weight: bold;
    font-size: 11px;
	text-decoration: none;
    color: #00CC33;
	}




/* para todos los campos seleccionables con multiples opciones */
.select {
    font-family: verdana, arial, helvetica, news gothic mt, sans-serif;
    font-size: 11px;
    color: #666666;
    border-style: solid;
    border-color: #006600;
    border-width: 1px;
    width: 100%;
    background : #F5F5F5;
    }
/* FORMULARIOS */

/* estilo aplicable al nombre de usuario conectado al sistema */
.usuario {
    color: #FFFFFF;
    font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
    font-size: 12px;
    text-decoration: none;
    }

/* este estilo define perfectamente la caja de busqueda del sistema, a utilizar por defecto siempre */
.busqueda {
    color: #333333;
    border-style: solid;
    border-color: #006600;
    border-width: 1px;
    font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
    font-size: 11px;
    width: 100px;
    }

/* se utiliza este estilo exclusivamente para la designación del partner, en la parte superior */
.partner {
    color: #999999;
    font-family: arial, helvetica, verdana, news gothic mt, sans-serif;
    font-size: 11px;
	text-decoration: none;
	}

form {
    margin: 0px;
    padding: 0px;
}