/* Actividades. Agenda */
/************************************  AGENDAS - CALENDARIO  *******************************************/

/*Calendario*/
#secCalendario{
  float:      left;
  width:      100%;
  background: #fff;
  margin:     0;
  z-index:    3;
  display:    none
}

  #divMesCalendario{
    position:     absolute;
    width:        330px;
    background:   #fff;
    margin:       0 auto;
    padding:      2px;
    display:      none;
    z-index:      9;
    left:         10px;
  }

  #divOutMes{
    float:  left;
    width:  100%
  }
  .divCal0{
    height:     305px;
    font-size:  1.3em;
    padding:    10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  #divMes{
    width:        330px;
    margin:       0 auto;
  }
    .tblCalMo{
      width:      100%;
      font-size:  1em;
      background: #fff;
    }
      .tblCalMo td{padding: 5px}
      .tblCalMo tr td:first-child {width:15px;  text-align:center}
      .tblCalMo tr td:first-child a{color:  #0099FF}
      .tblCalMo tr>td:nth-child(2){width:136px; text-align:center}
      .tblCalMo tr>td:nth-child(3){width:15px;  text-align:center}

    .tblCalAge{ /*los días en el cal en la agenda*/
      width:            100%;
      border-collapse:  separate;
      border-spacing:   1px;
      color:      #000;
      background: #fff;
      font-size:  1em;
    }
      .tblCalAge td{
        padding:    4px;
        width:      30px;
        text-align: center
      }      /*.tblCalAge tr td:first-child{}      .tblCalAge tr>td:nth-child(2){}*/
      .tblCalAge tr>td:nth-child(3){width:30px}
      .tblCalAge tr>td:nth-child(4){width:30px}
      .tblCalAge tr>td:nth-child(5){width:30px}
      .tblCalAge tr>td:nth-child(6){width:30px}
      .tblCalAge tr>td:nth-child(7){width:30px}

  a.btnCal{
    width:            100%;
    text-align:       center;
    text-decoration:  none;
    padding:          1px 3px 1px 3px;
    background:       none;
    color:            #202020
  }
  a.btnCal:hover{                                           /*#BD5454*/
    border: 1px solid #003399;
    color:  #0066FF
  }
  a.btnCal:active{background:red; color:silver}
  a.btnCal:visited{background:none; color:#0066cc}

  a.btnCalHoy{
    width:            100%;
    text-align:       center;
    text-decoration:  none;
    padding:          1px 3px 1px 3px;
    background:       #29B8CC;
    color:            #fff
  }
  a.btnCalHoy:hover{
    border:     1px solid #33CCFF;
    background: #FFFF99;
    color:      #33CCFF
  }
  a.btnCalHoy:active{
    background: red;
    color:      silver
  }
  a.btnCalHoy:visited{
    background: none;
    color:      #0066cc
  }

  a.btnCalActHoy{
    width:            100%;
    text-align:       center;
    text-decoration:  none;
    padding:          1px 3px 1px 3px;
    background:       #29B8CC;
    color:            #FFFFCC
  }
  a.btnCalActHoy:hover{
    border:     1px solid #003399;
    background: #FFFFCC;
    color:      #FF3333
  } /*background:#FFE196;*/
  a.btnCalActHoy:active{
    background: red;
    color:      silver
  }
  a.btnCalActHoy:visited{
    background: none;
    color:      #0066cc
  }

  a.btnCalAct{
    width:            100%;
    text-align:       center;
    text-decoration:  none;
    padding:          1px 3px 1px 3px;
    background:       none;
    color:            #FF3333
  }
  a.btnCalAct:hover{
    border:     1px solid red;
    background: #FFFFCC;
  } /*background:#FFE196;*/
  a.btnCalAct:active{
    background: red;
    color:      silver
  }
  a.btnCalAct:visited{
    background: none;
    color:      #0066cc
  }

  .divPend{
      float:left;
      width:100%;
      background:#fff;
      /* height:600px; */
      overflow:hidden;
      /* padding:0; */
      /* display:block */
      margin-top: 15px;
  }

  .fila{float:left;width:100%;max-width:900px;background:#fff;vertical-align:middle}/*;height:125px*/


.btnAge{text-align:center;text-decoration:none;color:#fff;padding:2px 5px 2px 5px}/*;font:1.1em "verdana"*/
  .btnAge:hover{background:red;color:#fff}
  /* .btnAge:active{background:black;color:silver} */
  /* .btnAge:visited{background:#fff;color:#06c} */

/* .btnHoy{text-align:center;padding:5px 9px 5px 9px;background:#fff;color:red;font:1.1em "verdana"}.btnHoy:hover{background:red;color:#fff}.btnHoy:active{background:black;color:silver}.btnHoy:visited{background:#fff;color:red} */

/* .btnDom{text-align:center;text-decoration:none;padding:5px 9px 5px 9px;background:#fff;color:silver;font:1.1em "verdana"} */
/* .btnDom:hover{background:red;color:#fff}.btnDom:active{background:black;color:silver}.btnDom:visited{background:#fff;color:silver} */


/***********  AGENDA  ********/
.divCampoNomCal{
 float:       left;
 margin-left: 20px;
 padding-top: 5px
}

#divAgenda{
  float:          left;
  background:     none;
  padding:        0;
  display:        none;
  width:          100%;
  z-index:        2;
}

#divCalAgenda{
  width:      100%;
  float:      left;
  /* background: #545454; */
  text-align: center;
}
#divCalAge{
  margin:     0 auto;
  width:      100%;
  background: #545454;
  overflow:   auto
}/*height:300px;;border:1px dashed silver*/
  #divCal50{float:left;width: 100%;display:block}
  #divCalDer{float:left;width: 100%;padding:2px;overflow:auto}

  #divDia{
    float:          left;
    width:          100%;
    color:          #fff;
    /* background:     #545454; */
    vertical-align: top
  }
    .divDia2{
      float:        left;
      /* margin-left:  10px; */
      width:        200px;
      /* border:       1px solid lime */
    }
    .divDia3{
      float:        left;
      margin-left:  10px;
      margin-top:   10px;
      width:        189px;
      /* border:       1px solid silver */
    }
    .divDia3 input{
      font-style:   italic;
      font-size:    0.8em;
      border:       0;
      padding:      0;
      width:        100%;
      color:        #fff;
      background:   none;
    }

  #diaCajaDia{
    padding:      2px;
    margin-left:  0px;
    width:        25px;
    font-size:    18px;
    border:       0;
    background:   none
  }
  
  #cajaDia{
    padding:      2px;
    margin-left:  5px;
    width:        150px;
    font-size:    24px;
    color:        #fff;
    border:       0;
    text-align:   center;
    background:   none
  }


  #cajaHora{padding:5px;margin-left:20px;width:55px;font-size:30px;color:#fff;border:0;text-align:right;background:none}
  #cajaMinu{padding:5px;width:55px;font-size:30px;color:#fff;border:0;text-align:left;background:none}

#divAgeHoras{opacity:1}

  #tblAgenda{background:#fff;border-collapse:collapse;border-spacing:0;font-size:1em}
    #tblAgenda tr:nth-child(odd){
        background: #F8F8F8;
        color:      #000
    }
    #tblAgenda td{padding:1px}
    #tblAgenda tr td:nth-child(1){width:28px;padding:4px}
      #tblAgenda tr td:nth-child(1) input{width:100%;padding:2px;border:0;font-size:1.1em;background:none}
    #tblAgenda tr>td:nth-child(2){width:90px}
      #tblAgenda tr>td:nth-child(2) input{width:100%;padding:4px;border:0;background:none;font-size:0.8em;}
    #tblAgenda tr>td:nth-child(3){width:auto}
      #tblAgenda tr>td:nth-child(3) textarea{width:100%;height:28px;padding:4px;font-size:1.2em;background:none;border:1px solid #E0E0E0}
    #tblAgenda tr>td:nth-child(4){width:25px;padding:0 3px 0 0}
      #tblAgenda tr>td:nth-child(4) input{width:100%;border:0;font-size:1.1em;background:none;cursor:pointer;color:#3399FF}


  .divTblDur{
    float:      left;
    width:      100%;
    background: #545454;
    color:      #fff;
    padding:    0
  }

  .tblAge2{
    border-collapse:  separate;
    border-spacing:   2px 10px;
    background:       #505050;
    color:            #fff;
    font-size: 0.95em;
  }
    .tblAge2 td{
      padding:    2px;
      color:      #fff;
      text-align: right;
      border:     0.5px solid #606060
    }

    .tblAge2 tr td:nth-child(1){width: 17%}
    .tblAge2 tr td:nth-child(2){width: 21%} .tblAge2 tr td:nth-child(2) a:hover{background:#66FF00}
    .tblAge2 tr td:nth-child(3){width: 25%}
    .tblAge2 tr td:nth-child(4){width: auto}
    .tblAge2 tr td:nth-child(5){width: 21px}


  .tblAge3{
    border-collapse:  collapse;
    border-spacing:   0;
    background:       none;
    color:            #D0D0D0;
    font-size:        0.6em
  }
    .tblAge3 td{padding:0}
    .tblAge3 tr td:nth-child(1) {padding:1px 3px 1px 6px;width:auto;text-align:left}
    .tblAge3 tr td:nth-child(2) {padding:1px;width:25px;text-align:left}
      .tblAge3 tr td:nth-child(2) a:hover{background:red}


  a.btnDwn{display:block;padding:5px;border:0;width:90%;text-align:center;color:yellow;text-decoration:none;background:none;margin:3px auto}
  a.btnDwn:visited{background:#f6f6f6;text-decoration:none}
  a.btnDwn:hover{background:#FFE196;color:blue;text-decoration:underline}
  a.btnDwn:active{background:#FFE196;color:blue;text-decoration:underline}


/* más de  AGENDAS - CALENDARIO */
#divPendMob{
  width:       100%;
  font-size:   1em;
  text-decoration: none;
  font-family: "Helvetica Neue","sans serif","verdana"
}

  #divActPH{
    margin:     0 auto;
    width:      100%;
    overflow:   hidden;
    padding:    0 0 20px 0;
    background: #fff;
  }

  #divActPHListaPie{
    margin:     0 auto;
    /* margin-bottom:  20px; */
    width:      100%;
    /* height:     100%; */
    overflow:   hidden;
    padding:    5px 0 20px 0;
    background: #000;
    font-size:  1em
  }

    #divActPHListaPie > table{
      width:            100%;
      border-collapse:  separate;
      border-spacing:   2px;
      background:       none;
      color:            #D0D0D0;
      font-size:        0.7em
    }
      #divActPHListaPie > table td{padding:1px}
      #divActPHListaPie > table tr td:nth-child(1) {padding:1px 3px 1px 6px;width:auto;text-align:left}
      #divActPHListaPie > table tr td:nth-child(2) {padding:1px;width:25px;text-align:center}
      #divActPHListaPie > table tr td:nth-child(2) a:hover{background:red}


  #tblAct1{background:#000;color:#fff}
    #tblAct1 td{padding:0}
    #tblAct1 tr>td:nth-child(1){width:auto}
    #tblAct1 tr>td:nth-child(2){width:25px;text-align:right}
    #tblAct1 tr>td:nth-child(2) a{text-decoration:none;color:#fff}


  /*menu filtro de actividades*/
  .tblAge4{
    border-collapse:separate;
    border-spacing: 5px 10px;
    background:     #505050;
    color:          #fff;
  }
    .tblAge4 td{
      padding:  2px;
      color:    #fff;
      border:   0.5px solid #606060
    }
      .tblAge4 td a{
        padding:  0px 5px 0px 5px;
        text-decoration:  none;
        color:            #ff3;
        font:             1em "sans serif","verdana";
        text-align:       center;
        background:       none
      }

    .tblAge4 tr td:nth-child(1){width: 18%}
    .tblAge4 tr td:nth-child(2){width: 24%}
    .tblAge4 tr td:nth-child(3){width: 22%}
    .tblAge4 tr td:nth-child(4){width: auto}
    .tblAge4 tr td:nth-child(5){width: 17px}




/*ojo!*/
  .tblP{
    border-collapse:  separate;
    border-spacing:   0 0;
    font:             1em "Helvetica Neue","sans serif","verdana"
  }
    /*.tblP tr:nth-child(1){
      text-align: center;
      background: #505050
    }*/
   .tblP tr:hover{
      background: #FFFF66
    }
    .tblP td{
      padding:    8px 4px 6px 4px;
      border-top: 1px solid silver
    }
    .tblP tr>td:first-child{
      width:      30px;
      text-align: center
    }
    .tblP tr>td:nth-child(2){
      width:      auto;
      text-align: left;
      height:     auto;
    }
    .tblP tr>td:nth-child(3){
      width:      15px;
      text-align: center;
      color:      #FF6600
    }
    .tblP tr>td:nth-child(3) a{
      text-decoration:  none;
      color:            #FF6600
    }

.actFija{color:#006600}

.divRow{float:left;width:100%;background:none;margin-top:15px;padding-bottom:5px;border:1px solid #CFCFCF}

.calPQ{float:right;color:#FF6600;font-size:1.3em;margin-right:5px;padding:5px 0 0 0;width:100%}


.ulAgenda{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
}
  .ulAgenda li{
    float: left;
    /* height:100%; */
    width:22%;
    margin-left:10px;
  }
  .ulAgenda li a{
    display: block;
    color: #404040;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
    border:1px solid #DFDFDF;
    height:60px;
    font:1.2em "verdana";
  }

  .ulAgenda li a:hover{
    background-color:#303030;
    color:#FFFFCC;
  }



/*actividades pendientes*/
.menuUlP{
    float:            left;
    list-style-type:  none;
    margin:           0;
    padding:          0;
    overflow:         hidden;
    background:       none;
    width:            100%;
    height:           35px;
  }
  .menuLiP{
    float:        left;
    width:        auto;
    margin-left:  10px;
  }
  .menuLiP a{
    color:            white;
    text-align:       center;
    padding:          4px 5px 0 5px;
    text-decoration:  none;
    border:           0;
    height:           30px;
    font-size:        1em
  }
  .menuLiP a:hover{ background-color: red}
  .menuLiP a:active{background-color: #4CAF50}

  .menuLiLeftP{
    text-align:   center;
    width:        25px;;
    margin-left:  0
  }
  .menuLiRightP{
    position:absolute;
    right:2px;
    top:3px;
    text-align: center;
    height:25px;
    width:auto;
    margin-left:10px;
    border:0
  }
  .menuLiMsgP{
    float: left;
    height:25px;
    width:100px;
    margin-left:10px;
    padding-top:7px
  }