.w20
     {
         width:20%;
         float:left;
         font-family:roboto;
     }

     .w40
     {
         width:40%;
         float:left;
         font-family:roboto;
     }

     .w60
     {
         width:60%;
         float:left;
         font-family:roboto;
     }

     .w80
     {
         width:80%;
         float:left;
         font-family:roboto;
     }

     .w100
     {
         width:100%;
         float:left;
         font-family:roboto;
     }

    .logo
    {
         width:121px;
         float:left;
         background-image: url(../images/vpol-med.png);
         background-repeat:no-repeat;
         height:121px;
         background-size: 100% auto;
    }

    .titulo
    {
        width:80%;
        float: left;
        text-align:left; 
        padding-top:60px;
    }     



        .tablaTitulo
        {
                font-family: roboto;         
                border-bottom: 1px solid #E8E8E8;
        }


        .tablaValor
        {
                font-family: roboto;         
                border-bottom: 1px solid #E8E8E8;
                font-size:13px;
        }


        .tablaPie
        {
                font-family: roboto;         
                border-bottom: 1px solid #E8E8E8;
                border-top: 1px solid #E8E8E8;
                font-size:13px;
        }


      .elementoItem
      {
         width:100%;
         float:left;
      }

      .primero
        {
            padding: 10px 0px 10px 0px;
            border-bottom: 1px solid silver;
            border-top: 1px solid silver;
            border-top-color: #E8E8E8;
            border-bottom-color: #E8E8E8;
        }  

      .segundo 
      {
          font-family: roboto;         
          padding: 4px 0px 4px 0px;
          border-bottom: 1px solid #E8E8E8;
      }  


      .elementoItem .elementoTitulo
      {
         width:40%;
         float:left;
      }

      .elementoItem .elementoValor
      {
         width:55%;
         float:left;
         padding-left:5px;
         color:Gray;
      }
      
      .elementoItem .fecha1
      {
        float:left;
        width:28%;
        margin-right:5px;    
        padding-left:5px;
        font-family: roboto;
        color: Gray;
      }
      

      .elementoItem .estatus1
      {
        float:left;
        width:58%;
        margin-right:5px;    
        padding-left:5px;
        font-family: roboto;
        font-size:14px;
        color: #712321;
      }

      .elementoItem .fecha
      {
          margin-left: 10px;
          font-size:10px;
          font-weight: normal;
      }
      
      .elementoItem .valor
      {
          font-size:12px;
          font-weight: bold;
      }



      .elementoItem .tituloReferencia   
      {
         font-size:10px;
         color:red;     
         margin:0px;
      }

      .elementoItem .elementoReferencia  
      {
         font-size:10px;
         color:red;     
         font-weight:bold;
         text-decoration: line-through;
         margin:0px;
      }






      @media (max-width:600px)
      {




       }