@media screen,print
{
    body
    {
        margin: 15px;
        font-size: 1em;
        color: #000;
        background: #FFF;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    }

    .foto
    {        
        float: right;
        margin: 10px;       
    }
    .foto img
    {
        width: 125px;             
    }


    h1
    {
        font-size: 1em;
        margin: 30px 0 5px 0;
    }

    h2
    {
        font-size: 0.9em;
        margin: 0 0 5px 0;
        font-weight: bold;
    }

    h3
    {
        font-size: 0.8em;
        font-weight: normal;
        margin: 0px;
    }

    p
    {
        font-size: 0.74em;
        margin: 20px 0 0 0;
        line-height: 1.3em;
        text-align: justify;
    }

    a
    {
        text-decoration: none;
        color: Blue;
    }

    a:hover
    {
            text-decoration: underline;
    }

    .profesor
    {
        font-size: 0.74em;
        line-height: 1.3em;
        text-align: justify;
    }

    .gris
    {
        color: #8A8A8A;
    }

    .lineasup
    {
        border-bottom: 3px solid #FDBA1E;
        margin: 10px 0 0 0;
        width: 180px;
        height: 1px;
    }

    .linea
    {
        border: 1px solid #FDBA1E;
        margin: 0 0 20px 0;
    }

    ul
    {
        list-style: none;
        font-size: 0.74em;
        text-align: justify;
        margin: 0px 0px 10px 0;
    }

        ul li
        {
            margin: 0px 0px 7px 10px;
        }

    .pie
    {
        border: 5px solid #FDBA1E;
        margin: 20px 0 10px 0;
        clear: both;
    }

    .textopie
    {
        font-size: 0.7em;
    }

    .bloque
    {
        border: 1px solid #D3D3D3;
        padding: 10px 5px 4px 4px;
        background: #F8FAFF;
    }

    .bloqueIzq
    {
        float: left;
    }

    .bloqueDerch
    {
        float: right;
    }

    .bloqueTotal
    {
        width: 99%;
    }

    .bloqueGrand
    {
        width: 100%;
    }

    .bloquePeque
    {
        display:none; visibility:hidden;
    }
}