body {
  font-family: "Courier New";
  width: 85%;
  margin: 0 auto;
}
hr {
	background-color: green;
	border-color: green;
	height: 2px;
	width: 100%;
  margin-top: 10px;
  margin-bottom: 30px;
}

h1 {
  font-size: 3em;
}

fieldset {
  margin: 1em auto;
}

legend {
  font-size: 1.2em;
  font-weight: bold;
}

label {
  font-weight: bold;
  display: block;
}

select {
  font-family: "Courier New";
  font-size: 1em;
  padding: 0.2em;
}

input[type=text] {
  font-family: "Courier New";
  font-size: 1em;
  padding: 0.2em;
  width: 200px;
}
input[type=text]:focus, select:focus {
  background-color: #F2F5A9;
}

a.enlace_idioma:link {
	text-decoration:none;
}

img.logo{
  margin-top: 15px;
  margin-left: 5px;
  vertical-align: text-bottom;
}
.titulo {
  font-size: 1.5em;
  font-weight: bold;
  margin-left: 20px;
}

#descripcion { width: 660px;}

#boton-enviar {
  font-family: "Courier New";
  font-size: 1.1em;
  padding: 0.5em;
}

.mensaje {
    margin-top: 40px;
    border-radius: 12px;
    border: 2px solid green;
    padding: 20px;
}
#boton-mensaje {
  font-family: "Courier New";
  font-size: 1.1em;
  padding: 0.5em;
  width: 100px;
}

.inline-block {
  display: inline-block;
  margin-right: 10px;
}

.container {
    margin-top: 20px;
    position: relative;
    width: 100%;
    text-align: center;
}
.centrado { display: inline-block;}
.derecha { display: inline-block; position: absolute; right: 0px;}

/*------ MODAL-POPUP ----------*/
  /* The Modal (background) */
  .modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 1; /* Sit on top */
      padding-top: 100px; /* Location of the box */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  /* Modal Content */
  .modal-content {
      background-color: #fefefe;
      margin: auto;
      padding: 20px;
      border: 1px solid #888;
      width: 50%;
  		text-align: center;
  }
  .aula {
  		margin: 20px auto;
  		background-color: #FFF6B2;
  		width:365px;
  		border: 1px solid;
  }
  .aula103 {
  		margin: 20px auto;
  		background-color: #FFF6B2;
  		width:536px; /* 35 + (108 x 4) + 35 + 50 */
      height:400px; /* 35 + (59 x 2) + 35 + (59 x 3) + 35  */
  		border: 1px solid;
      position:relative;
  }
  .mesa {margin: 35px 40px 35px 40px;}
  /*.mesa_vertical {margin: 35px 40px 35px 133px;} */
  /*ancho mesa individual 108px / altura mesa individual 59px */
  .mesa103a {position:absolute; top:35px; left:35px}
  .mesa103b {position:absolute; top:188px; left:293px}
  .mesa103c {position:absolute; top:247px; left:35px}

  /* The Close Button */
  .close {
      color: #aaaaaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
  }
  .close:hover,
  .close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
/*----------- FIN MODAL-POPUP ----------------*/