/*
estilo.css
Iker Garcia Forner
*/


#pi {
    background: #252626;
    color: #333;
    font-family: Arial, sans-serif;
}

a {
    color: #007799;
    text-decoration: none;
}

a:visited {
    color: #005566;
}

a:hover {
    color: #ffffff;
    background-color: #007799;
    border: inset 2px #005566;
}

/* Fondo general del contenedor */
#contenedor {
    background: linear-gradient(to bottom, #a1b6c1 0%, #338383 100%);
    background-repeat: repeat-y;
    background-position: top center;
    border: 2px solid #99c;
}

/* CABECERA PRINCIPAL */
#intro {
    border: inset 2px #99c;
    margin: 5px;
    background-color: #f0ffff;
    padding: 10px;
}

#intro:hover {
    border: outset 2px #6699cc;
    
}

/* TÍTULO */
#titulo {
    border: outset 2px #99c;
    margin: 5px;
    text-align: center;
    background-color: #d9f9ff;
    font-weight: bold;
}

#titulo:hover {
    border: inset 2px #6699cc;
    background-color: #d88cd1;
}

/* RESUMEN Y COMENTARIO */
#resumen, #comentario {
    border: outset 2px #99c;
    margin: 5px;
    background-color: #f8fcff;
    padding: 10px;
}

#resumen:hover,
#comentario:hover {
    border: inset 2px #6699cc;
    background-color: #a0acb4;
}



/* BLOQUE DE APARTADOS EN EL CENTRO */
#apartados {
    border: inset 2px #99c;
    margin: 5px;
    background-color: #ffffff;
}

#apartados:hover {
    border: outset 2px #6699cc;
}

/* BLOQUES DENTRO DE APARTADOS */
#objetivos, #contenidos, #profesores, #bibliografia {
    border: outset 2px #99c;
    margin: 5px;
    background-color: #f3f9fd;
    padding: 8px;
    margin-left: 0;
    margin-right: 0;
    width: auto;
    box-sizing: border-box;
}

#objetivos:hover,
#contenidos:hover,
#profesores:hover,
#bibliografia:hover {
    border: inset 2px #6699cc;
    background-color: #a0acb4;
}
/* COLUMNA IZQUIERDA */
#enlacesintra {
    position: absolute;
    top: 4px;
    left: 0.3%;
    width: 20%;
    margin-right: 2%;
    border: outset 2px #99c;
    background-color: #02a9f1;
    margin: 5px;
}

#enlacesintra:hover {
     border: inset 2px #6699cc;
    background-color: #465276;
}

/* COLUMNA DERECHA */
#enlaces {
    position: absolute;
    top: 4px;
    right: 0.3%;
    width: 20%;
    margin-left:2%;
    margin: 0.1px;
}

#enlaces:hover {
    border: outset 2px #5469f3;
    background-color: #d0f0ff;
}

#lselecciona, #lhistorico, #lrecursos {
    border: outset 2px #99c;
    margin: 5px;
    background-color: #02a9f1;
}

#lselecciona:hover,
#lhistorico:hover {
    border: inset 2px #6699cc;
    background-color: #465276;
}

#lrecursos:hover {
    border: inset 2px #6699cc;
    background-color: #465276;
}
/* PIE DE PÁGINA (VERSIONES ANTERIORES) */
#enlacesversiones {
    margin: 5px;
    text-align: center;
    border: outset 2px #99c;
    background-color: #f5fbfe;
    padding: 10px;
}

#enlacesversiones:hover {
   border: inset 2px #6699cc;
    background-color: #465276;
}

/* Unificación visual de la columna central */
#intro,
#apartados,
#enlacesversiones {
    width: 58%;
    margin-left: 21%;
    margin-right: 21%;
    box-sizing: border-box;
    border: inset 2px #99c;
    background-color: #99c2f4;
    padding: 10px;
}
#enlacesversiones {

    background-color: #02a9f1;
   
}