@charset "UTF-8";

@font-face {
    font-family: "RenaultLife-Bold";
    src: url("../fuentes/RenaultLife-Bold.eot");
    src: url("../fuentes/RenaultLife-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fuentes/RenaultLife-Bold.otf") format("opentype"),
    url("../fuentes/RenaultLife-Bold.svg") format("svg"),
    url("../fuentes/RenaultLife-Bold.ttf") format("truetype"),
    url("../fuentes/RenaultLife-Bold.woff") format("woff"),
    url("../fuentes/RenaultLife-Bold.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: "RenaultLife";
    src: url("../fuentes/RenaultLife-Regular.eot");
    src: url("../fuentes/RenaultLife-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fuentes/RenaultLife-Regular.otf") format("opentype"),
    url("../fuentes/RenaultLife-Regular.svg") format("svg"),
    url("../fuentes/RenaultLife-Regular.ttf") format("truetype"),
    url("../fuentes/RenaultLife-Regular.woff") format("woff"),
    url("../fuentes/RenaultLife-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}


@font-face{
    font-family:RenaultLife-Italic;
    src:url(../fuentes/RenaultLife-Italic.ttf);
}

@font-face{
    font-family:RenaultLife-BoldItalic;
    src:url(../fuentes/RenaultLife-BoldItalic.ttf);
}


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%;}
body{font-family:RenaultLife-Bold;}
.rena{font-family:RenaultLife-Bold;}
.rena2{font-family:RenaultLife;}
.rena3{font-family:RenaultLife-Italic;}
.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;}




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

.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 {
    font-family:RenaultLife-Regular;
    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 {
    font-family:RenaultLife-Regular;
    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-family:RenaultLife-Regular;
            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;
                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;}

}