div.tableContainer {

	width: 99%;		/* table width will be 99% of this*/
	height: 420px; 	/* must be greater than tbody*/
	overflow: auto;
	margin: 0 auto;
/*	scrollbar-track-color: Moccasin ;
	scrollbar-face-color: LightSalmon ;*/
	text-align:center;
	}
	
table.mit {
	width: 100%;		/*100% of container produces horiz. scroll in Mozilla*/
	border: none;
	background-color: #f7f7f7;
	table-layout: fixed;
	text-align:center;
	}
	
.mit thead  tr	{
	position: relative; 
	font-size: 10px; 
	top: expression(offsetParent.scrollTop); /*IE5+ only*/
	}

.mit>tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto; 
/*	height: 410px ;*/
	height: auto ;	
	overflow-x: hidden;
	}
		
	
.mit thead td {
	text-align: center;
	font-size: 10px; 
	background-color: oldlace;
	color: steelblue;
	font-weight: bold;
	border-top: solid 1px #d8d8d8;
	}	
	
.mit thead th {
	text-align: center;
	font-size: 11x; 
	background-color: oldlace;
	color: steelblue;
	font-weight: bold;
	border-top: solid 1px #d8d8d8;
	height:20pt;
	}	
.mit td	{
	color: #000;
	padding-right: 2px;
	font-size: 10px;
	text-align: center;
	border-bottom: solid 1px #d8d8d8;
	border-left: solid 1px #d8d8d8;
	}

/*.mit tr	{
	height: 20pt;
	}*/

.mit tfoot td	{
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	background-color: papayawhip;
	color: steelblue;
	border-top: solid 2px slategray;
	}

/*.mit td:last-child {padding-right: 1px;} /*prevent Mozilla scrollbar from hiding cell content*/

.atit{
	text-decoration : none;
	color: steelblue;
}

.boton
{
    BORDER-RIGHT: #000000 2px solid;
    BORDER-TOP: #666666 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #666666 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 2px solid;
    FONT-FAMILY: Verdana;
	BACKGROUND-COLOR:green;	
	
	width: 100px;
}

.tablacontent { border: 0.5pt solid #A42F28; }
.tablacontent2 { border-bottom: 0.5pt solid #A42F28; border-right: 0.5pt solid #A42F28; border-left: 0.5pt solid #A42F28; background-color: #FAFAFA; padding: 20px 11px 20px 11px;  }
.tablacontent3 { border: 0.5pt solid #666; text-align:right; text-align:left; padding: 2px 4px 2px 4px; margin-bottom: 20px;}
.tablacontent4 { border: 0.5pt solid #666; text-align:right; text-align:left; padding: 2px 4px 2px 4px; margin-bottom: 10px; background-color: #E3EDEF}


.select { border: 0.4pt solid rgb(215,198,181); background-color:rgb(243,238,233); font-family: Tahoma; font-size: 11px; font-weight: normal;	color: rgb(41,68,123);	text-align:left; padding-left:3px; }
.tablabotonera { border-right: 0.5pt solid #666; border-left: 0.5pt solid #666; background-color: #FAFAFA; text-align: right; }
.celdatextarea { border: 0.4pt; border-style:solid;border-color:#D7C6B5;background-color:#F3EEE9; font-family: Tahoma; font-size: 11px; font-weight: normal;	color: #29447B;	text-align:left; padding-left:3px; }
.celdatextarea2 { border-width:0.4pt; border-style:solid; border-color:#666666; background-color:#CCC; font-family: Tahoma; font-size: 12px; font-weight: bold;	color: green; text-align:left; padding-left:3px; }
.celdatextarea3 { border-width:0.1pt; border-style:solid; border-color:#666666; background-color:#EED8AE; font-family: Arial; font-size: 14px; font-weight: bold;	color: black; text-align:center; padding-left:3px; }
.boton { height: 17pt; border: 0.5pt solid #999; text-align:right; background-color:#53ACAE; font-family: Tahoma; font-size: 11px; font-weight: normal;	color: black;	text-align:center; padding: 0px 3px 0px 3px; }
/*.boton2 { border: 0.5pt solid #999; text-align:center; background-color:royalblue; font-family: Tahoma; font-size: 11px; font-weight: bold;	color: #FFF;	text-align:center; padding: 0px 3px 0px 3px; }  */
.boton3 { border: 0.5pt solid #999; text-align:center; background-color:seagreen; font-family: Tahoma; font-size: 12px; font-weight: bold;	color: #FFF;	text-align:center; padding: 0px 3px 0px 3px; }
.botonerainact { border-bottom: 0.5pt solid #666; border-right: 0.5pt solid #666; border-left: 0.5pt solid #666;text-align:right; background-color:#C0CBEB; font-family: Tahoma; font-size: 11px; font-weight: normal;	color: #231F20;	text-align:center; padding: 0px 3px 0px 3px; }
.botoneraactiva { border-bottom: 0.5pt solid #666; border-right: 0.5pt solid #666; border-left: 0.5pt solid #666;text-align:right; background-color:#EBC744; font-family: Tahoma; font-size: 11px; font-weight: normal;	color: #231F20;	text-align:center; padding: 0px 3px 0px 3px; }
.tablatit { border: 0.5pt solid #666; text-align:right; background-color:#e09894; font-family: Tahoma; font-size: 11px; font-weight: normal;	color: #231F20;	text-align:left; padding: 2px 4px 2px 4px; margin-bottom: 5px;}
/*.tablatit2 { border: 0.1pt solid #999; text-align:right; background-color:rgb(128,0,0); font-family: Tahoma; font-size: 11px; font-weight: normal;	color: #231F20;	text-align:left; padding: 2px 2px 2px 2px; margin-bottom: 5px;} */

.tablatit2 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	color : #154676;
	font-weight : bold;
	text-decoration : none;
	font-size: 17px;
	background-color: #154676; 
}



/*input  { border: 0.4pt solid rgb(215,198,181); background-color:#EAEAAE ; font-family: Tahoma; font-size: 11px; font-weight: bold;	color: black;	text-align:left; padding-left:3px; }*/
input  { border: 0.4pt solid rgb(215,198,181); background-color:#FAF7C2 ; font-family: Tahoma; font-size: 11px; font-weight: normal;	color: black;	text-align:left; padding-left:3px; }
.pict_num { border: 0.4pt solid rgb(215,198,181); background-color:#EAEAAE ; font-family: Tahoma; font-size: 11px; font-weight: bold;	color: black;	text-align:right; padding-left:3px; }
.celdadato  { border: 0.4pt solid rgb(215,198,181); background-color:#EAEAAE ; font-family: Tahoma; font-size: 11px; font-weight: bold;	color: black;	text-align:left; padding-left:3px; }
.celdadato1  { border: 0.4pt solid rgb(215,198,181); background-color:#EAEAAE ; font-family: Tahoma; font-size: 12px; font-weight: normal;	color: black;	text-align:left; padding-left:3px; }
.tablatit3 { border: 0.5pt solid #999; text-align:right; background-color:pink; font-family: Tahoma; font-size: 11px; font-weight: normal;	color: #231F20;	text-align:left; padding: 2px 4px 2px 4px; margin-bottom: 5px;}
.chaqueta { border: 0.5pt solid #999; text-align:right; background-color:midnightblue; font-family: Tahoma; font-size: 11px; font-weight: normal;	color: white;	text-align:left; padding: 2px 4px 2px 4px; margin-bottom: 5px;}
.mnu_login { border: 0.0pt solid #999; text-align:right; background-color:steelblue; font-family: Tahoma; font-size: 11px; font-weight: normal;	color: white;	text-align:right; padding: 2px 2px 0px 4px; margin-bottom: 0px;}
.texto01 { font-family: Tahoma; font-size: 11px; color: black ; text-align: left; }
.texto02 { font-family: Tahoma; font-size: 11px; color: black; text-align: right;}
.texto03 { font-family: Tahoma; font-size: 11px; font-weight: bold; color: #666; text-align: left; }
.texto04 { font-family: Tahoma; font-size: 11px; color: rgb(41,68,123); text-align: right; }
.select { border: 0.4pt; border-style:solid;border-color:#D7C6B5;background-color:#EDF2CC; font-family: Tahoma; font-size: 11px; font-weight: normal;	color: #29447B;	text-align:left; padding-left:3px; }
/*.tit01 { font-family: Tahoma; font-weight:bold; font-size: 12px; color: #FFF; text-align: left; } */

/*table { text-align:left ; }*/

.tit01 {
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight:bold;
	line-height: 20px;
	vertical-align: middle;
	text-indent:0px;
	color: steelblue;
	padding: 1px;
	padding-left: 1px;
	text-align:left;
}

.tit02 {
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight:bold;
	line-height: 20px;
	vertical-align: middle;
	text-indent:0px;
	color: #ffffff;
	background-color:  #999999;
	padding: 1px;
	padding-left: 1px;
	text-align:left;
}

.fila1 {
	text-align : left;
	font-family: Tahoma, Arial;
	font-size: 11px;
	line-height: 13px;
	color: #333333;
	background-color: #f3f3f3;
	padding: 4px;
	margin-left: 6px;
}

.fila3 {
	text-align : left;
	font-family: Tahoma, Arial;
	font-size: 11px;
	line-height: 13px;
	color: blue;
	background-color: #FFF8DC;
	padding: 4px;
	margin-left: 6px;
}

.fila3 {
	text-align : left;
	font-family: Tahoma, Arial;
	font-size: 14px;
	line-height: 13px;
	color: blue;
	background-color: #FFF8DC;
	padding: 4px;
	margin-left: 6px;
}

.tag_text { border: 0.1pt solid rgb(215,198,181); font-family: Tahoma; font-size: 11px; background-color: white; color: rgb(41,68,123); }
.tag_check { border: 0.0pt solid rgb(215,198,181); background-color: rgb(243,238,233); color: rgb(215,198,181); }
A.tit01 {text-decoration: none;}
A:hover.tit01 {color: red;}

/*.fila1 { background-color:rgb(243,238,233); font-family: Tahoma; font-size: 11px; font-weight: normal; color: rgb(41,68,123); padding: 2px 4px 2px 4px; margin-bottom: 5px;}  */
.fila2 { background-color:rgb(243,238,233); font-family: Tahoma; font-size: 12px; font-weight: normal; color: black; padding: 2px 4px 2px 4px; margin-bottom: 5px;} 

.chk6
{
	color: rgb(215,198,181);
	background-color: rgb(215,198,181);
}
.div6
{

	overflow: auto;	
	width: 90%;
	height: 75%;
/*	height: 350pt; */ 
	padding:1px;
	text-align:center;
	background-image: url("../menu/images/fondo_cuerpo.gif");
	background-repeat: repeat ;
	position: relative;

}

.cabe
{
	background-image: url("../menu/images/fondo_barra_der.gif");
	background-repeat: repeat ;
}

.div5
{
	overflow: hidden;
	width: 90%;
	height: 30;
	text-align: center;
	background-color: #D8D8D8 ;
	border-bottom: 0pt solid #D8D8D8;

}
.div_tit
{
	overflow: auto;
	width: 90%;
	height: 30;
	text-align: center;
	background-color: #C2D3D9 ;
	border-bottom: 0pt solid scrollbar;

}

.boton5
{
    BORDER-RIGHT: #000000 2px solid;
    BORDER-TOP: #666666 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #666666 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 2px solid;
    FONT-FAMILY: Tahoma;
	BACKGROUND-COLOR : rgb(215,198,181);	
}

.boton2
{
    BORDER-RIGHT: #000000 2px solid;
    BORDER-TOP: #666666 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #666666 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 2px solid;
    FONT-FAMILY: Tahoma;
	BACKGROUND-COLOR : rgb(215,198,181);	
	TEXT-ALIGN: center ; 
}

.boton6
{
    BORDER-RIGHT: #000000 2px solid;
    BORDER-TOP: #666666 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #666666 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 2px solid;
    FONT-FAMILY: Tahoma;
	BACKGROUND-COLOR : rgb(215,198,181);	
	width:150px;
	height: 30px; 
}

BODY {
	Font-Family: Verdana;
	Font-size: 10pt;
	Font-weight: bold;
	/*Background: steelblue; */
	/*background-image: url("../menu/images/fondo.jpg");*/
	background-repeat: repeat ;
	Color: rgb(0,0,153);
	
	
}
/*
BODY {
	Font-Family: Tahoma;
	Font-size: 12pt;
	Font-weight: bold;
	Color: rgb(0,0,153);
	Background: rgb(243,238,233); 
}
*/
P {
	Font-Family: Verdana, Arial;
	Font-size: 10pt;
	Color: rgb(41,68,123);	
}

H1 {
	Font-Family: Arial;
	Font-size: 14pt;
	Color: #9AFF9A;
/*	text-decoration: underline;  */
}

H2 {
	Font-Family: Verdana;
	Font-size: 10pt;
	Color: skyblue;
}

H3 {
	Font-Family: Verdana;
	Font-size: 9pt;
	Color: skyblue;
}
A {
	COLOR: #000080
}
A:visited {
	
}
A:active {
	
}
A:hover {
	COLOR: #ff6600
}

A.opcion {
	color: blue;
	Font-weight: normal ;
	text-decoration: none;
}

A.opcion:hover {
	Color: #ff0000;
	Font-weight: bold ;
}

A.opcion3 {
	color: blue;
	background-color: cornsilk;
	Font-weight: bold ;
	Font-size: 10pt;
	text-decoration: none;
}

A.opcion3:hover {
	Color: #ff0000;
	Font-size: 11pt;
	Font-weight: bold ;
}
A.opcion4 {
	color: blue;
	Font-size: 9pt;
	text-decoration: none;
}


.pedido {
	Font-Family: Verdana;
	Font-size: 8pt;
	font-weight: bold;
	background: cornsilk;
	text-decoration: none;
	}
.pedido:hover {
	Font-size: 9pt;
	Color:red;
}
.boton1 {
	Font-Family: Verdana;
	Font-size: 10pt;
	font-weight: bold;
	background: #4169E1;
	color: white; 
	text-decoration: none;
	width: 180px;
}

.boton1:hover {
	Color:white;
	Cursor:default;
	}
.cabe_tabla {
	Font-Family: Verdana;
	Font-size: 8pt;
	font-weight: bold;
	background: darkgray;
	color: black; 
	text-decoration: none;
	}
.cabe_tabla:hover {
	Color:red;
}
.comentario1 {
	Font-Family: Verdana;
	Font-size: 10pt;
	background: white;
	color: blue; 
}
.comentario2 {
	Font-Family: Verdana;
	Font-size: 10pt;
	background: gainsboro;
	color: blue; 
}
	
.comentario3 {
	Font-Family: Verdana;
	font-weight: bold;
	Font-size: 10pt;
	background: gainsboro;
	color: green; 
}
	
.cabe_tabla2 {
	Font-Family: Verdana;
	Font-size: 8pt;
	font-weight: bold;
	background: #4169E1;
	color: white; 
}
.tabla_titulos {
	Font-Family: Verdana;
	Font-size: 8pt;
	font-weight: bold;
	color: black; 
}
.tabla_leyendas {
	Font-Family: Verdana;
	Font-size: 8pt;
	font-weight: bold;
	background: gainsboro;
	color: green; 
	}
A.opcion2 {
	color: white; 
}

A.opcion2:hover {
	Color: red;
	Font-weight: bold ;
}

.titulo {
	Font-Family: Arial;
	Font-size: 9pt;
	font-weight: normal;
	background: rgb(185,185,185);
	color: rgb(0,0,153); }

.tope {
	background: #008080;
	Font-Family: Arial;
	Font-size: 12pt;
	Font-weight: bold;
	Color: #FFFFFF; }

.izquierda {
	background: #f0f0f0; }

.titulosistema {
	Font-Family: Arial;
	Font-size: 20pt;
	font-weight: bold;
	color: #ffffff;
}

.dato {
	Font-Family: Arial;
	Font-size: 9pt;
	color: rgb(0,0,128);
	background: rgb(230,230,230);
}

.leyenda {
	Font-Family: Arial;
	Font-size: 9pt;
	color: rgb(0,0,0);
	background: rgb(210,210,210);
}

.opcion {
	Font-Family: Arial;
	Font-size: 10pt;
	color: rgb(255,255,255);
	background: #c0c0c0;
}

.texto {
	Font-Family: Arial;
	Font-size: 9pt;
	color: rgb(0,0,128);
}

.pie {
	Font-Family: Arial;
	Font-size: 9pt;
	color: rgb(0,0,0);

}

.noticiatitulo {
	Font-Family: Arial;
	Font-size: 14pt;
	Color: rgb(0,0,153);
}

a.noticia {
	text-decoration: none;
	Color: rgb(0,0,153);
}

a.noticiaresumen {
	Font-Family: Arial;
	Font-size: 11pt;
	Color: black;	
}

.user {
	Font-Family: Times-New-Roman;
	Font-size: 9pt;
	Font-style: italic;
	Color: rgb(0,250,225);	
}
a:hover.noticia {
	text-decoration: none;
	Color: rgb(0,0,200);
}

.tablas {
	Font-Family: Arial;
	Font-size: 9pt;
	font-weight: bold;
	background: rgb(180,180,180);
	color: rgb(0,0,153); }
.tittabla {
	Font-Family: Verdana;
	Font-size: 10pt;
	font-weight: bold;
	background: turquoise;
	color: rgb(0,0,153); }
.titid {
	Font-Family: Arial;
	Font-size: 12pt;
	font-weight: bold;
	background: gold;
	color: rgb(0,0,153); }
	
.myselect , select {
	background: cornsilk;
	Font-Family: Arial;
	Font-size: 8pt;
	font-weight: bold;
	/*width: 120px;*/
}
.myselect2 {
	background: cornsilk;
	Font-Family: Arial;
	Font-size: 8pt;
	font-weight: bold;
	width: 180px;
}
.myselect3 {
	background: cornsilk;
	Font-Family: Arial;
	Font-size: 8pt;
	font-weight: bold;
	width: 55px;
}
.myselect4 {
	background: cornsilk;
	Font-Family: Arial;
	Font-size: 8pt;
	font-weight: bold;
	width: 250px;
}
.myselect5 {
	background: skyblue;
	Font-Family: Arial;
	Font-size: 8pt;
	font-weight: bold;
	width: 250px;
}
.myselect6 {
	background: skyblue;
	Font-Family: Arial;
	Font-size: 8pt;
	font-weight: bold;
	width: 120px;
}
	
.myselect33 {
	background: skyblue;
	Font-Family: Arial;
	Font-size: 8pt;
	font-weight: bold;
	width: 100px;
}
	
.myselect7 {
	background: skyblue;
	Font-Family: Arial;
	Font-size: 8pt;
	font-weight: bold;
	width: 180px;
}
.myselect8 {
	background: skyblue;
	Font-Family: Arial;
	Font-size: 8pt;
	font-weight: bold;
	width: 360px;
}
.myselect9 {
	background: skyblue;
	Font-Family: Arial;
	Font-size: 8pt;
	font-weight: bold;
	width: 40px;
}
.mybrowse {
	background: cornsilk;
	Font-Family: Arial;
	Font-size: 8pt;
	font-weight: bold;
	}
.mybutton {
	background: cornsilk;
	Font-Family: Arial;
	Font-size: 8pt;
	font-weight: bold;
	}
.login {
	Font-Family: Verdana;
	Font-size: 8pt;
	font-weight: bold;
}
.gets {
	background: cornsilk;
	Font-Family: Verdana;
	Font-size: 8pt;
	font-weight: bold;
}
.gets2 {
	background: turquoise;
	Color : black;
	Font-Family: Verdana;
	Font-size: 8pt;
	font-weight: bold;
	Cursor: default;
}

.consulta {
	Font-Family: Verdana;
	background-color:ddeeff; 
    color:333333; 
    font-size:7pt; 
	font-weight: bold;
}

.consulta1 {
	Font-Family: Verdana;
	background-color:ddeeff; 
    color:333333; 
    font-size:8pt; 
	font-weight: bold;
}

.leyenda {
	background: rgb(180,180,180);
	Font-Family: Verdana;
	Font-size: 8pt;
	font-weight: bold;
	font-style: italic;
	color: mediumvioletred;
}
.tr1
{
font-size:      8pt;
background-color: skyblue;
}
.tr2
{
font-size:      8pt;
background-color: beige;
}
.tr3
{
font-size:      8pt;
background-color: #FFE7BA;
}
.tr_totales
{
font-size:      8pt;
font-weight: bold;
color: white;
background-color: black;
}

a.button{
	background:url(../images/iconos/img/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:150px;
}
a:hover.button{
	color:#0066CC;
}

/* -------------------- */
/* CLASSES				*/
/* -------------------- */
	.add{
		background:url(../images/iconos/img/add.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.delete{
		background:url(../images/iconos/img/delete.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.user{
		background:url(../images/iconos/img/user.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.alert{
		background:url(../images/iconos/img/alert.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.msg{
		background:url(../images/iconos/img/msg.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.download{
		background:url(../images/iconos/img/download.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

	.lens{
		background:url(../images/iconos/img/lens.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.info{
		background:url(../images/iconos/img/info.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	

.btn-custom {
  background-color: hsl(193, 32%, 49%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b8d3da", endColorstr="#5493a4");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#b8d3da), to(#5493a4));
  background-image: -moz-linear-gradient(top, #b8d3da, #5493a4);
  background-image: -ms-linear-gradient(top, #b8d3da, #5493a4);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8d3da), color-stop(100%, #5493a4));
  background-image: -webkit-linear-gradient(top, #b8d3da, #5493a4);
  background-image: -o-linear-gradient(top, #b8d3da, #5493a4);
  background-image: linear-gradient(#b8d3da, #5493a4);
  border-color: #5493a4 #5493a4 hsl(193, 32%, 41.5%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
  -webkit-font-smoothing: antialiased;
   text-aling:center;
  font-size:11px;
  cursor:pointer;
  font-weight:bold;
  padding:4px;
  box-shadow: 0 0 5px #000;
  
}

.btn-custom-resaltado {
  background-color: hsl(193, 32%, 49%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b8d3da", endColorstr="#5493a4");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#b8d3da), to(#5493a4));
  background-image: -moz-linear-gradient(top, #b8d3da, #5493a4);
  background-image: -ms-linear-gradient(top, #b8d3da, #5493a4);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8d3da), color-stop(100%, #5493a4));
  background-image: -webkit-linear-gradient(top, #b8d3da, #5493a4);
  background-image: -o-linear-gradient(top, #b8d3da, #5493a4);
  background-image: linear-gradient(#b8d3da, #5493a4);
  border-color: #5493a4 #5493a4 hsl(193, 32%, 41.5%);
  color: #FF0000 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
  -webkit-font-smoothing: antialiased;
   text-aling:center;
  font-size:11px;
  cursor:pointer;
  font-weight:bold;
  padding:4px;
  box-shadow: 0 0 5px #000;
  
}

.btn-custom-pendiente {
  background-color: hsl(193, 32%, 49%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b8d3da", endColorstr="#5493a4");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#b8d3da), to(#5493a4));
  background-image: -moz-linear-gradient(top, #b8d3da, #5493a4);
  background-image: -ms-linear-gradient(top, #b8d3da, #5493a4);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8d3da), color-stop(100%, #5493a4));
  background-image: -webkit-linear-gradient(top, #b8d3da, #5493a4);
  background-image: -o-linear-gradient(top, #b8d3da, #5493a4);
  background-image: linear-gradient(#b8d3da, #5493a4);
  border-color: #5493a4 #5493a4 hsl(193, 32%, 41.5%);
  color: #6E6E6E !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
  -webkit-font-smoothing: antialiased;
   text-aling:center;
  font-size:12px;
  cursor:pointer;
  font-weight:bold;
  
}

.btn-custom-selected {
   background-color: hsl(110, 56%, 16%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#398f28", endColorstr="#193f11");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#398f28), to(#193f11));
  background-image: -moz-linear-gradient(top, #398f28, #193f11);
  background-image: -ms-linear-gradient(top, #398f28, #193f11);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #398f28), color-stop(100%, #193f11));
  background-image: -webkit-linear-gradient(top, #398f28, #193f11);
  background-image: -o-linear-gradient(top, #398f28, #193f11);
  background-image: linear-gradient(#398f28, #193f11);
  border-color: #193f11 #193f11 hsl(110, 56%, 11%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
  text-aling:center;
  font-size:12px;
  cursor:pointer;
  font-weight:bold;
  
}

.btn-con-datos {
background-color: hsl(136, 37%, 57%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b5ddc0", endColorstr="#68b97e");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#b5ddc0), to(#68b97e));
  background-image: -moz-linear-gradient(top, #b5ddc0, #68b97e);
  background-image: -ms-linear-gradient(top, #b5ddc0, #68b97e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5ddc0), color-stop(100%, #68b97e));
  background-image: -webkit-linear-gradient(top, #b5ddc0, #68b97e);
  background-image: -o-linear-gradient(top, #b5ddc0, #68b97e);
  background-image: linear-gradient(#b5ddc0, #68b97e);
  border-color: #68b97e #68b97e hsl(136, 37%, 51.5%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.36);
  -webkit-font-smoothing: antialiased;  font-size:12px;
  cursor:pointer;
  font-weight:bold;
}