@charset "UTF-8";

/*---------------------------------------------FUENTES--------------------------------------*/

@font-face {
  font-family: "RenaultLife-Bold";
  src: url("../fuentes/Archivo-Bold.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "RenaultLife";
  src: url("../fuentes/Archivo-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: "RenaultLife-Italic";
  src: url("../fuentes/Archivo-Light.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: "RenaultLife-Black";
  src: url("../fuentes/Archivo-Black.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: "RenaultLife-Black-Italic";
  src: url("../fuentes/Archivo-BlackItalic.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: "RenaultLife-ExtraBold";
  src: url("../fuentes/Archivo-ExtraBold.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: "RenaultLife-ExtraBoldItalic";
  src: url("../fuentes/Archivo-ExtraBoldItalic.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: "RenaultLife-ExtraLight";
  src: url("../fuentes/Archivo-ExtraLight.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: "RenaultLife-LightItalic";
  src: url("../fuentes/Archivo-LightItalic.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: "RenaultLife-Medium";
  src: url("../fuentes/Archivo-Medium.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: "RenaultLife-MediumItalic";
  src: url("../fuentes/Archivo-MediumItalic.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: "RenaultLife-SemiBold";
  src: url("../fuentes/Archivo-SemiBold.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: "RenaultLife-SemiBoldItalic";
  src: url("../fuentes/Archivo-SemiBoldItalic.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: "RenaultLife-Thin";
  src: url("../fuentes/Archivo-Thin.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: "RenaultLife-ThinItalic";
  src: url("../fuentes/Archivo-ThinItalic.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: "RenaultLife-BoldItalic";
  src: url("../fuentes/Archivo-BoldItalic.ttf");
  font-weight: normal;
  font-style: normal;
}

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

.cursorP{cursor: pointer;}

body{font-family:RenaultLife;}

.rena{font-family:RenaultLife-Bold;}
.rena2{font-family:RenaultLife;}
.rena3{font-family:RenaultLife-Italic;}
.rena4{font-family:RenaultLife-Black;}
.rena5{font-family:RenaultLife-Black-Italic;}
.rena6{font-family:RenaultLife-ExtraBold;}
.rena7{font-family:RenaultLife-ExtraBoldItalic;}
.rena8{font-family:RenaultLife-ExtraLight;}
.rena9{font-family:RenaultLife-LightItalic;}
.rena10{font-family:RenaultLife-Medium;}
.rena11{font-family:RenaultLife-MediumItalic;}
.rena12{font-family:RenaultLife-SemiBold;}
.rena13{font-family:RenaultLife-SemiBoldItalic;}
.rena14{font-family:RenaultLife-Thin;}
.rena15{font-family:RenaultLife-ThinItalic;}
.rena16{font-family:RenaultLife-BoldItalic;}

.cajaAlta{text-transform: uppercase;}

.breakSpaces{white-space: break-spaces;}
.noWrap{white-space: nowrap;}
.breakW{word-break: break-word;}


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

.aum110{font-size: 110%;}
.aum120{font-size: 120%;}
.aum150{font-size:150%;}
.aum160{font-size:160%;}
.aum170{font-size:170%;}
.aum180{font-size:180%;}
.aum190{font-size:190%;}
.aum200{font-size:200%;}
.aum250{font-size:250%;}

.font13{font-size:1300%;}
.font10{font-size:1000%;}
.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);}

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

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

.grayscale1{
  -webkit-filter: grayscale;
  -o-filter: grayscale;
  filter: grayscale(1);
}

.shadow-bombillaVerde{
  text-shadow: 0px -0.1rem 0.4rem #97ffbe8c;
}

.shadow-bombillaNaranja{
  text-shadow: 0px 0rem 0.5rem #ff9d718c;
}

.shadow-bombillaRoja{
  text-shadow: 0px 0rem 0.5rem #ff6f6f69;
}

.dropShadow01{filter: drop-shadow(0.1rem 0.1rem 0.1rem);}



.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;}
.shadow-lg-2{box-shadow: 0 2rem 1.5rem -1.5rem rgba(33,37,41,.15),0 0 1.5rem .5rem rgba(220,220,220,.1)!important;}

.shadowInset{box-shadow: inset -0.7rem -0.7rem 0.7rem 0px rgba(35,35,35,.15);}
.blackShadowInset{box-shadow: inset -0.7rem -0.7rem 0.7rem 0px rgba(0,0,0,1);}


.shadowInset01{box-shadow: inset -0.1rem -0.1rem 0.2rem #adadad;}
.blackShadowInset01{box-shadow: inset -0.1rem -0.1rem 0.2rem #000000;}
.blackShadowInset02{box-shadow: inset -0.1rem -0.1rem 0.2rem #00000038;}

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

.blanco { color: #ffffff; }
.negro { color: #000000; }

.grisT {color: #00000052; }

.gris { color: #ecf0f1; }
.grisPlata { color: #bdc3c7; }
.grisF6 { color: #f6f6f6;; }

.gris69 { color: #696969; }
.gris3 { color: #333333; }

.grisColor { color: #95a5a6; }
.grisColor1 { color: #7f8c8d; }


.turquesa { color: #1abc9c; }
.turquesa1 { color: #16a085; }


.verde { color: #2ecc71; }
.verde1 { color: #27ae60; }


.azul { color: #3498db; }
.azul1 { color: #2980b9; }


.morado { color: #9b59b6; }
.morado1 { color: #8e44ad; }


.azulOsc { color: #34495e; }
.azulOsc1 { color: #2c3e50; }


.amarillo { color: #f1c40f; }
.naranja { color: #f39c12; }


.naranja { color: #e67e22; }
.naranja1 { color: #d35400; }


.rojo { color: #e74c3c; }
.rojo1 { color: #c0392b; }


.colorLink{color:#2d92ea; }


.grisG{color: rgba(68, 68, 68,1.00);}
.grisF{color: rgba(110, 110, 110, 1.00);}
.grisE{color: rgba(135, 135, 135, 1.00);}
.grisD{color: rgba(160, 160, 160, 1.00);}
.grisC{color: rgba(185, 185, 185, 1.00);}
.grisB{color: rgba(210, 210, 210, 1.00);}
.grisA{color: rgba(245, 245, 245,1.00);}

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

.sature05{filter: saturate(0.5);}
.sature07{filter: saturate(0.7);}
.sature15{filter: saturate(1.5);}


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

.underLine{text-decoration: underline;}

.rojoBrillo{color: #ff0000;}
.verdeBrillo{color: #00ff00;}
.naranjaBrillo{color: #ff6b00;}


.aqua{color: aqua;}
.darkOrange{color: darkorange;}
.coral{color: coral;}
/*---------------------------------------------BACKGROUND--------------------------------------*/


.bgAzulDacia { background: #0f70da; }
.bgAmarilloRena { background-color: #ffce00; }

.bgNegro { background-color: #000000; }
.bgBlanco { background-color: #ffffff; }
.bgTrans { background-color: transparent;}

.bgGris150{background-color:rgba(150,150,150,1.00);}
.bgGris100{background-color:rgba(100,100,100,1.00);}
.bgGris50{background-color:rgba(50,50,50,1.00);}

.bgGris{background-color: #bdc3c7;}

.bgF6{background-color: #f6f6f6;}

.bgGrisG{background-color: rgba(68, 68, 68,1.00);}
.bgGrisF{background-color: rgba(110, 110, 110, 1.00);}
.bgGrisE{background-color: rgba(135, 135, 135, 1.00);}
.bgGrisD{background-color: rgba(160, 160, 160, 1.00);}
.bgGrisC{background-color: rgba(185, 185, 185, 1.00);}
.bgGrisB{background-color: rgba(210, 210, 210, 1.00);}
.bgGrisA{background-color: rgba(245, 245, 245,1.00);}

.bgNegro03{ background-color: rgba(0,0,0,0.1);}
.bgNegro05{ background-color: rgba(0,0,0,0.3);}
.bgNegro07{ background-color: rgba(0,0,0,0.5);}

.bgGris03{ background-color: rgba(135,135,135,0.1);}
.bgGris05{ background-color: rgba(135,135,135,0.3);}
.bgGris07{ background-color: rgba(135,135,135,0.5);}

.bgTrans03{ background-color: rgba(255,255,255,0.3);}
.bgTrans05{ background-color: rgba(255,255,255,0.5);}
.bgTrans07{ background-color: rgba(255,255,255,0.7);}


.bgGrisColor { background-color: #95a5a6; }
.bgGrisColor1 { background-color: #7f8c8d; }


.bgTurquesa { background-color: #1abc9c; }
.bgTurquesa1 { background-color: #16a085; }


.bgVerde { background-color: #2ecc71; }
.bgVerdeChillon { background-color: #00ff00; }
.bgVerde1 { background-color: #27ae60; }


.bgAzul { background-color: #3498db; }
.bgAzul1 { background-color: #2980b9; }


.bgMorado { background-color: #9b59b6; }
.bgMorado1 { background-color: #8e44ad; }


.bgAzulOsc { background-color: #34495e; }
.bgAzulOsc1 { background-color: #2c3e50; }


.bgAmarillo { background-color: #f1c40f; }
.bgAaranja { background-color: #f39c12; }


.bgNaranja { background-color: #e67e22; }
.bgNaranja1 { background-color: #d35400; }


.bgRojo { background-color: #e74c3c; }
.bgRojoChillon { background-color: #ff0000; }
.bgRojo1 { background-color: #c0392b; }



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


.scroll-horizontal::-webkit-scrollbar-track{

  -webkit-box-shadow: inset 0 0 6px rgba(255,255,255, 0.1);
  background-color: transparent;
  height: 12px;
}


.scroll-horizontal::-webkit-scrollbar
{
  height: 6px;
  background-color: transparent;
}

.scroll-horizontal::-webkit-scrollbar-thumb

{
  background-color: transparent;
  border: 6px dashed  #4F21FF;

}



::-webkit-scrollbar-track{

 background-color: transparent;
}


::-webkit-scrollbar{
  width: 8px;
  height: 4px;
  background-color: transparent;
}

::-webkit-scrollbar-thumb{
  border-left: 4px solid #cbcbcb;

}

::-webkit-scrollbar-thumb:horizontal{
 background-color: transparent;
}

.scrollNone::-webkit-scrollbar {
  display: none;
}

/*--------------------------------------------- BOOTSTRAP --------------------------------------*/

.panel-group .panel {
  border-radius: 0px !important;
}

/*--------------------------------------------- SPECTRUM --------------------------------------*/

.sp-reja{
  position: absolute;
  bottom: 0px;
  z-index: 9;
  background-image: url(../imagenes/reja.svg);
  background-position: center bottom;
  background-size: contain;
  cursor: help;
  height: 43%;
}