BODY {
	font-family: "Microsoft Sans Serif";
   font-size: 10pt;
	text-align: justify;
	color: #58595B;
}
#capa_encabezado {
	margin-top: 0px;
	margin-left: 120px;
	width: 750px;
	height: 120px;
	position: absolute;
	border: 1px solid #000000;
	background-image: url(encabezado.jpg);
}
#capa_zona_usuarios {
	margin-top: 130px;
	margin-left: 120px;
	width: 750px;
	height: 65px;
	position: absolute;
}
#capa_zona_servicios {
	margin-top: 190px;
	margin-left: 120px;
	width: 750px;
	height: 65px;
	position: absolute;
}
#capa_zona_menuagendas {
	margin-top: -542px;
	margin-left: 120px;
	width: 750px;
	height: 23px;
	position: absolute;
}
#capa_boton_aplicar {
	margin-top: 0px;
	margin-left: 4px;
	width: 750px;
	height: 23px;
	position: absolute;
}
.nombreusuario {
	font-size: 11pt;
	color: #007600;
	text-decoration: none;
}
.encabezado_usuarios {
	background-color: #BBC3CC;
	color: #A0522D;
	font-size: 11px;
	font-weight: bold;
	border: 2px solid #000000;
}
.operacionestabla {
	border: 2px solid #003498;
	font-weight: bold;
	font-size: 10pt;
	background-color: #EEEEEE;
}
.fondologin {
	background-color: #EEEEEE;
}
#textos {
	font-family: "Microsoft Sans Serif";
   font-size: 10pt;
	text-align: justify;
	color: #58595B;
}
.encabezadocaracteristicas {
	font-family: "Microsoft Sans Serif";
	font-weight: bold;
	font-size: 10pt;
	text-decoration: underline;
	color: #008000;
/*	background-color: #EEEEEE;*/
}
.tablacaracteristicas {
	border: 2px solid #003498;
	padding: 4px;
	background-color: #EEEEEE;
}
.textoscaracteristicas {
	font-family: "Microsoft Sans Serif";
   font-size: 10pt;
	font-weight: normal;
	text-align: justify;
/*	color: #58595B;*/
	color: #00018A;
}
.firmacaracteristicas {
	font-family: "Microsoft Sans Serif";
   font-size: 10pt;
	font-weight: bold;
	text-align: justify;
	color: #8B4513;
}
.encabezadoservicios {
	font-family: "Microsoft Sans Serif";
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
	color: #008000;
	padding: 4px;
}
.indiceservicios a:link {
	font-family: Arial;
	font-size: 11pt;
	color: #483D8B;
	width: 100%;
	text-decoration: none;
}
.indiceservicios a:active {
	font-family: Arial;
	font-size: 11pt;
	color: #483D8B;
	width: 100%;
	text-decoration: underline;
}
.indiceservicios a:visited {
	font-family: Arial;
	font-size: 11pt;
	color: #483D8B;
	width: 100%;
	text-decoration: none;
}
.indiceservicios a:hover {
	font-family: Arial;
	font-size: 11pt;
	text-decoration: underline;
	color: #483D8B;
}
.separador {
	padding: 4px;
}
.tablaespaciado {
	border: 2px solid Black;
	padding: 4px;
}
.botonaplicar {
	font-family: "Arial";
	font-size: 10pt;
	font-weight: bold;
	background-color: #BBC3CC;
	color: #000000;
/*	background-color: #00F602;*/
/*	color: #000000;*/
	text-decoration: none;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-top: 2px;
	border: 2px solid #0000CD;
}
.nusuario {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #0000CD;
}
.cajatexto{
	font-family: "Microsoft Sans Serif";
   font-size: 12pt;
	font-weight: bold;
	text-align: justify;
	color: #000000;
/*	border: 0px solid #483D8B;*/
	border: 1px solid #000000;
/*	background-color: #ADD8E6;*/
	background-color: #F7EADC;
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
}
.cajamaxpermitido{
	font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
	font-weight: normal;
	border: 2px solid #483D8B;
/*	background-color: #ADD8E6;*/
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	text-align: justify;
}
.maxpermitido1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
	font-weight: bold;
/*	border: 1px solid #483D8B;
	border-right: 0px;*/
/*	background-color: #ADD8E6;*/
	border: 0px;
	margin-top: 0px;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	text-align: left;
}
.maxpermitido2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
	font-weight: bold;
/*	border: 1px solid #483D8B;
	border-left: 0px;*/
/*	background-color: #ADD8E6;*/
	border: 0px;
	margin-top: 0px;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	text-align: center;
}
.admin_resalte_fecha {
	border: 2px solid #2E8B57;
	font-weight: bold;
	color: #FF0000;
}

.encabezados {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid Black;
}
.indice2 a:link {
	font-family: Arial;
	font-size: 10pt;
	color: #00019B;
	width: 100%;
	text-decoration: none;
}
.indice2 a:active {
	font-family: Arial;
	font-size: 10pt;
	color: #00019B;
	width: 100%;
	text-decoration: underline;
}
.indice2 a:visited {
	font-family: Arial;
	font-size: 10pt;
	color: #00019B;
	width: 100%;
	text-decoration: none;
}
.indice2 a:hover {
	font-family: Arial;
	font-size: 10pt;
	text-decoration: underline;
	color: #00019B;
}
.indice3 a:link {
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
/*	color: #B20000;*/
	color: #A15014;
	width: 100%;
	text-decoration: none;
}
.indice3 a:active {
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	color: #A15014;
	width: 100%;
	text-decoration: underline;
}
.indice3 a:visited {
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	color: #A15014;
	width: 100%;
	text-decoration: none;
}
.indice3 a:hover {
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: underline;
	color: #A15014;
}
.enlacesoftware a:link {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #A15014;
	width: 100%;
	text-decoration: none;
}
.enlacesoftware a:active {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #A15014;
	width: 100%;
	text-decoration: underline;
}
.enlacesoftware a:visited {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #A15014;
	width: 100%;
	text-decoration: none;
}
.enlacesoftware a:hover {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	color: #A15014;
}
.textofirma {
	font: 10pt Arial;
	font-weight: bold;
   text-align: left;
}
.indicecontacto a:link {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
/*	color: #B20000;*/
	color: #A15014;
	width: 100%;
	text-decoration: none;
}
.indicecontacto a:active {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #A15014;
	width: 100%;
	text-decoration: underline;
}
.indicecontacto a:visited {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #A15014;
	width: 100%;
	text-decoration: none;
}
.indicecontacto a:hover {
	font-family: "Arial";
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	color: #A15014;
}
#texto_contacto_form {
	font-family: "Arial";
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
.campos {
	font-family: "Arial";
	font-size: 11pt;
	font-weight: bold;
	color: #5E5FFF;
	background-color: #C2C9D2;
	border: 1px solid #000000;
}
.boton_enviar {
	font-family: "Arial";
	color: #FFFFFF;
	font-weight:bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-image: url(boton_enviar.jpg);
	width: 85px;
	height: 26px;
}

/* OTROS CÓDIGOS */
#pagina {
	margin: auto;
	width: 750px;
}
#cabecera {
	width: 750px;
	height: 120px;
	background-image: url(encabezado.jpg);
	position: absolute;
}
#menu {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #8B008B;
	text-decoration: none;
	width: 750px;
	margin-top: 120px;
	position: absolute;
}
#contenido {
	margin-top: 0px;
	width: 750px;
	position: absolute;
}
#texto1 {
	margin-left: 0px;
	margin-top: 155px;
	color: #2A00FE;
	font-weight: bold;
	position: absolute;
}
#logo1 {
	width: 270px;
	height: 100px;
	margin-top: 155px;
	margin-left: 480px;
	background-image: url(logo1.jpg);
	position: absolute;
}
#texto2 {
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin-left: 17px;
	margin-top: 100px;
	position: absolute;
}
#logo2 {
	width: 350px;
	height: 110px;
	margin-top: 310px;
	margin-left: 400px;
	background-image: url(logo2.jpg);
	position: absolute;
}
#piepagina {
	font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
	color: #000000;
	font-weight: bold;
	margin-top: 500px;
	margin-left: 225px;
	padding-bottom: 50px;
	text-align: center;
	position: absolute;
}
.indice {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #0000CD;
	text-decoration: none;
}
.indice a {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #0000CD;
	width: 100%;
	text-decoration: none;
}
.indice a:hover {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: Green;
	text-decoration: underline;
}
.indicepie {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
	}
.indicepie a {
	color: #0000FF;
	width: 100%;
	text-decoration: none;
}
.indicepie a:hover {
	text-decoration: none;
	color: #8B0000;
}
.celda{
	border: 2px solid #483D8B;
	background-color: #ADD8E6;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	text-align: center;
}
.indicenegro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.indicenegro a {
	color: #5C5C5C;
	text-decoration: none;
	width: 100%;
}
.indicenegro a:hover {
	color: #0000CD;
	text-decoration: none;
}
.textoentrada{
	padding-top: 4px;
	padding-left: 4px;
	text-align: justify;
	padding-right: 4px;
	font-weight: bold;
}
.textos{
	text-align: justify;
	font-family: "Microsoft Sans Serif";
	font-size: 12px;
}
.titulos{
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	background: #006666;
	border-bottom: 2px solid #a8a8a8;
	border-right: 2px solid #a8a8a8;
	letter-spacing: 5px;
	padding-left: 4px;
}
.cabeceracentro {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 3px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 13pt;
	PADDING-BOTTOM: 2px;
	COLOR: White;
	PADDING-TOP: 2px;
	font: bold;
	text-align: left;
	background: #9FA0FF;
	border: 2px ridge White;
	border-color: #A5B8EE;
	border-bottom: 0px;
}
.encabezado2 {
	font-family: "Futura";
	font-size: 15px;
	font-weight: bold;
	color: #2E8B57;
	border-color: #FFFFFF #FFFFFF #FF9900;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.recuadro1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: Black;
	border: 1px solid #C9C9FE;
	background-color: #C9C9FE;
	}
.recuadro2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: Black;
	border: 1px solid #F4AB82;
	background-color: #F4AB82;
}
.bordenaranja {
	border-right: 1px solid #EFC5AE;
	border-top: none;
	}
.bordemorado {
	border-right: 4px solid #C9C9FE;
	border-top: none;
}
.pie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
	color: #000000;
	font-weight: bold;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 1px;
	margin-right: 1px;
}
.texto_inicio {
	text-align: justify;
	font-family: "Times New Roman";
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
}
#dhtmltooltip {
	position: absolute;
	width: 400px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.tips {
	color: #1860E1;
	font-weight: bold;
}

.contenedortab {
	margin-top: 260px;
	margin-left: 120;
	border: 1px solid gray;
	width: 750px;
	height: 520px;
/*	margin-bottom: 1em;*/
/*	padding: 10px;*/
/*	position: absolute;*/
}
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0px;
margin-left: 0px;
margin-top: 1px;
margin-bottom: 0px;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
margin-top: 4px;
margin-left: 4px;
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}