html,body,div,section,span,iframe,h1,h2,h3,h5,h6,p,blockquote,pre,a,em,img,q,b,u,i,center,ol,ul,li,fieldset,form,label,legend,tbody,tfoot,thead,tr,th,td,footer,header,time,audio,video{margin:0;border:0;padding:0}html{width:100%;height:100%}

body{width:100%;height:100%;font:16px "Helvetica Neue","sans serif","verdana"}textarea,iframe,input,fieldset,sel,ul,li,table{box-sizing:border-box}div,section,nav{box-sizing:border-box;font:1em "Helvetica Neue","sans serif","verdana"}.fLeft{float:left}.wMax{width:100%}.none{display:none}

.wMax{width:   100%}
.fRight{float: right}
.fLeft{float:  left}


.a{
  text-decoration:  none;
  color:            #0099CC;
  font:             0.8em"sans serif","verdana";
  border:           1px solid #eaeaea;
  padding:          3px;
  background:       none;
}
  .a:hover{
    color:          #fff;
    background:     red;
  }

#divOutMap{
  position: relative;
  width:    100%;
  float:    left;
  height:   98%;
  padding:  20px;
  z-index:  2;
  background: #Fff;
  border:   1px dashed silver
}


#divMasDatos{
  position:   absolute;
  left:       420px;
  top:        50px;
  padding:    10px;
  background: #fff;
  z-index:    99;
  display:    none;
  border:     1px solid silver;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width: 253px;
}
  .tblMasDatos{
    display:          block;
    width:            230px;
    padding:          1px;
    /* border-collapse:  collapse; */
    border-spacing:   1px 5px;
    font-size:        1em;
    background:       #fff;
    box-sizing:       border-box
  }
    .tblMasDatos tr{
      border:     1px solid #D0D0D0;
      background: #fff
    }
      .tblMasDatos  tr:hover{
        background: #FFFF99
      }

    .tblMasDatos td{
      /* border-bottom:1px solid #D0D0D0; */
      padding:      5px;
      font-size:    1em;
      font-weight:  normal;
      color:        #303030
    }
      .tblMasDatos td a{
        text-decoration:  none;
        color:            #0066CC;
      }
      /*#tblDatosGral th:hover{
        background: #00CCFF;
        color:      #fff
      }*/

    .tblMasDatos tr> td:nth-child(1){width: 230px}

/** divs con una clase común a todas las tablas parciales*/
.divTblDatos{
  position:   absolute;
  left:       420px;
  top:        180px;
  padding:    10px;
  background: #fff;
  z-index:    99;
  display:    none;
  border:     1px solid silver;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}





#dInfoWin{
  box-sizing:   border-box;
  position:     absolute;
  left:         20px;
  top:          50px;
  background:   #fff;
  /* border:       1px solid silver; */
  padding:      10px;
  z-index:      9;
  display:      none;
  width:        580px;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}
    #hdrInfoWin{
      font-size:  1.3em;
      color:      #669900;
      /* background: #fff; */
      cursor:     default;
      float:      left;
      width:      510px;
      color:      #fff;
    }
     /*#hdrInfoWin:hover{
        cursor:     move;
        background: #000
      }*/

    .iw-title{
    	font-family:       'Open Sans Condensed', sans-serif;
    	font-size:         1.1em;
    	font-weight:       400;
    	vertical-align:    middle;
    	padding-top:       4px;
    	padding-left:      4px;
    	background-color:  #99CC66;
    	color:             white;
    	text-align:        left;
    	float:             left;
    	width: 100%;
    	height:            30px;
    }

    #dInfoWin .iw-content{
      	padding:       1px;
      	overflow-y:    auto;
      	overflow-x:    hidden;
      	font-size:     inherit;
      	float:         left;
    }


#inNum{
  width:      20px;
  font-size:  1.1em;
  color:      #FF3300;
  border:     0;
}
#inQuien{
  width:      150px;
  font-size:  1.1em;
  color:      #FF3300;
  border:     0;
}

#tblDatosGral{     /* width:            500px; */
    padding:          1px;
    border-collapse:  collapse;
    border-spacing:   1px 5px;
    font-size:        1em;
    background:       #fff; /*#E4FFE6*/
    border:           1px dashed blue
}
    #tblDatosGral tbody tr{
      border:     1px solid #D0D0D0;
      background: #fff
    }
      #tblDatosGral tbody tr:hover{
        background: #FFFF99
      }

    #tblDatosGral thead th{
      border:       1px solid #D0D0D0;
      padding:      2px;
      font-size:    0.9em;
      font-weight:  normal;
      background:   #Ededed;
      color:        #303030
    }
      /*#tblDatosGral th:hover{
        background: #00CCFF;
        color:      #fff
      }*/

    #tblDatosGral thead tr> th:nth-child(1){width: 80px}
    #tblDatosGral thead tr> th:nth-child(2){width: 30px}
    #tblDatosGral thead tr> th:nth-child(3){width: 180px}
    #tblDatosGral thead tr> th:nth-child(4){width: 150px}
    #tblDatosGral thead tr> th:nth-child(5){width: 30px}
    #tblDatosGral thead tr> th:nth-child(6){width: 70px; background: #66CCFF; color:#fff; cursor:pointer; text-align:center}

    #tblDatosGral td{
      border:     1px solid #D0D0D0;
      padding:    3px 1px 2px 1px;
      font-size:  1em;
      background: #fff;
      overflow-x: hidden;
      border:     1px solid gray
    }

    #tblDatosGral tFoot td{
      background:   #FFFFCC;
      padding:      5px
    }


#tblGeneticos{
    width:            100%;
    padding:          1px;
    border-collapse:  collapse;
    border-spacing:   1px 5px;
    font-size:        1em;
    background:       #E4FFE6; /*#E4FFE6*/
}
    #tblGeneticos tbody tr{
      border:     1px solid #D0D0D0;
      background: #fff
    }
      #tblGeneticos tbody tr:hover{
        background: #FFFF99
      }

    #tblGeneticos thead th{
      border:       1px solid #D0D0D0;
      padding:      6px;
      font-weight:  normal;
      background:   #Ededed;
      color:        #303030
    }
      /*#tblGeneticos th:hover{
        background: #00CCFF;
        color:      #fff
      }*/

    #tblGeneticos thead tr> th:nth-child(1){width: 4%}
    #tblGeneticos thead tr> th:nth-child(2){width: 4%}
    #tblGeneticos thead tr> th:nth-child(3){width: 4%}
    #tblGeneticos thead tr> th:nth-child(4){width: 4%}
    #tblGeneticos thead tr> th:nth-child(5){width: 4%}

    #tblGeneticos td{
      border:     1px solid #D0D0D0;
      padding:    3px 1px 2px 1px;
      font-size:  1em;
      background: #fff;
      overflow-x:hidden
    }

    #tblGeneticos tFoot td{
      background:   #FFFFCC;
      padding:      5px
    }



#tblDatosSActual{
    width:            440px;
    padding:          1px;
    border-collapse:  collapse;
    border-spacing:   1px 5px;
    font-size:        1em;
    background:       #fff; /*#E4FFE6*/
}
    #tblDatosSActual tbody tr{
      border:     1px solid #D0D0D0;
      background: #fff
    }
      #tblDatosSActual tbody tr:hover{
        background: #FFFF99
      }

    #tblDatosSActual thead th{
      border:       1px solid #D0D0D0;
      padding:      3px;
      font-size:    1em;
      font-weight:  normal;
      background:   #Ededed;
      color:        #303030
    }
      /*#tblGeneticos th:hover{
        background: #00CCFF;
        color:      #fff
      }*/

    #tblDatosSActual thead tr> th:nth-child(1){width: 80px}
    #tblDatosSActual thead tr> th:nth-child(2){width: 25px}
    #tblDatosSActual thead tr> th:nth-child(3){width: 85px}
    #tblDatosSActual thead tr> th:nth-child(4){width: 50px}
    #tblDatosSActual thead tr> th:nth-child(5){width: 85px}
    #tblDatosSActual thead tr> th:nth-child(6){width: 85px}

    #tblDatosSActual td{
      border:     1px solid #D0D0D0;
      padding:    3px 1px 2px 1px;
      font-size:  1em;
      background: #fff;
      overflow-x:hidden
    }
    #tblDatosSActual tFoot td{
      background:   #FFFFCC;
      padding:      5px
    }



#tblDatosAccionesH{
    width:            440px;
    padding:          1px;
    border-collapse:  collapse;
    border-spacing:   1px 5px;
    font-size:        1em;
    background:       #fff; /*#E4FFE6*/
}
    #tblDatosAccionesH tbody tr{
      border:     1px solid #D0D0D0;
      background: #fff
    }
      #tblDatosAccionesH tbody tr:hover{
        background: #FFFF99
      }

    #tblDatosAccionesH thead th{
      border:       1px solid #D0D0D0;
      padding:      2px;
      /* font-size:    1em; */
      font-weight:  normal;
      background:   #Ededed;
      color:        #303030
    }
    #tblDatosAccionesH thead tr> th:nth-child(1){width: 85px}
    #tblDatosAccionesH thead tr> th:nth-child(2){width: 200px}
    #tblDatosAccionesH thead tr> th:nth-child(3){width: auto}

    #tblDatosAccionesH td{
      border:     1px solid #D0D0D0;
      padding:    3px 1px 2px 1px;
      /* font-size:  1em; */
      background: #fff;
      overflow-x:hidden
    }
    #tblDatosAccionesH tFoot td{
      background:   #FFFFCC;
      padding:      5px
    }



#tblDatosAccionesT{
  width:            440px;
  padding:          1px;
  border-collapse:  collapse;
  border-spacing:   1px 5px;
  font-size:        1em;
  background:       #fff;
}
    #tblDatosAccionesT tbody tr{
      border:     1px solid #D0D0D0;
      background: #fff
    }
      #tblDatosAccionesT tbody tr:hover{
        background: #FFFF99
      }

    #tblDatosAccionesT thead th{
      border:       1px solid #D0D0D0;
      padding:      2px;
      font-size:    1em;
      font-weight:  normal;
      background:   #ededed;
      color:        #303030
    }
    #tblDatosAccionesT thead tr> th:nth-child(1){width: 85px}
    #tblDatosAccionesT thead tr> th:nth-child(2){width: 200px}
    #tblDatosAccionesT thead tr> th:nth-child(3){width: auto}

    #tblDatosAccionesT td{
      border:     1px solid #D0D0D0;
      padding:    3px 1px 2px 1px;
      font-size:  1em;
      background: #fff;
      overflow-x:hidden
    }
    #tblDatosAccionesT tFoot td{
      background:   #FFFFCC;
      padding:      5px
    }


#tblDatosAccionesN{
    width:            440px;
    padding:          1px;
    border-collapse:  collapse;
    border-spacing:   1px 5px;
    font-size:        1em;
    background:       #fff; /*#E4FFE6*/
}
    #tblDatosAccionesN tbody tr{
      border:     1px solid #D0D0D0;
      background: #fff
    }
      #tblDatosAccionesN tbody tr:hover{
        background: #FFFF99
      }

    #tblDatosAccionesN thead th{
      border:       1px solid #D0D0D0;
      padding:      2px;
      /* font-size:    1em; */
      font-weight:  normal;
      background:   #Ededed;
      color:        #303030
    }
      /*#tblGeneticos th:hover{
        background: #00CCFF;
        color:      #fff
      }*/

    #tblDatosAccionesN thead tr> th:nth-child(1){width: 85px}
    #tblDatosAccionesN thead tr> th:nth-child(2){width: 200px}
    #tblDatosAccionesN thead tr> th:nth-child(3){width: auto}

    #tblDatosAccionesN td{
      border:     1px solid #D0D0D0;
      padding:    3px 1px 2px 1px;
      font-size:  1em;
      background: #fff;
      overflow-x:hidden
    }
    #tblDatosAccionesN tFoot td{
      background:   #FFFFCC;
      padding:      5px
    }



#map{height:100%;width:100%; border: 1px solid lime}





.latmoved{
  width:      80px;
  float:      left;
  padding:    2px;
  margin:     10px 5px 5px 5px;
  background: #e9e9e9;
  font-size:  0.7em
}
/* #lngmoved{width:135px;float:left;padding:2px;margin:10px 5px 5px 5px;background:#e9e9e9;font-size:.7em} */

.divMarcar{float:left;margin:5px}
.divMarcar button{padding:4px 7px 4px 7px;background:#0f9;border:0;cursor:pointer}

.fRight{
  float:right
}
.fLeft{
  float:left
}
.X{
  text-decoration:  none;
  color:            #fff;
  padding-bottom:   3px;
  font-size:        20px;
  font-family:      'verdana',"Microsoft Sans Serif";
}
  .X:hover{color:red}

.aX{
  padding:          0px 0px 0px 0px;
  font-family:      "Microsoft JhengHei UI light", "Helvetica Neue","sans serif","verdana";
  font-size:        15px;
  text-decoration:  none;
  color:            #fff
}
  .aX:hover{background: #FF4500; color:#fff}

.xx{
  text-decoration:  none;
  color:            red;
  font-size:        20px;
  font-family:      'verdana';
  padding:          0px;
  margin-right:     4px;
}
  .xx:hover{
    background: #FF3300;
    color:      #fff
  }


.divEmail{
  float:right;
  margin:5px
}

.divEmail button{padding:4px 7px 4px 7px;background:#0cf;border:0;cursor:pointer}
.divBorrar{float:right;margin:5px}

.borrar{
  padding:    4px;
  /* background: #f90; */
  border:     0;
  cursor:     pointer;
  color:      red
}

.borrarTodo{
  padding:    4px;   /* background: #f33; */
  border:     0;
  cursor:     pointer;
  color:      red;
  font-size:  0.7em
}

.div2{
  width:        100%;
  /* height: 50px; */
  color:        #fff;
  font-size: 20px;
  padding: 5px 2px 10px 2px;
  background:   #505050;
  padding-top: 5px;
}

.divSup{
  width:      100%;
  float:      left;
  padding:    3px;
  background: #000;
  color:      #fff
}
  #divMouse{
      float:        left;
      padding-top:  7px;
      margin-right: 10px;
      display:      none
  }
  .divMouse{
    float:        left;
    padding-top:  7px;
    margin-right: 10px;
  }

  /*.divSup>div{
    border: 1px solid lime
  }*/
  #latMouse, #lngMouse, #latMoved, #lngMoved{
    color:  #000
  }

#divMsg{
  position:   absolute;
  top:        5px;
  left:       140px;
  background: #f3f089;
  padding:    5px;
  maÿin 띡翴: 5px;
  width:      230px;
  display:    none;
  font-size:  0.8em;
  color:      #303030;
}
  #divMsg2{
    margin-left:  10px;
    color:      red;
  }

#latclicked{width:135px;margin-left:1px;float:left;font-size:.7em;background:#fff;display:none}
#longclicked{width:135px;margin-left:9px;float:left;font-size:.7em;background:#fff;display:none}

#divLL{
  position:   absolute;
  left:       20px;
  top:        60px;
  padding:    5px;
  width:      250px;
  float:      left;
  font-size:  1em;
  display:    none;
  z-index:    2;
  background: #ffc;
  border:     1px solid silver
}


.divLLH{
  position:absolute;
  cursor:     move;
  padding:    3px;
  text-align: left;
  font-size:  12px;
}

#tblLL{
  margin-top:     3px;             /* width:          290px; */
  table-layout:   fixed;
  background:     #fff;
  color:          #000;
  border-collapse:collapse;
  border-spacing: 0;
  font:           0.7em "Helvetica Neue","sans serif","verdana"
}
  #tblLL tr:hover{
    background-color:#ff9
  }
  #tblLL tr td{
    padding:    3px;
    text-align: left;
    border:     1px solid #eaeaea;
    overflow:   hidden;
    /* font-size:  0.6em */
  }
  #tblLL tr>td:nth-child(1){
    cursor:         text;
    width:          100px;
    overflow:       hidden;
    text-overflow:  clip
  }
  #tblLL tr>td:nth-child(2){
    cursor:         text;
    width:          100px;
    overflow:       hidden;
    text-overflow:  clip
  }
  #tblLL tr>td:nth-child(3){
    width:      48px;
    font-style: italic;
    color:      red;
    text-align: center
  }

  #tblLL tfoot{
    font-size:  15px
  }

/*para N° y nombre del pot, N° de parc*/
#divDatos{
  box-sizing: border-box;
  display:    none;
  background: #FFFFCC;
  width:      240px;
  height:     65px;
  border:     0.6px solid silver;
  margin-top: 10px;
  font-size:  0.9em
}
  #divDatos>div{
    float:    left;
    width:    100%;
    padding:  5px;
    background: #eaeaea
  }

  #potNum{width:45px}
  #potNom{width:170px; margin-left:3px}
  #parNum{width:53px; margin-left:3px}


.butAyuda{
  width:        80px;
  margin-right: 10px;
  padding:      5px;
  float:        right;
  background:   none;
  display:      block;
}
  .butAyuda button{
    background: none;
    border:     none;
    color:      yellow;
    font: 0.7em verdana;
    cursor:     pointer
  }

#divAyuda{
  display:      none;
  width:        100%;
  text-align:   left;
  float:        right;
  background:   0;
  padding:      3px 3px 3px 10px;
}

.ayuda{
  color:yellow;
  font-size:22px
}
.divCoor{
  width:100%;
  float:left;
  padding:5px 5px 5px 1px;
  background:#eceaea
}

@media only screen and (min-width:600px){
  #divAyuda{display:block}
}

@media only screen and (max-width:599px){
  #divAyuda{display:none}#butAyuda{display:block}
}

.patroOut{float:left;width:100%;background:#fff;padding:0}
.patro{
  float:        left;
  width:        220px;
  margin:       0 auto;
  text-align:   left;
  padding-left: 10px padding-right:30px
}

.patroLogo{
    width:      130px;
    float:      left;
    padding:    10px 10px 10px 10px;
    text-align: left
}
.patroText{padding:10px 10px 10px 10px;float:left}
#secLogin{position:absolute;left:0;top:0;width:100%;background:#fff;z-index:9;display:none;padding:0 0 10px 0}
#divLoginOut{
  margin:     0 auto;
  width: 400px;
  background: 0
}

.divLogin{
  width:100%;background-color:#fff;opacity:1;padding-bottom:5px;text-align:center;font:1.8em verdana,sans serif;color:#0268ca}
  #divLoginTxt{
    margin:     0 auto;
    width:      100%;
    max-width:  100%;
    overflow:   auto;
    padding:    10px;
    font-size:. 8em;
    background: #efefef
  }
  .divLbl{
    float:      left;
    width: 120px;
    padding:    5px;
    text-align: right;
    font-size:. 9em;
    margin-top: 7px
}
  .divLblC{
    float:      left;
    width:      130px;
    padding:    2px 2px 2px 0;
    text-align: right;
    font-size:  1em
  }

  /*#divConFirma div  {padding: 2px; margin:0}/*; border:1px dashed black*/
  #divConFirma input{width: 130px; border:0; background: none; font-size: 1.1em}
  .divInputC{
    float:          left;
    width:          100%;
    max-width:      180px;
    padding:        2px 0 2px 15px;
    text-align:     left;
    border:         0;
    font-size:      1em;
  }
  .divCancelar{
    float:          left;
    max-width:      100px;
    padding:        2px 0 2px 15px;
    text-align:     left;
    border:         0;
    font-size:      1em;
  }

.divRecuerdame{
  float:left;width:190px;padding:12px 5px 0 5px;text-align:left;margin-bottom:5px
}
.divInput{float:left;width:100%;max-width:260px;padding:2px;text-align:right;margin-bottom:5px}
.divInput input{width:100%;padding:3px;font-size:1em}
.selComboRegistro{
  font-size:      1em;
  padding:        3px;
  width:          100%;
  background:     #fff;
  text-indent:    .01px;
  text-overflow:  ''
}

.selComboRegistro option:first-child{
  display:  none
}

.divCpy{
  float:      left;
  width:      100%;
  text-align: right;
  padding:    3px
}