/* -------------------------
            Curriculum
   ------------------------- */

.fotoCV
{
   margin: 0 10px 20px 0;
   float:left;
   position:relative;
}

.nombreCV, .profesionCV
{
   /*display:inline-block;*/
}

div.seccion
{
    clear:both;
    margin:0 0 20px 0;
}

    h2.titseccion
    {
        width: 100%;
        border-bottom: dotted 1px #4688F7;
        margin-bottom: 5px;
        cursor: pointer;
    }

    h2.titseccion:hover
    {
        border-bottom: solid 1px #4688F7;
    }

    .imgCollapsiblePanel
    {
        float: left;
        position:relative;
        top: 5px;
        left: 2px;
        margin-right: 5px;
    }

div.tel, div.cel, div.email, div.nac, div.edocivil
{
    display:inline;
    margin-right: 20px;
    white-space:nowrap;
}

div.domicilio
{
    display:block;
    white-space:nowrap;
    margin-right: 20px;
}

div.edad
{
    display:inline;
    white-space:nowrap;
    margin-right: 20px;
}

.lista
{
    list-style: url(img/list_img.png);
}

.lista li
{
    padding: 3px 0;
}

div.seccion img
{
    float:left;
}

.trabajo, .estudio
{
    margin-left: 90px;
    margin-bottom: 20px;
}
.subseccion
{
    font-size: 14px;
    font-weight: bold;
}
.fecha
{
    font-size: 12px;
    font-style: italic;
}
.trabajo .empresa
{
    float: left;
    margin-right: 8px;
    position:relative;
}
.lugar
{
}
.graficos
{
    width: 100%;
    border-collapse: collapse;
    font-weight: bold;
    margin: 10px auto;
    table-layout:fixed;
    position:relative; /* Este position necesario para IE7, para que los textos de titgrafico no se pierdan */
}

.colGraficos1 /* Class for col element since IE6 do not understand the child selector of the following rule -This class do not work on Firefox */
{
    padding-right:20px;
}

.graficos > tbody > tr > td:first-child
{
    padding-right:20px;
}

.titgrafico
{
    white-space:nowrap;
}

.titgrafico img
{
    margin-right: 5px;
}

.titgrafico span.porcentaje
{
    float:right;
}

.imgPercent
{
    border: 1px solid #CCC;
    height: 5px;
    margin-bottom: 5px;
    margin-top: 2px;
    overflow: hidden;
    background-color:#FFF;
    clear:both;
}

.imgPercent img
{
    display:block;
    height:5px;
}




/* -------------------------
            Utility classes
   ------------------------- */

.label
{
    font-weight: bold;
}