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

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

/** Colores Background  **/
.bgNegroH{background-color: #000; color:white; transition: 0.3s}
.bgNegroH:hover{background-color: #FF3127; transition: 0.3s; color:white;}
.bgNegroAzulH{background-color: #000; color:white; transition: 0.3s}
.bgNegroAzulH:hover{background-color: #4F21FF;color:white; transition: 0.3s}
.bgNegroSilverH{background-color: #000;color:white; transition: 0.3s}
.bgNegroSilverH:hover{background-color: #B2B2B2; transition: 0.3s}
.bgNegroVerderH{background-color: #000;color:white; transition: 0.3s}
.bgNegroVerderH:hover{background-color: #58a65c; transition: 0.3s}
.bgNegroAccionH{background-color: #000;color:white; transition: 0.3s}
.bgNegroAccionH:hover{background-color: #4F21FF; transition: 0.3s}
.bgSilver{background-color: #B2B2B2;}
.bgNegro{background-color: #000000;}
.bgAmarillo{background-color: #FFF39F;}
.azulHorse{background-color:#4F21FF;}
.bgRojo{background-color:#FF3127;}
.bgBlanco{background-color:#FFFFFF }
.bgAzulHorse{ background-color:#4F21FF;}
.bgAzulHorseH{ background-color:#FFFF;color:black;  }
.bgAzulHorseH:hover{background-color: #4F21FF;color: white; transition: 0.3s}
.bgNegroPlataH{background-color:black; color:white;transition: 0.3s;}
.bgNegroPlataH:hover{background-color:#5b6060 ;color: white; transition: 0.3s;}
.bgBlancoH{background-color:white;color:black; transition: 0.3s;}
.bgBlancoH:hover{background-color:black; color: white;transition: 0.3s;}
.bgPlataH{background-color:white; color: black; transition: 0.3s;}
.bgPlataH:hover{background-color:#5b6060; color: white; transition: 0.3s;}
.bgAmarilloH{background-color:white; transition: 0.3s;}
.bgAmarilloH:hover{background-color:#FFF39F;color: black; transition: 0.3s;}
.bgAmarilloHorse{background-color:#FFF39F}
.bgBlancoRojoHorse{background-color:white;color: black; transition: 0.3s;}
.bgBlancoRojoHorse:hover{background-color:#FF3127;color: white; transition: 0.3s;}

.bgNegroAmarilloH{background-color: #000000;color:white; transition: 0.3s}
.bgNegroAmarilloH:hover{background-color:#FFF39F; color: black; transition: 0.3s}

/** Colores Background Hover de Blanco a... **/

.bgBlancoAzulH{background-color:white; transition: 0.3s;}
.bgBlancoAzulH:hover{background-color:#4F21FF; transition: 0.3s;}

.bgBlancoNegroH{background-color:white; transition: 0.3s;}
.bgBlancoNegroH:hover{background-color:black;color:white; transition: 0.3s;}

.bgBlancoRojoH{background-color:white; transition: 0.3s;}
.bgBlancoRojoH:hover{background-color:#FF3127; transition: 0.3s;}

.bgBlancoPlataH{background-color:white; transition: 0.3s;}
.bgBlancoPlataH:hover{background-color:#B2B2B2;transition: 0.3s;}

.bgBlancoAmarilloH{background-color:white; transition: 0.3s;}
.bgBlancoAmarilloH:hover{background-color:#FFF39F; transition: 0.3s;}


/** Colores Background Hover de Negro a... **/

.bgNegroBlancoH{background-color: #000; transition: 0.3s}
.bgNegroBlancoH:hover{background-color: white; transition: 0.3s}

.bgNegroRojoH{background-color: #000; transition: 0.3s}
.bgNegroRojoH:hover{background-color: #FF3127; transition: 0.3s}

.bgNegroAzulH{background-color: #000; transition: 0.3s}
.bgNegroAzulH:hover{background-color: #4F21FF; transition: 0.3s}

.bgNegroAmarilloH{background-color: #000; transition: 0.3s}
.bgNegroAmarilloH:hover{background-color: #FFF39F; transition: 0.3s}

.bgNegroPlataH{background-color: #000; transition: 0.3s}
.bgNegroPlataH:hover{background-color: #B2B2B2; transition: 0.3s}

/** Colores Background Hover de Blanco a... **/

.bgAzulNegroH{background-color:#4F21FF;transition: 0.3s}
.bgAzulNegroH:hover{background-color:black; transition: 0,3s}

.bgAzulBlancoH{background-color:#4F21FF;transition: 0.3s}
.bgAzulBlancoH:hover{background-color:white; transition: 0,3s}

.bgAzulRojoH{background-color:#4F21FF;transition: 0.3s}
.bgAzulRojoH:hover{background-color:#FF3127; transition: 0,3s}

.bgAzulAmarilloH{background-color:#4F21FF;transition: 0.3s}
.bgAzulAmarilloH:hover{background-color:#FFF39F; transition: 0,3s}

.bgAzulPlataH{background-color:#4F21FF;transition: 0.3s}
.bgAzulPlataH:hover{background-color:#B2B2B2; transition: 0,3s}

/** Colores Background Hover de Rojo a... **/

.bgRojoNegroH{background-color:#FF3127;transition: 0.3s}
.bgRojoNegroH:hover{background-color:black; transition: 0,3s}

.bgRojoBlancoH{background-color:#FF3127;transition: 0.3s}
.bgRojoBlancoH:hover{background-color:white; transition: 0,3s}

.bgRojoAzulH{background-color:#FF3127;transition: 0.3s}
.bgRojoAzulH:hover{background-color:#4F21FF; transition: 0,3s}

.bgRojoAmarilloH{background-color:#FF3127;transition: 0.3s}
.bgRojoAmarilloH:hover{background-color:#FFF39F; transition: 0,3s}

.bgRojoPlataH{background-color:#FF3127;transition: 0.3s}
.bgRojoPlataH:hover{background-color:#B2B2B2; transition: 0,3s}

/** Colores Background Hover de Amarillo a... **/

.bgAmarilloNegroH{background-color:#FFF39F;transition: 0.3s}
.bgAmarilloNegroH:hover{background-color:black; transition: 0,3s}

.bgAmarilloBlancoH{background-color:#FFF39F;transition: 0.3s}
.bgAmarilloBlancoH:hover{background-color:white; transition: 0,3s}

.bgAmarilloAzulH{background-color:#FFF39F;transition: 0.3s}
.bgAmarilloAzulH:hover{background-color:#4F21FF; transition: 0,3s}

.bgAmarilloRojoH{background-color:#FFF39F;transition: 0.3s}
.bgAmarilloRojoH:hover{background-color:#FF3127; transition: 0,3s}

.bgAmarilloPlataH{background-color:#FFF39F;transition: 0.3s}
.bgAmarilloPlataH:hover{background-color:#B2B2B2; transition: 0,3s}

/** Colores Background Hover de Plata a... **/

.bgPlataNegroH{background-color:#B2B2B2;transition: 0.3s}
.bgPlataNegroH:hover{background-color:black; transition: 0,3s}

.bgPlataBlancoH{background-color:#B2B2B2;transition: 0.3s}
.bgPlataBlancoH:hover{background-color:white; transition: 0,3s}

.bgPlataAzulH{background-color:#B2B2B2;transition: 0.3s}
.bgPlataAzulH:hover{background-color:#4F21FF; transition: 0,3s}

.bgPlataRojoH{background-color:#B2B2B2;transition: 0.3s}
.bgPlataRojoH:hover{background-color:#FF3127; transition: 0,3s}

.bgPlataAmarilloH{background-color:#B2B2B2;transition: 0.3s}
.bgPlataAmarilloH:hover{background-color:#FFF39F; transition: 0,3s}

/** Colores Texto Hover de Negro a... **/

.textNegroAzulH{color: black; transition: 0.3s}
.textNegroAzulH:hover{color: #4F21FF; transition: 0.3s}

.textNegroRojoH{color: black; transition: 0.3s}
.textNegroRojoH:hover{color:#FF3127; transition: 0.3s}

.textNegroAmarilloH{color:black; transition: 0.3s}
.textNegroAmarilloH:hover{color:#FFF39F; transition: 0.3s}

.textNegroPlataH{color:black; transition: 0.3s}
.textNegroPlataH:hover{color: #B2B2B2; transition: 0.3s}

.textNegroBlancoH{color:black; transition: 0.3s}
.textNegroBlancoH:hover{color:white; transition: 0.3s}

/** Colores Texto Hover de Blanco a... **/

.textBlancoAzulH{color: white; transition: 0.3s}
.textBlancoAzulH:hover{color: #4F21FF; transition: 0.3s}

.textBlancoRojoH{color: white; transition: 0.3s}
.textBlancoRojoH:hover{color:#FF3127; transition: 0.3s}

.textBlancoAmarilloH{color: white; transition: 0.3s}
.textBlancoAmarilloH:hover{color:#FFF39F; transition: 0.3s}

.textBlancoPlataH{color:white; transition: 0.3s}
.textBlancoPlataH:hover{color: #B2B2B2; transition: 0.3s}

.textBlancoNegroH{color:white; transition: 0.3s}
.textBlancoNegroH:hover{color:black; transition: 0.3s}

/** Colores Texto Hover de Azul a... **/

.textAzulNegroH{color: #4F21FF; transition: 0.3s}
.textAzulNegroH:hover{color: black; transition: 0.3s}

.textAzulBlancoH{color: #4F21FF; transition: 0.3s}
.textAzulBlancoH:hover{color: white; transition: 0.3s}

.textAzulRojoH{color: #4F21FF; transition: 0.3s}
.textAzulRojoH:hover{color:#FF3127; transition: 0.3s}

.textAzulPlataH{color: #4F21FF; transition: 0.3s}
.textAzulPlataH:hover{color:#B2B2B2; transition: 0.3s}

.textAzulAmarilloH{color: #4F21FF; transition: 0.3s}
.textAzulAmarilloH:hover{color:#FFF39F; transition: 0.3s}

/** Colores Texto Hover de Plata a... **/

.textPlataBlancoH{color:#B2B2B2; transition: 0.3s}
.textPlataBlancoH:hover{color: white; transition: 0.3s}

.textPlataNegroH{color:#B2B2B2; transition: 0.3s}
.textPlataNegroH:hover{color: black; transition: 0.3s}

.textPlataAmarilloH{color:#B2B2B2; transition: 0.3s}
.textPlataAmarilloH:hover{color: #FFF39F; transition: 0.3s}

.textPlataAzulH{color:#B2B2B2; transition: 0.3s}
.textPlataAzulH:hover{color: #4F21FF; transition: 0.3s}

.textPlataRojoH{color:#B2B2B2; transition: 0.3s}
.textPlataRojoH:hover{color: #FF3127; transition: 0.3s}

/** Colores Texto Hover de Rojo a... **/

.textRojoBlancoH{color: #FF3127; transition: 0.3s}
.textRojoBlancoH:hover{color:white; transition: 0.3s}

.textRojoNegroH{color: #FF3127; transition: 0.3s}
.textRojoNegroH:hover{color:black; transition: 0.3s}

.textRojoAmarilloH{color: #FF3127; transition: 0.3s}
.textRojoAmarilloH:hover{color:#FFF39F; transition: 0.3s}

.textRojoPlataH{color: #FF3127; transition: 0.3s}
.textRojoPlataH:hover{color:#B2B2B2; transition: 0.3s}

.textRojoAzulH{color: #FF3127; transition: 0.3s}
.textRojoAzulH:hover{color:#4F21FF; transition: 0.3s}

/** Colores Texto Hover de Amarillo a... **/

.textAmarilloRojoH{color: #FFF39F; transition: 0.3s}
.textAmarilloRojoH:hover{color:#FF3127; transition: 0.3s}

.textAmarilloBlancoH{color: #FFF39F; transition: 0.3s}
.textAmarilloBlancoH:hover{color:white; transition: 0.3s}

.textAmarilloNegroH{color: #FFF39F; transition: 0.3s}
.textAmarilloNegroH:hover{color:black; transition: 0.3s}

.textAmarilloAzulH{color: #FFF39F; transition: 0.3s}
.textAmarilloAzulH:hover{color:#4F21FF; transition: 0.3s}

.textAmarilloPlataH{color: #FFF39F; transition: 0.3s}
.textAmarilloPlataH:hover{color:#B2B2B2; transition: 0.3s}

/**  Clase para encender listados   **/

.estilosListadoAmarillo:hover{background-color:#FFF39F;color:black; transition: 0.3s; cursor:pointer;}
.estilosListadoAzul:hover{background-color: #4F21FF; transition: 0.3s; color:#ecf0f1; cursor:pointer;}

/** Colores Planos **/

.amarilloHourse{color:#FFF39F ;}
.azulHourse{color:#4F21FF;}
.borderNone{border:none;}
.bgGrisHourse{background-color: #B2B2B2;}
.colorAzul{color:#4F21FF;}
.colorSilver{color:#5b6060}
.colorRojo{color:#FF3127}
.colorAmarillo{color:#FFF39F}
.colorNegro{color:#000000}
.colorBlanco{color:#FFFFFF}


/** Bordes Dotted **/

/** Bordes Dotted Grosor 1px **/

.borderDT1 {
	border-top: 1px dotted #000;
}
.borderDL1 {
	border-left: 1px dotted #000;
}
.borderDR1 {
	border-right: 1px dotted #000;
}
.borderDB1 {
	border-bottom: 1px dotted #000;
}
.borderD1 {
	border: 1px dotted #000;
}


/** Bordes Dotted Grosor 0,75px **/
/*#000000BF*/
.borderDT075 {
	border-top: 0.75px dotted #000;
}
.borderDL075 {
	border-left: 0.75px dotted #000;
}
.borderDR075 {
	border-right: 0.75px dotted #000;
}
.borderDB075 {
	border-bottom: 0.75px dotted #000;
}
.borderD075 {
	border: 0.75px dotted #000;
}

/** Bordes Dotted Grosor 0,50px **/
/*#0000007F*/
.borderDT050 {
	border-top: 0.50px dotted #000;
}
.borderDL050 {
	border-left: 0.50px dotted #000;
}
.borderDR050 {
	border-right: 0.50px dotted #000;
}
.borderDB050 {
	border-bottom: 0.50px dotted #000;
}
.borderD050 {
	border: 0.50px dotted #000;
}


/** Bordes Dotted Grosor 0,25px **/
/*#0000003F*/
.borderDT025 {
	border-top: 0.25px dotted #000;
}
.borderDL025 {
	border-left: 0.25px dotted #000;
}
.borderDR025 {
	border-right: 0.25px dotted #000;
}
.borderDB025 {
	border-bottom: 0.25px dotted #000;
}
.borderD025 {
	border: 0.25px dotted #000;
}

/** Clases 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: 0.5px solid #dedede;
		overflow: visible;
		cursor: pointer;
		margin-bottom: 0px;
	}

	.check {
		width: 24px;
		min-width: 21px;
		height: 21px;
		content: '';
		position: relative;
		transform-origin: center center;
		transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
		border: 0.5px solid #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;
		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: 0px;
}

.box:after {
	width: 107%;
	height: 50%;
	content: '';
	position: absolute;
	border-left: 4px solid;
	border-bottom: 4px solid;
	border-color: #4F21FF;
	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-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;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	box-shadow: 0 5px rgba(0, 0, 0, 0.2);
}

.boxNoOk:after{
	content: '\274c';
	position: absolute;
	color: #ff0000;
	font-size: 85%;
	transform-origin: center center;
	transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
	top: 200%;
	margin: auto;
	z-index: 9999;

}

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


.boxRRG span {
	position: absolute;
	color: #4F21FF;
	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*/