.menu_bar { display:none;}
header { width: 100%;}
header nav {
  /*background:#0B610B;
  background:#6D9EEB;
  background:#EFBE7D;
  background:#041c2c;
  background:#B0354F;
  background:#023859;
  background:#023859;
  */
  background: linear-gradient(#008d4c,#0A2A22);
  background: -webkit-linear-gradient(#008d4c,#0A2A22); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#008d4c,#0A2A22);      /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#008d4c,#0A2A22);    /* For Firefox 3.6 to 15 */   
  
  z-index:1000; /*max-width: 1400px;*/ width:100%;  margin:0px auto;
}

header nav ul { list-style:none; }
header nav ul li {  display:inline-block; position: relative; }
header nav ul li span {     margin-right:10px; }
header nav ul li:hover {
  background:#31B404;
  background:#204089;
  background:#EFBE7D;
  background:#E6344A;
  background:gray;
}
header nav ul li a { color:#fff; display:block; text-decoration:none; padding: 10px; }
header nav ul li a span { margin-right:10px; }
header nav ul li:hover .children {  display:block; }
header nav ul li .children { display: none; 
    background:#858590;
    /*background:#011826;*/
    /* background:#757577; */
    
    position: absolute;
    width: 250%; z-index:1000; top:30px;
}
header nav ul li .children li { display:block; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.2); }
header nav ul li .children li a { display: block; }
header nav ul li .children li a span { float: right; position: relative; top:10px; margin-right:0; margin-left:10px; }
header nav ul li .caret {position: relative; top:3px;margin-left:10px; margin-right:0px;}
 
@media screen and (max-width: 800px) {
    body {
    /*  padding-top:80px; */
    }
    .menu_bar { display:block; width:100%; top:0;
        background:#023859;
}
 
    .menu_bar .bt-menu {display: block; padding: 10px;  color: #fff; overflow: hidden;
        font-size: 25px; ont-weight: bold;  text-decoration: none;  }
    .menu_bar span {float: right;font-size: 20px;}
    header nav { width: 80%; height: calc(100% - 80px); position: fixed; right:100%; margin: 0; overflow: scroll;}
    header nav ul li { display: block;  border-bottom:1px solid rgba(255,255,255,.3);}

    header nav ul li a {display: block; }
    header nav ul li:hover .children { display: none;}
    header nav ul li .children {width: 100%;position: relative; }
    header nav ul li .children li a { margin-left:10px; }
    header nav ul li .caret { float: right; }
}
    
    
    
/* CSS Document */
html    {   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
/*body  {   background:#919396 url(bck_general.jpg) top center repeat; margin:10px 0px; text-align:center;}*/
body    {   font-size: 95%; background:#ffffff url() top center repeat; margin:0px 0px 0px 0px; /*text-align:center;*/
   font-size: 12px;
   background: rgba(255, 255, 255, .2);
   line-height: 1.0;
}
table { font-size: 1em;}
#header                 {   background:#ffffff url() top left no-repeat; /*width:1020px;*/ position:relative; margin:auto; padding:0 0 3px 0;}
#header .logo_ese_cons  {   height:60px; float:left; margin:4px 2px 0 2px;}
#header .logo_ese_peru  {   height:60px; float:right; margin:2px 5px 0 0;}
#header .logo_ese_peru:hover    {   background-position:0 -66px;}   

#header .nav_sub        {   /*width:500px; */ float:right; margin:2px 2px 0 0; color:#575252; text-align:right; font-size:11px; }
#header .nav_sub ul     {   float:right; margin:0 0 10px 0; padding:0px; list-style:none; text-align:right;}
#header .nav_sub ul li  {   float:right; color:#bf0411; /*font-weight:bold;*/}
#header .nav_sub ul li a        {   color:#bf0411; /*font-weight:bold;*/ text-decoration:none;}
#header .nav_sub ul li a:hover  {   text-decoration:underline;}
#header .nav_sub ul li.liSep    {   padding:0 10px;}

#nav                        {   background:#ffffff; width:100%; position:relative; margin:auto; }
#nav .lay_menu              {   background:url(bck_menu.jpg) top left /*no-repeat*/; width:100%; height:38px; padding:0 0 8px 0; margin:auto; overflow:hidden; }
#nav .lay_menu ul           {   clear:both; color:#2f2f2f; margin:3px 0 0 0; float:left; list-style-type:none; padding:0px; font-size:12px;}
#nav .lay_menu li           {   list-style-type:none; float:left; margin:0 0 0 1px; padding:0 0 0 1px;  }
#nav .lay_menu li a         {   color:#2f2f2f; display:block; padding:7px 11px 8px 11px; text-decoration:none; }
#nav .lay_menu li a:hover   {   color:#ffffff; background:url(tabblue.gif) top left repeat-x; text-decoration:none;}
#nav .lay_menu li a.lnk_sel {   color:#ffffff; background:url(tabblue.gif) top left repeat-x; text-decoration:none;}

#banner                         {   background:#ffffff; width:100%; position:relative; margin:auto; padding:0 0 10px 0;}
#banner .banner1                {   background:url(bck_banner1_top.gif) top left no-repeat; width:980px; margin:auto; position:relative;}
#banner .banner1 .lay_pie       {   background:url(bck_banner1_bottom.gif) bottom left no-repeat; padding:6px 0; width:980px; position:relative;}
#banner .banner1 .lay_body      {   border-left:#d2cbc6 1px solid; border-right:#d2cbc6 1px solid; /*width:968px;*/ padding:0 5px; position:relative; /*height:241px;*/}
#banner .banner1 .lay_body img  {   border:#d2cbc6 1px solid;}

#banner .banner2a               {   float:left; padding:0 0 0 20px; width:205px; height:212px; position:relative;}
#banner .banner2b               {   float:right; padding:0 20px 0 0; width:770px; position:relative; background:url(bck_banner2_top.gif) top left no-repeat;}
#banner .banner2b .lay_pie      {   background:url(bck_banner2_bottom.gif) bottom left no-repeat; padding:6px 0px; width:770px; position:relative;}
#banner .banner2b .lay_body     {   border-left:#d2cbc6 1px solid; border-right:#d2cbc6 1px solid; width:758px; padding:0 5px; position:relative;}
#banner .banner2b .lay_borde    {   border:#d2cbc6 1px solid; width:756px; position:relative; height:199px;}

#body                       {   background:#ffffff; /*width:1020px;*/ position:relative; margin:auto; padding:0 0 7px 0;}

/*Box left*/
#body .lay_mnuizq               {   width:205px; float:left; padding:0 0 0 20px; position:relative; text-align:left; font-size:12px;}
/*Menú accesos*/

/*Box Home Suscritps*/
.lay_central .lay_info          {   border-left:#d2cbc6 1px solid; border-right:#d2cbc6 1px solid; padding:2px 2px 2px 2px; width:99%; position:relative; /*line-height:17px;*/ text-align:left; }
.lay_central .lay_foto          {   float:right; margin:0 0 0 2px; overflow:hidden;}
.lay_central .lay_foto img      {   border:#E9E9E9 2px solid;}
.lay_central h1                 {   padding:0px; margin:0 0 2px 0; color:#d50707; font-size:14px; font-weight:bold;}
.lay_central h1.espacio         {   padding:7px 0;}
.lay_central h2                 {   padding:0; margin:0 0 1px 0; color:#d50707; font-size:12px; font-weight:bold; }
.lay_central .box               {   width:205px; float:right; margin:0 0 5px 15px; position:relative; }
.lay_central .sub_tit1          {   color:#4f535d; font-weight:bold; margin:0 0 10px 0; text-align:justify;}

.lay_central .box h3                    {   color:#d50707; padding:0; margin:0 0 5px 0;}
.lay_central .box .lay_ov1              {   background:#eaeaea url(box_video1.gif) top left no-repeat; width:205px; margin:0 0 10px 0;}
.lay_central .box .lay_ov2              {   background:url(box_video2.gif) bottom left no-repeat; padding:8px 10px; width:185px; text-align:left;}
.lay_central .box ul.lstGen             {   margin:0px; padding:0px; list-style:url(vin_check1.gif);}
.lay_central .box ul.lstGen li          {   margin:0 0 2px 15px; padding:0px; list-style:url(vin_check1.gif);}

.lay_central .box ul.lstVid             {   margin:0px; padding:0px; list-style:none; float:left; line-height:normal; clear:both;}
.lay_central .box ul.lstVid li          {   margin:0 0 5px 0; padding:3px 0 3px 0; min-height:20px; clear:both;}
.lay_central .box ul.lstVid li a.lnk_txt{   color:#000000; padding:4px 3px 0 7px; text-decoration:none; display:block; width:145px; float:left;}
.lay_central .box ul.lstVid li img      {   width:25px; height:23px; float:left; border:#d2cbc6 2px solid;}
.lay_central img.imgPrime               {   margin:0 0 10px 0; border:#d2cbc6 2px solid;}
.lay_central img.imgTit                 {   margin:5px 0 15px 0;}
/*Listado de libros*/
/*Listado de clientes*/
.box_clie                           {   padding:0 20px; text-align:justify; position:relative; width:598px; z-index:0;}
.box_clie div.marco                 {   margin:10px 22px; width:140px; height:120px; text-align:center; float:left; border:#f2f2f2 2px solid; padding:5px;
                                        line-height:120px; overflow:hidden; display: table;}
.box_clie div.marco .img            {   display:table-cell; vertical-align:middle; position:relative; text-align:center;}
/*Listado de testimonios*/

/*Menú superior*/
.mnu_sup                            {   width:638px; margin:0 0 10px 0; z-index:100; box-sizing:border-box;}
.mnu_sup .lay_izq                   {   width:398px; float:left; }
.mnu_sup .lay_der                   {   width:240px; float:right; text-align:right; z-index:100;}
.mnu_sup .lay_der ul                {   margin:0px; padding:0px; list-style:none; float:right;}
.mnu_sup .lay_der ul li             {   margin:0px; padding:0px; list-style:none; float:right;}
/*Botones multimedia*/
.mnu_sup .lay_der ul li.liImp       {   background:url(ico_imprimir.gif) top left no-repeat;}
.mnu_sup .lay_der ul li.liCom       {   background:url(ico_compartir.gif) top left no-repeat;}
.mnu_sup .lay_der ul li.liImp a     {   font-size:10px; font-weight:bold; text-decoration:none; color:#000; padding:4px 4px 4px 24px; display:block;}
.mnu_sup .lay_der ul li.liCom a     {   font-size:10px; font-weight:bold; text-decoration:none; color:#000; padding:4px 4px 4px 24px; display:block;}

.mnu_sup .lay_der ul li.liTxt       {   padding:2px 0 0 0;}
.mnu_sup .lay_der ul li.liTxt a     {   float:left; margin:0 3px 0 0; padding:0px; background:#e60000; display:block; width:14px; height:18px; color:#FFF; text-align:center; text-decoration:none; box-sizing:border-box;}
.mnu_sup .lay_der ul li.liTxt a.decreaseFont    {   font-size:9px; }
.mnu_sup .lay_der ul li.liTxt a.resetFont       {   font-size:11px; }
.mnu_sup .lay_der ul li.liTxt a.increaseFont    {   font-size:14px; }

.mnu_sup .lay_der ul li.liSep       {   padding:3px 3px;}
.mnu_sup .lay_der span.custom_button    {   font-size:10px; font-weight:bold; text-decoration:none; color:#000; padding:4px 4px 4px 24px; display:block;}
.mnu_sup .lay_der .hover_menu a     {   padding:4px 4px 4px 32px; }
/*Navegación*/
ul.lstNav                   {   margin:0px; padding:0px; list-style:none; float:left; font-size:11px;}
ul.lstNav li                {   float:left; margin:0 5px 0 0; list-style:none;}
ul.lstNav li a              {   color:#000000; text-decoration:none;}
ul.lstNav li a:hover        {   color:#000000; text-decoration:underline;}
ul.lstNav li a.liSel        {   color:#d50707; text-decoration:underline;}
/*Listados generales de toda la página*/
ul.lstGral                  {   padding:0px; margin:0px;}
ul.lstGral li               {   margin:0 0 0 20px; list-style:url(icon_bola_rj.gif); padding:3px 0 2px 0;}
/*Lista Mapa Site*/
ul.lstMap                       {   margin:0 0 0 25px; padding:0px; list-style:url(icon_bola_rj.gif); position:relative;}
ul.lstMap li                    {   margin:0 0 5px 0; padding:0 0 10px 0; background:url(iconos/sep_lineas2.gif) bottom left repeat-x; }
ul.lstMap li a                  {   color:#d50707; text-decoration:none;}
ul.lstMap li a:hover            {   color:#d50707; text-decoration:none;}
ul.lstMap li ul                 {   margin:8px 0 0 0;}
ul.lstMap li ul li              {   margin:0 0 0 10px; background:none;}
ul.lstMap li ul li a            {   color:#000000; text-decoration:none;}
ul.lstMap li ul li a:hover      {   color:#000000; text-decoration:none;}

#pie                        {   /*background:url(bck_pie1.gif)*/ top center no-repeat; /*width:980px;*/ position:relative; margin:auto; font-size:12px; }
#pie .lay_pie               {   /*background:url(bck_pie2.gif)*/ bottom center no-repeat; padding:5px 0 5px 0; position:relative;}
#pie .lay_body              {   background:#0A2A22; padding:7px 10px 10px 10px; position:relative; text-align:center; color:#ffffff; box-sizing:border-box; }

a.ver_mas1                  {   width:140px; float:right; background:url(ico_mas.gif) top right no-repeat; margin:5px 0 0 0; padding:1px 22px 4px 4px; color:#bf0411; text-decoration:none; text-align:right;}
a.ver_mas1:hover            {   text-decoration:underline;}

img.imgIzq                  {   border:#d2cbc6 5px solid; margin:0 10px 5px 0; float:left; }

table.tnlReg                {   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; text-align:left;}
table.tnlReg th             {   padding:4px 5px; text-align:left; }
table.tnlReg td             {   padding:5px 0 5px 0;}
table.tnlReg input.btnA         {   background-image:url(btn_a.gif); background-position:0 0; width:73px; padding:5px 0 6px 0; text-align:center; color:#ffffff; cursor:pointer; border:0px; font-family:Tahoma, Geneva, sans-serif; }
table.tnlReg input.btnA:hover   {   background-position:0 30px; border:0px;}

fieldset                    {   border:#d2cbc6 1px solid; margin:0 0 15px 0;}
fieldset .lay_set           {   color:#d50707; background:#dcdcdc; border-bottom:#d2cbc6 1px solid; padding:4px 10px; font-weight:bold; margin:0 0 5px 0; display:block;}

form                        {   display:inline;}

input.text
{   font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:2px; background:#ffffff; border:#ab0304 1px solid;}
input.textEr
{   font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:2px; background:#FF9; border:#ab0304 1px solid;}
input.file
{   font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:2px; background:#ffffff; border:#ab0304 1px solid;}
input.fileEr
{   font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:2px; background:#FF9; border:#ab0304 1px solid;}
textarea.textarea
{   font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:2px; background:#ffffff; border:#ab0304 1px solid;}
textarea.textareaEr
{   font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:2px; background:#FF9; border:#ab0304 1px solid;}
select.selectEr
{   border:#ab0304 1px solid; background:#FF9; padding:3px 4px; font-size:11px;}
select.select
{   border:#ab0304 1px solid; padding:3px 4px; font-size:11px;}
.alerta1
{   padding:5px; margin-bottom:5px; font-size:11px; font-weight:bold; text-align:center; text-decoration:none; color:#CC0000; border:#C00 1px solid; background:#FFC;}
.botonA     {   background-image:url(btn_a.gif); background-position:0 0; width:73px; padding:5px 0 6px 0; text-align:center; color:#ffffff; cursor:pointer; border:0px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; float:right; margin:0 0 5px 10px;}
.btn_cen    {   margin:4px 55px 5px 10px;}
.btn_cen_b  {   margin:4px 65px 5px 10px;}
input.botonB        {   background-image:url(btn_a.gif); background-position:0 0; width:73px; height:27px; text-align:center; color:#ffffff; cursor:pointer; border:0px; font-family:Tahoma, Geneva, sans-serif;}
input.botonB:hover  {   background-position:0 30px; border:0px;}

.lado_der           {   text-align:right; padding:5px 0;}

.grisCatalogo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #67686A;
text-align: right;
font-weight: normal;
line-height: normal;
border-left:#d2cbc6 1px solid; 
border-right:#d2cbc6 1px solid; 
}

.grisNormal {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-align: left;
font-weight: normal;
line-height: normal;
}

.grisNormal td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-align: left;
font-weight: normal;
line-height: normal;
border: 1px solid #ccc;
padding: 1px;
}


.grisNormalRight {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-align: right;
font-weight: normal;
line-height: normal;
}

.grisNormalRight td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-align: right;
font-weight: normal;
line-height: normal;
border: 1px solid #ccc;
padding: 1px;
}

#body .lay_princ2 .lay_info2    {   
border-left:#d2cbc6 1px solid; 
border-right:#d2cbc6 1px solid; 
padding:5px 15px; width:530px;
font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; 
text-align:left; 
line-height:13px; 
}

    
form-horizontal .form-group {
   margin-bottom: 1px;
}

.form-group {
    margin-bottom: 1px;
}

a:link { text-decoration:none; } 
li a:link { text-decoration:none; } 
   
table.dataTable thead > tr > th {
   padding-right: 1px;
}

table.dataTable tbody th {
    white-space: nowrap;
    align:center;
}



a:hover, a:active, a:focus {
    outline: none;
    text-decoration: none;
 color: #ffffff;
}

.Fields {
    background-color: #FFE6B5;
    border: 1px solid #A8A8A8;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 1px 1px;
} 

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  /*background-color: #f6f6f6;*/
  background-color: #BBBBFF;
}

input:focus {
background-color:#FFE6B5;
border: 1px solid #CB8B07;
}

textarea:focus {
background-color:#FFE6B5;
border: 1px solid #CB8B07;
}

select:focus {
background-color:#FFEBCa;
border: 2px solid #CB8B07;
}

input {
 color:navy;

}
textarea {
 color:navy;
}
 

/* PROCESO DE VISUALIZACION POR ESTILOS PERSONALIZADOS  ....... */
#plantillaTablaActivo { position: relative;}
#plantillaTablaActivo a span { display: none; color: #FFFFaa; }
#plantillaTablaActivo a:hover span { display: block; position: absolute; width: 250px; background: #6E6E6E url(images/horses200x50.jpg); height: 50px; left: 40px; top: -10px; color: #FFFFFF; padding: 10px 10px 10px 10px; }

#politicaTablaActivo { position: relative;}
#politicaTablaActivo a span { display: none; color: #FFFFaa; }
#politicaTablaActivo a:hover span { display: block; position: absolute; width: 250px; background: #6E6E6E url(images/horses200x50.jpg); height: 50px; left: 40px; top: -10px; color: #FFFFFF; padding: 10px 10px 10px 10px; }

#politicaTablaPlantilla { position: relative;}
#politicaTablaPlantilla a span { display: none; color: #FFFFaa; }
#politicaTablaPlantilla a:hover span { display: block; position: absolute; width: 250px; background: #6E6E6E url(images/horses200x50.jpg); height: 50px; left: 40px; top: -10px; color: #FFFFFF; padding: 10px 10px 10px 10px; }

.modal {
    background: rgba(0, 0, 0, 0.7);
}

.trTable {
  background: linear-gradient(        #008d4c,#0A2A22);
  background: -webkit-linear-gradient(#008d4c,#0A2A22); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(     #008d4c,#0A2A22);      /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(   #008d4c,#0A2A22);    /* For Firefox 3.6 to 15 */   
  color:#fff;
}

.btn-success {
   background: linear-gradient(#008d4c,#0A2A22);
   background: -webkit-linear-gradient(#008d4c,#0A2A22);; /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#008d4c,#0A2A22);      /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#008d4c,#0A2A22);    /* For Firefox 3.6 to 15 */ 
}
    
.btn-danger {
   background: linear-gradient(#dd4b39,#8A2908);
   background: -webkit-linear-gradient(#dd4b39,#8A2908); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#dd4b39,#8A2908);      /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#dd4b39,#8A2908);    /* For Firefox 3.6 to 15 */ 
}
    
    
.skin-blue .main-header li.user-header {
   background-color: #ffea7B;
   background: linear-gradient(#ffea7B,#0A2A22);
   background: -webkit-linear-gradient(#ffea7B,#0A2A22); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#ffea7B,#0A2A22);      /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#ffea7B,#0A2A22);    /* For Firefox 3.6 to 15 */ 
}    

.btn-success {
   background: linear-gradient(        #008d4c,#0A2A22);
   background: -webkit-linear-gradient(#008d4c,#0A2A22);; /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(     #008d4c,#0A2A22);      /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(   #008d4c,#0A2A22);    /* For Firefox 3.6 to 15 */ 
}
.btn-success:hover {
   background: linear-gradient(        #0A2A22,#008d4c);
   background: -webkit-linear-gradient(#0A2A22,#008d4c);; /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(     #0A2A22,#008d4c);      /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(   #0A2A22,#008d4c);    /* For Firefox 3.6 to 15 */ 
}
    
.btn-danger {
   background: linear-gradient(        #dd4b39,#8A2908);
   background: -webkit-linear-gradient(#dd4b39,#8A2908); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(     #dd4b39,#8A2908); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(   #dd4b39,#8A2908); /* For Firefox 3.6 to 15 */ 
}
.btn-danger:hover {
   background: linear-gradient(        #8A2908,#dd4b39);
   background: -webkit-linear-gradient(#8A2908,#dd4b39); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(     #8A2908,#dd4b39); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(   #8A2908,#dd4b39); /* For Firefox 3.6 to 15 */ 
}
    
    
.skin-blue .main-header li.user-header {
   background-color: #ffea7B;
   background: linear-gradient(        #ffea7B,#0A2A22);
   background: -webkit-linear-gradient(#ffea7B,#0A2A22); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(     #ffea7B,#0A2A22); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(   #ffea7B,#0A2A22); /* For Firefox 3.6 to 15 */ 
}    

.btn-info {
    background-color: #00c0ef;
    border-color: #00acd6;
  background: linear-gradient(         #00c0ef,#ffea7B);
   background: -webkit-linear-gradient(#00c0ef,#ffea7B); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(     #00c0ef,#ffea7B); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(   #00c0ef,#ffea7B); /* For Firefox 3.6 to 15 */ 
}

.btn-info:hover {
    background-color: #00c0ef;
    border-color: #00acd6;
  background: linear-gradient(         #ffea7B,#00c0ef);
   background: -webkit-linear-gradient(#ffea7B,#00c0ef); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(     #ffea7B,#00c0ef); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(   #ffea7B,#00c0ef); /* For Firefox 3.6 to 15 */ 
}

.btn-primary {
    background-color: #31b0d5;
    border-color: #31b0d5;
  background: linear-gradient(         #31b0d5,#428bca);
   background: -webkit-linear-gradient(#31b0d5,#428bca); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(     #31b0d5,#428bca); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(   #31b0d5,#428bca); /* For Firefox 3.6 to 15 */ 
}

.btn-primary:hover {
    background-color: #31b0d5;
    border-color: #31b0d5;
  background: linear-gradient(#428bca,#31b0d5);
   background: -webkit-linear-gradient(#428bca,#31b0d5); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#428bca,#31b0d5);      /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#428bca,#31b0d5);    /* For Firefox 3.6 to 15 */ 
}

table.dataTable thead th, table.dataTable thead td {
    padding: 1px 1px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    border-right: 1px solid #ddd;
}