@charset "UTF-8";
@font-face{
    font-family:RenaultLife-Regular;
    src:url(../fuentes/NouvelR-Regular.ttf);
}

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

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

}

@font-face{
    font-family:DS-digital;
    src:url(../fuentes/DS-DIGIB.TTF);
}

body{
    font-family:RenaultLife-Regular ;
}

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

input{font-size: 120%;}
.form-control{font-size: 1.2rem;}

/*body{font-family:RenaultLife-Bold;}*/
.rena{font-family:RenaultLife-Bold;}
.rena2{font-family:RenaultLife-Regular;}
.rena3{font-family:RenaultLife-Italic;}
.digi{font-family:DS-digital;}
.cajaAlta{text-transform: uppercase;}
.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;}
.textRight{text-align: right;}
.textLeft{text-aling: left;}

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

.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-heightA {line-height: 1.5em;}
.lineaD {border-right: 1px dotted #ccc;}
.lineaBD {border-bottom: 1px dotted;}
.lineGris{ border: 1px solid rgba(205,205,205,1.00);}

.cajaOverflow{overflow: hidden; position: relative;}
.displayInline{display:inline-block;}
.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;}


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

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

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

.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-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-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-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-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;}

.borde{ border:1px solid; margin: 2%;}
.bordeA {border: 1px solid rgba(153, 153, 153, 0.24);}
.border { border:1px solid;}
.bordeB {border-bottom: 1px solid;}
.bordeB5 {border-bottom: 5px solid;}
.bordeR {border-right:1px solid;}
.bordeL {border-left:1px solid;}
.bordeT{border-top: 1px solid;}

.h1000{height: 1000px;}



.mAuto{margin:0 auto;}
.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%;}

.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%;}
.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%;}
.pt50{padding-top: 50px;}
.pt14{padding-top: 14px;}
.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%;}
.pb1{padding-bottom:1%;}
.pb2{padding-bottom:2%;}
.pr0{padding-right: 0px;}
.pr3{padding-right: 3%;}
.pr2{padding-right: 2%;}
.pr5{padding-right: 5%;}
.pl0{padding-left: 0%;}
.pl2{padding-left: 2%;}
.pl1{padding-left: 1%;}
.pl3{padding-left: 3%;}
.pl5{padding-left: 5%;}


.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%;}
.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%;}

.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;}
.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%;}

.fullHeight {

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

}


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

.h100{height: 100%;}
.minH7{min-height: 7px;}


.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;}
.minH100{min-height: 100px;}
.minH120{min-height: 120px;}
.minH130{min-height: 130px;}
.minH140{min-height: 140px;}
.minH190{min-height: 190px;}
.minH300{min-height: 300px;}
.minH400{min-height: 400px;}

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

.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);}

/* --------------- 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;

}

.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;
    cursor: pointer;
    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(../imagenes/esquina.svg);
    background-repeat: no-repeat;
    width: 2rem;
    position: absolute;
    height: 2rem;
    right: 0px;
    background-color: #e4e4e4;
    top:0px;
}

.esquina2{
    background-image: url(../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;
}

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

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

.checkOk{
	color: #70ea41;
	display: contents;}
    .checkOk label{margin-bottom: 0px;}
    .checkcaja{display: grid;}
    .checkcaja label{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;
    }
    check input:checked + .boxNoOk { background-color: #b3ffb7;}
/*    input[type="checkbox"]:checked + label { background-color: #b3ffb7; }*/
/*    input[type="checkbox"] { display:none; }*/

.form-check-input:checked {
    background-color: #192230;
    border-color: #c5cedc;
}

.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);
}

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

.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;
}

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

.formIcon{
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: transparent;
    padding: 5px;
    height: 40px;
    width: auto;
    line-height: 30px;
    font-size: 18px;
    pointer-events: none;

}

.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;
  background: #8c8c8c;
  position: relative;
  transform: rotate(225deg);}


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

 .cajaFlecha{

  position: absolute;
  top: 4px;
  right: 0px;
  border-left: 1px solid #8c8c8c;
  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----------------------------------*/

.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 */


.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;
}

.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;
        }

        .diasStock{
         font-size: 160%;
         background-color: #7b7b7b;
         box-shadow: -3px -4px black;
         z-index: 1;
     }

     .ubicacion{
        background-color: #252525;
        font-size: 160%;
        box-shadow: -3px -4px black;
    }
    .diasStock{
        padding-top: 2%;
    }
    .ubicacion{
        padding-top: 2%;
    }
    .diasStock label{
        padding-left: 10%;
        margin-bottom: 0px;

    }
    .ubicacion label{
        padding-left: 10%;
        margin-bottom: 0px;

    }

    .diasStock span{
        padding: 0px;
        margin: 0px;


    }
    .ubicacion span{
        padding: 0px;
        margin: 0px;

    }

    .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--------------------------------------*/

.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);}
.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;}
.rojo{color: rgba(225,24,27,1.00);}
.naranja{color: rgba(196,116,40,1.00);}
.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: rgba(245,206,58,1.00);}
    .bgAmarilloChillon{background-color: rgba(255,255,0,1.00);}
    .bgAmarilloH:hover{background-color: #f5ce3ae6;}
    .bgGrisH:hover{background-color: rgba(177, 177, 177,1.00);}


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

    .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);}

    .bgAmarilloVN{background-color: rgba(255,206,51,1.00);}
    .bgGrisVN{background-color: rgba(48, 48, 48, 1.00);}
    .bgGris80{background-color: rgba(96, 96, 96, 1.00);}
    .bgGris60{background-color: rgba(135, 135, 135, 1.00);}
    .bgGris50{background-color: rgba(160, 160, 160, 1.00);}
    .bgGris40{background-color: rgba(180, 180, 180, 1.00);}
    .bgGris30{background-color: rgba(198, 198, 198, 1.00);}


    .bgGris1{background-color: #111111;}
    .bgGris2{background-color: #222222;}
    .bgGris3{background-color: #333333;}
    .bgGris4{background-color: #444444;}
    .bgGris5{background-color: #555555;}
    .bgGris6{background-color: #666666;}
    .bgGris7{background-color: #777777;}
    .bgGris8{background-color: #888888;}
    .bgGris9{background-color: #999999;}

    .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);}


    .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{background-color: rgba(15,13,30,1.00);color:#FFF;}
    .azulA{background-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);
    }
    .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);}





.claseSinEnviar {
    border: 1px solid rgba(54, 59, 69, 0.8);
    color: rgba(54, 59, 69, 0.8);
    border-left: 12px solid rgba(54, 59, 69, 0.8);

}

.clasePendiente {
    border: 1px solid rgba(245,126,39,0.9);
    color: rgba(245,126,39,0.9);
    border-left: 12px solid rgba(245,126,39,0.9);

}

.clasePerdido {
    border: 1px solid rgba(191,11,14,0.8);
    color: rgba(191,11,14,0.8);
    border-left: 12px solid rgba(191,11,14,0.8);

}

.claseGanado {
    border: 1px solid rgba(51,151,15,0.9);
    color: rgba(51,151,15,0.9);
    border-left: 12px solid rgba(51,151,15,0.9);
}


/*---------------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%);

}




/* ---------------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%;
}

/* ---------------ESCRITORIO------------------*/


@media screen and (min-width: 768px){
	.flexible{display: flex;}
}


/* ---------------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) {

    .mM0{margin: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%;}
        .reduiPadV97{font-size: 97%;}
        .reduiPadV80{font-size: 80%;}
        .reduiPadV60{font-size: 60%;}
        .reduiPadV50{font-size: 50%;}


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

    }

/*---------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%;
}

.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;}

    .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;}

}


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

.tituloPromo{
   min-height: 80px;
}

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

.card {

   box-shadow: 0px 4px 8px 0px rgba(23, 23, 23, 0.2);
   border-radius: 8px;
   position: relative;
}

.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("../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("../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("../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;}


     .esquinaCustom{

      position: absolute;
      top: 0px;
      right: 0px;
      width: 1.5rem;
      height: 1.5rem;
      cursor: pointer;}


      .esquinaCustom:before {
        content: '';
        width: 1.5rem;
        height: 1.5rem;
        border-top: 1.5rem solid #cccccc70;
        border-left: 1.5rem solid;
        box-shadow: -1px 2px 2.7px 0px #00000059;
        position: absolute;
        right: 0px;
        top: 0px;
    }

    .esquinaCustom:after {
        content: '';
        width: 1.6rem;
        height: 1.6rem;
        position: absolute;
        right: 0px;
        top: 0px;
        box-shadow: inset 1.5px -1.5px 3px 0px #00000011;
        overflow: hidden;
    }

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