body, html {
    padding:0px;
    margin:0;   
    background-color:#e8e6e6;
    
}
span
{
    font-family:Arial;
}

footer{
    width:100%;
    height:5%;
    float:left;
    background-color:white;
    bottom:0;
    position:fixed;
    text-align:center;
    font-family:Arial;
    color:black;
    font-size:small;
    line-height:30px;
    border-top:1px solid lightgray;

}
footer img {
       width:25px;
       display:block;
       float:left;
       margin:5px auto;
       margin-left:41%;
       
    }
    footer p{
        display:block;
        float:left;
        margin:auto;
        margin-left:10px;
        line-height:35px;
    }

/*VENTANA POP*/
.popup{
    width:100%;
    height:100%;
    background-color:rgba(0,0,0, 0.7);
    position:fixed;
    top:0;
    left:0;
    z-index:4;
}
.popup fieldset label{
    width:100%;
    text-align:left;
    font-family:Arial;
    font-size:small;
    color:black;
    display:block;
    margin:0;
    font-size:12px;
}
.popup fieldset{
    background-color:white;
    width:30%;
    padding-left:20px;
    padding-right:20px;
    padding-top:50px;
    position:relative;
    margin:40px auto;
    border:none;
    box-shadow:1px 0 5px black;
    overflow:auto;
}


.popup legend{
    width:100%;
    height:40px;
    line-height:40px;
    color:#808080;
    border-bottom:1px solid lightgrey;
    text-align:center;
    font-size:x-large;
    padding:0;
    margin:0;
    position:absolute;
    top:0;
    left:0;
    font-family:Arial;
    font-weight:lighter;
    background-color:whitesmoke;
    color:darkgray;

}

.popup fieldset input[type=text]{
    border:none;
    border-bottom:1px solid lightgrey;
    margin-bottom:10px; 
    width:100%;
    color:black;
}

.popup fieldset input[type=text]:last-child{
    margin-bottom:0;
}
.popup fieldset input[type=text]:focus{
    border-bottom:1px solid #163ba1;
    transition:ease-in 0.2s;
}
.popup div{
    width:100%;
    text-align:center;
}
.popup div p {
    width:100%;
    font-family:Arial;
    color:red;
}
.popup div input[type=submit]{
    border:none;
    background-color:#163ba1;
    color:white;
    cursor:pointer;
    height:30px;
    width:25%;
}
.popup div input[type=submit]:hover{
    background-color:#122d75;
}

.popup .lblEliminar{
    margin:5px 0 15px 0;
    text-align:center;
}

.popup fieldset textarea{
    font-family:Arial;
    width:100%;
    font-size:small;
    resize:none;
    height:80px;
}





/*POPUP DE DOCENTES */
.popup span{
    font-family:Arial;
    width:100%;
    padding:0 0 10px 0 ;
    text-align:center;
   font-size: 14px;
    font-weight:bold;
   display:inline-block;
}
.popup .ucDocente{
    margin:10px auto;
    width:30%;
    overflow:auto;
}
.popup .ucDocente fieldset{
    background-color:whitesmoke;
    color:darkgray;
}
.popup .ucDocente label{
    margin:2px;
    font-size:12px; 
    color:black;
}

.popup .ucDocente input[type=text]{
    margin-bottom:10px;
}

.popup .ucDocente select{
    width:100%;
    margin:0 0 10px 0;
    border:0;
    border-bottom:1px solid lightgrey;
}
.popup .ucDocente input[type=checkbox]{
    float:left;
}

/*PARA LAS FECHAS*/
.popup input[type=date]{
    width:100%;
}




.info{
   width:100%;
   position:absolute;
   right:0;
   top:0;
   margin:0;
   background-color:#e8e6e6;
  
}
.form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 300px;
  margin: 2% auto;
  padding: 30px;
  text-align: center;
  box-shadow:1px 1px 5px darkgray;
  border:1px solid lightgray;
}
.login-form span{
    margin-bottom:10px;
    color:darkslategray;
    font-size:larger;
    font-family:Arial;
}
.form .thumbnail {
  /*background: #2151d7;*/
  width: 190px;
  height: 190px;
  margin: 0 auto 30px;
  padding: 30px 30px;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  box-sizing: border-box;
}
.thumbnail img {

   position:absolute;
   right:90px;
   top:37px;
  width:180px;
   border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
}
.form input {
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  /*border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;*/
  box-sizing: border-box;
  font-size: 14px;
  margin-top:10px;
}
.form input[type=submit] {
  outline: 0;
  background-color: #163ba1;
  width: 100%;
  border: 0;
  padding: 15px;
  /*border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;*/
  color: #FFFFFF;
  font-size: 14px;
  cursor: pointer;
}
.form input[type=submit]:hover{
    background:#2151d7;
}
.form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
  font-family:Arial;
}
.form .message a {
  color: darkslategrey;
  text-decoration:underline;
  text-decoration: none;
    font-family:Arial;
}
.form .message a:hover {
    color:black;
}

.form .register-form {
  display: none;
}

.container {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin: 0 auto;
}
.container:before, .container:after {
  content: "";
  display: block;
  clear: both;
}
.container .info {
  margin: 50px auto;
  text-align: center;
}
.container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #1a1a1a;
}
.container .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.container .info span a {
  color: #000000;
  text-decoration: none;
}
.container .info span .fa {
  color: #EF3B3A;
}

.popup div input[type=submit]{
    border:none;
    background-color:#163ba1;
    color:white;
    cursor:pointer;
    height:30px;
    width:25%;
}
.popup div input[type=submit]:hover{
    background-color:#122d75;
}