body#body_results{
      /*background: url(https://cdn.pixabay.com/photo/2018/02/23/04/38/computer-3174729_1280.jpg);
      background: url(https://images.pexels.com/photos/39284/macbook-apple-imac-computer-39284.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);
      background: url(https://images.pexels.com/photos/73910/mars-mars-rover-space-travel-robot-73910.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1); */
      /* Imagen de fondo de la página principal */
      background: url(https://images.pexels.com/photos/19670/pexels-photo.jpg?auto=compress&cs=tinysrgb&w=1600); 
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center
      margin: 0;
      height: 100vh;
    }

/*menu en index.html. Como hay un solo menú en todo el site, no es necesario asignarle id */
ul {
  position: relative;
  top: 30px;
  margin: 0pt auto;
  width: 1200px;
  height: 35px;
  list-style-type: none;
  text-align: center;
  background-color:none;
}
/*lineas del menu*/
li {
/*  background-color: #F6E3CA;*/
background-color:none;
/*border:#D7C8B6 1px solid;*/

border:none;
display: inline;
margin-right: 10px;
}
/*etiquietas a de las lineas del menu*/
a {
  color: yellow;
  font-size: 30px;
  padding: 4px;
  text-decoration: none;
  line-height: 64px;
  background-color:none;

}

a:hover {
  background-color: none;
  color: #D7C8B6;
}

/*parrafo en index.html. clase titulo */
p.titulo{
  color:white;
    font-size:74rem;
  text-align:center;
  border:#D7C8B6 1px solid;
  padding:8px;
}

/*parrafo en index.html. clase pie */
p.pie{
  color:white;
  font-size:24px;
  text-align:center;
  border:none; 
  padding:8px;
  margin-top:580px;
}


/*parrafos en about*/
p.about_heading{
  font-size:34px;

}
p.acerca_us{
  font-size:34px;
  color:blue;
  font-size:24px;
  text-align:center;
  border:1px dotted #000; 
  padding:8px;
  height: 1200px;

}
body#body_about{
  background: url(https://media.istockphoto.com/id/1475804411/es/foto/sonriente-joven-hispana-trabajadora-aut%C3%B3noma-de-pie-en-el-estudio-con-una-computadora-port%C3%A1til.jpg?s=612x612&w=0&k=20&c=HdplZ6eKhw9R3Ww5vIDmTT433zTPFemZNBF99L57e88=); 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center
  margin: 0;
  height: 100vh;
}

body#body_index{
      /*background: url(https://cdn.pixabay.com/photo/2018/02/23/04/38/computer-3174729_1280.jpg);
      background: url(https://images.pexels.com/photos/39284/macbook-apple-imac-computer-39284.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);
      background: url(https://images.pexels.com/photos/73910/mars-mars-rover-space-travel-robot-73910.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);
      background: url(https://images.pexels.com/photos/19670/pexels-photo.jpg?auto=compress&cs=tinysrgb&w=1600);
      background: url(https://cdn.pixabay.com/photo/2018/03/09/08/36/businessman-3210932_1280.jpg); */
      background: url(../images/fondoindex.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center
      margin: 0;
      font-size:44px;
      height: 100vh;
    }

    body#body_tesis{
            
      /*background: url(images/banertesis.png);*/
      /*background: url(https://images.pexels.com/photos/73910/mars-mars-rover-space-travel-robot-73910.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);*/
            /*background: url(https://cdn.pixabay.com/photo/2018/02/23/04/38/computer-3174729_1280.jpg);*/
          /*background: url(https://images.pexels.com/photos/19670/pexels-photo.jpg?auto=compress&cs=tinysrgb&w=1600);*/
    /*background: url(https://images.pexels.com/photos/39284/macbook-apple-imac-computer-39284.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);*/
    /*background: url(https://blog.udlap.mx/wp-content/uploads/2014/09/writing1.jpg);*/
   /*background image: url(https://ibb.co/YQhc5MR);*/
   /*   background-size: cover;*/
      background-repeat: no-repeat;
      background-position: top;
    /*  margin: 0;
      height: 100vh;*/
 font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
    }

    body#body_login{

      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center
      margin: 0;
      height: 100vh;
    }

    div.menu {
      display: flex;
      justify-content: center;
      align-items: center;


    }

    div.menu a {
      margin: 40px; /* Espacio entre las imágenes */
    }

    img#imagen1 {
      position: absolute;
      width:200px;
      height:200px;
      top:340px;
      left:620px;
      /*border: 1px solid #000;*/
    }

    img#imagen2 {
      position: absolute;
      width:200px;
      height:200px;
      top:260px;
      left:940px;
      /*border: 1px solid #000;*/
    }

    section.acerca {

 /*background-image: linear-gradient(to left,#42275a, #734b6d);
  height: 100vh;*/

/*background-image: linear-gradient(to right,pink,orange);
  height: 100vh;*/

/*background-image: url("../images/fondo.jpg");
height: 100vh;
background-color:#FFD700*/
}

/* form de contacto.
el div parent tabla1 contiene el hd tit2 y el div cuerpo del form input.
a su vez, este último contiene los labels, textboxes y submit de input.

la posicion absolute del tit2 permite colocarlo respecto a su parent (tabla1). en este caso,los valores 0 y 0 de left y rigth y margin auto lo centran horizontalmente
DENTRO DE SU CONTENEDOR (tabla1)*/

div#tabla1 h1.tit1{
  color:blue;
 font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
    text-align:center;
  position:absolute;
  left:0;
  right:0;
  top:60px;
  margin:auto;
}
div#tabla1 h1.tit11{
  color:blue;
   font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align:center;
  position:absolute;
  left:0;
  right:0;
  top:100px;
  margin:auto;
}

div#tabla1 h2.tit2{
  color:black;
   font-family: "Montserrat", sans-serif;
  font-weight: 200;
  font-style: normal;

  text-align:center;
  position:absolute;
  left:0;
  right:0;
  top:150px;
  margin:auto;
}


/*la posicion absolute del div cuerpo permite colocarlo respecto a su parent (tabla1). en este caso,los valores 0,0,0,0 de left,rigth,top,bottom y margin auto
lo centran vertical y horizontalmente DENTRO DE SU CONTENEDOR (tabla1)*/

div#cuerpo{
  border: 1px solid #1E679A;
  position:absolute;
  width: 480px;
  height: 440px;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  
}

/* todos los controles dentro del div cuerpo de contact.html*/
div#cuerpo label#lblnivel{
  color:blue;
  padding-left:20px;
  padding-top:40px;
  margin-top:40px;
}
div#cuerpo select#selnivel{
  margin-left:14px;
  width:420px;
}

div#cuerpo label#lblcarrera{
  color:blue;
  padding-left:20px;
}

div#cuerpo select#selcarrera{
  margin-left:14px;
  width:420px;
}

div#cuerpo label#lblnivat{
  color:blue;
  padding-left:20px;
}

div#cuerpo select#selnivat{
  margin-left:14px;
  width:420px;
}

div#cuerpo label#lblpalabra{
  color:blue;
  padding-left:20px;
width:420px;
}

div#cuerpo input#txtpalabra{
  margin-left:14px;
  padding-left:20px;
  width:420px;
}

div#cuerpo label#lbltitulo{
  color:blue;
  padding-left:20px;
width:420px;
}

div#cuerpo input#txtitulo{
  margin-left:14px;
  padding-left:24px;
  width:420px;
}

div#cuerpo label#lblano{
  color:blue;
  padding-left:20px;
width:420px;
}

div#cuerpo input#txtano{
  margin-left:14px;
  padding-left:24px;
  width:420px;
}


div#cuerpo input#btnsub{
  width:100px;
  box-shadow:0px 0px 5px 1px;
  height:55px;
  position:absolute;
  left:0;
  right:0;
  margin:auto;
}


/* form de login
el div parent tablecontiene el hd tit3 y el div corp del form input.
a su vez, este último contiene los labels, textboxes y submit de input.

la posicion absolute del tit2 permite colocarlo respecto a su parent (tabla1). en este caso,los valores 0 y 0 de left y rigth y margin auto lo centran horizontalmente
DENTRO DE SU CONTENEDOR (tabla1)*/

div#table h2.tit3{
  color:blue;
  text-align:center;
  position:absolute;
  left:0;
  right:0;
  top:280px;
  margin:auto;
}

/*la posicion absolute del div corp permite colocarlo respecto a su parent (table). en este caso,los valores 0,0,0,0 de left,rigth,top,bottom y margin auto
lo centran vertical y horizontalmente DENTRO DE SU CONTENEDOR (table)*/

div#corp{
  border: 1px solid #1E679A;
  position:absolute;
  width: 480px;
  height: 480px;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  background-color: lightcyan;
}

/* todos los controles dentro del div*/
div#corp label#lblname{
  color:blue;
  padding-left:20px;
  padding-top:40px;
  margin-top:40px;
}
div#corp input#txtname{
  margin-left:14px;
  width:420px;
}
div#corp label#lblpwd{
  color:blue;
  padding-left:20px;

}
div#corp input#txtpwd{
  margin-left:14px;
  width:420px;
}


div#corp input#btnsub{
  width:325px;
  box-shadow:0px 0px 5px 1px;
  height:125px;
  position:absolute;
  left:0;
  right:0;
  margin:auto;
}

div#corp{
  border: 1px solid #1E679A;
  position:absolute;
  width: 480px;
  height: 280px;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  background-color: lightcyan;
}
