.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; }.datagrid table td, .datagrid table th { padding: 10px 20px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 12px; font-weight: bold; border-left: 0px solid #0070A8; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #00557F; font-size: 11px;border-bottom: 10px solid #E1EEF4;font-weight: normal; }.datagrid table tbody .alt td { background: #E1EEF4; color: #00557F; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }
.textarea{
   font-family: Courier, sans-serif;
   font-size: 8pt;
   height: 24em;
   width: 650px;
   border: 1px dotted #000099;
   
}
.estilotextarea2 {
border: 2px solid #990000;
font-family: Courier, sans-serif;
font-size: 8pt;
resize:none;
}
.estilotextarea3 {
font-family: Garamond,verdana;
font-size: 13pt;
font-weight: bold;
letter-spacing: 5px;
border: 2px solid #990000;
resize:none;
}
@media all {
   div.saltopagina{
      display: none;
   }
}
   
@media print{
   div.saltopagina{ 
      display:block; 
      page-break-before:always;
   }
}
body {
  background-color: #ffffff;
}
@charset "UTF-8";

/* Contenedor del login */



#login {

   background-color: #77B0C5;

   border-radius: 8px;

   box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.75);

   -moz-box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.75);

   -webkit-box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.75);

   margin-left: auto;

   margin-right: auto;

   margin-top: 10%;

   max-width: 20em;

   padding-bottom: 10px;

   padding-top: 10px;

}

/* Linea y forma de Tabla*/

table {

    border-collapse: collapse;

    font:normal 12px verdana, arial, helvetica, sans-serif;

    

}

td:hover {

          background-color: #a8d0ec;

    }



table, th, td {

    border: 1px solid black;

     background-color: #ffffff;

    

}



th {

    background-color: #3191D1;

    color: #ffffff;

}



hr {

      border: 0;

      height: 29px;

      background:url("img/linea.png")  repeat-x;

     

}



h3 {  

   --myColor: red;

   color: var(--myColor);

}



/* Etiquetas del formulario */



label {

   color: black;

   display: black;

   margin-bottom: 6px;

   margin-left: 1.2em;

}



/* Campos del formulario */



input[type="text"],

input[type="password"] {

   border: none;

   border-radius: 0px;

   display: block;

   font-size: 1em;

   height: 2em;

   text-align: center;

   width: 100%;

   margin-left: auto;

   margin-right: auto;

}


/*caja de texto:textarea*/

textarea {
	resize: none;
}

/* Bot&oacuten */



input[type="submit"],
input[type="button"]{

  background: #3498db;

  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);

  background-image: -moz-linear-gradient(top, #3498db, #2980b9);

  background-image: -ms-linear-gradient(top, #3498db, #2980b9);

  background-image: -o-linear-gradient(top, #3498db, #2980b9);

  background-image: linear-gradient(to bottom, #3498db, #2980b9);

  -webkit-border-radius: 28;

  -moz-border-radius: 28;

  border-radius: 28px;

  text-shadow: 1px 1px 3px #944694;

  font-family: Arial;

  color: #ffffff;

  font-size: 11px;

   padding: 1px 18px;

  text-decoration: none;

  width:110px;


}



input[type="submit"]:hover,
input[type="button"]:hover {

  background: #3cb0fd;

  background-image: -webkit-linear-gradient(top, #3cb0fd, #161b1f);

  background-image: -moz-linear-gradient(top, #3cb0fd, #161b1f);

  background-image: -ms-linear-gradient(top, #3cb0fd, #161b1f);

  background-image: -o-linear-gradient(top, #3cb0fd, #161b1f);

  background-image: linear-gradient(to bottom, #3cb0fd, #161b1f);

  text-decoration: none;

  width:110px;



}

/* Sin subrayado en los links */

<style type="text/css">   

a:link   

{   

 text-decoration:none;   

}   

</style>

