body {
    height: 100%;
    background-size:100% cover;
    background-repeat: no-repeat;
    background-attachment:fixed; 
    background-image: url(imagenes/fondo.jpg);
}


#contenedor {
    min-height: 90%;
}

/* ----------------------CABECERA------------------------------- */
header {
    background-color: rgba(90, 170, 252, 0.8);
    background-position: center center;
    background-image: url(imagenes/giflogodgpc.gif);
    background-repeat: no-repeat;
    width:inherit;
    height: 35px;
    margin: 15px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 35px;
}



/*--------------------- BOTONES--------------------- */

#menu ul {
    list-style: none;
    text-align: center;
    height: 70px;
    margin: 10px;
    margin-left: 10px;
    padding-bottom: 20px;
    }

#menu ul li  {
    height: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    float:left;
}

    
#menu ul li a {
    font-family: monospace; font-size: 14pt;
    color: black;
    text-decoration: none;
    text-align: center;
    padding: 6px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 10px;
    width: 90px;
    list-style: none;
    background-color: #ffffff;
    float: left;
    border-left:10px solid #ffffff;  /* borde a la izquierda del boton */
    border-right:10px solid #ffffff; /* borde a la derecha del boton */ 
    border-bottom: 10px solid #ffffff;
    border-top: 10px solid #ffffff;
    }
#menu ul li a:hover{   /* hover es el cambio de color del boton */
    color:#ffffff;
    background-color:#68abef;            /* cambio de color del botón */
    border-left-color:#7fe1ff;           /* borde a la izquierda del boton */
    border-right-color: #7fe1ff;         /* borde a la derecha del boton */
    border-bottom: 10px solid #ffffff;   /* borde arriba */
    border-top: 10px solid #ffffff;      /* borde abajo */

}

/* --------------------- PIE DE PAGINA ----------------------- */
footer {
    position: static;
    background-color: rgba(158, 206, 255, 0.6);
    font-size: 10pt;
    margin-bottom: 10px;
    padding: 10px;
    padding-left: auto;
    padding-right: auto;
    left: 2%;
    right: 2%;
    min-height: 15%;
    }

#pieuno {
    text-align: center;
    }
#piedos {    
    text-align: center;
    }
#pietres {    
    text-align: center;
    }



/*----------------------------- PAGINA DE EQUIPO ------------------------------------ */

#contenedorequipo{
    padding-top: 10px;
    padding-bottom: 50px;
    }
#docentes {
    font-family: monospace;
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    width: 500px;
    }
h1, h2 {
    background-color: #68abef;
    font-size: 16pt;
    color: aliceblue;
    margin-top: 60px;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
     }
#german, #virginia, #sol, #fede, #nico, #martin {
    text-decoration: none;
    text-align: center;
    font-size: 14pt;
    background-color: rgba(255, 255, 255, 0.78);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}

#alumnos {
    font-family: monospace;
    text-align: center;
    margin-bottom: 20px;
    padding-left: 5%;
    padding-right: 5%;
    width: 500px;
  }

#german:hover{      /*boton german */
    color:#68abef;
    background-color:#ffffff; /* cambio de color del botón*/
    }
#virginia:hover{      /*boton virginia */
    color:#68abef;
    background-color:#ffffff; /* cambio de color del botón*/
    }
#sol:hover{      /*boton sol */
    color:#68abef;
    background-color:#ffffff; /* cambio de color del botón*/
    }
#fede:hover{      /*boton fede */
    color:#68abef;
    background-color:#ffffff; /* cambio de color del botón*/
    }
#nico:hover{      /*boton nico */
    color:#68abef;
    background-color:#ffffff; /* cambio de color del botón*/
    }
#martin:hover{      /*boton martin */
    color:#68abef;
    background-color:#ffffff; /* cambio de color del botón*/
    }

/*----------------------------- CARTA PROYECTO Y TODO ESO--------------------------- */

#propuestacarta {
    font-family: monospace;
    padding-top: 30px;
    padding-bottom: 200px;
    padding-left: 5%;
    padding-right: 5%;
    width: 500px;
    }

h3 {
    background-color: #68abef;
    text-align: center;
    color: aliceblue;
    font-size: 16pt;
    padding-left: 30pt;
    padding-right: 30pt;
    padding-top: 10pt;
    padding-bottom: 10pt;
    
}

#proyectocarta {
    font-size: 14pt;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.78);
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    
    }

/*--------------------- MI PERFIL DEL INDEX MI FOTO ------------- */

#federicopanzeri {
    font-family: monospace;
    padding-top: 30px;
    padding-bottom: 200px;
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 3%;
    width: 800px;
    }

h4 {
    background-color: #68abef;
    text-align: center;
    color: aliceblue;
    font-size: 16pt;
    margin-top: 0;
    margin right: 10px;
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 420px;
    
}

#descripcion {
    font-size: 14pt;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.78);
    margin right: 10px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    width: 400px;
}

#fedeimg {
    top: 0px;
    float: right;
    background-color: rgba(255, 255, 255, 0.78);
    margin-right:
    margin-top: 2%;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    margin-right: 50px;
    width: 200px;
}

/*----------------------------------PAGINA DE PROPUESTA-----------------------------------*/

#cajapropuesta {
    font-family: monospace;
    padding-top: 30px;
    padding-bottom: 200px;
    padding-left: 5%;
    padding-right: 5%;
    width: 900px;
    height: 320px;
    }

h5 {
    background-color: #68abef;
    text-align: center;
    color: aliceblue;
    font-size: 16pt;
    padding-left: 30pt;
    padding-right: 30pt;
    padding-top: 10pt;
    padding-bottom: 10pt;
    margin-bottom: 30px;

    }

#descripcionpropuesta {
    font-size: 12pt;
    float: left;
    top: 0;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.78);
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    width: 330px;
    
}

#objetivospropuesta {
    font-size: 12pt;
    top: 0;
    float: right;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.78);
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    width: 410px;
    
    }

h6 {
    background-color: #68abef;
    font-family: monospace;
    text-align: center;
    color: aliceblue;
    font-size: 16pt;
    padding-left: 30pt;
    padding-right: 30pt;
    padding-top: 10pt;
    padding-bottom: 10pt;
    margin-top: 0;
    margin-left: 60px;
    margin-bottom: 30px;
    width: 730px;
    }

#mapaimg {
    padding-left: 60px;
    padding-top: 0px;
    padding-bottom: 40px;
    margin-bottom: 30px;
    width: 810px;
     }