@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"] {

  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: 5px 18px;

  text-decoration: none;

  width:110px;


}



input[type="submit"]: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>
