﻿body{
	font-family: Arial,sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
/* Inicio de Estilos para la página de Login */
.login {
	background-image: url(../images/fondo-login.png);
	height: 500px;
	width: 1000px;
}
/* Fin de Estilos para la página de Login */

/* Estilos para dar formato automatico a un formulario */
/* Colocar el formulario dentro de una tabla y aplicarle la clase formulario, para ajustar todas las etiquetas */
.formulario{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: medium;

}
.formulario tr{
	border-bottom: 1;
	border-bottom-color: #000000;
	border-bottom-width: medium;
}
.formulario tr th{
	background-color: #F5BE61;
	font-weight: bold;
}
.formulario tr td{}
.formulario input{}

/* Redefinición de los campos de entrada de toda la aplicación */
/*--- Formulario */
form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}


textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: square;
	list-style-position: outside;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	list-style-type: decimal;
	list-style-position: outside;
}

lb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	list-style-type: decimal;
	list-style-position: outside;
}

.boton { 
	background-color: #CCCC99;
	padding: 1px 4px;
	color: black;
	text-decoration: none;
	font: bolder 9px Verdana, Arial, Helvetica, sans-serif;
		height: 14pt;
}

/* Estilos para dar formato automatico a un formulario */


/* Inicio redefinición de etiquetas */
a:link {
	text-decoration:none;
	color: #006666;
	/*color: #006666; */
}
a:visited {
	text-decoration:none;
	color: #006666;
	/*color: #006666;*/
}
a:hover{
	text-decoration:underline;
	color: #0066CC;
} 
a:active{
	text-decoration:none;
	color: #006666;
}


/*---Tablas */
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
}
tr.par{
    background: #eee;
    border-top: 1px solid silver;
}
tr.impar {

}
tr.impar th{
	background-color: #F0F0F0;

}
tr.impar td{
	background: #F0F0F0;

}

td.impar
{
	background: #F0F0F0;
}

.boton {
	background-color: #BA6C1B;
	padding: 1px 4px;
	color: #FFFFFF;
	text-decoration: none;
	font: bolder 9px Verdana, Arial, Helvetica, sans-serif;
	height: 14pt;
}

/*-- Fin de estilos de redefinición de etiquetas */
.menu-principal {

}

.cuerpo-texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	vertical-align: top;
}
.separador {
	height: 10px;
}
.encabezado {
	background-image: url(../images/fondo-intranet.png);
	width: 1000px;
	height: 140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
}
.encabezadog {
	background-image: url(../images/fondo-intranet3.png);
	width: 1400px;
	height: 140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
}
.pathway {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #797673;
	font-weight: bold;
	font-size: 10px;
}

.titulo-tabla {
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #006633;
	line-height: 21px;
	text-indent: 10px;
}
.pie-pagina {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #D5E4DC;
	width: 1000px;
	text-align: center;
	color: #333333;
	border-top-style: groove;
	border-top-color: #CCCCCC;
	border-top-width: thin;
	height: auto;
}
.pie-paginag {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #D5E4DC;
	width: 1400px;
	text-align: center;
	color: #333333;
	border-top-style: groove;
	border-top-color: #CCCCCC;
	border-top-width: thin;
	height: auto;
}

.l-capital {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F1B37A;
	background-color: #E87F23;
	text-align: right;
	width: 10px;
}
.titulo-aplicacion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #CCCCCC;
	color: #FFFFFF;
	height: 21px;
	vertical-align: middle;
}
.tabla {
	width: 1000px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 350px;
}
.titulo-formulario-lista {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #377351;
}
.titulo-formulario-listb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003366;
}
.titulo-formulario-listc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF00FF;
}
.encabezado-campo-formulario {
	background-color: #CFCFCF;
	text-align: center;
}

.imagen-menu {
	height: 320px;
	width: 200px;
}
.linea-par-lista {
	background-color: #F1B37A;
}
.linea-par-listb {
	background-color: #D5EAEA;
}
.linea-par-listc {
	color: #FFFFFF;
	background-color: #003366;
}

.lista {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.opciones-principal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	text-transform: uppercase;
}
.cabecera-formulario-lista {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #999999;
	font-weight: bold;
}

/* Estilos especiales para manejo de las pestañas en aplicaciones qe tienen muchas opciones */
.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
font: bold 14px Helvetica;
list-style-type: disc;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #f6ffd5;
color: #2d2b2b;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover{
background-color: #DBFF6C;
color: black;
}

.basictab li a:active{
color: black;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #DBFF6C;
color: black;
}
/* *********************************************************** */

.shadetabs{
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
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;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(media/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(media/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

/* ************************************************ */
.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: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: black url(media/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 #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(media/indentbg2.gif) center center repeat-x;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.indentmenu li.selected a{ /*selected main tab style */
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(media/indentbg2.gif) center center repeat-x;
}

/* Fin de estilos para pestañas */
.formulario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.linea_asp {
	background-color:#408080;
    font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFFFFF;
}
