@charset "UTF-8";



a{color:rgba(3,3,3,1.00) ;}
a:hover,
a:focus{
  text-decoration: none;
  /* color: inherit; */
}

* {
  box-sizing: border-box;
}

input, textarea {
  width: 100%;
}

input{font-size: 120%;}
.rena{font-family:'Lato-Bold';}
.rena2{font-family:'Lato-Light';}
.digi{font-family:DS-digital;}
.cajaAlta{text-transform: uppercase;}

.fixed{position: fixed;}
.fijo{position: fixed;top:0px;left:0px;background: rgba(251,204,0,1.00);min-height: 50px;z-index:9999998;width: 100%;}
.flexibleAll{display: flex;}
.flot{ width: 100%; float: left; clear: both;}
.flotR{float: right;}
.flotR-relative{position: relative;}
.relativo{position: relative;}
.flotA{ width: auto; float: left; clear: none;}
.superIndice{display: table-caption;}
.noWrap{white-space: nowrap;}
.breakW{word-break: break-word;}
.cursorP{cursor: pointer;}
.textRight{text-align: right;}
.textLeft{text-align: left;}

.tabla{display: table;}
.cell{display: table-cell;}
.content{display: contents;}
.celda {
  width: 100%;
  display: table-cell;
}

.alingDiv{
  display: flex;
  justify-content: center;
  align-items: center;
}

.flexCenter{
  display: flex;
  justify-content: center;
  align-items: center;
}

.centerColum{
  display: flex;
  justify-content: center;
  flex-direction: column;
}


.flex-endColum{
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

.flex-startColum{
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

.betweenColum{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.centrarTextoV {
  flex-direction: row-reverse;
  justify-content: center;
  display: flex;
}

.centerAbsolut{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  /*margin: 0px;
  padding: 0px;*/
}

.centerAbsolutV {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
/*  margin: 0px;
padding: 0px;*/
}

.grid-column50{
  display: grid;
  grid-template-columns: 50% 50%;
}

.grid-column33{
  display: grid;
  grid-template-columns: 33.333333% 33.333333% 33.333333%;
}

.grid-column25{
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}

page {
  background: white;
  size: 7in 9.25in;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
  padding: 0.5cm;
}

page[size="A4"] {
  width: 21cm;
  height: 29.7cm;
}

page[size="A4"][layout="landscape"] {
  width: 29.7cm;
  height: 21cm;
}


.line-height5{line-height: 5px;}
.line-height10{line-height: 10px;}
.line-height20{line-height: 20px;}
.line-height30{line-height: 30px;}
.line-height40{line-height: 40px;}
.line-height50{line-height: 50px;}
.line-height60{line-height: 60px;}
.line-height80{line-height: 80px;}
.line-height90{line-height: 90px;}
.line-height100{line-height: 100px;}
.line-height1em{line-height: 1em;}
.line-heightA {line-height: 1.5em;}
.lineaD {border-right: 1px dotted #ccc;}
.lineaTD {border-top: 1px dotted;}
.lineaBD {border-bottom: 1px dotted;}
.lineGris{ border: 1px solid rgba(205,205,205,1.00);}

.cajaOverflow{overflow: hidden; position: relative;}
.displayInline{display:inline-block;}
.inlineGrid{display: inline-grid;}
.block{display: block;}
.none{display: none;}
.absolut{position: absolute;}
.absolutB{position: absolute; bottom:0px;}
.absolutBR{position: absolute; right: 5%; bottom: 13%;}
.absolutL{ position: absolute; bottom: 13%;}
.overflowOculto{position: relative; overflow: hidden;}
.positionAbs{position: absolute; bottom: 0px;}

.z-index9{z-index: 9;}

.right{right:0px;}
.left{left:0px;}
.top{top:0px;}
.bottom{bottom:0px;}


.centroV{display: table-cell; vertical-align: middle;}

.fitContent{min-width: fit-content;}
.maxContent{min-width: max-content;}

.cuadrado{width:10px; height:10px; display: inline-block;}

.circulo {
 width: 10px;
 height: 10px;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}

.col {
  position: relative;
  min-height: 1px;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
}


.col-xs-1A{width: 8,333333333%; position: relative; min-height: 1px; float:left;}/*col-xs-1*/
.col-xs-2A{width: 16,666666667%; position: relative; min-height: 1px; float:left;}/*col-xs-2*/
.col-xs-20{width: 20%; position: relative; min-height: 1px; float:left;}
.col-xs-3A{width: 25%; position: relative; min-height: 1px; float:left;}/*col-xs-3*/
.col-xs-4A{width: 33.33333333%; position: relative; min-height: 1px; float:left;}/*col-xs-4*/
.col-xs-40{width: 40%; position: relative; min-height: 1px; float:left;}
.col-xs-5A{width: 41.66666667%; position: relative; min-height: 1px; float:left;}/*col-xs-5*/
.col-xs-6A{width: 50%; position: relative; min-height: 1px; float:left;}/*col-xs-6*/
.col-xs-60{width: 60%; position: relative; min-height: 1px; float:left;}
.col-xs-7A{width: 58,33333333%; position: relative; min-height: 1px; float:left;}/*col-xs-7*/
.col-xs-8A{width: 66,66666667%; position: relative; min-height: 1px; float:left;}/*col-xs-8*/
.col-xs-9A{width: 75%; position: relative; min-height: 1px; float:left;}/*col-xs-9*/
.col-xs-80{width: 80%; position: relative; min-height: 1px; float:left;}
.col-xs-10A{width: 83,33333333%; position: relative; min-height: 1px; float:left;}/*col-xs-10*/
.col-xs-11A{width: 91,66666667%; position: relative; min-height: 1px; float:left;}/*col-xs-11*/
.col-xs-12A{width: 100%; position: relative; min-height: 1px; float:left;}/*col-xs-12*/

.col-xs-14col{width: 7.142867%; position: relative; float:left;}
.col-xs-10col{width: 10%; position: relative; min-height: 1px; float:left;}
.col-xs-7col{width: 14.285714%; position: relative; float:left;}
.col-xs-7Acol{width: 28.571428%; position: relative; float:left;}
.col-xs-7Bcol{width: 42,857412%; position: relative; float:left;}



.scroll{overflow: scroll;}

.shadow{ box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;}
.shadow1{box-shadow: 3px 3px 17px 0px #00000059;border: 1px solid #777;}
.shadow-lg{box-shadow: 0 2rem 1.5rem -1.5rem rgba(33,37,41,.15),0 0 1.5rem .5rem rgba(33,37,41,.05)!important;}

.blackShadow{
  box-shadow: 0rem 0.15rem 0.4rem 0px rgba(0, 0, 0, 0.6)!important;
}


.troquel{
  color: transparent;
  text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}

.text-bordeAmarillo{
 text-shadow:  -0.12rem 0.12rem 0px #fff, -0.35rem 0.35rem 0px rgb(255 206 0)
}

.borde{ border:1px solid; margin: 2%;}
.bordeA {border: 1px solid rgba(153, 153, 153, 0.24);}
.border { border:1px solid;} /*eliminar da conflicto con bordeR*/
.borde1 { border:1px solid;}
.bordeB {border-bottom: 1px solid;}
.bordeB0 {border-bottom: 0PX;}
.bordeB5 {border-bottom: 5px solid;}
.bordeR {border-right:1px solid;}
.borde-R {border-right:1px solid;}
.bordeL {border-left:1px solid;}
.bordeL0 {border-left:0px;}
.bordeT{border-top: 1px solid;}

.b0{border: none;}
.b3{border-width: 3px;}
.b5{border-width: 5px;}
.b7{border-width: 7px;}

.mAuto{margin:0 auto;}
.m0Icon:before {
  margin: 0px;
}
.m0{margin: 0px;}
.m1{margin-top:1%;}
.m2{margin-top:2%;}
.m3{margin-top:3%;}
.m4{margin-top:4%;}
.m5{margin-top:5%;}
.m6{margin-top:6%;}
.m7{margin-top:7%;}
.m8{margin-top:8%;}
.m9{margin-top:9%;}
.m10{margin-top:10%;}

.m7x{margin-top: 7px;}
.m15x{margin-top: 15px;}

.m11{margin-top:11%;}
.m22{margin-top:30%;}

.mr1{margin-right: 1%;}
.mr2{margin-right: 2%;}
.mr3{margin-right: 3%;}
.mr4{margin-right: 4%;}
.mr5{margin-right: 5%;}
.mr6{margin-right: 6%;}
.mr7{margin-right: 7%;}
.mr8{margin-right: 8%;}
.mr9{margin-right: 9%;}
.mr10{margin-right: 10%;}

.ml1{margin-left:1%;}
.ml2{margin-left:2%;}
.ml3{margin-left:3%;}
.ml4{margin-left:4%;}
.ml5{margin-left:5%;}
.ml6{margin-left:6%;}
.ml7{margin-left:7%;}
.ml8{margin-left:8%;}
.ml9{margin-left:9%;}
.ml10{margin-left:10%;}


.mb1{margin-bottom:1%;}
.mb2{margin-bottom: 2%;}
.mb3{margin-bottom: 3%;}
.mb4{margin-bottom: 4%;}
.mb5{margin-bottom: 5%;}
.mb6{margin-bottom: 6%;}
.mb7{margin-bottom: 7%;}
.mb8{margin-bottom: 8%;}
.mb9{margin-bottom: 9%;}
.mb10{margin-bottom: 10%;}


.m5B1 {margin-top: 25%;}
.ajusteTop{margin-top: 8%;}
.rowLeft{margin-left:-15px;}

.p0{padding: 0px;}.p02{padding: 0.2%;}.p05{padding: 0.5%;}
.p1{padding:1%;}
.p2{padding: 2%;}
.p3{padding: 3%;}
.p4{padding: 4%;}
.p5{padding: 5%;}
.p6{padding: 6%;}
.p7{padding: 7%;}
.p8{padding: 8%;}
.p9{padding: 9%;}

.p5x{padding: 5px;}
.pt7x{padding-top: 7px;}
.pb7x{padding-bottom: 7px;}
.pt15x{padding-top: 15px;}
.pb15x{padding-bottom: 15px;}
.pl2x{padding-left: 2px;}
.p15x{padding: 15px;}

.pt50{padding-top: 50px;}
.pt14{padding-top: 14px;}
.pt15x{padding-top: 15px;}
.pt7x{padding-top: 7px;}
.pt8x{padding-top: 8px;}
.pt1{padding-top: 1%;}
.pt2{padding-top: 2%;}
.pt3{padding-top: 3%;}
.pt4{padding-top: 4%;}
.pt5{padding-top: 5%;}
.pt6{padding-top: 6%;}
.pt7{padding-top: 7%;}
.pt8{padding-top: 8%;}
.pt9{padding-top: 9%;}
.pt10{padding-top:10%;}

.pt9x{padding-top: 9px;}
.pb9x{padding-bottom: 9px;}


.pb0{padding-bottom:0%;}
.pb1{padding-bottom:1%;}
.pb2{padding-bottom:2%;}
.pb4{padding-bottom:4%;}
.pb5{padding-bottom:5%;}

.pr0{padding-right: 0px;}
.pr1{padding-right: 1px;}
.pr2{padding-right: 2%;}
.pr3{padding-right: 3%;}
.pr4{padding-right: 4%;}
.pr5{padding-right: 5%;}
.pr20{padding-right: 20px;}


.pl0{padding-left: 0%;}
.pl1{padding-left: 1%;}
.pl2{padding-left: 2%;}
.pl3{padding-left: 3%;}
.pl4{padding-left: 4%;}
.pl5{padding-left: 5%;}

.pl20x{padding-left: 20px;}


.redu50{font-size:50%;}
.redu60{font-size:60%;}
.redu{font-size:70%;}
.redu80{font-size:80%;}
.redu90{font-size:90%;}
.redu2{font-size:80%;}

.gran{font-size:200%;}
.gran2{font-size: 210%;}
.aum110{font-size: 110%;}
.aum120{font-size: 120%;}
.aum150{font-size:150%;}
.aum200{font-size:200%;}
.aum250{font-size:250%;}
.icon200{font-size: 200%;}

.font13{font-size:1300%;}
.font9{font-size:900%;}
.font8{font-size:800%;}
.font7{font-size:700%;}
.font6{font-size:600%;}
.font5{font-size:500%;}
.font4{font-size:400%;}
.font3{font-size:300%;}
.font2{font-size:200%;}
.font1{font-size:100%;}

.font1vw{font-size:calc(1em + 1vw);}
.font2vw{font-size:calc(1em + 2vw);}
.font3vw{font-size:calc(1em + 3vw);}
.font4vw{font-size:calc(1em + 4vw);}
.font5vw{font-size:calc(1em + 5vw);}


.alerta{ color:rgba(143,142,142,1.00);}
.datos{position: fixed;top:0px;left:0px;z-index: 999; width: 100%; padding: 0.5%; background: rgba(75,75,75,1.00); height: 55px;}

.rejilla1{ width: 8%; float: left; clear: none;}
.abajo{bottom: 0; height: 20%; position: absolute;}
.valing-medio{vertical-align: middle;}
.valing-top{vertical-align: top;}
.valing-super{vertical-align: super;}
.aling-center{align-items: center;}


.w1{width: 1%;}
.w2{width: 2%;}
.w3{width: 3%;}
.w4{width: 4%;}
.w5{width: 5%;}
.w6{width: 6%;}
.w7{width: 7%;}
.w8{width: 8%;}
.w9{width: 9%;}
.w10{width: 10%;}

.w30{width: 30%;}
.w70{width: 70%;}

.w100x{width: 100px;}

.w100{width: 100%;}

.fullHeight {

  position: absolute;
  top: 0;
  bottom: 0;

}
.h7{height: 7px;}
.h20{height: 20px;}
.h100x{height: 100px;}
.h200{height: 200px;}

.minContent{min-width: min-content;}
.minW2{min-width: 200px;}
.minW25{min-width: 250px;}
.minW3{min-width: 300px;}

.minW600{min-width: 600px;}

.h1000{height: 1000px;}
.h100{height: 100%;}
.h50{height: 50%;}
.minH7{min-height: 7px;}

.h15x{height: 15px;}
.h200x{height: 200px;}


.minH1{min-height: 100px;}
.minH12{min-height: 120px;}
.minH13{min-height: 130px;}
.minH14{min-height: 140px;}
.minH19{min-height: 190px;}

.minH20{min-height: 20px;}
.minH25{min-height: 25px;}
.minH30{min-height: 30px;}
.minH40{min-height: 40px;}
.minH50{min-height: 50px;}
.minH60{min-height: 60px;}
.minH80{min-height: 80px;}
.minH90{min-height: 90px;}
.minH100{min-height: 100px;}
.minH110{min-height: 110px;}
.minH120{min-height: 120px;}
.minH130{min-height: 130px;}
.minH140{min-height: 140px;}
.minH190{min-height: 190px;}
.minH190{min-height: 190px;}
.minH200{min-height: 200px;}
.minH300{min-height: 300px;}
.minH400{min-height: 400px;}

.maxH20{max-height: 20px;}
.maxH25{max-height: 25px;}
.maxH30{max-height: 30px;}
.maxH40{max-height: 40px;}
.maxH50{max-height: 50px;}
.maxH60{max-height: 60px;}
.maxH80{max-height: 80px;}
.maxH100{max-height: 100px;}
.maxH120{max-height: 120px;}
.maxH130{max-height: 130px;}
.maxH140{max-height: 140px;}
.maxH190{max-height: 190px;}
.maxH190{max-height: 190px;}
.maxH200{max-height: 200px;}
.maxH300{max-height: 300px;}
.maxH400{max-height: 400px;}
.maxH450{max-height: 450px;}




.maxW70{max-width: 70px;}
.maxW50{max-width: 50px;}

.maxW350x{max-width: 350px;}

.maxW900{max-width: 900px;}
.maxW1200{max-width: 1200px;}

.cajaMatricula{

  border: 1px solid #000;
  border-left: 15px solid rgba(14,45,167,1.00);
  padding: 3px 3px 3px 9px;
  border-radius: 5px;
  margin-right: 2%;
  margin-bottom: 1%;
  min-width: max-content;}

  .cajaMatricula span:before{padding-left: 15px solid rgb(2,5,99);}

  .bordeMatricula{
    border-left: 15px solid;
    border-image: linear-gradient(to top, rgba(80,140,243,1.00) 0%, rgba(80,140,243,1.00) 100%) 1;
    border-bottom: 0px;
    border-top: 0px;
    border-right: 0px;
    padding: 0px;
    min-width: max-content;

  }

  .bocadillo {
    border-radius: 5px;
  }

  .bocadillo:before{

    content:"";
    width: 0;
    height: 0;
    position: absolute;
    border-top: 13px solid rgba(240,240,240,1.00);
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    bottom: -9px
  }

  /*-----------ESTILOS input----------*/
  input[type=text], input[type=number]  {
    border-radius: 0px 0px 0px 0px;
    min-height: 40px;
    width: 100%;
    display: block;
    padding: 6px 12px;
  }
  .limpiaInput{
    background-color: #ffffff00;
    border: 0;
    box-shadow: none;
    display: block;
    width: 100%;
    height: auto !important;
    min-height: auto !important;
    padding: 0px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-image: none;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }

  .limpiaInput:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  /*-----------ESTILOS CHECK----------*/


  /** Clases de estilo para los checkbox */

  check input:checked + .box { background-color: #b3ffb7;}
  check input:checked + .boxNoOk { background-color: #b3ffb7;}
  input[type="checkbox"]:checked + label { background-color: #b3ffb7; }
  input[type="checkbox"] { display:none; }


  check input:checked + .box { background-color: #b3ffb7;}


  .checkOk{
    color: #70ea41;
    display: contents;}
    .checkOk label{margin-bottom: 0px;}

    .checkcaja{display: grid;}

    .checkcaja label{margin-bottom: 0px;}

    .checkRRG{
      width: 24px;
      min-width: 24px;
      height: 24px;
      content: '';
      position: relative;
      transform-origin: center center;
      transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
      border: 2px solid #dedede;
      background-color: #dedede;
      overflow: visible;
      cursor: pointer;
      margin-bottom: 0px;
    }

    .check {
      width: 24px;
      min-width: 24px;
      height: 24px;
      content: '';
      position: relative;
      transform-origin: center center;
      transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
      border: 2px solid #dedede;
      background-color: #dedede;
      overflow: hidden;
      cursor: pointer;
      margin-bottom: 0px;
    }

    .box {
      width: 110%;
      height: 100%;
      transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
      border: 2px solid transparent;
      background-color: white;
      position: relative;
      overflow: hidden;
      cursor: pointer;
      box-shadow: 0 5px rgba(0, 0, 0, 0.2);
    }

    /** Cuando esta Checked se sube el div box */
    .checkRRG input:checked + .boxRRG span {
      top: -3px;
      opacity: 1;
      font-size: 130%;
    }

    .check input:checked + .box:after {
      top: -4px;

    }

    .check input:checked + .boxNoOk:after {
      top: -4px;
    }

    .box:after {
      width: 107%;
      height: 50%;
      content: '';
      position: absolute;
      border-left: 4px solid;
      border-bottom: 4px solid;
      border-color: #40c540;
      transform: rotate(-45deg) translate3d(0, 0, 0);
      transform-origin: center center;
      transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
      top: 200%;
      bottom: 5%;
      margin: auto;
      z-index: 9999;
    }

    .checkOpcion{
      display: inline-flex;
      /*min-width: 120px;*/
      min-height: 40px;
      padding: 4px 1px;
    }
    .checkOpcion span {
      padding-left: 7px;
      display: flex;
      align-items: center;
      margin-bottom: 0px;
      font-weight: normal;
    }

    .boxNoOk {
      width: 110%;
      height: 100%;
      transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
      border: 2px solid transparent;
      background-color: white;
      position: relative;
      overflow: hidden;
      cursor: pointer;
      box-shadow: 0 5px rgba(0, 0, 0, 0.2);
    }

    .boxNoOk:after{
      content: 'X';
      position: absolute;
      color: #ff0000;
      font-size: 130%;
      transform-origin: center center;
      transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
      top: 200%;
      bottom: 5%;
      margin: auto;
      z-index: 9999;
      left: 17%;
    }

    .boxRRG {
      width: 100%;
      height: 100%;
      transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
      border: 2px solid transparent;
      background-color: white;
      cursor: pointer;
    }


    .boxRRG span {
      position: absolute;
      color: #fc3;
      transition: all 0.3s;
      top: 10%;
      bottom: 29%;
      left: -8%;
      margin: auto;
      z-index: 9999;
      opacity: 0;
    }


    /** Fin de las clases de para los checkbox*/


    /** Clases de estilo para los radio */

    check input:checked + .radioBox { background-color: #b3ffb7;}
    input[type="radio"]:checked + label { background-color: #b3ffb7; }
    input[type="radio"] { display:none; }

    .radioOpcion{
      display: inline-flex;
      min-width: 120px;
      min-height: 40px;
      padding: 4px 1px;
    }
    .radioOpcion span {
      padding-left: 3px;
      display: flex;
      align-items: center;
      margin-bottom: 0px;
      font-weight: normal;
    }
    .radio {
      width: 27px;
      min-width: 27px;
      height: 27px;
      content: '';
      position: relative;
      transform-origin: center center;
      transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
      border: 3px solid #dedede;
      background-color: #dedede;
      overflow: hidden;
      cursor: pointer;
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .radioBox {
      width: 100%;
      height: 100%;
      transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
      border: 2px solid transparent;
      background-color: white;
      overflow: hidden;
      cursor: pointer;
    }



    /** Cuando esta Checked se sube el div box */
    .check input:checked + .radioBox:after {
      top: 0px;
      border-radius: 66px;

    }
    .radioBox:after {
      width: 70%;
      height: 70%;
      content: '';
      position: absolute;
      border: 7px solid;
      border-color: #fc3;
      background-color: #fc3;
      border-radius: 0px;
      transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
      top: 180%;
      bottom: 0%;
      left: 17%;
      margin: auto;
      z-index: 9999;
    }




    /*-----------FIN ESTILOS CHECK----------*/



    .cambiarFoto .input-file {
      margin: 0;
      padding: 0;
      outline: 0;
      opacity: 0;
      position: absolute;
      cursor: pointer;
      width: 100%;
    }

    .img-hacer-foto{
      background-image: url(../imagenes/tomarFotoOperario.png);
      opacity: 0.1;
      background-repeat: no-repeat;
      background-position: 50% 60%;
      background-size: contain;
      position: absolute;
      width: 200px;
      height: 200px;
    }

.formIcon{	/*<div class="cajaFecha"><input>
						<span class="icon-fecha formIcon"></span>
            </div>*/
            position: absolute;
            right: 0px;
            top: 0px;
            background-color: #dedede;
            padding: 5px;
            height: 40px;
            width: auto;
            line-height: 30px;
            font-size: 18px;
            pointer-events: none;
            z-index: 99;
          }

          .formIcon1 {
            position: absolute;
            right: 1px;
            top: 1px;
            background-color: #dedede;
            padding: 5px;
            height: 38px;
            max-width: 38px;
            line-height: 30px;
            font-size: 18px;
            pointer-events: none;
            margin-right: 15px;
            z-index: 99;
          }

          .cajaRenault {
            border: 1px solid #d9d9d9;
            height: 40px;
            overflow: hidden;
            width: 100%;
            position: relative;
          }

          .formIconR {
            position: absolute;
            right: 0px;
            top: 0px;
            color: #8c8c8c;
            padding: 0px 7px;
            width: auto;
            line-height: 30px;
            font-size: 18px;
            pointer-events: none;
            z-index: 99;
            border-left: 1px solid #8c8c8c;
            margin: 4px 0px;
            background-color: white;
          }

          .flechaDown{
            width: 15px;
            height: 3px;
            position: relative;
            transform: rotate(225deg);}


            .flechaDown:before{
             content: "";
             position: absolute;
             left: 0;
             width: 3px;
             height: 15px;
             background-color: inherit;
           }

           .flechaLeft{
            width: 15px;
            height: 3px;
            position: relative;
            transform: rotate(315deg);}


            .flechaLeft:before{
             content: "";
             position: absolute;
             left: 0;
             width: 3px;
             height: 15px;
             background-color: inherit;
           }

           .cajaFlecha{

            position: absolute;
            top: 4px;
            right: 0px;
            border-left: 1px solid;
            width: 40px;
            height: 30px;
            background-color: white;
            pointer-events: none;

          }

          .ContainerMatricula{min-width: max-content;}


          .mensajeServidor {
            padding: 1.5%;
            color: #e2e2e2;
            margin: 2% 0;
            text-align: center;
            FONT-SIZE: 180%;
            background-color: #00000073;
            box-shadow: 0px 3px 0px 0px #4a4747;}



            .label-text {
              background-color: #94949424;
              border: 1px solid #333;
            }

            .recuadroResultado {
              border: 1px solid #333;
              padding: 1%;
              width: 100%;
            }

            .label-text input {
              border: 1px solid #333;
              background-color: #ffffff00;
            }

            /*-----------------------------------ICONOS----------------------------------*/

            .megaIcon {
              font-size: 600%;
              height: 70px;
              overflow: hidden;
              color: rgba(48,34,34,1.00);

            }

            .icon-familia{
             box-shadow: 2px 2px 0px;
             border-radius: 50%;
             padding: 1.2% 1%;
           }
           /*-----------------------------------TITULOS----------------------------------*/


           .separaTitulo:after {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            content: "";
            bottom: -9px;
            width: 50px;
            height: 2px;
            background-color: #000;
          }

          .titulo {
            float: left;
            clear: both;
            font-size: 18px;
            display: block;
            width: 100%;
            padding: 6px 1px;
            font-weight: normal;
            min-width: max-content;
          }

          .tituloSinIcono{
            padding-left:15px;
          }


          .titulo a {
            color:rgba(3,3,3,1.00) ;
            text-decoration: none;
          }

          .titulo label {
            align-items: center;
            margin-bottom: 0px;
            cursor: pointer;
            font-weight: normal;
          }

          .titulo span {
            align-items: center;
            padding-left: 7px;
            padding-right: 7PX;
            cursor: pointer;
            font-weight: normal;
            text-transform: none;
            text-decoration: inherit;
            speak: none;
          }

          .tituloMenu{
            margin-top: 10px;
            margin-bottom: 30px;
            font-size: 25px;
            text-align: center;
          }

          .titulo2{
            color: #000;
            font-size: 22px;

          }

          .titulo3{ font-size: 22px;}

          .titulo3 span{
            float: left;
            font-size: 120%;
            padding-right: 10px;
          }

          .titulo3 label{
            padding-left: 15px;
            font-size: 22px;
            border-left: 1px solid #000;

          }

          .titulo3b span{
            padding-right: 2%;
            font-size: 24px;}

            .titulo3b label{
              padding-left: 15px;
              font-size: 22px;
              border-left: 1px solid #fff;
            }

            .tituloa span {color: rgba(245,206,58,1.00);}
            .tituloa label {padding-left: 10px; color: #000;  border-left: 1px solid #000;}

            .titulob span {color: #000;}
            .titulob label {padding-left: 10px; border-left: 1px solid #000;}
            .titulobConH3 span {font-size: 140%;}

            .tituloc span {color: #fff; }
            .tituloc label {padding-left: 10px; color: #fff; border-left: 1px solid #fff;}

            .tituloAzulOsc{background:#1f2531;color:rgba(255,255,255,1.00);}
            .tituloAzulOsc span {color: rgba(255,255,255,1.00);}
            .tituloAzulOsc label {color: rgba(255,255,255,1.00);}

            .tituloG{font-size: 200%;}
            .tituloConH3 span {font-size: 140%;}

            .titulofichaVO span {color: #000; font-size: 320%;
              display: table-caption;}

              .titulofichaVO label {padding-left: 10px; border-left: 1px solid #000;}


              .tituloLink {cursor:pointer;}
              .tituloLink label{    padding-left: 10px;   border-left: 1px solid #2d92ea;}
              .tituloLink span{  color:#2d92ea; }



              /*-----------------------------------LISTADOS----------------------------------*/


              .separaLi{
                position: relative;
                display: inline-block;
                padding: 4px 16px 4px 0;
                white-space: nowrap;
              }

              .separaLi:not(:last-child):after {
               position: absolute;
               top: 50%;
               transform: translateY(-50%);
               content: "";
               right: 8px;
               width: 1px;
               height: 12px;
               background-color: black;
             }

             /* Bloque estado Ficha VO */

             .blockEstadoFichas{
              border: 1px solid rgba(205,205,205,1.00);
              height: 90px;
              border-bottom: none;
            }

            .bgDegradado{
              background: rgba(255,21,0,0.61);
              background: -moz-linear-gradient(left, rgba(255,21,0,0.61) 0%, rgba(255,204,0,0.61) 51%, rgba(85,201,8,0.61) 100%);
              background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,21,0,0.61)), color-stop(51%, rgba(255,204,0,0.61)), color-stop(100%, rgba(85,201,8,0.61)));
              background: -webkit-linear-gradient(left, rgba(255,21,0,0.61) 0%, rgba(255,204,0,0.61) 51%, rgba(85,201,8,0.61) 100%);
              background: -o-linear-gradient(left, rgba(255,21,0,0.61) 0%, rgba(255,204,0,0.61) 51%, rgba(85,201,8,0.61) 100%);
              background: -ms-linear-gradient(left, rgba(255,21,0,0.61) 0%, rgba(255,204,0,0.61) 51%, rgba(85,201,8,0.61) 100%);
              background: linear-gradient(to right, rgba(255,21,0,0.61) 0%, rgba(255,204,0,0.61) 51%, rgba(85,201,8,0.61) 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1500', endColorstr='#55c908', GradientType=1 );

            }

            .iconPosicion{
              margin: 2px 0;
            }
            .textPosicion{
              z-index: 999;
            }
            .iconPosicion span{
              text-align: center;
              font-size: 330%;
            }

            .iconPosicionApagado span{
              color: rgba(101,101,101,0.45);
            }

            .textPosicion span{
              text-align: center;
              font-size: 120%;
            }

            .fichaVOMatricula{
              font-size: 140%;
            }

            .fichaVOMatricula label{
              padding-left: .2em;
            }


            /* My Style */

            .volteaH{
              moz-transform: scaleX(-1);
              -webkit-transform: scaleX(-1);
              transform: scaleX(-1);
            }


            .datosListado{
              border: 1px solid rgba(67,67,67,0.86);
            }
            .datosListado p{
              text-align: center;
              padding: 1%;
            }

            .datosListado:nth-child(odd){
              background-color:rgb(122, 144, 165);
            }

            .datosListado:nth-child(even){
              background-color:rgb(152, 174, 177);
            }
            .datosListado span{
              margin: 0 auto;
              display: table;
            }

            .backgroundVO {

              background-image: url(../imagenes/backgroundV0.jpg);
              background-attachment: fixed;
              background-position: center;
              background-size: cover;
              background-repeat: no-repeat;
              min-height: 100%;
            }

            .backgroundTA {

              background-image: url(../imagenes/backgroundTA.png);
              background-attachment: fixed;
              background-position: center;
              background-size: cover;
              background-repeat: no-repeat;
              opacity: 0.9;
              min-height: 100%;
            }


            .desconectar {
              padding-right: 0px;
            }
            .arribaIzq {
              position: absolute;
              top: 0px;
              left: 0px;
              z-index: 999;
              padding-left: 1%;
              padding-top: 1%;
            }
            .abajoDerecha {
              position: absolute;
              bottom: 0px;
              right: 0px;
            }
            .arribaDerecha {
              position: absolute;
              top: 0px;
              right: 0%;
              width: 70%;
              padding-right: 0%;
            }
            .abajoIzquierda {
              position: absolute;
              bottom: 0px;
              left: 0px;
            }
            .secciones {
              background: #D71215;
            }

            .banda {
              background: rgba(0, 0, 0, 0.70);
              position: fixed;
              top: 0px;
              left: 0px;
              width: 100%;
              min-height: 65px;
              overflow: hidden;
              z-index: 999;
            }


            .soportePantalla {
              position: fixed;
              width: 100%;
              height: 100%;
              top: 0px;
              left: 0px;
              background: rgba(246, 246, 246, 1.00);
              z-index: 99999;
            }

            .cerrarN {
              position: absolute;
              top: 0px;
              left: 0px;
              z-index: 999;
            }

            .caja {
              border: 1px solid #d9d9d9;
              height: 40px;
              overflow: hidden;
              width: 100%;
              position: relative;
            }

            .caja input, .caja select{

              padding: 6px 40px 12px 12px;
              width: 100%;

            }

            .caja60{
              height: 60px;
            }

            .caja60 input, .caja60 select{
              height: 60px;
              font-size: 20px;
              padding: 6px 60px 6px 12px;

            }

            .caja60 span{
              font-size: 30px;
              line-height: 50px;
              height:60px;
            }

            .caja60 input[type=date], .caja60 input[type=month] {
              padding-right: 0px;
            }
            .caja60 ::-webkit-calendar-picker-indicator { opacity: 0; padding-right: 44px;}

            .inicioApp {
              position: absolute;
              top: 0px;
              right: 0px;
              z-index: 999;
            }

            .pantalla {
              position: relative;
              width: 100%;
              height: 100%;
              overflow: auto;
            }


            .seguimiento{
              height: 90px;
            }

            .iconoMenu {
              float: left;
              clear: none;
              width: 25%;
              text-align: center;
              font-size: 280%;
              border-right: 1px solid rgba(250,246,246,1.00);
            }

            .textMenu {
              float: left;
              clear: none;
              width: 75%;
              text-align: left;
              font-size: 140%;
              padding-left: 5%;
              padding-top: 6%;
              padding-bottom: 3%;
            }

            /* style stock VO */


            .verdeDisponible{color: rgba(125,192,15,1.00);}

            .naranjaReserva{color: rgba(245,131,20,1.00);}

            .rojoVendido{color: rgba(245,39,43,1.00);}


            .label-text-grid{
              border: 1px solid #333;
              padding: 1%;
            }

            /*Bloques*/

            .fondoFicha {
              border-radius: 9px 9px 9px 9px;
              background: rgba(222, 222, 222, 0.27);
              box-shadow: 1px 1px 1px #ccc;
            }

            .cartaVehiculo2{
              display: block;
              padding: 8px;
              margin-bottom: 10px;
              line-height: 1.42857143;
              background-color: rgba(255, 255, 255, 0.73);
              border: 1px solid #ddd;
              border-radius: 4px;
              -o-transition: border .2s ease-in-out;
              transition: border .2s ease-in-out;
            }

            .cartaVehiculoHead{
             background-blend-mode: color-burn;
           }

           .modeloLanding{
            box-shadow: 0px 1px black;
          }

          .modeloLanding label{
           font-size: 24px;
         }

         .espacioValorarVO label{ border: 1px solid;
          padding: 1%;}

          .espacioValorarVO span {margin-right: 2%}




          .cajaRedes{overflow: hidden; position: relative;}
          .iconoRedes{font-size: 5em;
            position: absolute;
            top: 0;
            right: -1%;
            bottom: -1%;}

            .opacity23 { color: rgba(255, 255, 255, 0.23);}

            .cajaWhatsapp{color: #fff; background-color: #5cb85c; padding: 0.7em;}

            .cajaMail{color:#fff; background-color: #588fd6; padding: 0.7em;}

            .cartaVehiculo{
              display: block;
              padding: 4px;
              margin-bottom: 20px;
              line-height: 1.42857143;
              background-color: rgba(255, 255, 255, 0.73);
              border: 1px solid #ddd;
              border-radius: 4px;
              -o-transition: border .2s ease-in-out;
              transition: border .2s ease-in-out;
            }

            .fichaCliente{
              display: block;
              padding: 4px;
              margin-bottom: 20px;
              background-color: rgba(255, 255, 255, 0.73);
              border: 1px solid #ddd;
              border-radius: 4px;
            }

            .datosDescuento p{
              border-top: 1px dashed;
              padding-top: 2%;
            }

            .datosAdicionales{
              padding-top: 2%;
            }

            .datosAdicionales h3{
              font-size: 36px;
              text-align: center;
              margin: 1% 0;
            }

            .pvp{
              margin: 2% 0;
            }

            .disponible{
              background-color: #1f2531;
              margin-top: 2%;
            }
            .reservado{
              background-color:  #1f2531;
              margin-top: 2%;
            }

            .venta{
              background-color:  #1f2531;
              margin-top: 2%;
            }


            /*---------------------------------------------COLORES--------------------------------------*/

            .invertir {
             -webkit-filter: invert;
             -o-filter: invert;
             filter: invert(1);
           }

           .amarillo{color:rgba(245,206,58,1.00);}
           .amarillo2{color:rgba(219,193,83,1.00);}
           .blanco{color: rgba(255,255,255,1.00);}
           .negro{color: rgba(0,0,0,1.00)}
           .colorApagado{color: rgba(0,0,0,0.32);}
           .gris{color: rgba(105,105,105,1.00);}
           .gris3{color:#333;}
           .azulA{color: rgba(80,140,243,1.00);}
           .morado{color: rgba(242, 28, 255, 1);}

           .verdeLinea{background-color:rgba(18,100,2,1.00);color:#FFF;}
           .verdeT {color: rgba(92, 184, 92, 0.75);}
           .rojo{color: rgba(225,24,27,1.00);}
           .rojoT {color: rgba(239, 72, 72, 0.75);}
           .naranja {color: rgba(255, 131, 0, 1)}
           .verde{color:rgba(69,177,18,1.00)}
           .colorVerde{color: #a9c800;}
           .colorGris{color: rgba(232, 232, 232,1);}
           .colorAmarillo {color: #ffce00;}
           .colorAzulClaro {color: #209de1;}
           .colorAzulOscuro {color: #0a2c42;}
           .colorRojo{color: rgba(217, 83, 79, 1);}
           .colorVerde{color: rgba(92, 184, 92, 1);}
           .colorNaranja{color: rgba(255, 147, 0, 1);}

           .colorAzulDacia{color: rgba(15,112,218,1.00);}


           .coral{color: coral;}


           .colorLink{color:#2d92ea;}

           .opa0{opacity: 0;}
           .opa10{opacity: 0.1;}
           .opa20{opacity: 0.2;}
           .opa30{opacity: 0.3;}
           .opa40{opacity: 0.4;}
           .opa50{opacity: 0.5;}
           .opa60{opacity: 0.6;}
           .opa70{opacity: 0.7;}
           .opa80{opacity: 0.8;}
           .opa90{opacity: 0.9;}
           .opa100{opacity: 1;}

           .textoGris{color: rgba(128,128,128,0.19)!important; }
           .textoGris1{color: rgba(255,255,255,0.19)!important; }

           .textoV{

            -webkit-writing-mode: vertical-rl;
            -moz-writing-mode: vertical-rl;
            -ms-writing-mode: vertical-rl;
            writing-mode: vertical-rl; /* new syntax */
            transform: rotate(180deg);}


            .colorRojoA { background-color:rgb(201, 35, 28);}
            .colorNaranjaA { background-color:rgb(202, 62, 29);}
            .colorNaranjaB { background-color:rgb(204, 99, 20);}
            .colorNaranjaC { background-color:rgb(212, 133, 31);}
            .colorNaranjaD { background-color:rgb(230, 157, 62);}

            .bgAmarilloRenault{background: rgba(254,231,31,1.00);}
            .bgAzulDacia{background: rgba(15,112,218,1.00);}

            .bgAmarillo{background-color: #ffce00;}
            .bgAmarilloChillon{background-color: rgba(255,255,0,1.00);}


            .bgNegro{background-color: rgba(0,0,0,1.00);}
            .bgBlanco{background-color: #fff;}
            .bg0{background-color: transparent;}

            .bgGris{background-color:rgba(240,240,240,1.00);}
            .bgGrisT{background-color: rgba(232, 232, 232,0.6);}
            .bgGrisA{background-color:rgba(200,200,200,1.00);}
            .bgGrisAT{background-color:rgba(200,200,200,0.1);}
            .bgGris1{background-color:rgba(150,150,150,1.00);}
            .bgGris2{background-color:rgba(100,100,100,1.00);}
            .bgGris3{background-color:rgba(50,50,50,1.00);}

            .bgGrisR{background: rgba(242, 242, 241,1.00);}
            .bgGrisA{background-color:rgba(220, 220, 220,1.00);}
            .bgGrisB{background-color:rgba(197, 197, 197,1.00);}
            .bgGrisC{background-color: rgba(177, 177, 177,1.00);}
            .bgGrisD{background-color: rgba(136, 136, 136,1.00);}
            .bgGrisE{background-color: rgba(128, 128, 128,1.00);}
            .bgGrisF{background-color: rgba(68, 68, 68,1.00);}

            .bgOscurecer{ background-color: rgba(35,35,35,0.3);}
            .bgOscurecer1{ background-color: rgba(35,35,35,0.5);}
            .bgOscurecer2{ background-color: rgba(75,75,75,0.5);}
            .bgOscurecer3{ background-color: rgba(150,150,150,0.5);}

            .bgTrans{ background-color: rgba(255,255,255,0.3);}
            .bgTrans1{ background-color: rgba(255,255,255,0.5);}
            .bgTrans2{ background-color: rgba(255,255,255,0.7);}


            .bgRojoTrans{background-color: #ec080880;}
            .colorEnviados { background-color: rgba(255,207,0,0.60)!important; }
            .colorVistos { background-color: rgba(245,126,39,0.60)!important; }
            .colorGanados { background-color: rgba(51,151,15,0.60)!important; }


            .bgMorado{background-color: #a381b9;}
            .bgMorado1{background-color: #876d9b;}
            .bgMorado2{background-color: #7a628c;}
            .bgMorado3{background-color: #5f4d6d;}

            .bgMoradoChillon{background-color:rgba(217, 1, 246, 1.00);}

            .bgDashVerde {background-color: rgba(51,151,15,0.60);}
            .bgVerde{background-color: #99B982;}
            .bgVerde1{background-color: #80966C;}
            .bgVerde2{background-color: #617252;}
            .bgVerde3{background-color: #57684A;}
            .bgVerdeChillon {background: rgba(102,223,2,1.00);}

            .bgVerdeA{background-color: rgba(80, 243, 92,1);}

            .azul{color: rgba(15,13,30,1.00);}
            .azulA{color: rgba(80,140,243,1.00);}

            .bgAzulOsc{background-color: rgba(15,13,30,1.00);}
            .bgAzulA{background-color: rgba(80,140,243,1.00);}

            .bgAzul{background-color: #81B2B9;}
            .bgAzul1{background-color: #79A9AA;}
            .bgAzul2{background-color: #699293;}
            .bgAzul3{background-color: #567777;}

            .bgRojo{background-color: #ef4848;}
            .bgRojoA { background-color:rgb(201, 35, 28);}
            .bgRojoChillon {background-color: rgb(255, 10, 0);}
            .bgRojoMotrio{background-color:#e40102;}



            .bgNaranja1 { background-color: rgba(255, 131, 0, 1);}

            .bgNaranja { background-color: rgb(251, 174, 74);}
            .bgNaranjaA { background-color:rgb(202, 62, 29);}
            .bgNaranjaB { background-color:rgb(204, 99, 20);}
            .bgNaranjaC { background-color:rgb(212, 133, 31);}
            .bgNaranjaD { background-color:rgb(230, 157, 62);}

            .bgNaranjaChillon{background-color:rgba(255, 94, 0, 1);}


            .bgVerdeT {background-color: rgba(92, 184, 92, 0.75);}
            .bgVerdeAT {background-color: rgba(24, 142, 126, 0.75);}
            .bgAmarilloT {background-color: rgba(245, 189, 58, 0.75);}
            .bgNaranjaT { background-color: rgba(239, 119, 72, 0.75);}
            .bgRojoT { background-color: rgba(239, 72, 72, 0.75);}
            .bgAzul4T{ background-color: rgba(76, 130, 171, 0.82);}
            .bgAzulAT{ background-color: rgba(12, 59, 117, 0.75);}
            .bgAzulBT{ background-color: rgba(21, 128, 179, 0.75);}
            .bgMorado3T{background-color: rgba(95, 77, 109, 0.82);}

            .fondoGuay {
              background: rgba(255,255,255,1.00);
            }


            /*-------------COLORES TALLER ACTIVO--------------*/

            .bgAzulTA{background-color: rgba(61,110,142,1.00);}
            .bgRojoTA{background-color: rgba(176,98,85,1.00);}
            .bgAmarilloTA{background-color: rgba(201,168,73,1.00);}

            .bgMecanica{background: rgba(61,110,142,1.00);}
            .bgMinuto{background: rgba(176,98,85,1.00);}
            .bgCarroceria{background: rgba(201,168,73,1.00);}

            .colorMecanica{color:rgba(61,110,142,1.00);}
            .colorMinuto{color:rgba(176,98,85,1.00);}
            .colorCarroceria{color:rgba(201,168,73,1.00);}

            .bgClaseExplicativa{background-color:rgba(40, 149, 205,1.00);}

            .claseExplicativa{color:rgba(40, 149, 205,1.00);}
            .claseVentaAdicional{color:rgba(226, 21, 51,1.00);}
            .claseVentaFutura{color:rgba(237, 134, 21,1.00);}



            /* Color FAMILIAS TALER ACTIVO */

            .bg1 { background-color: #A07275; }
            .bg2 { background-color: #554959; }
            .bg3 { background-color: #D36688; }
            .bg4 { background-color: #95669E; }
            .bg5 { background-color: #36D8C8; }
            .bg6 { background-color: #36D699; }
            .bg7 { background-color: #EFC950; }
            .bg8 { background-color: #F4A960; }
            .bg9 { background-color: #FF6854; }
            .bg10 { background-color: #FF5582; }
            .bg11 { background-color: #82B2FF; }
            .bg12 { background-color: #82C4E8; }

            .color1 { color: #A07275; }
            .color2 { color: #554959; }
            .color3 { color: #D36688; }
            .color4 { color: #95669E; }
            .color5 { color: #36D8C8; }
            .color6 { color: #36D699; }
            .color7 { color: #EFC950; }
            .color8 { color: #F4A960; }
            .color9 { color: #FF6854; }
            .color10 { color: #FF5582; }
            .color11 { color: #82B2FF; }
            .color12 { color: #82C4E8; }



            /** Colores Degradados**/

            .clasePendiente{
              background: rgba(255,146,10,0);
              background: -moz-linear-gradient(top, rgba(255,146,10,0) 0%, rgba(255,175,75,1) 100%);
              background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,146,10,0)), color-stop(100%, rgba(255,175,75,1)));
              background: -webkit-linear-gradient(top, rgba(255,146,10,0) 0%, rgba(255,175,75,1) 100%);
              background: -o-linear-gradient(top, rgba(255,146,10,0) 0%, rgba(255,175,75,1) 100%);
              background: -ms-linear-gradient(top, rgba(255,146,10,0) 0%, rgba(255,175,75,1) 100%);
              background: linear-gradient(to bottom, rgba(255,146,10,0) 0%, rgba(255,175,75,1) 100%) !important;
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff920a', endColorstr='#ffaf4b', GradientType=0 );
              font-size:130%;
              color: rgba(52,52,52,1.00);
              text-align: center;

            }

            .clasePerdido{
              background: rgba(255,146,10,0);
              background: -moz-linear-gradient(top, rgba(255,146,10,0) 0%, rgba(201,105,129,1) 100%);
              background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,146,10,0)), color-stop(100%, rgba(201,105,129,1)));
              background: -webkit-linear-gradient(top, rgba(255,146,10,0) 0%, rgba(201,105,129,1) 100%);
              background: -o-linear-gradient(top, rgba(255,146,10,0) 0%, rgba(201,105,129,1) 100%);
              background: -ms-linear-gradient(top, rgba(255,146,10,0) 0%, rgba(201,105,129,1) 100%);
              background: linear-gradient(to bottom, rgba(255,146,10,0) 0%, rgba(201,105,129,1) 100%) !important;
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff920a', endColorstr='#c96981', GradientType=0 );
              font-size:130%;
              color: rgba(52,52,52,1.00);
              text-align: center;
            }

            .claseGanado{
              background: rgba(141,214,112,0);
              background: -moz-linear-gradient(top, rgba(141,214,112,0) 0%, rgba(141,214,112,0.02) 2%, rgba(141,214,112,1) 100%);
              background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(141,214,112,0)), color-stop(2%, rgba(141,214,112,0.02)), color-stop(100%, rgba(141,214,112,1)));
              background: -webkit-linear-gradient(top, rgba(141,214,112,0) 0%, rgba(141,214,112,0.02) 2%, rgba(141,214,112,1) 100%);
              background: -o-linear-gradient(top, rgba(141,214,112,0) 0%, rgba(141,214,112,0.02) 2%, rgba(141,214,112,1) 100%);
              background: -ms-linear-gradient(top, rgba(141,214,112,0) 0%, rgba(141,214,112,0.02) 2%, rgba(141,214,112,1) 100%);
              background: linear-gradient(to bottom, rgba(141,214,112,0) 0%, rgba(141,214,112,0.02) 2%, rgba(141,214,112,1) 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dd670', endColorstr='#8dd670', GradientType=0 );
              font-size:130%;
              color: rgba(52,52,52,1.00);
              text-align: center;

            }

            .claseSinEnviar{
              background: rgba(237,237,237,0);
              background: -moz-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(140,140,140,1) 100%);
              background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,0)), color-stop(100%, rgba(140,140,140,1)));
              background: -webkit-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(140,140,140,1) 100%);
              background: -o-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(140,140,140,1) 100%);
              background: -ms-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(140,140,140,1) 100%);
              background: linear-gradient(to bottom, rgba(237,237,237,0) 0%, rgba(140,140,140,1) 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#8c8c8c', GradientType=0 );
              font-size:130%;
              color: rgba(52,52,52,1.00);
              text-align: center;

            }


            /*---------------FIN COLORES-------------------*/

            /* --------------- MIS EXCEL -------------------*/

            .bgCeldaExcel{
              background: rgba(51,151,15,0.60);
              background: linear-gradient(to bottom, rgba(51,151,15,0.60) 0%, rgba(254,254,254,0) 100%);

            }


            /* --------------- PROMOCIONES Y TABLÓN -------------------*/

            .tituloPromo{
             min-height: 80px;
           }

           .altoFijo{
             min-height: 270px;
             max-height: 270px;
           }

           .card {

             background: #ffffff;
             box-shadow: 0px 4px 8px 0px rgba(23, 23, 23, 0.2);
             border-radius: 8px;
             position: relative;
             height: 100%;
           }

           .card-header {
            width: 100%;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            overflow: hidden;


          }

          .card-header:hover img {
            transform: scale(1.2);
            opacity: 0.8;
            transition: all 0.5s;
          }

          .card-content {
            position: relative;
            max-width: 100%;
            padding: 20px;}




            .card-footer {

              bottom: 0;
              left: 0;
              width: 100%;
              background-color: #f9f9f9;
              border-bottom-left-radius: 8px;
              border-bottom-right-radius: 8px;}

              .legalPromo{
                color: rgba(0, 0, 0, 0.61);
                background-color: #6969690d;
                padding: 2%;
                max-height: 67px;
                overflow: auto;

              }

              .esquina{background-image: url("https://working2.net/lineaGrafica/imagenes/esquina.svg");
                background-repeat: no-repeat;
                width: 2rem;
                position: absolute;
                height: 2rem;
                right: 0px;
                background-color: #e4e4e4;
                top:0px;
                cursor: pointer;
              }

              .esquina:before {
                content: '';
                width: 0;
                height: 0;
                border-right: 9px solid transparent;
                border-top: 9px solid transparent;
                border-left: 9px solid transparent;
                border-bottom: 9px solid transparent;
                box-shadow: -1px 2px 2.7px 0px #adadad7a;
                position: absolute;
                right: 2px;
                top: 2px;
              }

              .esquina2{
               background-image: url("https://working2.net/lineaGrafica/imagenes/esquina.svg");
               background-repeat: no-repeat;
               width: 3rem;
               position: absolute;
               height: 3rem;
               right: 0px;
               background-color: #e4e4e4;
               top: 0px;
               border-radius: 0px 6px 0px 0px;
               z-index: 1;
               cursor: pointer;
             }

             .esquina3{    background-image: url("https://working2.net/lineaGrafica/imagenes/esquina.svg");
               background-repeat: no-repeat;
               width: 1.2rem;
               position: absolute;
               height: 1.2rem;
               right: 0px;
               background-color: #e4e4e4;
               top: 0px;
               margin:3%;
               cursor: pointer;}

               /* ---------------Tablón de Anuncios------------------*/


               .contenedor {
                width: 95%;
                margin: 0 auto;
              }

              .cajaNota {
                margin-top: 18px;
                position: relative;
              }

              .nota {
                color: #333;
                position: relative;
                width: auto;
                margin: 0 auto;
                padding: 20px;
                box-shadow: 0 5px 10px 2px rgba(117, 117, 117, 0.22);
              }

              .notaFoto{
               min-height: 210px;
             }

             .notaAmarillo {
              background: #ffa;
            }

            .notaAzul {
              background: #ddf;
            }

            .notaVerde {
              background: #dfd;
            }

            .imgleft {
              float: left;
              margin: 0 20px 20px 0;
            }

            .nota img {
              border: 5px solid #fff;
            }

            .alfiler {
              background-color: #aaa;
              display: block;
              height: 16px;
              width: 2px;
              position: absolute;
              left: 50%;
              z-index: 1;
            }

            .alfiler:after {
              background-color: #A31;
              background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
              border-radius: 50%;
              box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),
              inset 3px 3px 3px hsla(0,0%,100%,.2),
              inset -3px -3px 3px hsla(0,0%,0%,.2),
              20px 6px 3px hsla(0,0%,0%,.15);
              content: '';
              height: 12px;
              left: -5px;
              position: absolute;
              top: -10px;
              width: 12px;
            }

            .alfiler:before {
              background-color: hsla(0,0%,0%,0.1);
              box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
              content: '';

              height: 19px;
              width: 2px;
              left: 0;
              position: absolute;
              top: -4px;

              transform: rotate(57.5deg);
              -moz-transform: rotate(57.5deg);
              -webkit-transform: rotate(57.5deg);
              -o-transform: rotate(57.5deg);
              -ms-transform: rotate(57.5deg);

              transform-origin: 50% 100%;
              -moz-transform-origin: 50% 100%;
              -webkit-transform-origin: 50% 100%;
              -ms-transform-origin: 50% 100%;
              -o-transform-origin: 50% 100%;
            }
            /*-------------XS---------------*/
            @media(max-width:767px){

              .none-xs{
                display: none;
              }

              .b0-xs{border: none;}

              .bordeB-xs{
                border-bottom: 1px solid;
              }

            }

            /* ---------------ESCRITORIO------------------*/
            @media only screen and (min-width: 992px) {

              .bordeR-md{
                border-right: 1px solid;
              }

              .redu-md50{font-size: 50%;}
              .flexible-md{display: flex;}

              .col-md-1A{width: 8,333333333%; position: relative; min-height: 1px; float:left;}/*col-md-1*/
              .col-md-2A{width: 16,666666667%; position: relative; min-height: 1px; float:left;}/*col-md-2*/
              .col-md-20{width: 20%; position: relative; min-height: 1px; float:left;}
              .col-md-3A{width: 25%; position: relative; min-height: 1px; float:left;}/*col-md-3*/
              .col-md-4A{width: 33.33333333%; position: relative; min-height: 1px; float:left;}/*col-md-4*/
              .col-md-40{width: 40%; position: relative; min-height: 1px; float:left;}
              .col-md-5A{width: 41.66666667%; position: relative; min-height: 1px; float:left;}/*col-md-5*/
              .col-md-6A{width: 50%; position: relative; min-height: 1px; float:left;}/*col-md-6*/
              .col-md-60{width: 60%; position: relative; min-height: 1px; float:left;}
              .col-md-7A{width: 58,33333333%; position: relative; min-height: 1px; float:left;}/*col-md-7*/
              .col-md-8A{width: 66,66666667%; position: relative; min-height: 1px; float:left;}/*col-md-8*/
              .col-md-9A{width: 75%; position: relative; min-height: 1px; float:left;}/*col-md-9*/
              .col-md-80{width: 80%; position: relative; min-height: 1px; float:left;}
              .col-md-10A{width: 83,33333333%; position: relative; min-height: 1px; float:left;}/*col-md-10*/
              .col-md-11A{width: 91,66666667%; position: relative; min-height: 1px; float:left;}/*col-md-11*/
              .col-md-12A{width: 100%; position: relative; min-height: 1px; float:left;}/*col-md-12*/

              .col-md-14col{width: 7.142867%; position: relative; float:left;}
              .col-md-7col{width: 14.285714%; position: relative; float:left;}
              .col-md-7Acol{width: 28.571428%; position: relative; float:left;}
              .col-md-7Bcol{width: 42,857412%; position: relative; float:left;}

            }


            @media screen and (min-width: 768px){

              .b0-sm{border: none;}

              .flexible{display: flex;}

              .col-sm-1A{width: 8,333333333%; position: relative; min-height: 1px; float:left;}/*col-sm-1*/
              .col-sm-2A{width: 16,666666667%; position: relative; min-height: 1px; float:left;}/*col-sm-2*/
              .col-sm-20{width: 20%; position: relative; min-height: 1px; float:left;}
              .col-sm-3A{width: 25%; position: relative; min-height: 1px; float:left;}/*col-sm-3*/
              .col-sm-4A{width: 33.33333333%; position: relative; min-height: 1px; float:left;}/*col-sm-4*/
              .col-sm-40{width: 40%; position: relative; min-height: 1px; float:left;}
              .col-sm-5A{width: 41.66666667%; position: relative; min-height: 1px; float:left;}/*col-sm-5*/
              .col-sm-6A{width: 50%; position: relative; min-height: 1px; float:left;}/*col-sm-6*/
              .col-sm-60{width: 60%; position: relative; min-height: 1px; float:left;}
              .col-sm-7A{width: 58,33333333%; position: relative; min-height: 1px; float:left;}/*col-sm-7*/
              .col-sm-8A{width: 66,66666667%; position: relative; min-height: 1px; float:left;}/*col-sm-8*/
              .col-sm-9A{width: 75%; position: relative; min-height: 1px; float:left;}/*col-sm-9*/
              .col-sm-80{width: 80%; position: relative; min-height: 1px; float:left;}
              .col-sm-10A{width: 83,33333333%; position: relative; min-height: 1px; float:left;}/*col-sm-10*/
              .col-sm-11A{width: 91,66666667%; position: relative; min-height: 1px; float:left;}/*col-sm-11*/
              .col-sm-12A{width: 100%; position: relative; min-height: 1px; float:left;}/*col-sm-12*/

              .col-sm-14col{width: 7.142867%; position: relative; float:left;}
              .col-sm-7col{width: 14.285714%; position: relative; float:left;}
              .col-sm-7Acol{width: 28.571428%; position: relative; float:left;}
              .col-sm-7Bcol{width: 42,857412%; position: relative; float:left;}

              .row-sm{
                margin-right: -15px;
                margin-left: -15px;
              }

            }

            /* ---------------MOVIL------------------*/

            @media screen and (max-width: 894px){

              .card-body{ font-size: 90% !important;
              }

              .ajusteTop {
                margin-top: 11%;
              }

            }

            @media screen and (max-width: 640px) {

              .centCol{
                padding-left: 9%;
              }
              .ajusteTop {
                margin-top: 14%;
              }
            }

            @media screen and (max-width: 768px) {

              .movilNone{display:none;}
              .mM0{margin:0px;}
              .pM0{padding: 0px;}
              .bgMovilBlue{
                background-color: #618aa2;
                color: white;
                padding: 2%;
              }

              .bgMovilGris{
                background-color: #0c00007a;
                color: white;
              }

              .widthMovil50{width: 50%;
                float:left;
                position: relative;
                min-height: 1px;

              }

            }

            @media screen and (max-width: 769px) {

              .reduiPadV100{font-size: 100% !important;}
              .reduiPadV97{font-size: 97% !important;}
              .reduiPadV80{font-size: 80% !important;}
              .reduiPadV60{font-size: 60% !important;}
              .reduiPadV50{font-size: 50% !important;}



              .fontiPadV200{font-size:200% !important;}
              .fontiPadV250{font-size:250% !important;}
              .fontiPadV150{font-size:150% !important;}

            }

            @media only screen and (max-width: 992px) and (min-width: 768px) {
              .reduiPadV40{font-size: 40% !important;}

            }


            /*---------BOTONES--------*/

            .botonBorrar{
              padding-top: 2%;
              padding-left: 10%;
            }
            .botonEditar{
              padding-top: 2%;
              padding-left: 10%;
            }
            .botonBorrar label{
              padding-left: 18%;
              margin-bottom: 0px;

            }
            .botonEditar label{
              padding-left: 18%;
              margin-bottom: 0px;

            }
            .botonIrAFicha{
              padding: 5% 0% 0% 5%;
            }
            .btnGran {
              min-height: 150px;
              font-size: 100%;
            }

            .btn60{
              height: 60px;
            }

            .btnMasCuadradoIcono {
              float: left;
              clear: none;
              width: 25%;
              text-align: center;
              font-size: 300%;
              margin-top: 6%;
            }

            .btnMedCuadradoIcono {
              clear: none;
              width: 25%;
              text-align: center;
              font-size: 300%;
              margin-top: 6%;
              margin-left: 7%;
            }
            .btnFiltrarCuadradoIcono {
              font-size: 24px;
              padding: 0% 38%;
            }


            @media screen and (max-width: 596px) {


              .ajusteTop {
                margin-top: 18%;
              }

              .reduMovil50{font-size:50% !important;}
              .reduMovil{font-size:70% !important;}
              .reduMovil82{font-size:82% !important;}
              .reduMovil97{font-size:97% !important;}

              .reduMovil100{font-size:100% !important;}

              .pM0{padding: 0px;}


              .fichaVOMatricula{font-size: 110%;}


              .titulo3 span{
                display: none;
              }

              .titulo3 label{
                font-size:80%;
                padding-left: 0px;
                border-left: none;
              }

              .diasStock span{
                display: block;
                text-align: center;
              }
              .ubicacion span{
                display: block;
                text-align: center;
              }
            }


            @media screen and (max-width: 321px) {

              .ajusteTop {
                margin-top: 20%;
              }

              .titulobConH3 span {
                font-size: 100%;
              }

              .cajamatricula {
               padding: 3px;
             }

             .btnRedu label{font-size: 87%;}
             .btnRedu span {font-size: 97%;}

           }

           @media screen and (max-width: 321px) {
             .cajaRedes label{display:none; min-height: 50px;}
             .cajaWhatsapp{min-height: 50px;}
             .cajaMail{min-height: 50px;}
             .iconoRedes{font-size: 3em;}

           }