@charset "UTF-8";
@import url("estilos2.css");
@font-face{
	font-family:RenaultLife-Regular;
	src:url(../fuentes/NouvelR-Regular.ttf);
}
@font-face{
	font-family:RenaultLife-Bold;
	src:url(../fuentes/NouvelR-Bold.ttf);
}
.rena{font-family:RenaultLife-Bold;}
.rena2{font-family:RenaultLife-Regular;}
.fijo{position: fixed;top:0px;left:0px;background: rgba(251,204,0,1.00);min-height: 50px;z-index:9999998;width: 100%;}
.flot{ width: 100%; float: left; clear: both;}
.flotA{ width: auto; float: left; clear: none;}
.men{padding: 3%;}
.m1{margin-top:1%;}
.ma1{margin-bottom:1%;}
.m2{margin-top:2%;}
.m3{margin-top:3%;}
.m5{margin-top:5%;}
.m9{margin-top:9%;}
.m10{margin-top:10%;}
.m11{margin-top:11%;}
.m22{margin-top:30%;}
.p0{padding: 0px;}
.p10{padding-top:20%;}
.p6{padding-top: 6%;}
.pb2{padding-bottom:2%;}
.pr3{padding-right: 3%;}
.pr5{padding-right: 5%;}
.amplia{font-size:200%;}
.redu{font-size:70%;}
.redu2{font-size:80%;color: rgba(21,103,153,1.00);}
.GB300{font-size: 210%;}
.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;}
.amarillo{color:rgba(245,206,58,1.00);}
.blanco{color: rgba(255,255,255,1.00);}
.gris{color: rgba(105,105,105,1.00);}
.azul{background-color: rgba(15,13,30,1.00);color:#FFF;}
.verdeLinea{background-color:rgba(18,100,2,1.00);color:#FFF;}
.rojo{color: rgba(225,24,27,1.00);}
.colorVerde{color: #a9c800;}
.colorGris{color: #e2e1e1;}
.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);}

.label-text {
	background-color: #94949424;
	border: 1px solid #333;
}

.label-text input {
	border: none;
	background-color: #ffffff00;
}

.cajaTextAzul{
	background-color: rgb(8, 15, 49);
}
.plasma{position: relative;}
.pantallaB{min-height: 500px;background-repeat: no-repeat;background-size:contain;background-position: fixed;background-position:200px,0px;}

.fondoBlanco{  background-color: #FFF; }
.fondoGris { background-color: #eaeaea; }
.fondoGris2 { background-color:#c3c2c2; }
.sobrePantallaBlanco{  background-color: #FFF; min-height: 100%; }
.link { cursor: pointer; }
.btnI{
	width: 200px;
	height: 200px;
	box-shadow: 1px 1px 1px 1px #000;
	background: rgba(255,239,39,0.70);
	position: absolute;
	top: 148px;
	right: 15px;
	text-align: center;
	padding: 1%;
}

.btnII{
	width: 200px;
	height: 200px;
	box-shadow: 1px 1px 1px 1px #000;
	background:rgba(241,131,34,0.70);
	position: absolute;
	top: 148px;
	right: 250px;
	text-align: center;
	padding: 1%;
}
.pad0{ padding: 0px; }
.padding{
	padding: 1.5%;
}

/** Diseño de soportePantalla y Pantalla */
.soportePantalla{
	position: fixed;
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
	background: rgba(246,246,246,1.00);
	z-index: 99999;
}
.pantalla{position: relative;}

.cerrar{
	border: 1px solid rgba(0,0,0,1.00);
	padding: 1.5%;
	font-size: 300%;
	text-align: center;
}
.cerrar a{
	color:#000;
}

.cerrar a:hover{
	color:#000;
	text-decoration: none;
}
/** Fin Diseño de Pantalla */

/** Diseño de SobrePantalla y pantallaB2 */
.sobrePantalla{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.90);
	z-index: 9999999;
	top:0px;
	left:0px;
}
.pantallaB2{
	height:100%;
	overflow: auto;
	background: rgba(248,248,248,1);
	backdrop-filter: blur(7px);
}

.cerrar2{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 99999;
	font-size: 160%;
	background-color: rgb(255 0 0);
	color: rgb(255 255 255);
	border-radius: 0px 0px 0px 80%;
	padding: 3px 7px 7px 20px;
	cursor: pointer;
	box-shadow: 0rem 0.15rem 0.4rem 0px rgba(0, 0, 0, 0.6)!important;

}
/** Fin Diseño de SobrePantalla y pantallaB2 */


/** Diseño de sobrePantalla2 y pantallaB22 */
.sobrePantalla2{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.90);
	z-index: 999999999;
	top:0px;
	left:0px;
}
.pantallaB22{
	height:100%;
	overflow: auto;
	padding: 1.5%;
	top: -200px;
	backdrop-filter: blur(7px);
}


.cerrar22{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 99999;
	font-size: 160%;
	background-color: rgb(255 0 0);
	color: rgb(255 255 255);
	border-radius: 0px 0px 0px 80%;
	padding: 3px 7px 7px 20px;
	cursor: pointer;
	box-shadow: 0rem 0.15rem 0.4rem 0px rgba(0, 0, 0, 0.6)!important;

}

.cerrar22 a{
	color:#000;
}

.cerrar22 a:hover{
	color:#000;
	text-decoration: none;
}



.cerrar223{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 99999;
	font-size: 160%;
	background-color: rgb(255 0 0);
	color: rgb(255 255 255);
	border-radius: 0px 0px 0px 80%;
	padding: 3px 7px 7px 20px;
	cursor: pointer;
	box-shadow: 0rem 0.15rem 0.4rem 0px rgba(0, 0, 0, 0.6)!important;

}

.cerrar223 a{
	color:#000;
}


.cerrar223 a:hover{
	color:#000;
	text-decoration: none;
}


/** Fin Diseño de sobrePantalla2 y pantallaB22 */


/** Diseño de sobrePantalla3 y pantallaB222 */
.sobrePantalla3 {
	position: fixed;
	width: 100%;
	left: 0%;
	top: 0px;
	height: 100%;
	background:rgba(0,0,0,0.80);
	z-index: 99999999999999;
}
.pantallaB223 {
	height: 100%;
	overflow: auto;
	padding-bottom: 7%;
}




.sobrePantalla4{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.90);
	z-index: 999999999999;
	top:0px;
	left:0%;
}

.pantallaB224{height:99%;overflow: auto;padding: 1.5%; left:-200%; }


.cerrar224{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 99999;
	font-size: 160%;
	background-color: rgb(255 0 0);
	color: rgb(255 255 255);
	border-radius: 0px 0px 0px 80%;
	padding: 3px 7px 7px 20px;
	cursor: pointer;
	box-shadow: 0rem 0.15rem 0.4rem 0px rgba(0, 0, 0, 0.6)!important;

}

.cerrar224 a{
	color:#000;
}


.cerrar224 a:hover{
	color:#000;
	text-decoration: none;
}

.cerrarLateral{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 99999;
	font-size: 160%;
	background-color: rgb(255 0 0);
	color: rgb(255 255 255);
	border-radius: 0px 0px 0px 80%;
	padding: 3px 7px 7px 20px;
	cursor: pointer;
	box-shadow: 0rem 0.15rem 0.4rem 0px rgba(0, 0, 0, 0.6)!important;

}

.cerrarLateral a{
	color:#000;
}


.cerrarLateral a:hover{
	color:#000;
	text-decoration: none;
}


/** Fin Diseño de sobrePantalla3 y pantallaB222 */



.campoL{
	width: 23%;
	float: left;
	clear:none;
}

.alerta a{
	color:rgba(110,110,110,1.00);
}

.contenidosSub{
	height: 500px;
	overflow: auto;
}

.marcoIncidencia{
	border:1px dashed #000;
}

.tipos_revi{
	font-size: 150%;
	height: 70px;
	width: 90px;
}

.tipos_reviDe{
	height: 70px;
	width: 200px;
}

.cam{
	font-size: 150%;
}

.campo{
	height: 70px;
	width: 100px;
}

.glyphicon {
	width: 48px;
	height: 48px;
}

.textPunto{
	font-size: 150%;
}

.linea{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 1%;
}
.lineaA2{border-bottom: 1px solid rgba(105,105,105,1.00);
	padding-bottom: 1.5%;padding-top: 1.5%;
}
.lineaB{
	border-bottom: 1px solid #000;
	padding-bottom: 1%;
}

.lineaC{
	border-bottom: 1px solid rgba(177, 171, 171,1);
	padding-bottom: 1%;
}
.lineaI{
	border-left: 1px dotted #ccc;
	padding-left: 1%;
}
.lineaD {
	border-right:1px dotted #ccc;
}
.lineaD2{
	border-right: 1px solid rgba(105,105,105,1.00);
}
.lineaI {
	border-left:1px dotted #ccc;
}
.lineaTitulos {
	border-left: 1px solid #fff;
	height: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 1%;
}
.nombreUsuario{
	color:#fff;
}

.cierra{
	width:65px;
	height:65px;
	overflow: hidden;
	float: left;
	clear: none;
	margin-left:3%;
}

.camp{
	width: 100%;
	height: 75px;
	font-size: 150%;
	text-align: center;
}

.c{
	border: 1px solid #ccc;
	height:97px;
	font-size: 150%;
	padding-top: 2%;
}

.c2{
	border: 1px solid #ccc;
	height: 75px;
	font-size: 150%;
}

.gr{
	background:rgba(207,207,207,0.50);
}

.ama{
	background: rgba(251,223,102,0.50);
}

#casa a{
	color:rgba(245,206,58,1.00);
}

.cadaPunto{
	border-bottom: 1px dashed #999;
	padding-bottom: 1%;
	min-height: 100px;
	padding-top: 1%;
}

.ld{
	border-right: 1px dashed #C7CAF1;
}

.buscadorLineas{
	border-bottom:3px double rgba(194,228,254,1.00);
	min-height: 70px;
	padding-bottom: 1.5%;
}

.editor{
	border-top:1px dotted #ccc;
	padding-top: 1%;
}

.naranja{
	color:rgba(236,130,30,1.00);
}

.subra{
	text-decoration: underline;
}

#pantallaB{
	min-height: 500px;
	background-repeat: no-repeat;
	background-size:auto;
	background-attachment: fixed;
	background-position:200px,5000px;
}

.pantallaB{
	min-height: 500px;
	background-repeat: no-repeat;
	background-size:contain;
	background-attachment: fixed;
	background-position:200px,0px;
}

.matricula{
	height: 100px;
	font-size: 200%;
	padding: 3%;
	text-align: center;
	border: 3px solid rgba(0,0,0,1.00);
}

.casillaOscura {
	border-bottom: 1px solid rgba(209,226,255,1.00);
	padding-bottom: 1%;
	padding-top: 1%;
	background: rgba(209,226,255,0.80);
}

.bordeBlanco  {border: 1px solid #fff;}
.bordDerBlanco{border-right: 1px solid #fff;}
.bordInfBlanco{border-bottom:1px solid #fff;}
.bordIzqBlanco{border-left:  1px solid #fff;}
.bordSupBlanco{border-top:   1px solid #fff;}

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

	.m5B{

		margin-top:30%;

	}

	.m5B1{

		margin-top:25%;

	}


	.m5B2{

		margin-top:35%;

	}

	.apps{

		min-height: 350px;


	}

	.fondoM{

		background-image: url('../imagenes/fondoMotor.png');

		background-size:cover;
		background-repeat: no-repeat;

	}


	.btnGran{


		padding-bottom: 3%;
		width: 100%;
		border-bottom: 1px solid rgba(204,204,204,1.00);
		float: left;
		clear: both;
		margin-bottom: 3%;


	}


	.btnGranCuadradoIcono{

		float: left;
		clear: none;
		width: 25%;
		text-align: center;
		font-size: 270%;

		border-right: 2px solid rgba(0,0,0,1.00);
		margin-top: 4%;



	}

	.btnGranCuadradoTexto{

		float: left;
		clear: none;
		width: 75%;
		text-align: left;
		font-size: 180%;
		padding-left:5%;
		padding-top: 5%;
		padding-bottom: 3%;

	}






	.btnGranMenu{


		padding-bottom: 3%;
		width: 100%;
		border-bottom: 1px solid rgba(204,204,204,1.00);
		float: left;
		clear: both;
		margin-bottom: 3%;


	}


	.btnGranCuadradoIconoMenu{

		float: left;
		clear: none;
		width: 25%;
		text-align: center;
		font-size: 300%;
		border-right:1px solid rgba(250,246,246,1.00);



	}

	.btnGranCuadradoTextoMenu{

		float: left;
		clear: none;
		width: 75%;
		text-align: left;
		font-size: 180%;
		padding-left:5%;
		padding-top: 5%;
		padding-bottom: 3%;

	}







	.fondoAmarillo{

		background: rgba(249,236,0,1.00);
		color:#000;


	}


	.text-blancos{

		color:#FFF;

	}




	.margenMenu{

		margin-top: 10%;


	}


	/* reglas CSS */
}






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

	.m5{
		margin-top: 10%;
	}
	.m5B{

		margin-top:15%;

	}

	.m5B1{

		margin-top:15%;

	}

	.m5B2{

		margin-top:35%;

	}


	.apps{

		min-height: 350px;


	}

	.fondoM{

		background-image: url('../imagenes/fondoMotor.png');

		background-size:cover;
		background-repeat: no-repeat;

	}


	.btnGran{


		padding-bottom: 1%;
		width: 80%;
		border-bottom: 1px solid rgba(204,204,204,1.00);
		float: left;
		clear: both;
		margin-bottom: 1%;
		margin-left: 10%;


	}


	.btnGranCuadradoIcono{

		float: left;
		clear: none;
		width: 25%;
		text-align: center;
		font-size: 170%;

		border-right: 2px solid rgba(0,0,0,1.00);
		margin-top: 1%;



	}

	.btnGranCuadradoFicha{

		float: left;
		clear: none;
		width: 25%;
		text-align: center;
		font-size: 300%;

		border-right: 2px solid rgba(0,0,0,1.00);
		margin-top: 1%;



	}
	.btnGranCuadradoTexto{

		float: left;
		clear: none;
		width: 75%;
		text-align: left;
		font-size: 120%;
		padding-left:1%;
		padding-top: 1%;
		padding-bottom: 1%;

	}


	.fondoAmarillo{

		background: rgba(249,236,0,1.00);
		color:#000;


	}


	.text-blancos{

		color:#FFF;

	}


	/* reglas CSS */
}