* {
  box-sizing: border-box;
}

/*--------------------*/



.anchoAuto{
    float: left;
    clear: none;
    width: auto;
}

.ancho50{
    float: left;
    clear: none;
    width: 50%;
}

.bordeB0-lastNone:last-child{
    border-bottom: none;
}

.bordeR0-lastNone:last-child{
    border-right: none;
}

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

/*.maxW333{max-width: 333px;}
.maxW1330{max-width: 1330px;}*/

/*--------------------*/

.fixed{position: fixed;}
.absolut{position: absolute;}
.arribaIzq {position: absolute;top: 0px;left: 0px;}
.abajoDerecha {position: absolute; bottom: 0px; right: 0px;}
.arribaDerecha {position: absolute; top: 0px; right: 0%;}
.abajoIzquierda {position: absolute; bottom: 0px; left: 0px;}
.relativo{position: relative;}

.z-index9{z-index: 9;}
.z-index99{z-index: 99;}
.z-index999{z-index: 999;}

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


.flexibleAll{display: flex;}

.flot{float: left; width: 100%;  clear: both;}
.flotR{float: right;}
.flotA{float: left; width: auto;  clear: none;}


.superIndice{display: table-caption;}

.inlineBlock{display:inline-block;}
.inlineGrid{display: inline-grid;}
.inlineFlex{display: inline-flex;}
.grid{display: grid;}
.block{display: block;}
.none{display: none;}

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


.cajaOverflow{overflow: hidden; position: relative;}
.scroll{overflow: scroll;}


.textoV{
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}


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

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


.grid-row33 {
    display: grid;
    grid-template-rows: 33.333333% 33.333333% 33.333333%;
}


.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;}
.lineaTD {border-top: 1px dotted;}
.lineaBD {border-bottom: 1px dotted;}

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


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

.circulo {
 width: 1em;
 height: 1em;
 -moz-border-radius: 50em;
 -webkit-border-radius: 50em;
 border-radius: 50em;
}


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



.borde { border:1px solid;}
.bordeA {border: 1px solid rgba(153, 153, 153, 0.24);}
.bordeB {border-bottom: 1px solid;}
.bordeB0 {border-bottom: 0PX;}
.bordeB5 {border-bottom: 5px solid;}
.bordeR {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;}


.bordeA2{

    border-right: 0.5px solid #919191;
    border-bottom: 0.5px solid #919191;
}


.margen5x{margin: 5px;}

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

.m5x{margin-top: 5px;}
.mr5x{margin-right: 5px;}
.ml5x{margin-left: 5px;}
.mb5x{margin-bottom: 5px;}

.m7x{margin-top: 7px;}
.mr7x{margin-right: 7px;}
.ml7x{margin-left: 7px;}
.mb7x{margin-bottom: 7px;}

.m15x{margin-top: 15px;}
.mr15x{margin-right: 15px;}
.ml15x{margin-left: 15px;}
.mb15x{margin-bottom: 15px;}

.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: 6%;}
.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;}
.p7x{padding: 7px;}
.p15x{padding: 15px;}

.pb5x{padding-bottom: 5px;}
.pt5x{padding-top: 5px;}
.pr5x{padding-right: 5px;}
.pl5x{padding-left: 5px;}

.pb7x{padding-bottom: 7px;}
.pt7x{padding-top: 7px;}
.pl7x{padding-left: 7px;}
.pr7x{padding-right: 7px;}

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

.pt10x{padding-top: 10px;}
.pb10x{padding-bottom: 10px;}


.pb0{padding-bottom:0%;}
.pb1{padding-bottom:1%;}
.pb2{padding-bottom:2%;}
.pb3{padding-bottom:3%;}
.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%;}

.pl15x{padding-left: 15px;}
.pb15x{padding-bottom: 15px;}
.pl20x{padding-left: 20px;}


.rotate-0{transform: rotate(0deg);

}

.rotate-90{transform: rotate(90deg);

}


.valing-medio{vertical-align: middle;}
.valing-top{vertical-align: top;}
.valing-super{vertical-align: super;}
.aling-center{align-items: center;}

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

.centerAbsolutT {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
}


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

.scroll-horizontal {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    cursor: ew-resize;
}

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

.w35x{width: 35px;}
.w40x{width: 40px;}
.w50x{width: 50px;}
.w60x{width: 60px;}
.w70x{width: 70px;}
.w80x{width: 80px;}
.w90x{width: 90px;}
.w100x{width: 100px;}
.w120x{width: 120px;}
.w150x{width: 150px;}
.w200x{width: 200px;}
.w250x{width: 250px;}
.w400x{width: 400px;}

.w30vw{width: 30vw;}

.w100{width: 100%;}

.fullHeight {position: absolute; top: 0; bottom: 0;}

.h7{height: 7px;}
.h20{height: 20px;}
.h30{height: 30px;}

.h7x{height: 7px;}
.h20x{height: 20px;}
.h30x{height: 30px;}
.h40x{height: 40px;}
.h50x{height: 50px;}
.h80x{height: 80px;}
.h90x{height: 90px;}
.h100x{height: 100px;}
.h120x{height: 120px;}
.h150x{height: 150px;}
.h200x{height: 200px;}

.minContent{min-width: min-content;}
.fill-available{min-width:-webkit-fill-available;}

.minW50x{min-width: 50px;}
.minW100x{min-width: 100px;}
.minW200x{min-width: 200px;}
.minW250x{min-width: 250px;}
.minW300x{min-width: 300px;}

.minW1500x{min-width: 1500px;}

.minW100{min-width: 100%;}


.h1000{height: 1000px;}

.h100{height: 100%;}
.h99{height: 99%;}
.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;}
.minH70{min-height: 70px;}
.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;}
.minH375{min-height: 375px;}
.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;}



.maxW110{max-width: 110px;}
.maxW70{max-width: 70px;}
.maxW50{max-width: 50px;}
.maxW200{max-width: 200px;}
.maxW250{max-width: 250px;}
.maxW300{max-width: 300px;}

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



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

}


#crumbs {

    float: left;

}


#crumbs ul {
    list-style: none;
    margin:0px;
    padding: 0 30px 0 0;
}



#crumbs span {
    display: block;
    float: left;
    text-align: center;
    position: relative;
    text-decoration: none;
    padding: 2px 18px;
    margin: 0 4px 0 0;
}
#crumbs span:after {
    content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid rgba(245, 245, 245,1.00);
    position: absolute;
    right: -12px;
    top: 0;
    z-index: 1;

}

.crumbsBordeColor:after{
    border-left: 12px solid rgba(68, 68, 68,1.00) !important;
}

#crumbs span:before {
    content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #fff;
    position: absolute;
    left: 0;
    top: 0;
}


#crumbs ul li:first-child span {
    border-top-left-radius: 10px; border-bottom-left-radius: 10px;
}
#crumbs ul li:first-child span:before {
    display: none;
}

#crumbs ul li:last-child span {
    padding-right: 20px;
    border-top-right-radius: 10px; border-bottom-right-radius: 10px;
}
#crumbs ul li:last-child span:after {
    display: none;
}


/*-----------------------------------TITULOS----------------------------------*/


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


.banda {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    min-height: 80px;
    overflow: hidden;
    z-index: 999;
}


.soportePantalla {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 99999;
}

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


.pantalla {
    position: relative;
    width: 100%;
    height: 100%;
    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;
}



/*-------------XS---------------*/

@media(max-width:767px){

    .none-xs{display: none;}

    .b0-xs{border: none;}

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

    .row-xs-none{margin-right: 0px;margin-left: 0px;}

    .p0-xs{padding: 0px;}
}


/* ---------------SM------------------*/

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

    .b0-sm{border: none;}

    .flexible{display: flex;}

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

}


/* ---------------MD------------------*/

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

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

    .redu-md50{font-size: 50%;}

    .flexible-md{display: flex;}


}



@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 screen and (max-width: 596px) {


    .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;}
    .mM0{margin:0px;}

}


/*-------------LG---------------*/
@media (min-width: 1200px){

}

@media screen and (max-width: 1500px){
   .ajusteTop {
    margin-top: 7%;
}
}

@media screen and (max-width: 1200px){
   .ajusteTop {
    margin-top: 9%;
}
}

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

    .ajusteTop {
        margin-top: 11%;
    }

}

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

    .ajusteTop {
        margin-top: 14%;
    }
}

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

    .ajusteTop {
        margin-top: 16%;
    }
}

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

    .ajusteTop {
        margin-top: 20%;
    }
}