@charset "UTF-8";
q:before{content:''}
q:after{content:''}
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:      97.5%;
  height:     100%;
  box-sizing: border-box;
}
section,nav,div,textarea,iframe,input,fieldset,sel,ul,li,table,header{box-sizing:border-box}

/*** dentro de main está toda la app. Ahora vamos a poner una aside para que flote al costado  ***/
#main{
  float:      left;
  position:   relative;
  box-sizing: border-box;
  max-width:  460px;
  background: #fff
}

/* pass_site.css */
body{
  width:            100%;
  height:           100%;
  background:       #fff;
  text-align:       center;
  font-size:        1em;
  font-family:      "Helvetica Neue","sans serif","verdana";
  box-sizing:       border-box;
  margin:           0;
  padding:          0;
}
.container{
  /* display:    grid; */
  border:     1px dashed #EFEFEF;
}
div{
  width:            100%;
  /* border:           1px solid gray; */
  font-size:        1em;                         /* font-family:      "Helvetica Neue","sans serif","verdana"; */
  box-sizing:       border-box;
  margin:           0;
  padding:          0;                          /* overflow:     hidden; */
}
button{
    /* width:    80px; */
    background:       #fff;
    padding: 7px 7px;
    color:            #0066ff;
    text-decoration:  none;
    font-size:        0.9em;
    border-radius:    3px;
    border:           1px solid silver;
    cursor:           pointer;
}
    button:hover{
      color:            #fff;
      text-decoration:  none;
      background:       red;
      border:           1px solid red;
    }
    
/*****************************************************************************/
/*Login de usuarios*/
.none{display: none}
.left{text-align: left}
.wMax{width:   100%}
.fLeft{float:  left}
.fRight{float: right}
.h5{
  color:        #eaeaea;
  font-weight:  normal;
  font-size:    1.1em
}
.h6{
  color: #000;
  font-weight:  normal;
  font-size:    1em;
  margin-top: 10px;
}


.dCondiciones{
  float: left;
  width: 100%;
  /* color:  #fff; */
  background: #505050;
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 20px;
  /* display:      none; */
  text-align: left;
}

#divPriv{
  float:          left;
  /* margin:         0 auto; */
  padding:        10px;
  font:           1em "arial rounded","verdana";
  width:          100%;
  vertical-align: top;
  color: #000;
  text-align:     justify;
  background:     none;
  /* border:         2px solid red; */
  display:        none;
}

#secLogin{
  float:    left;
  width:    100%;
  height:   1160px;
  background-image:url(images/campo_form_gris.jpg);
  z-index:    9;
  padding:    0;
}

.btnPagar{
  width:    100%;
  float:    left;
  border:   1 px solid #fff;
  margin-top: 20px;
  background: #fff;
  padding-top:10px;
  padding-bottom: 10px;
}

#divLoginOut{
  margin:     0 auto;
  border:   1px solid blue;
  padding:  3px;
  /* height: 100%; */
  /* width:      360px; */
  background: red;
} /*debe ser la única con ancho definido*/


.ingreso{ /* fLeft h5 wMax */
  float:  left;
  width:  100%;
  background: none;
  margin-bottom: 20px;
  color: #000;
}


.a{
  text-decoration:  none;
  color:            #3366FF;
  font:             1em "sans serif","verdana";
  text-align:       center;
  background:       none;
  padding:     5px;
  /* padding-right:    5px; */
}
  .a:hover{
    color:      red;
    background: #fff
  }

.aCond{
  text-decoration:  none;
  color:            #00CCFF;
  font:             1em "sans serif","verdana";
  text-align:       center;
  background:       none;
  padding:     5px;
  /* padding-right:    5px; */
}
  .aCond:hover{
    color:      #3366ff;
    background: #fff
  }


.dPasLogo{
  float:            left;
  width:            100%;
  background-color: #fff;
  padding:          0px 0px 10px 0px;
  text-align:       center;
  margin-bottom: 30px;
}
.pasLogo{
  font:   30px Microsoft JhengHei Light,sans serif,verdana;
  color:  #FF420E
}


.dPreciosTit{
  width:      100%;
  background: #a0f0a0;
  /* color:      #606060; */
  margin-top: 30px;
  /* margin-left: 20px; */
  /* margin-right: 20px; */
  float: left;
  text-align:center
}

.dPrecios{
  margin:         0 auto;
  width:          700px;
  max-width: 100%;
  border:         1px solid gray;
  background:     #fff;
  margin-bottom:  30px;
  margin-top:     30px;
}


table{
  width:            100%;
  border:           0;
  /* border-collapse:  separate; */
  /* border-spacing:   5px; */
  table-layout:     fixed;
  overflow:         hidden;
  z-Index: 99999999;
  padding:          0;
  margin:           0;
  background: #e4e1e1; /*grisado suave*/
  font-size:        1em;
  font-family:      "Helvetica Neue","sans serif","verdana"; /*hay un @media*/
}


.tblPrecios{
  background:       #fff;
  width:            700px;
  max-width: 100%;
  border-collapse:  collapse;
  border-spacing:   0px;
}

  .tblPrecios thead tr{background:#E0E0E0}
  .tblPrecios thead tr>td:nth-child(1){width:209px}
  .tblPrecios thead tr>td:nth-child(2){width:20px}
  .tblPrecios thead tr>td:nth-child(3){width:20px}
  .tblPrecios thead tr>td:nth-child(4){width:20px}
  .tblPrecios thead tr>td:nth-child(5){width:20px}
  .tblPrecios thead tr>td:nth-child(6){width:20px}
  .tblPrecios thead tr>td:nth-child(7){width:70px}
  .tblPrecios thead tr>td:nth-child(8){width:auto}


  .tblPrecios thead tr td{
    padding:  9px 5px 9px 5px;
  }

  .tblPrecios tbody tr:hover{
    background-color:  #FFFF99;
  }
  .tblPrecios tbody tr td{
    padding:  6px;
    cursor:   pointer;
    border:   1px solid #eaeaea
  }
  .tblPrecios tbody tr>td:nth-child(1){width:209px; text-align:left; color:black}
  .tblPrecios tbody tr>td:nth-child(2){width:20px;  text-align: center; color:#00CC00; font-weight:bold}
  .tblPrecios tbody tr>td:nth-child(3){width:20px;  text-align: center; color:#00CC00; font-weight:bold}
  .tblPrecios tbody tr>td:nth-child(4){width:20px;  text-align: center; color:#00CC00; font-weight:bold}
  .tblPrecios tbody tr>td:nth-child(5){width:20px;  text-align: center; color:#00CC00; font-weight:bold}
  .tblPrecios tbody tr>td:nth-child(6){width:20px;  text-align: center; color:#00CC00; font-weight:bold}
  .tblPrecios tbody tr>td:nth-child(7){width:70px;  text-align: center; color:#000}
  .tblPrecios tbody tr>td:nth-child(8){width:auto; text-align: left; color:#303030; font-size:13px}


#divRegTxt{
  width: 500px;
  margin: 0 auto;
  /* float:      left; */
  overflow:   auto;
  padding: 10px;
  font-size:  0.8em;
  display:    none;
  background: #eaeaea;
  color: #000;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 25px 0 rgba(0, 0, 0, 0.19); */
}


#divLoginTxt{
  margin:     0 auto;
  max-width: 470px;
  overflow:   auto;
  padding: 15px;
  font-size:  0.8em;
  background: #eaeaea;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
}

.loginField{
  float:        left;
  width:        100%;
  color:        #eaeaea;
  font-weight:  normal;
  font-size:    1.1em;
  padding:      0px;
  /* border:       1px solid gray; */
}

.btnRegistro{
  float:        right;
  width:        100%;
  font-weight:  normal;
  font-size:    1.1em;
  padding:      0px;
  margin-top: 15px;
}

  .divLbl{
    float:      left;
    width:      155px;
    padding-top: 5px;
    padding-right: 5px;
    text-align: right;
    font-size:  1em;
    margin-top: 5px;
    color:      #000;
    padding-right: 5px;
    padding-right: 5px;
    padding-right: 5p;
    padding-right: 5
  }

.csrHlp{cursor: help}

  /*.divRecuerdame{
    float:          left;
    width:          100px;
    padding:        12px 5px 0 5px;
    text-align:     left;
    margin-bottom:  5px
  }*/

  .divInput{
    float:          left;
    width:          100%;
    max-width:      225px;
    padding:        2px;
    text-align:     right;
    margin-bottom:  5px;
    /* margin-top: 10px; */
  }
    .divInput input{width:100%; padding:3px; font-size:1em}


  .versiones{
    margin-top: 10px;
    float:      left;
    width:      100%;
    /* border:     1px solid silver; */
    background: #eaeaea;
    color:      #000;
    text-align: left;
  }
  .precios{
    /* float:        left; */
    margin:  0 auto;
    width: 460px;
    font-weight:  normal;
    font-size:    1.1em;
    /* border: 1px solid black; */
    /* background:   #fff; */
    padding: 10px 5px 10px 10px;
  }
  .notas{
    margin-top: 10px;
    float:      left;
    width:      100%;
    font-size:  1em;
    background: #eaeaea;
    color:      #000;
    text-align: left;
    padding: 10px 10px 0px 15px;
  }



  .version{
    float:    left;
    width:    25px;
    /* border: 1px dashed red; */
  }
  .version1{
    float:        left;
    width:        60px;     /* border: 2px dashed red; */
    margin-right: 4px;
  }
  .version2{
    float:        left;
    margin-left:  10px;
    width: 370px;
  }
  .version3{
    float:    left;
    width:    40px;
    /* border:   1px dashed blue; */
  }

  .inQUsuarios{
    float:        left;
    /* margin-left:  10px; */
    width: 23px;
  }

  .inQHas{
    float:        left;
    /* margin-right: 10px; */
    width:        45px;
  }

  .total{
    width:  40px;
    float:  left;
  }
  .total2{
    width:  100px;
    float:  left;
    margin-left: 10px;
  }


/*********************************************************************************/


h2{
  /* margin-top: 30px; */
  margin-bottom: 11px;
  font:       25px verdana;
  color:      green;
  font-weight:normal;
  /* width: 500px; */
  float: left;
  /* border: 1px solid silver; */
}


h3{
  padding:       10px 20px 5px 20px;
  margin-bottom: 11px;
  font:          25px verdana;
  color:         #505050;
  font-weight:   normal;
  float:         left;
  width:         100%;
}

.uso{
  width: 100%;
  float:    left;
  /* margin-bottom:  25px; */
  font-size: 25px;
  /* background: #e1fb7b; */
  display:    block;
  margin: auto;
  padding-top: 30px;
  text-align: center;
  padding-bottom: 25px;
}

.iGray9{
  color:      gray;
  font-size:  0.9em;
}

.nota{
  float:          left;
  width:          100%;
  color:          #fff;
  font-size:      14px;
  background:     #505050;
  padding:        25px;
  text-align:     left;
  box-sizing:     border-box;
  /* margin-bottom: 25px; */
  /* margin-top: 30px; */
}

/*** pastoreos ***/
.cows{
  margin-left:  auto;
  margin-right: auto;
  width:        auto;
  height:       100%;
  background:   url('./images/cows.jpg') no-repeat;
  box-sizing:   border-box;
  text-align:   center;
  /* border: 6px dotted black; */
  /* padding: 10px; */
}

.img1{
  margin-left:  auto;
  margin-right: auto;
  width:        auto;
  height:       100%;
  background:   url('./images/campo65.jpg') no-repeat;
  box-sizing:   border-box;
  text-align:   center;
  /* border:       3px dotted gray; */
  /* padding: 3px; */
}
.img11{
  float:        left;
  width:        100%;
  /* height:       100%; */
  /* height: 1280px; */
  background-image: url('./images/img11.jpg'); /*url('./images/cows2.jpg'), */
  background-repeat: no-repeat;
  box-sizing:   border-box;
  text-align:   center
}

.grandebr{
  float:        left;
  width:        100%;
  height:       810px;
  background:   url('./images/grandebr.jpg') no-repeat;
  background-size: 100%;
  box-sizing:   border-box;
  text-align:   center;
}

.izq{                          /* border:       2px solid lime; */
  float:        left;
  width:        300px;
  height:       355px;
}

.img2{
  float:        left;
  max-width:    480px;
  height: 345px;
  background:   url('./images/img2.jpg') no-repeat;
  box-sizing:   border-box;
  margin-left:  10px;
  /* border:       4px solid blue;                       */
}
.imgrota{
  float:        left;
  max-width:    480px;
  height:       280px;
  background:   url('./images/imgrota.png') no-repeat;
  box-sizing:   border-box;
  text-align:   center;
  margin-left:  10px;
  margin-top:   25px;
  /* border: 2px dashed gray; */
}

.reprota{
  float:        left;
  max-width:    450px;
  height:       325px;
  background:   url('./images/rep_rota2.jpg') no-repeat;
  box-sizing:   border-box;
  text-align:   center;
  margin-left:  10px;
  margin-top:   25px;
  /* border: 3px solid lime; */
}

.repparhis{
  float:        left;
  max-width:    450px;
  height:       366px;
  background:   url('./images/rep_par_his.jpg') no-repeat;
  box-sizing:   border-box;
  text-align:   center;
  margin-left:  10px;
  margin-top:   25px;
  /* border: 3px solid lime; */
}


.mapClrPar{
  float:        left;
  max-width:    450px;
  height:       366px;
  background:   url('./images/parcelas_colores_site.jpg') no-repeat;
  box-sizing:   border-box;
  text-align:   center;
  margin-left:  10px;
  margin-top:   25px;
  /* border: 3px solid lime; */
}

.premium{
  font-size:  11px;
  color:      gray;
  float:      left;
  margin-left:5px
}

.img3{
  float:        left;
  width:        50%;
  background:   url('./images/img2.jpg') no-repeat;
  box-sizing:   border-box;
  text-align:   center;                        /* border:       2px solid green; */
}
.totales{
  float:        left;
  max-width: 446px;
  height: 350px;
  background:   url('./images/totales.png') no-repeat;
  box-sizing:   border-box;
  text-align:   center;
  margin-left:  10px;
}

.tx{
  width:          340px;
  float:          left;
  height:         250px;
  margin-bottom:  25px;

  margin-left:    auto;
  margin-right:   auto;

  padding: 25px;
  background: #fff;
  text-align:     left;              /* border:         1px solid silver; */
}

.tx {
  font-size: 15px;
}

.tx2{
  float:          left;
  font-size: 15px;
  width: 340px;
  margin-bottom:  25px;
  background:     #fff;
  /* border:         1px solid black; */
  padding:        10px;
  margin-top:     25px;
  text-align:     left;
}

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

.divATen{ /*english*/
  position: relative;
  top:       10%;
  left:      50%;
  transform: translate(-50%, -50%);
  background: none;
  width:      600px;
  color:      #ff420e;
  font-size:    50px;
  font-family: arial black;
}

.divATbr{
  position: relative;
  top:       35%;
  left:      50%;
  transform: translate(-50%, -50%);
  background: none;
  width:      600px;
  color:      #ff420e;
  font-size:    50px;
  font-family: arial black;
}

.divAT{
  position: relative;
  top: 25%;
  left:      50%;
  transform: translate(-50%, -50%);
  background:   none;
  max-width: 600px;
  color: #ff420e;
  font-size: 45px;
  font-family: arial black;
}
  .divAT1{
    /* position: relative; */
    /* top:       30%; */
    /* left:      50%; */
    /* transform: translate(-50%, -50%); */
    background:   none;
    max-width: 600px;
    color: #524d4d;
    font-size:    30px;
    font-family: verdana;
  }

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

div{
  margin-bottom:  0px;
}
.bg{
  margin:     auto;
  width:      99%;
  /* width:      900px; */
  /* height: 3180px; */
  /* height:       100vh; */
  /* min-height:   100% !important; */
  box-sizing:   border-box;
  /* width:        1000px; */
  /* background: silver; */
  padding:      5px;
}

.seccion1{
  /* width: 950px; */
  height: 100px;
  /* background:     #eaeaea; */
  /* border:         3px solid blue; */
  padding-top:    10px;
  padding-bottom: 25px;
  margin-top:     50px;
  margin-bottom:  25px;
  margin:         auto;
}


.dEmpotreramiento{
  width:          950px;
  height: 450px;
  /* background:     #eaeaea; */
  /* border:         3px solid green; */
  padding-top:    10px;
  padding-bottom: 25px;
  /* margin-top:     50px; */
  /* margin-bottom:  25px; */
  margin-left:    auto;
  margin-right:   auto;
}

.dTotalStock{
  width:          950px;
  height:         400px;
  /* background:     #eaeaea; */
  /* border:         3px solid blue; */
  padding-top:    10px;
  padding-bottom: 25px;
  margin-top:     50px;
  margin-bottom:  25px;
  margin:         auto;
}


.seccionCatRot{
  width: 950px;
  height: 400px;
  /* background:     #eaeaea; */
  /* border:         3px solid blue; */
  padding-top:    10px;
  padding-bottom: 25px;
  margin-top:     50px;
  margin-bottom:  25px;
  margin:         auto;
}


.seccion2{
  width: auto;
  height: auto;

  margin-left: auto;
  margin-right: auto;

  /* border: 2px dashed red; */

  padding-top: 10px;
  padding-bottom: 25px;
  background:       none;
  /* margin-top: 10px; */
  /* margin-bottom: 25px; */
}

.softPiensa{
  width: 950px;
  height: 425px;
  /* border:         3px solid blue; */
  padding-top:    10px;
  padding-bottom: 25px;
  margin-top: 10px;
  margin-bottom:  25px;
  margin-left:    auto;
  margin-right:   auto;
}


.dH2{
  float:  left;
  width: 320px;
  height: 30px;
  padding: 0px;
}

.dH3{
  float:  left;
  width: 280px;
  height: 30px;
  padding: 0px;
  font-size: 20px;
  color: green;
}


.yt{
  background: url('./images/ytsite.jpg');
  float:      left;
  width: 80px;
  height:     80px;
  margin-top: 5px;
  margin-left: 100px;
  cursor:     pointer;
}

.dFlag{
  float: right;
  width:      175px;
  margin-top: 25px;
}

.enFlag{
  float:      right;
  width:      40px;
  height:     30px;
  background: url('./images/enFlag.png')no-repeat;
  padding:    10px;
  cursor:     pointer;
  margin:     5px;
  /* display:    none */
}
.esFlag{
  float:      right;
  width:      40px;
  height:     30px;
  background: url('./images/esFlag.png')no-repeat;
  /* padding:    10px; */
  cursor:     pointer;
  margin:     5px;
}
.brFlag{
  float:      right;
  width:      40px;
  height:     30px;
  background: url('./images/brFlag.png')no-repeat;
  padding:    10px;
  cursor:     pointer;
  margin:     5px;
  /* display:    none */
}


  .siteTxt{
    /* margin:       auto; */
    float: left;
    text-align:   left;
    /* background: aquamarine; */
    width: 50%;
    height: 80px;
    font-size:    16px;
    padding:      25px;
  }



#dHelp{
  background:   #fff;
  border:       1px solid gray;
  display:      none;
}



.dFlags{
  width: 300px;
  /* margin: 0 auto; */
  float:      left;
  padding:    1px 3px 1px 3px;
  background: none;
  /* height:     400px; */
  font-size:  25px;
  box-sizing: border-box;
  /* border: 1px solid lime; */
}
.pasto{
  font-family:  "Microsoft JhengHei UI", "Helvetica Neue","sans serif","verdana";
  font-size: 28px;
  color:     #ff420e;   /*#FD9248;*/
  /* width: 325px; */
}
  .divNA span{
    font-size:  13px;
    color:      gray
  }

.registro{
  /* float:  left; */
  margin: 0 auto;
  width: 500px;
  padding: 15px;
  font-size: 25px;
  /* margin-bottom: 25px; */
  /* background: #eaeaea; */
  color: #fff;
  overflow-x: hidden;
}

sup{
  font-size: 12px;
}

  .dYT{
    float:    right;
    width:    50%;
    text-align:center
  }

  .dGuia{
    float:            left;
    width:            50%;
    text-align:       center;
    text-decoration:  none;
    color:            #0066FF;
    padding-top:      30px
  }

.dDocsYT{
  float:      left;
  width:      100%;
  background: #a0f0a0;
  padding:    10px 0px 10px 0px; /*tenía 20px laterales*/
  font:       25px verdana;
  color:      #505050;
}

/************ Login de usuarios   *****************/
.separa{
  background: #fff;/*#abe0f9;*/
  width:      100%;
  float:      left;
  height:     25px
}

/*password ver*/
.passChk{
  float:      left;
  width:      25px;
  margin-top: 5px
}

/*
.fa-eye:before{content:"\f06e"}
.fa-eye-dropper:before{content:"\f1fb"}
.fa-eye-slash:before{content:"\f070"}

.far{
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing: antialiased;
  display:                inline-block;
  font-style:             normal;
  font-variant:           normal;
  text-rendering:         auto;
  line-height:            1
}*/


#divIfrLogin{
  /* width: 500px; */
  height: 850px;
  padding: 0px;
  /* display:  none; */
  background: none;
  overflow: hidden;
  /* border: 1px solid #3366FF; */
  margin-top: 10px
}
  #divIfrLogin iframe{
    width: 100%;
    height: 100%;
    border:none;
    overflow-x: hidden;
    /* border: 1px dotted lime; */
  }


  /*.bgImg{
    float:                  left;
    width:                  600px;
    height:                 675px;
    background:             url('./images/mapabg.jpg');
    background-repeat:      no-repeat;                         /* background-attachment:  fixed; * /
    background-size:        cover;
    background:                   lime;
    box-sizing:             border-box;
    border:       5px solid yellow;
  }*/
/*pas_site.css*/