BODY
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	/*background:#d8e8f7;*/
	/*background-image:url(../images/fondo5.png);*/
	background-attachment:fixed;
	background-size:130% 100%;
	background-position:bottom center;

}
TABLE
{

/*box-shadow:8px 8px 8px #006699	*/

	}
.contenido2{
	width: 1060px;
	margin: 0 auto;
	box-shadow:0px 0px 12px 1px #ccc;
	padding: 15px;
	background:url('../images/login/fondo.jpg');
}
.contenido3{
	width:54%;
	margin-left: 45%;
}
.aplicaciones{
	width:250px;
	display:inline-block;
	height:auto;
	padding: 5px;
	border: 1px solid #909090;
	border-radius: 5px;
	transition: all 5s ease-out 5s;
	-webkit-transition: all 5s ease-out 5s;*/
	box-shadow: 1px 1px 3px #CCC;
	margin:5px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}
.aplicaciones:hover{
	background: rgb(229,229,229); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

table.menu
{

/*box-shadow:1px 2px 2px #006699	*/

	}

.menu_actualizado{

	width:91%;

}

/* botones */
.button
{
	height:30px;
	cursor:pointer;
	border-style:outset;
	border-width:1px;
	font-size: 8pt;
/*	background-color:#D8E8F7;*/
	background: rgb(69,80,65); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(69,80,65,1) 0%, rgba(109,127,104,1) 50%, rgba(69,80,65,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,80,65,1)), color-stop(50%,rgba(109,127,104,1)), color-stop(100%,rgba(69,80,65,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,80,65,1) 0%,rgba(109,127,104,1) 50%,rgba(69,80,65,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,80,65,1) 0%,rgba(109,127,104,1) 50%,rgba(69,80,65,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,80,65,1) 0%,rgba(109,127,104,1) 50%,rgba(69,80,65,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,80,65,1) 0%,rgba(109,127,104,1) 50%,rgba(69,80,65,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#455041', endColorstr='#455041',GradientType=0 ); /* IE6-9 */
	color:#FFF;
	font-weight:bold;
	box-shadow:2px 3px 3px #ccc;
/*	background-image:url('../images/boton.png');*/
	border-radius: 5px;
}

.button:active
{
/*	background: -moz-linear-gradient(top,  rgba(0,0,0,0.33) 0%, rgba(150,150,150,0.33) 50%, rgba(5,5,5,0.33) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.33)), color-stop(50%,rgba(150,150,150,0.33)), color-stop(100%,rgba(5,5,5,0.33))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.33) 0%,rgba(150,150,150,0.33) 50%,rgba(5,5,5,0.33) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.33) 0%,rgba(150,150,150,0.33) 50%,rgba(5,5,5,0.33) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.33) 0%,rgba(150,150,150,0.33) 50%,rgba(5,5,5,0.33) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.33) 0%,rgba(150,150,150,0.33) 50%,rgba(5,5,5,0.33) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54000000', endColorstr='#54050505',GradientType=0 ); /* IE6-9 */
	color:#000;*/
}
.button:hover{
	background: rgb(78,109,63); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(78,109,63,1) 0%, rgba(100,122,93,1) 50%, rgba(78,109,63,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(78,109,63,1)), color-stop(50%,rgba(100,122,93,1)), color-stop(100%,rgba(78,109,63,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(78,109,63,1) 0%,rgba(100,122,93,1) 50%,rgba(78,109,63,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(78,109,63,1) 0%,rgba(100,122,93,1) 50%,rgba(78,109,63,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(78,109,63,1) 0%,rgba(100,122,93,1) 50%,rgba(78,109,63,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(78,109,63,1) 0%,rgba(100,122,93,1) 50%,rgba(78,109,63,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e6d3f', endColorstr='#4e6d3f',GradientType=0 ); /* IE6-9 */
}


.banner
{
	font-weight: bold;
	font-size:12pt;
	color:#3D4B3A;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
}

label
{
	font-size:9pt;
	font-weight:bold;
}

.status
{
	text-align:left;
	color:#4A5646;
	width:400px;
	font-weight:bold;
	padding:5px;
	font-family:Arial, Helvetica, "sans-serif";
	font-size: 10pt;
}

/* forms */
.formgrid
{
	border: 1px gray solid;
	border-collapse: collapse;
	background-color:#F4F4F4;
	font-size:9pt;
}

.formgrid TH
{
	background: rgb(69,80,65); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(69,80,65,1) 0%, rgba(109,127,104,1) 50%, rgba(69,80,65,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,80,65,1)), color-stop(50%,rgba(109,127,104,1)), color-stop(100%,rgba(69,80,65,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(69,80,65,1) 0%,rgba(109,127,104,1) 50%,rgba(69,80,65,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(69,80,65,1) 0%,rgba(109,127,104,1) 50%,rgba(69,80,65,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(69,80,65,1) 0%,rgba(109,127,104,1) 50%,rgba(69,80,65,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(69,80,65,1) 0%,rgba(109,127,104,1) 50%,rgba(69,80,65,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#455041', endColorstr='#455041',GradientType=0 ); /* IE6-9 */
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight: bold;
	padding-top:2px;
	padding-left:4px;
	border: 1px gray solid;
	color:#FFFFFF;
	text-align:center;
	height:35px;
}

.formgrid TH.required
{
	 font-style: italic;
	 font-weight:bold;
	 text-transform:capitalize;
}

.formgrid TD
{
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	vertical-align:middle;
	padding:3px;
}

.formgrid TD.formlabel
{
	text-align: right;
}

.formgrid TD.required
{
	 font-style: italic;
	 font-weight:bold;
     text-transform:capitalize;
}

/* grid */
.grid
{
	border: gray thin solid;;
	border-collapse: collapse;
}

.grid th
{
        background: rgb(69,80,65); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(69,80,65,1) 0%, rgba(109,127,104,1) 50%, rgba(69,80,65,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,80,65,1)), color-stop(50%,rgba(109,127,104,1)), color-stop(100%,rgba(69,80,65,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(69,80,65,1) 0%,rgba(109,127,104,1) 50%,rgba(69,80,65,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(69,80,65,1) 0%,rgba(109,127,104,1) 50%,rgba(69,80,65,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(69,80,65,1) 0%,rgba(109,127,104,1) 50%,rgba(69,80,65,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(69,80,65,1) 0%,rgba(109,127,104,1) 50%,rgba(69,80,65,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#455041', endColorstr='#455041',GradientType=0 ); /* IE6-9 */
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	padding:3px;
	border: 1px gray solid;
	color:#FFFFFF;
}

.grid .th1
{
	background:lightblue;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	padding:3px;
	border: 1px gray solid;
	color:#000000;
}

.grid td
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding:2px;
	border:	1px gray solid;
	color:#282F26;
	height:30px;
}

.grid tr.altColor td
{
	background-color:#F7F7F7;
}

.grid tr.normalColor td
{
	background-color:white;
}

/* regular tags */
H1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color:#000066;
}

H2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color:#000066;
}

H3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color:#3D4B3A;
}

P
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #006699;
}

/* hyperlinks */
A
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-decoration:none;
	font-weight:normal;
	color:#000 !important;
}

A:link
{
	color:#000;
}

A:visited
{
	color:#006699;
}

A:hover
{
	color:#000000;
}

#image
{
	text-decoration:none;
	border:#CCFF00;

}


/*span para texto*/
span
{
	font-size:9pt;
	color:#006699;
	text-decoration:underline;
	cursor:pointer;
}
span:hover
{
	color:#000000;
	cursor:pointer;
	text-decoration:underline;
}

/* messages*/
.message
{
	text-align:center;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-variant:small-caps;
	font-weight:bold

}

input, textarea
{
/*	font-family:Arial, Helvetica, sans-serif;*/
/*	font-size: 8pt;*/
/*	box-shadow:1px 2px 2px #006699;*/
	background: #fff;
	border: solid 0.5px #ccc;
	color: #393939;
	height: 25px;
	padding: 0px 6px 0px;
	border-radius:5px;
	text-transform: uppercase;
	text-align: left;

}
select{
/*      font-family:Arial, Helvetica, sans-serif;*/
/*      font-size: 8pt;*/
/*      box-shadow:1px 2px 2px #006699;*/
        background: #fff;
	border-radius: 5px;
        color: #393939;
/*        height: 25px;*/
        padding: 0px 6px 0px;
	border: solid 0.5px #ccc;
}

input:focus, select:focus, textarea:focus, input:focus
{
	background-color:#d8e8f7;
}

li
{
	text-align:left;
	list-style:none;
}

/*  **** SISTEMA DE SEGURIDAD **** */
label.security
{
	font-size:7pt;
	font-weight:bold;
}

span.security
{
	font-size:13px;
	color:#383B30;
	/*text-decoration:none;*/
	border:1px;
	cursor:pointer;
	text-shadow:0px 0px 0px ;
	line-height:22px;
}


/*  *** **** ***  TOOLTIP  **** *** ** */
#toolTipBox {

	display: none;
	padding: 5;
	font-size: 9px;
	border:#FFCC00 solid;
	font-family: verdana;
	position: absolute;
	background-color:#FFFFFF;
	color:#000000;
	text-decoration:none;
}

/* ********************* CALENDAR ********************************* */
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend dates */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 2px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}