head title { color:blue; color-stop:grey; background:green;}
@font-face { font-family:'Loki Cola'; src:url('../Letras/lokicola.ttf');  }   @font-face { font-family:'KellyAnnGothic'; src:url('../Letras/kellyag_.ttf');  }
@font-face { font-family:'Argor Biw Scaqh'; src:url('../Letras/Argbiwsc.ttf');  } @font-face { font-family:'D3 Biscuitism'; src:url('../Letras/D3 Biscuitism.ttf');  }
@font-face { font-family:'7inch Rounded'; src:url('../Letras/7inch Rounded.ttf');  }  @font-face { font-family:'Abacus Two SSi'; src:url('../Letras/Abacus Two SSi.ttf');  }
@font-face { font-family:'A-Monumentottlcmotl'; src:url('../Letras/A-Monumentottlcmotl.ttf');  }  @font-face { font-family:'Aylmer'; src:url('../Letras/Aylmer.ttf');  }
@font-face { font-family:'7inch Rounded'; src:url('../Letras/7inch Rounded.ttf');  }   @font-face { font-family:'Argor Biw Scaqh'; src:url('Letras/Argbiwsc.ttf');  }
@font-face { font-family:'Ballpark'; src:url('../Letras/ballpark_weiner.ttf');  }   @font-face { font-family:'EmbossedBlack'; src:url('../Letras/Embossed_Black_Normal.ttf');  }
  body {    font: 1.2em Helvetica;  color:white;   background: black;  /*background: transparent; */ margin: 1em;   }
  #main {    min-height: 22em;   margin: 0px;   padding: 0px;   display: -webkit-flex;   display: flex;   -webkit-flex-flow: row;     flex-flow: row;    }
  #main > article {   margin: 0.25em;   padding: 0.25em;   border: 1px solid #cccc33;   border-radius: 0.6em;  background: transparent;
   -webkit-flex: 3 1 60%;           flex: 3 1 60%;   -webkit-order: 2;           order: 2;    }
  #main > nav {   margin: 0.25em;   padding: 0.31em;   border: 1px solid #8888bb;   border-radius: 7pt;   background: transparent;
   -webkit-flex: 1 6 20%;  flex: 1 6 20%;   -webkit-order: 1;  order: 1;    }
  #main > aside {   margin: 0.25em;   padding: 0.31em;   border: 1px solid #8888bb;   border-radius: 7pt;   background: transparent;
   -webkit-flex: 1 6 20%;      flex: 1 6 20%;   -webkit-order: 3;  order: 3;   }
   header, footer {   display: block;   margin: 0.25em;   padding: 0.25em;   min-height: 2em;   border: 1px solid #eebb55;   border-radius: 7pt;    }
  /* Too narrow to support three columns */
  @media all and (max-width: 640px) {  
			#main, #page {    -webkit-flex-flow: column;  flex-flow: column;    }
			#main > article, #main > nav, #main > aside {    /* Return them to document order */      -webkit-order: 0;    order: 0;   }
			#main > nav, #main > aside, header, footer {    min-height: 50px;    max-height: 50px;   }
  }
  /*  Menu superior*/
  /* Remueve margenes y padding de list, y agrega color negro al background */
ul.topnav {    list-style-type: none;     margin: 0;     padding: 0;     overflow: hidden;     /* background-color: #333; */   }
/* Float the list items side by side */
ul.topnav li {float: left;}
/* Style the links inside the list items */
ul.topnav li a {  display: inline-block;     color: #f2f2f2;     text-align: center;    padding: 14px 16px;    text-decoration: none;    transition: 0.3s;    font-size: 17px; }
/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #555;}
/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}
/* -- Fin de menu -- */
 .nav { list-style-type: none;     margin: 0;     padding: 0;     overflow: hidden;   font-family: Arial,times,Helvetica; font-size:0.8em; }
.nav li a { background-color:#BDBDBD;    color:#000;  text-decoration: none; padding: 5px 5px; display:block; margin-right: 2px; }
.nav li a:hover {  background-color:#fff;   background: rgba(0,20,20,0.55); border-radius: 0.7em; -webkit-border-radius: 0.7em; 
	color:#fff; text-shadow: .1em .1em red;  }
.nav > li { float: left; }
.nav li ul {display:none; position: absolute; min-width:8em; font-size:0.8em; list-style-type: none;   }
.nav li:hover > ul { display:block; }
.nav li ul li {position: relative; }
.nav li ul li ul { right: -8em; top:0em; font-size:0.8em; }
.video1 { position: fixed; min-width:100%;  min-height:100%; top:50%; left:50%; transform: translateX(-50%) translateY(-50%); 	z-index:-1; }
.recuadro1 { background: rgba(183,222,237,0.27);
background: -moz-linear-gradient(top, rgba(183,222,237,0.27) 0%, rgba(131,210,239,0.27) 15%, rgba(113,206,239,0.32) 20%, rgba(33,180,226,0.61) 48%, rgba(140,210,234,1) 85%, rgba(183,222,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(183,222,237,0.27)), color-stop(15%, rgba(131,210,239,0.27)), color-stop(20%, rgba(113,206,239,0.32)), color-stop(48%, rgba(33,180,226,0.61)), color-stop(85%, rgba(140,210,234,1)), color-stop(100%, rgba(183,222,237,1)));
background: -webkit-linear-gradient(top, rgba(183,222,237,0.27) 0%, rgba(131,210,239,0.27) 15%, rgba(113,206,239,0.32) 20%, rgba(33,180,226,0.61) 48%, rgba(140,210,234,1) 85%, rgba(183,222,237,1) 100%);
background: -o-linear-gradient(top, rgba(183,222,237,0.27) 0%, rgba(131,210,239,0.27) 15%, rgba(113,206,239,0.32) 20%, rgba(33,180,226,0.61) 48%, rgba(140,210,234,1) 85%, rgba(183,222,237,1) 100%);
background: -ms-linear-gradient(top, rgba(183,222,237,0.27) 0%, rgba(131,210,239,0.27) 15%, rgba(113,206,239,0.32) 20%, rgba(33,180,226,0.61) 48%, rgba(140,210,234,1) 85%, rgba(183,222,237,1) 100%);
background: linear-gradient(to bottom, rgba(183,222,237,0.27) 0%, rgba(131,210,239,0.27) 15%, rgba(113,206,239,0.32) 20%, rgba(33,180,226,0.61) 48%, rgba(140,210,234,1) 85%, rgba(183,222,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed', GradientType=0 );
border:double; border-color:red;  border-radius: 0.8em; -webkit-border-radius:0.78m;
 box-shadow: #99000;  padding-left: 3em; padding-right: 3em; color:#000; font-weight:bold; } 
 .recuadro2 { background: rgba(226,226,226,1);
background: -moz-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(226,226,226,0.98) 9%, rgba(219,219,219,0.94) 27%, rgba(209,209,209,0.87) 53%, rgba(254,254,254,0.81) 80%, rgba(254,254,254,0.76) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(9%, rgba(226,226,226,0.98)), color-stop(27%, rgba(219,219,219,0.94)), color-stop(53%, rgba(209,209,209,0.87)), color-stop(80%, rgba(254,254,254,0.81)), color-stop(100%, rgba(254,254,254,0.76)));
background: -webkit-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(226,226,226,0.98) 9%, rgba(219,219,219,0.94) 27%, rgba(209,209,209,0.87) 53%, rgba(254,254,254,0.81) 80%, rgba(254,254,254,0.76) 100%);
background: -o-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(226,226,226,0.98) 9%, rgba(219,219,219,0.94) 27%, rgba(209,209,209,0.87) 53%, rgba(254,254,254,0.81) 80%, rgba(254,254,254,0.76) 100%);
background: -ms-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(226,226,226,0.98) 9%, rgba(219,219,219,0.94) 27%, rgba(209,209,209,0.87) 53%, rgba(254,254,254,0.81) 80%, rgba(254,254,254,0.76) 100%);
background: linear-gradient(135deg, rgba(226,226,226,1) 0%, rgba(226,226,226,0.98) 9%, rgba(219,219,219,0.94) 27%, rgba(209,209,209,0.87) 53%, rgba(254,254,254,0.81) 80%, rgba(254,254,254,0.76) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
border: ridge; border-color:blue;  border-radius: 0.7em; -webkit-border-radius:0.7em;
box-shadow: #99000;  padding-left: 1em; padding-right: 1em;  }
.recuadro3{ background: rgba(242,246,248,1);
background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(242,246,248,0.98) 3%, rgba(216,225,231,0.76) 35%, rgba(181,198,208,0.56) 64%, rgba(224,239,249,0.41) 85%, rgba(224,239,249,0.31) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(3%, rgba(242,246,248,0.98)), color-stop(35%, rgba(216,225,231,0.76)), color-stop(64%, rgba(181,198,208,0.56)), color-stop(85%, rgba(224,239,249,0.41)), color-stop(100%, rgba(224,239,249,0.31)));
background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(242,246,248,0.98) 3%, rgba(216,225,231,0.76) 35%, rgba(181,198,208,0.56) 64%, rgba(224,239,249,0.41) 85%, rgba(224,239,249,0.31) 100%);
background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(242,246,248,0.98) 3%, rgba(216,225,231,0.76) 35%, rgba(181,198,208,0.56) 64%, rgba(224,239,249,0.41) 85%, rgba(224,239,249,0.31) 100%);
background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(242,246,248,0.98) 3%, rgba(216,225,231,0.76) 35%, rgba(181,198,208,0.56) 64%, rgba(224,239,249,0.41) 85%, rgba(224,239,249,0.31) 100%);
background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(242,246,248,0.98) 3%, rgba(216,225,231,0.76) 35%, rgba(181,198,208,0.56) 64%, rgba(224,239,249,0.41) 85%, rgba(224,239,249,0.31) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 );
border: ridge; border-color:transparent;  border-radius: 0.7em; -webkit-border-radius:0.7em;
  padding-left: .5em; padding-right: .5em;   }
.recuadro4{ background: rgba(255,124,216,0.21);
background: -moz-linear-gradient(45deg, rgba(255,124,216,0.21) 0%, rgba(122,200,255,0.36) 19%, rgba(134,200,253,0.6) 49%, rgba(122,200,255,0.79) 74%, rgba(237,251,252,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,124,216,0.21)), color-stop(19%, rgba(122,200,255,0.36)), color-stop(49%, rgba(134,200,253,0.6)), color-stop(74%, rgba(122,200,255,0.79)), color-stop(100%, rgba(237,251,252,1)));
background: -webkit-linear-gradient(45deg, rgba(255,124,216,0.21) 0%, rgba(122,200,255,0.36) 19%, rgba(134,200,253,0.6) 49%, rgba(122,200,255,0.79) 74%, rgba(237,251,252,1) 100%);
background: -o-linear-gradient(45deg, rgba(255,124,216,0.21) 0%, rgba(122,200,255,0.36) 19%, rgba(134,200,253,0.6) 49%, rgba(122,200,255,0.79) 74%, rgba(237,251,252,1) 100%);
background: -ms-linear-gradient(45deg, rgba(255,124,216,0.21) 0%, rgba(122,200,255,0.36) 19%, rgba(134,200,253,0.6) 49%, rgba(122,200,255,0.79) 74%, rgba(237,251,252,1) 100%);
background: linear-gradient(45deg, rgba(255,124,216,0.21) 0%, rgba(122,200,255,0.36) 19%, rgba(134,200,253,0.6) 49%, rgba(122,200,255,0.79) 74%, rgba(237,251,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7cd8', endColorstr='#edfbfc', GradientType=1 ); }  
.recuadro5 { background: rgba(255,255,255,0.47);
background: -moz-linear-gradient(top, rgba(255,255,255,0.47) 0%, rgba(176,207,254,0.47) 12%, rgba(90,155,252,0.44) 25%, rgba(204,248,255,0.38) 46%, rgba(15,139,255,0.32) 68%, rgba(113,181,255,0.29) 81%, rgba(204,220,255,0.29) 93%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.47)), color-stop(12%, rgba(176,207,254,0.47)), color-stop(25%, rgba(90,155,252,0.44)), color-stop(46%, rgba(204,248,255,0.38)), color-stop(68%, rgba(15,139,255,0.32)), color-stop(81%, rgba(113,181,255,0.29)), color-stop(93%, rgba(204,220,255,0.29)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.47) 0%, rgba(176,207,254,0.47) 12%, rgba(90,155,252,0.44) 25%, rgba(204,248,255,0.38) 46%, rgba(15,139,255,0.32) 68%, rgba(113,181,255,0.29) 81%, rgba(204,220,255,0.29) 93%);
background: -o-linear-gradient(top, rgba(255,255,255,0.47) 0%, rgba(176,207,254,0.47) 12%, rgba(90,155,252,0.44) 25%, rgba(204,248,255,0.38) 46%, rgba(15,139,255,0.32) 68%, rgba(113,181,255,0.29) 81%, rgba(204,220,255,0.29) 93%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.47) 0%, rgba(176,207,254,0.47) 12%, rgba(90,155,252,0.44) 25%, rgba(204,248,255,0.38) 46%, rgba(15,139,255,0.32) 68%, rgba(113,181,255,0.29) 81%, rgba(204,220,255,0.29) 93%);
background: linear-gradient(to bottom, rgba(255,255,255,0.47) 0%, rgba(176,207,254,0.47) 12%, rgba(90,155,252,0.44) 25%, rgba(204,248,255,0.38) 46%, rgba(15,139,255,0.32) 68%, rgba(113,181,255,0.29) 81%, rgba(204,220,255,0.29) 93%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccdcff', GradientType=0 );
border: groove; border-color:transparent;  border-radius: 0.7em; -webkit-border-radius:0.7em;  }
.light3 { top:-2; left:-2; color:white; }
#Layer1 {	position:absolute;	width:200px;	height:186px;	z-index:1;	overflow: auto;	left: 433px;	top: 3030px; }
#Layer2 {	position:absolute;	width:200px;	height:251px;	z-index:3;	top: 3013px;	left: 521px;	overflow: auto; }
.Estilo1 {	font-family: Geneva, Arial, Helvetica, sans-serif;	font-size: 2.5em;	color: #00FF00;}
.Estilo2 {color: #000000; font-size: 18px; }  .Estilo3 {font-size: 24px; color: #0000FF; }
.Estilo9 {font-family:'Loki Cola'; /*font-family: Georgia, "Times New Roman", Times, serif; */ color:#0033FF; font-size:22px; }
.Estilo10 {font-size: 24px;  color:#fff; }  .Estilo11 {color: #FF0000;}  .Estilo12 {font-size: 15px; font-family:'Loki Cola';}
.Estilo14 { font-size: 36px; color:#FF0000; }  .Estilo15 {font-size: 2.5em;  font-family:'BatmanForeverAlternate';  color: #FF8080}  
.Estilo16 { font-size: 18; 	color: #FF0000; }  .Estilo17 {	font-size: xx-large }
.Estilo18 { font-family:'D3 Biscuitism'; font-size:1em; color:#FFFFCC; border-bottom-color:#0000CC; background-position:center;}
.Estilo30 { font-family:'7inch Rounded'; font-size:18px; color:#FFFFCC; border-bottom-color:#0000CC; background-position:center;}
.Estilo31 { font-family:'Abacus Two SSi'; font-size:22px; color:black ; border-bottom-color:#0000CC; background-position:center;}
.Estilio32  { font-family:'EmbossedBlack'; }
.Estilo70 { font-family:'A-Monumentottlcmotl'; font-size:30px; color:black ; border-bottom-color:#0000CC; background-position:center;}
.Estilo71 { font-family:'Aylmer'; font-size:30px; color:black ; border-bottom-color:#0000CC; background-position:center;}
.costalillo { transform: rotate(-90deg); }
.negro { color:black ; }  .azul { color: blue ; }  .verde { color : #9CFF00 ; }  .blanco { color: floralwhite; }  .grande { font-size:2.5em; }
.style1 {	font-family: "Lucida Console";	font-size: 2em;}  .style2 {color: #0000FF}
.contador { font-family:'Argor Biw Scaqh';  font-size:2.5em;   border-bottom-color:#0000CC; background-position:center; } 
.parapie { font-family:"Ballpark";   font-size: 0.9em; color:blue ; border-bottom-color:red; text-align:center;} 
.boton2 {border-radius:0px 70px 0px 70px; transform: rotate(-90deg);}
button { border-radius:70px; border-width:medium; border-bottom-color:#0000FF; background-color:#666666; border-collapse:separate; }
.t1 table {     display: table;         border-spacing: 0px;     border-color: gray; font-family:arial; font-size:13px;    margin: 0pt;          padding: 0pt;          vertical-align: baselinebaseline;  }
.t1 tr { border-collapse: collapse;  border-radius:70px; border:inset; }
.t1 tr:hover {  background-color: #A1001C; }
.sinclase table { display: table;         border-spacing: 0px;     border-color: gray; font-family:arial; font-size:13px;    
margin: 0pt;          padding: 0pt;          vertical-align: baselinebaseline; } 
.sinclase tr { border-collapse: collapse;  border-radius:70px; border:inset; }
.sinclase  tr:hover {  background-color:transparent; }
.chico { font-size:0.5em; }
input { text-transform : uppercase; border-radius:70px; }
.minusculas { text-transform : lowercase; }
.mayusculas { text-transform : uppercase; }
.ventanaf { font-size:10px; color:blue; }
.titulos { text-align:center ; font-size:16px; font-weight:bold; color:blue;  text-decoration:underline; }
.subtitulos { text-align:center ; font-size:14px; font-weight:bold;  }
.textos { text-align: justify; font-size:12px;} 
.dos {   column-count: 2;   text-align: justify; }

a.tooltips {  position: relative; display: inline; }
a.tooltips span {  position: absolute;  width:140px;  color: #050505;  text-shadow: 1px 1px 2px #5C6C80;
  background: #A8BFFF;  border: 2px solid #6D6D6D;  height: 19px;  line-height: 19px;  text-align: center;
  visibility: hidden;  border-radius: 12px;  box-shadow: 1px 1px 1px #B1A4BA; }
a.tooltips span:before {  content: '';  position: absolute;  top: 100%;  left: 50%;  margin-left: -12px;
  width: 0; height: 0;  border-top: 12px solid #6D6D6D;  border-right: 12px solid transparent;  border-left: 12px solid transparent; }
a.tooltips span:after {  content: '';  position: absolute;  top: 100%;  left: 50%;  margin-left: -8px;
  width: 0; height: 0;  border-top: 8px solid #A8BFFF;  border-right: 8px solid transparent;
  border-left: 8px solid transparent; }
a:hover.tooltips span {  visibility: visible;  opacity: 0.6;  bottom: 30px;  left: 50%;  margin-left: -76px;
  z-index: 999; }

span.tooltip {      position: absolute;      width: 128px;      height: 48px;      line-height: 48px;
      padding: 0px 16px 0px 8px;      font-size: 22px;      text-align: center;      color: rgb(255, 255, 255);
      background: rgb(153, 136, 119);      border: 0px none rgb(153, 136, 119);      border-radius: 0px 9.6px 9.6px 0px;
      text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;      box-shadow: rgb(153, 136, 119) -4px 0px 4px 0px inset; }
span.tooltip:after {      content: "";      position: absolute;      width: 0;      height: 0;      border-width: 24px;
      border-style: solid;      border-color: transparent #987 transparent transparent;      top: 0px;      left: -48px; }
.testbutton {  font-family: arial;  font-weight: bold;  color: #6A6A6A !important;  font-size: 12px;
  text-shadow: 1px 1px 1px #F4F5ED;  box-shadow: 1px 1px 1px #88A2B3;  padding: 10px 25px;
  -moz-border-radius: 20px;  -webkit-border-radius: 20px;  border-radius: 20px;
  border: 2px solid #3866A3;  background: #77EED2;
  background: linear-gradient(top,  #8ADAEE,  #8FC0CF);
  background: -ms-linear-gradient(top,  #8ADAEE,  #8FC0CF);
  background: -webkit-gradient(linear, left top, left bottom, from(#8ADAEE), to(#8FC0CF));
  background: -moz-linear-gradient(top,  #8ADAEE,  #8FC0CF); }
.testbutton:hover {  color: #14396A !important;  background: #468CCF;
  background: linear-gradient(top,  #152ECF,  #94E5EE);
  background: -ms-linear-gradient(top,  #152ECF,  #94E5EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#152ECF), to(#94E5EE));
  background: -moz-linear-gradient(top,  #152ECF,  #94E5EE);}
  .boton3 {  font-family: arial;  font-weight: bold;  color:black; background:#CECACA; font-size: 12px;
  text-shadow: 1px 1px 1px grey;  box-shadow: 1px 1px 1px #88A2B3;  padding: 2px 5px 2px 5px;
  -moz-border-radius: 20px;  -webkit-border-radius: 20px;  border-radius: 20px;       }
  .boton3:hover { color: #14396A !important;  background: #468CCF;
  background: linear-gradient(top,  #152ECF,  #94E5EE);
  background: -ms-linear-gradient(top,  #152ECF,  #94E5EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#152ECF), to(#94E5EE));
  background: -moz-linear-gradient(top,  #152ECF,  #94E5EE);       }
  .tooltip {    display: inline;    position: relative;  }
  .tooltip:hover:after {    bottom: 26px;
    content: attr(title); /* este es el texto que será mostrado */
    left: 20%;    position: absolute;    z-index: 98;
    /* el formato gráfico */
    background: rgba(255,255,255, 0.2); /* el color de fondo */
    border-radius: 5px;
    color: #FFF; /* el color del texto */
    font-family: Georgia;    font-size: 12px;    padding: 5px 15px;    text-align: center;    
    text-shadow: 1px 1px 1px #000;    width: 150px;  }
  .tooltip:hover:before {    bottom: 20px;    content: "";    left: 50%;    position: absolute;    z-index: 99;
    /* el triángulo inferior */
    border: solid;    border-color: rgba(255,255,255, 0.2) transparent;    border-width: 6px 6px 0 6px;  }
.modalDialogo {   position: fixed;   font-family: Arial, Helvetica, sans-serif;   top: 0;   right: 0;   bottom: 0;   left: 0;   background: rgba(0,0,0,0.8);   z-index: 99999;   opacity:0;   -webkit-transition: opacity 400ms ease-in;   -moz-transition: opacity 400ms ease-in;   transition: opacity 400ms ease-in;   pointer-events: none;  }
 .modalDialogo:target {   opacity:1;   pointer-events: auto;  }
 .modalDialogo > div { text-align:justify;   width: 56em;   position: relative;   margin: 10% auto;   padding: 1em 1.5em 1em 1.5em;   border-radius: 1em;   background: #fff;   background: -moz-linear-gradient(#fff, #999); 
  background: -webkit-linear-gradient(#fff, #999);   background: -o-linear-gradient(#fff, #999);  }
 .cerrar{   background: #606061;   color: #FFFFFF;   line-height: 25px;   position: absolute;   right: -12px;   text-align: center;   top: -10px;   width: 24px;   text-decoration: none;   font-weight: bold;
  -webkit-border-radius: 12px;   -moz-border-radius: 12px;   border-radius: 12px;   -moz-box-shadow: 1px 1px 3px #000;   -webkit-box-shadow: 1px 1px 3px #000;   box-shadow: 1px 1px 3px #000;  }
 .cerrar:hover { background: #00d9ff; }

.btTxt {   border: solid 1px #476b6b;    color: #ffffff !important;   font-size: 16px;font-family: Arial Black, Helvetica, sans-serif;   padding: 10px 25px;   text-shadow: 0 -1px 0 #476b6b;
  -moz-border-radius: 3px;   -webkit-border-radius: 3px;   -o-border-radius: 3px;   border-radius: 3px;   -webkit-box-shadow: 0 1px 0 1px rgba(31, 48, 48, 0.1) , inset 0 -1px 1px 0 rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 0 1px 0 1px rgba(31, 48, 48, 0.1) , inset 0 -1px 1px 0 rgba(255, 255, 255, 0.1);  box-shadow: 0 1px 0 1px rgba(31, 48, 48, 0.1) , inset 0 -1px 1px 0 rgba(255, 255, 255, 0.1);
 background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #749593), color-stop(50%, #64898c), color-stop(51%, #557d7f), color-stop(100%, #476b6b));background: -webkit-linear-gradient(top, #749593 0%, #64898c 50%, #557d7f 51%, #476b6b 100%);background: -o-linear-gradient(top, #749593 0%, #64898c 50%, #557d7f 51%, #476b6b 100%);background: -moz-linear-gradient(top, #749593 0%, #64898c 50%, #557d7f 51%, #476b6b 100%);background: -ms-linear-gradient(top, #749593 0%, #64898c 50%, #557d7f 51%, #476b6b 100%);background: linear-gradient(top, #749593 0%, #64898c 50%, #557d7f 51%, #476b6b 100%);
 border-radius:50px 60px 50px 60px;
}
.btTxt:hover {border: solid 2px #476b6b;
background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #749593), color-stop(50%, #64898c), color-stop(51%, #557d7f), color-stop(100%, #557d7f));background: -webkit-linear-gradient(top, #749593 0%, #64898c 50%, #557d7f 51%, #557d7f 100%);background: -o-linear-gradient(top, #749593 0%, #64898c 50%, #557d7f 51%, #557d7f 100%);background: -moz-linear-gradient(top, #749593 0%, #64898c 50%, #557d7f 51%, #557d7f 100%);background: -ms-linear-gradient(top, #749593 0%, #64898c 50%, #557d7f 51%, #557d7f 100%); background: linear-gradient(top, #749593 0%, #64898c 50%, #557d7f 51%, #557d7f 100%);
}
.btTxt:active {
background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #688886), color-stop(50%, #597a7d), color-stop(51%, #4b6e70), color-stop(100%, #4b6e70));background: -webkit-linear-gradient(top, #688886 0%, #597a7d 50%, #4b6e70 51%, #4b6e70 100%);background: -o-linear-gradient(top, #688886 0%, #597a7d 50%, #4b6e70 51%, #4b6e70 100%);background: -moz-linear-gradient(top, #688886 0%, #597a7d 50%, #4b6e70 51%, #4b6e70 100%);background: -ms-linear-gradient(top, #688886 0%, #597a7d 50%, #4b6e70 51%, #4b6e70 100%);background: linear-gradient(top, #688886 0%, #597a7d 50%, #4b6e70 51%, #4b6e70 100%);
}
@keyframes btTxt {  100% { visibility: visible; opacity: 1;  }  }
.tbl1 { border-collapse: collapse; width: 100%; padding-left: 50px; }
.tbl1 td, th { border: 0px solid #000; padding: 5px; }
.tbl1 th { background-color: #424242; font-style: oblique; color: white; }
.tbl1 tr { background-color: #E6E6E6; }
.tbl1 tr:nth-child(2n+1) { background-color: #A9E2F3;  }
.tbl1 tr:hover { background-color: aqua; }
.tbl1 col1 { background: red; }
.tbl2 { border-collapse: collapse; width: 100%;  padding-left: 50px; }
.tbl2 td, th { border: 0px solid #000; padding: 0px; }
.tbl2 th { background-color: #424242; font-style: oblique; color: black; }
.tbl2 tr { background-color: #E6E6E6; }
.tbl2 tr:nth-child(2n+1) { background-color: #A9E2F3; }
.tbl2 tr:hover {  background-color: #FF3903; }
.tbl2 col1 { background: red; }
.tbl2 .even td {  background: #FFF;}
tbl3 {  border-collapse: collapse;  width: 100%;  padding-left: 50px; font-size: 6px;  font-stretch: condensed;}
.tbl3 td, th {  border: 1px solid #000;  padding: 5px;}
.tbl3 th {  background-color: #424242;  font-style: oblique;  color: white;}
.tbl3 tr {  background-color: #E6E6E6; }
.tbl3 tr:nth-child(2n+1) {   background-color: #A9E2F3; }
.tbl3 tr:hover {  background-color: aqua; }
.tbl3 col1 {  background: red; }
.tbl4 { border-collapse: collapse; width: 100%; }
.tbl4 th { background: #121C28; color: #FFF; text-align: left; padding: 2px 4px;  border: 1px solid #FFF; }
.tbl4 td {   background: #DDE5F0; padding: 1px 2px;  border: 1px solid #FFF; }
.tbl4 tr {  background-color: #E6E6E6; }
.tbl4 tr:nth-child(2n+1) {  background-color: #A9E2F3; }
.tbl4 tr:hover { background-color: #FF3903; }
.tbl4 col1 {   background: red; }
.tbl6 { border-collapse: collapse;   width: 100%;  padding-left: 50px; font-size:12px; }
.tbl6 td, th { border: 1px solid #000; padding: 0px; font-size:11px; border-collapse: collapse; }
.tbl6 th { background-color: grey; font-style: oblique; color: black; }
.tbl6 tr { background-color: #81F7BE; }
.tbl6 tr:nth-child(2n+1) { background-color: #A9D0F5; }
.tbl6 tr:hover { background-color: #FF3903; }
.tbl6 col1 { background: blue; }
.tbl7 { border-collapse: collapse;   width: 100%;  padding-left: 25px; font-size:12px; }
.tbl7 td, th { border: 1px solid blue; padding: 0px; font-size:12px; color:black; border-collapse: collapse; }
.tbl7 th { background-color: grey; font-style: oblique; color: black; border-collapse: collapse;}
.tbl7 tr { background-color: #81F7BE; border-collapse: collapse;}
.tbl7 tr:nth-child(2n+1) { background-color: #A9D0F5; border: 1px solid blue; border-collapse: collapse; }
.tbl7 tr:hover { background-color: grey ; }
.tbl7 col1 { background: blue; }
.sample3 {  border-collapse: collapse;  width: 100%; }
.sample3 th {   background: #121C28;  color: #FFF;  text-align: left;  padding: 2px 4px;  border: 1px solid #FFF; }
.sample3 td {  background: #DDE5F0;  padding: 2px 4px;  border: 1px solid #FFF;}