ï»¿BODY {
    font-size: 10pt;
    font-family: Arial;
	background-color: #F5F5F5;
    width: 100%; 
    margin-left:0; 
    margin-right: 0; 
	margin-top: 0;
	margin-bottom: 0;
    min-height:100%;
    height:100%;
/*    border-radius: 20px;
    -moz-border-radius: 20px; */
}

BODY.cabecera { background-color: #2652A8;} 

BODY.detalle {
    font-size: 10pt;
    font-family: Arial;
	background-color: #F5F5F5;
    width: 100%; 
    margin-left:0; 
    margin-right: 0; 
	margin-top: 0;
	margin-bottom: 0;
    min-height:100%;
    height:100%;
    border-radius: 0;
    -moz-border-radius: 0;
}

BODY.detalle1 {
    font-size: 10pt;
    font-family: Arial;
    background-color: white;
    width: 100%; 
    margin-left:0; 
    margin-right: 0; 
	margin-top: 0;
	margin-bottom: 0;
    min-height:100%;
    height:100%;
    border-radius: 0;
    -moz-border-radius: 0;
}

TABLE.sesion {
    BACKGROUND-COLOR: #ECECEC;
	opacity: .85;
	BORDER-RIGHT: #D3D3D3 1px solid;
    BORDER-TOP: #D3D3D3 1px solid;
    BORDER-LEFT: #D3D3D3 1px solid;
    BORDER-BOTTOM: #D3D3D3 1px solid;
    FONT-SIZE: 9pt;
    COLOR: darkblue;
    FONT-FAMILY: arial;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

TABLE.NameSoftware {
    BACKGROUND-COLOR: #002041;
	BORDER-RIGHT: #13BDCE 1px solid;
    BORDER-TOP: #13BDCE 1px solid;
    BORDER-LEFT: #13BDCE 1px solid;
    BORDER-BOTTOM: #13BDCE 1px solid;
    FONT-SIZE: 18pt;
    COLOR: FloralWhite;
    FONT-FAMILY: Tahoma;
	FONT-WEIGHT: bold;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

TABLE.modulo {
	cursor: normal;
    BACKGROUND-COLOR: #C0C0C0;
	opacity: .70; 
	BORDER-RIGHT: white 5px solid;
    BORDER-TOP: white 5px solid;
    BORDER-LEFT: white 5px solid;
    BORDER-BOTTOM: white 5px solid;
    FONT-SIZE: 12pt;
    COLOR: darkblue;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
	text-align: center;
	vertical-align: middle;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

button{
	padding: 7px 7px 7px 7px; 
	font-size: 9pt;
	font-family: 'trebuchet MS', 'Lucida sans', Arial;
	border: 0 none;
	cursor: pointer;
	background-color: darkblue;
	color: white;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

button.sbttn_pendiente{
	padding: 7px 7px 7px 7px; 
	font-size: 8pt;
	font-family: Arial, 'trebuchet MS', 'Lucida sans';
	border: 0 none;
	cursor: pointer;
	background-color: #76448A;
	color: white;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

button.circle {
	height: 25px;
	width: 25px;
	padding: 3px 3px 3px 3px; 
	font-size: 9pt;
	font-family: 'trebuchet MS', 'Lucida sans', Arial;
	border: 0 none;
	cursor: pointer;
	background: #D6DBDF;
	color: #17202A;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

button.login { background-color: #2652A8; border: 0 none; cursor: pointer; }

.textWhiteOnModulo {
	cursor: normal;
    BACKGROUND-COLOR: white;
	opacity: .70; 
	BORDER-RIGHT: #C0C0C0 5px solid;
    BORDER-TOP: #C0C0C0 5px solid;
    BORDER-LEFT: #C0C0C0 5px solid;
    BORDER-BOTTOM: #C0C0C0 5px solid;
    FONT-SIZE: 12pt;
    COLOR: darkblue;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;
}

.textWhiteOffModulo {
	cursor: normal;
    BACKGROUND-COLOR: #C0C0C0;
	opacity: .70; 
	BORDER-RIGHT: white 5px solid;
    BORDER-TOP: white 5px solid;
    BORDER-LEFT: white 5px solid;
    BORDER-BOTTOM: white 5px solid;
    FONT-SIZE: 12pt;
    COLOR: darkblue;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;
}

TR.seleccionado {
    BORDER-RIGHT: black solid;
    BORDER-TOP: black solid;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    BORDER-LEFT: black solid;
    CURSOR: hand;
    COLOR: teal;
    BORDER-BOTTOM: black solid;
    FONT-FAMILY: Arial;
}

TR.categoria TD {
	padding: 3px 3px 3px 3px; 
    BORDER-RIGHT: darkblue 1px solid;
    BORDER-TOP: darkblue 1px solid;
    BORDER-LEFT: darkblue 1px solid;
    BORDER-BOTTOM: darkblue 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    CURSOR: normal;
    COLOR: white;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
	background-color: gray;
}

TD.head {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
    TEXT-ALIGN:center;
}

TD.headhorizontal{
    BORDER-TOP: black 1pt solid;
    BORDER-RIGHT: black 1pt;
    BORDER-LEFT: black 1pt solid;
    BORDER-BOTTOM: black 1pt;
	padding: 5px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
}

TD.headvertical{
  margin-left: 30px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
  background: green;
  color: white;
}

TD.small {
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
}

TD.normal {
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
}

TD.alerta {
//	width: 100%;
	border-radius: 5px;
/*	border: 1px solid #E74C3C; */
/*	padding: 4px 4px 4px 4px; */
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
//	background-color: white;
    COLOR: #E74C3C;
    FONT-FAMILY:  Arial,'trebuchet MS','Lucida sans';
}

TD.title {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    FONT-FAMILY: Arial;
}

TD.registro {
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial;
}

TD.subtitle {
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline;
}

TD.coltitle {
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: Arial;
}

TD.hightitle {
    FONT-WEIGHT: bold;
    FONT-SIZE: 36pt;
    COLOR: coral;
    FONT-FAMILY: verdana;
}

TD.quiebre {
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial;
}

TD.toting {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: blue;
}

TD.totegr {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: green;
}

TD.salcaj {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: red;
}

TD.cuadro {
    BORDER-RIGHT: white 1pt outset;
    BORDER-TOP: white 1pt outset;
    BORDER-LEFT: white 1pt outset;
    BORDER-BOTTOM: white 1pt outset;
    TEXT-ALIGN:center;
}

TD.menu {
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: black;
}

TD.opcion {
    FONT-SIZE: 8pt;
    MARGIN: 0;
    COLOR: red;
    FONT-FAMILY: Arial;
}

INPUT.normal {
/*
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
*/
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

INPUT.boton {
	color:#08233e;
	font:2.4em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
	font-size:70%;
	padding:14px;
	background:url(overlay.png) repeat-x center #ffcc00;
	background-color:rgba(255,204,0,1);
	border:1px solid #ffcc00;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border-bottom:1px solid #9f9f9f;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	cursor:pointer;
}

INPUT.numero {
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: right;
}

INPUT.total {
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #cccccc;
}

INPUT.sbttn {
    BORDER-RIGHT: black 1pt outset;
    BORDER-TOP: black 1pt outset;
    FONT-SIZE: 8pt;
    BORDER-LEFT: black 1pt outset;
    CURSOR: hand;
    BORDER-BOTTOM: black 1pt outset;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #cccccc;
	COLOR: WHITE;
}

INPUT.sbttn_pendiente {
    BORDER-RIGHT: black 1pt outset;
    BORDER-TOP: black 1pt outset;
    FONT-SIZE: 8pt;
    BORDER-LEFT: black 1pt outset;
    CURSOR: hand;
    BORDER-BOTTOM: black 1pt outset;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #76448A;
	COLOR: WHITE;
}

.registro {
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: white;
    FONT-VARIANT: normal;
}

.quiebre {
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: white;
    FONT-VARIANT: normal;
    FONT-WEIGHT: bold;
}

H1 {
    FONT-SIZE: 16pt;
    COLOR: black;
    FONT-FAMILY: Verdana, arial;
    TEXT-DECORATION: none;
}

H2 {
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none;
}

A.normal {
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana;
	TEXT-DECORATION: none;
}

A.exit {
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: verdana;
	TEXT-DECORATION: none;
	cursor: pointer;
}

FIELDSET {
	border:1px solid #ccc; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

LEGEND {
	font-weight: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
}

P {
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none;
}

SELECT {
	padding:5px; 
	width: 220px;
	border:1px solid #ccc; 
	font-size:9pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFFACD;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

SELECT.normal {
	width: 160px;
    FONT-SIZE: 8pt;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFFACD;
}

SELECT.normal1 {
    FONT-SIZE: 8pt;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFFACD;
}

SELECT.normal_cap {
	padding: 0;
	width: 50px;
    FONT-SIZE: 8pt;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFFACD;
}

SELECT.oriundo {
	padding: 2px;
	width: 100%;
	FONT-SIZE: 8pt;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFFACD;
}

SELECT.xnormal {
	width: 160px;
    FONT-SIZE: 8pt;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFA500;
}

INPUT.normal {
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #FFFACD;
}

INPUT.xnormal {
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #FFA500;
}

TEXTAREA.normal {
	padding:5px; 
	border:1px solid #ccc; 
	font-size:9pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFFACD;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

TEXTAREA.xnormal {
	padding:5px; 
	border:1px solid #ccc; 
	font-size:9pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFA500;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.textWhiteBold {
	FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

.textYellowBold {
	FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: yellow;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

img.green {
	border:1px solid #ccc; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	padding: 5px;
	background-color: green;
	color: white;
}

img.red {
	border:1px solid #ccc; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	padding: 5px;
	background-color: red;
	color: white;
}

img.normal {
    CURSOR: pointer;
}

img.zoom-in {
    CURSOR: zoom-in;
}

img.help {
    CURSOR: help;
}

img.bw {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
}

.imagen img {
	padding: 4px;  
	box-sizing: border-box;
	max-width: 100%;
	height: 64px;
	background-color: white:
	border: 1px solid black;
}

.textGreen {
    FONT-SIZE: 8pt;
    COLOR: green;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}

.textGreenBold {
	padding: 4px 4px 4px 4px;
	background-color: green;
	FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}
.textRed {
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}

.textRedBold {
	padding: 4px 4px 4px 4px;
	background-color: red;
	FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}

.textBlue {
    FONT-SIZE: 12pt;
    COLOR: blue;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none;
}

.textBlueBold {
	FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: blue;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none;
}

.textBlueMenu {
    FONT-SIZE: 8pt;
    COLOR: blue;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}

.textBlueBoldMenu {
    FONT-SIZE: 8pt;
    COLOR: blue;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}

.textRedBoldMenu {
	background-color: red;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}

.textWhite {
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}

.textYellow {
    FONT-SIZE: 8pt;
    COLOR: yellow;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}

.textBlack {
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: arial;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}

.textDarkOrange {
    FONT-SIZE: 10pt;
    COLOR: darkblue;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}

.textDarkOrangeBold {
	FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: darkblue;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}

.textBrown {
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
	FONT-STYLE: normal;
}

.textBrownBold {
	FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
	FONT-STYLE: normal;
}

.textChocolate {
    FONT-SIZE: 10pt;
    COLOR: darkblue;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}

.textChocolateBold {
	FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: darkblue;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}

.textWhiteBoldTitleSoftware {
	FONT-WEIGHT: bold;
    FONT-SIZE: 36pt;
    color: Chartreuse;
    FONT-FAMILY: Tahoma; 
}

.textWhiteBoldLoginSoftware {
	FONT-WEIGHT: bold;
    FONT-SIZE: 18pt; 
    color: #FFFFFF;
    FONT-FAMILY: Tahoma; 
}

.textChocolateBoldTitle {
	FONT-WEIGHT: bold;
    FONT-SIZE: 40pt;
    FONT-FAMILY: verdana;
	color: rgb(0, 0, 102);
	text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.textChocolateBoldSubTitle {
	FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
	color: white;
    font-family: 'trebuchet MS', 'Lucida sans', Arial;
    TEXT-DECORATION: none;
	text-shadow: rgba(0,0,0,0.5) 3px 3px 5px;
}

.textCoral {
    FONT-SIZE: 10pt;
    COLOR: darkblue;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}

.textCoralBold {
	FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: darkblue;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}

.textDarkCyan {
    FONT-SIZE: 10pt;
    COLOR: darkblue;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}

.textDarkCyanBold {
	FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: darkblue;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}

.textRoyalBlue {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
	background-color:royalblue;
}

input[type=file] {
	padding: 7px 7px 7px 7px; 
	font-size: 9pt;
	font-family: 'trebuchet MS', 'Lucida sans', Arial;
	border: 0 none;
	cursor: pointer;
	background-color: darkblue;
	color: white;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input[type=submit] {
	padding: 7px 7px 7px 7px; 
	font-size: 9pt;
	font-family: 'trebuchet MS', 'Lucida sans', Arial;
	border: 0 none;
	cursor: pointer;
	background-color: darkblue;
	color: white;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input[type="radio"] {
	width: 20px;
	height: 20px;
	padding: 10px 10px 10px 10px; 
	font-size: 20pt;
	font-family: 'trebuchet MS', 'Lucida sans', Arial;
//	font-weight: bold;
//	border: 0 none;
	cursor: pointer;
	background-color: white;
	color:black;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

input[type="radio"]:checked+label { border-radius: 4px 4px 4px 4px; padding: 4px 4px 4px 4px; color: white; background: black; font-weight: bold; }

input[type="checkbox"] {
	padding: 10px 10px 10px 10px; 
	width: 20px;
	height: 20px;
	font-size: 20pt;
	font-family: 'trebuchet MS', 'Lucida sans', Arial;
//	font-weight: bold;
//	border: 0 none;
	cursor: pointer;
	background-color: #FFFACD;
	color: black;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

input[type="checkbox"]:checked+label { border-radius: 4px 4px 4px 4px; padding: 4px 4px 4px 4px; color: white; background: black; font-weight: bold; }

input[type=button] {
	padding: 7px 7px 7px 7px; 
	font-size: 9pt;
	font-family: 'trebuchet MS', 'Lucida sans', Arial;
	border: 0 none;
	cursor: pointer;
	background-color: darkblue;
	color: white;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input[type=text] {
	padding:5px; 
	border:1px solid #ccc;
	font-size:9pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFFACD;
	-webkit-border-radius: 5px;
	border-radius: 5px;
/*	-webkit-border-radius: 5px;
	border-radius: 5px; */
/*	text-transform: capitalize; */
}

input[type=text].xnormal{
	padding:5px; 
	border:1px solid #ccc; 
	font-size:9pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFA500;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input[type=date] {
	padding:5px; 
	border:1px solid #ccc; 
	font-size:9pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFFACD;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input[type=date].xnormal{
	padding:2px; 
	border:1px solid #ccc; 
	font-size:8pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFA500;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input[type=month] {
	padding:5px; 
	border:1px solid #ccc; 
	font-size:9pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFFACD;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input[type=number] {
	padding:5px; 
	border:1px solid #ccc; 
	font-size:9pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFFACD;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input[type=number].xnormal{
	padding:2px; 
	border:1px solid #ccc; 
	font-size:8pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFA500;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input[type=time] {
	padding:5px; 
	border:1px solid #ccc; 
	font-size:9pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFFACD;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input[type=password] {
	padding:5px; 
	border:1px solid #ccc; 
	font-size:9pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFFACD;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input[type=email] {
	padding:5px; 
	border:1px solid #ccc; 
	font-size:9pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFFACD;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input[type=email].xnormal{
	padding:2px; 
	border:1px solid #ccc; 
	font-size:8pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFA500;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input[type=tel] {
	padding:5px; 
	border:1px solid #ccc; 
	font-size:9pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFFACD;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input[type=tel].xnormal{
	padding:2px; 
	border:1px solid #ccc; 
	font-size:8pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFA500;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input[type=text]:focus {
	border-color:#333; 
}

input[type=date]:focus {
	border-color:#333; 
}

input[type=password]:focus {
	border-color:#333; 
}

input[type=checkbox]:focus {
	border-color:#333; 
}

TEXTAREA{
	padding:5px; 
	border:1px solid #ccc; 
	font-size:9pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFFACD;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

TEXTAREA.yellow{
	padding:5px; 
	border:1px solid #ccc; 
	font-size:9pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
	color: black;
    BACKGROUND-COLOR: yellow;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

TEXTAREA.red{
	padding:5px; 
	border:1px solid #ccc; 
	font-size:9pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
	color: white;
    BACKGROUND-COLOR: red;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

TEXTAREA.green {
	padding:5px; 
	border:1px solid #ccc; 
	font-size:9pt;
	font-family:'trebuchet MS', 'Lucida sans', Arial;
	color: white;
    BACKGROUND-COLOR: green;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

SELECT OPTION.yellow {
	color: black;
	font-weight: bold;
    BACKGROUND-COLOR: yellow;
}

SELECT OPTION.seagreen {
	color: white;
	font-weight: bold;
	BACKGROUND-COLOR: MediumSeaGreen;
}

SELECT OPTION.green {
	color: white;
	font-weight: bold;
	BACKGROUND-COLOR: green;
}

SELECT OPTION.orange {
	color: white;
	font-weight: bold;
    BACKGROUND-COLOR: orange;
}

SELECT OPTION.red{
	color: white;
	font-weight: bold;
    BACKGROUND-COLOR: red;
}

TD.seagreen{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY:'trebuchet MS', 'Lucida sans', Arial;
	background-color:MediumSeaGreen;
}

TD.green{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY:'trebuchet MS', 'Lucida sans', Arial;
	background-color:green;
}

TD.red{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
	background-color:red;
}

TD.orange{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
	background-color:orange;
}

TD.yellow{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
	background-color:yellow;
}

TD.royalblue{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
	background-color:royalblue;
}

TD.white{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
	background-color:white;
}

.textbox {
	border: 1px solid #DBE1EB;
	font-size: 28px;
	font-family: 'trebuchet MS', 'Lucida sans', Arial;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	background: #FFFFFF;
	background: linear-gradient(left, #FFFFFF, #F7F9FA);
	background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
	background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
	background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
	color: #2E3133;
}

.textbox:focus{
	color: #2E3133;
	border-color: #FBFFAD;
}

TD.MenuImage {
    cursor: normal;
	border: 29px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    COLOR: white;
    FONT-FAMILY: arial,verdana,san-serif;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: rgb(150,150,150) 5px 5px;
	-webkit-box-shadow: rgb(150,150,150) 5px 5px;
	box-shadow: rgb(150,150,150) 5px 5px;
}

INPUT.sesion {
	width: 315px;
	padding: 10px 10px 10px 10px; 
/*
	border: 1px solid #ccc;
*/
	font-size: 12pt;
	font-family: 'trebuchet MS', 'Lucida sans', Arial;
    BACKGROUND-COLOR: #FFFACD;
/*
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
*/
}

A.help{
	cursor: help;
}

A.linkModulo{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: white;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
	cursor: pointer;
}

.vertical-text {
	width: 0.5em; 
    transform:rotate(-45deg);
    -moz-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-90deg);
	transform-origin:center center 0;
	-webkit-transform-origin:center center 0;
	-moz-transform-origin:center center 0;
	-ms-transform-origin:center center 0;
	-o-transform-origin:center center 0;
	display: table-cell;
	vertical-align: text-bottom;
}

TD.headsmall {
    FONT-WEIGHT: bold;
    FONT-SIZE: 6pt;
    COLOR: black;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
    TEXT-ALIGN:center;
}

TD.normalsmall{
    FONT-SIZE: 6pt;
    COLOR: black;
    FONT-FAMILY: 'trebuchet MS', 'Lucida sans', Arial;
}

/* Inicio de nuevos estilos */
	.superior {
		top: 0;
		left: 0;
		bottom: 60px;
		right: auto;
		width: 100%;
		height: 60px;
		color: white;
		font-weight: bold;
		font-size: 12pt;
		font-family: 'trebuchet MS', 'Lucida sans', Arial;
		background-color: #2652A8; 
		text-decoration: none;
	}
	.contenido {
		height: auto;
		width: 100%;
		background-color: #F9F4F3; 
	}
	.inferior {
		top: auto;
		left: auto;
		bottom: 0px;
		right: 0px;
		width: 100%;
		height: 25px;
		color: white; 
		font-size: 8pt;
		font-family: 'trebuchet MS', 'Lucida sans', Arial;
		background-color: #2652A8; 
	}
	.imagen {
		box-sizing: border-box;
		max-width: 100%;
		height: 50px;
	}	
/* Fin de nuevos estilos */

/* Estilo Notes */
p.note
{
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     background-color: #f0f7fb;
     background-image: url(../Images/icons/Pencil-48.png);
     background-position: 9px 0px;
     background-repeat: no-repeat;
     border: solid 1px #3498db;
     border-radius: 6px;
     line-height: 18px;
     overflow: hidden;
     padding: 15px 60px;
}

p.noteAlt
{
     background-color: #f0f7fb;
     background-image: url(../Images/icons/Pencil-48.png);
     background-position: 9px 0px;
     background-repeat: no-repeat;
     border-left: solid 4px #3498db;
     line-height: 18px;
     overflow: hidden;
     padding: 15px 60px;
}

p.note
{
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     background-color: #f0f7fb;
     border: solid 1px #3498db;
     border-radius: 6px;
     line-height: 18px;
     mc-auto-number-format: '{b}Note: {/b}';
     overflow: hidden;
     padding: 12px;
}

p.noteAlt
{
     background-color: #f0f7fb;
     border-left: solid 4px #3498db;
     line-height: 18px;
     mc-auto-number-format: '{b}Note: {/b}';
     overflow: hidden;
     padding: 12px;
}

div.note
{
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     background-color: #f0f7fb;
     background-image: url(../Images/icons/Pencil-48.png);
     background-position: 9px 0px;
     background-repeat: no-repeat;
     border: solid 1px #3498db;
     border-radius: 6px;
     line-height: 18px;
     overflow: hidden;
     padding: 15px 60px;
}

div.noteAlt
{
     background-color: #f0f7fb;
     background-image: url(../Images/icons/Pencil-48.png);
     background-position: 9px 0px;
     background-repeat: no-repeat;
     border-left: solid 4px #3498db;
     line-height: 18px;
     overflow: hidden;
     padding: 15px 60px;
}

div.note
{
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     background-color: #f0f7fb;
     border: solid 1px #3498db;
     border-radius: 6px;
     line-height: 18px;
     mc-auto-number-format: '{b}Note: {/b}';
     overflow: hidden;
     padding: 12px;
}

div.noteAlt
{
     background-color: #f0f7fb;
     border-left: solid 4px #3498db;
     line-height: 18px;
     mc-auto-number-format: '{b}Note: {/b}';
     overflow: hidden;
     padding: 12px;
}

div.notepad
{
	width: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #fffacd;
	border: solid 1px #ccc;
	border-radius: 5px;
/*	line-height: 50px; */
	height: 30px;
/*	mc-auto-number-format: '{b}Note: {/b}'; */
	overflow: hidden;
	padding: 5px;
}

.imgRedonda {
    width:64px;
    height:64px;
    border-radius:32px;
	border:1px solid #666;
}

