@charset "UTF-8";
@import url("estilos2.css");
@font-face{
	font-family:RenaultLife-Regular;
	src:url(../fuentes/RenaultLife-Regular.ttf);
}
@font-face{
	font-family:RenaultLife-Bold;
	src:url(../fuentes/RenaultLife-Bold.ttf);
}
.rena{font-family:RenaultLife-Bold;}
.rena2{font-family:RenaultLife-Regular;}
.flot{ width: 100%; float: left; clear: both;}
.flotA{ width: auto; float: left; clear: none;}
.m1{margin-top:1%;}
.ma1{margin-bottom:1%;}
.m2{margin-top:2%;}
.m3{margin-top:3%;}
.m5{margin-top:5%;}
.m9{margin-top:9%;}
.m11{margin-top:11%;}
.m22{margin-top:30%;}
.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);}

.pantalla{position: relative;}
.pantallaB{min-height: 500px;background-repeat: no-repeat;background-size:contain;background-position: fixed;background-position:200px,0px;}
.pantallaB2{height:92%;	overflow: auto;background: rgba(248,248,248,1.00);}
.fondoBlanco{  background-color: #FFF; }
.fondoGris { background-color: #eaeaea; }
.fondoGris2 { background-color:#ededed57; }
.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%;
}

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

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

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

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

/**Clases para la maquetación de columnas*/
.col-1, .colEser-20, .colEser-30, .colEser-40, .colEser-50, .colEser-60, .colEser-70, .colEser-80, .colEser-90, .colEser-100 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}

.colEser-100{ width: 100%;}
.colEser-90 { width: 90%; }
.colEser-80 { width: 80%; }
.colEser-70 { width: 70%; }
.colEser-60 { width: 60%; }
.colEser-50 { width: 50%; }
.colEser-40 { width: 40%; }
.colEser-30 { width: 30%; }
.colEser-20 { width: 20%; }
.colEser-10 { width: 10%; }
.colEser-0  { width: 0%; float: left; clear: none; }

@media (max-width: 767px) {
	.col-xs-0{ display: none; }
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border-color: #7c8cab !important;
	background: #7c8cab !important;
	border-radius: 0px !important;
	box-shadow: 1px 1px 1px #4c4c4c;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: 1px !important;
	background: #f6f6f6;
	box-shadow: 1px 1px 1px #4c4c4c;
}
.ui-controlgroup > .ui-controlgroup-item {
    border-radius: 0px !important;
}
.ui-button .ui-icon {
    border-radius: 9px !important;
}
.ui-button { text-align: left !important; padding: .4em .4em !important; }

.containerFirma{width:100%; margin:0 auto; position:relative;}
.divFirmaImg{width:70%; display:inline-block;  z-index: 20;position: absolute;}
.divFirmaText{width:75%; display:inline-block; float: right; right:0; margin-top: 5%;}

.panel {border-radius:0px;}
.panel-group .panel {margin-bottom: 0;border-radius: 0px;}
.tMenu{font-size:300%;}
.minimo{min-height: 200px;}
.iconoT{font-size:300%;}
.icon130{font-size:130%;}
.icono200{font-size:200%;}
.icono150{font-size:150%;}
.icono1000{font-size:500%;}

/** Clases de estilo para los checkbox */

check input:checked + .box { background-color: #b3ffb7;}
input[type="checkbox"]:checked + label { background-color: #b3ffb7; }
input[type="checkbox"] { display:none; }

.checkOpcion{
	display: inline-flex;
	/*min-width: 120px;*/
	min-height: 40px;
	padding: 4px 1px;
	}
.checkOpcion span {
	font-family:RenaultLife-Regular;
	padding-left: 3px;
	display: flex;
	align-items: center;
	margin-bottom: 0px;
	font-weight: normal;
}
.check {
	width: 27px;
	min-width: 27px;
	height: 27px;
	content: '';
	position: relative;
	transform-origin: center center;
	transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
	border: 4px solid #dedede;
	/*background-color: #dedede;*/
	overflow: hidden;
	cursor: pointer;
}
.box {
    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);
}

/** Cuando esta Checked se sube el div box */
.check input:checked + .box:after {
    top: -4px;
}

.box:after {
	width: 107%;
	height: 50%;
	content: '';
	position: absolute;
	border-left: 4px solid;
	border-bottom: 4px solid;
	border-color: #40c540;
	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;
}
/** Fin de las clases de para los checkbox*/


/** Clases de estilo para los radio */

check input:checked + .box { background-color: #b3ffb7;}
input[type="radio"]:checked + label { background-color: #b3ffb7; }
input[type="radio"] { display:none; }

.radioOpcion{
	display: inline-flex;
	min-width: 120px;
	min-height: 40px;
	padding: 4px 1px;
	}
.radioOpcion span {
	font-family:RenaultLife-Regular;
	padding-left: 3px;
	display: flex;
	align-items: center;
	margin-bottom: 0px;
	font-weight: normal;
}
.radio {
	width: 27px;
	min-width: 27px;
	height: 27px;
	content: '';
	position: relative;
	transform-origin: center center;
	transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
	border: 3px solid #dedede;
	background-color: #dedede;
	overflow: hidden;
	cursor: pointer;
	margin-top: 0px;
	margin-bottom: 0px;
}
.radioBox {
    width: 100%;
    height: 100%;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    border: 2px solid transparent;
    background-color: white;
    overflow: hidden;
    cursor: pointer;
}

/** Cuando esta Checked se sube el div box */
.radioOpcion .radio input:checked + .radioBox:after {
    top: 0px;
}

.radioBox:after {
    width: 80%;
    height: 80%;
    content: '';
    position: absolute;
    border: 7px solid;
    border-color: #40c540;
    background-color: #40c540;
    border-radius: 66px;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    top: 200%;
    bottom: 0%;
    left: 10%;
    margin: auto;
    z-index: 9999;
}

/** Fin de las clases de para los checkbox*/


/** Clases de estilo para los checkbox-min (Reducido) */

check input:checked + .box-min { background-color: #b3ffb7;}
input[type="checkbox"]:checked + label { background-color: #b3ffb7; }
input[type="checkbox"] { display:none; }

.checkOpcion-min{
	display: inline-flex;
	min-width: 72px;
	min-height: 32px;
	padding: 2px 1px;
}
.checkOpcion-min span {
	font-family:RenaultLife-Regular;
	padding-left: 3px;
	display: flex;
	align-items: center;
	margin-bottom: 0px;
	font-weight: normal;
}
.check-min {
	width: 17px;
	min-width: 16px;
	height: 17px;
	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;
	bottom: -4px;
}
.box-min {
    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 2px rgba(0, 0, 0, 0.2);
}

/** Cuando esta Checked se sube el div box */
.check-min input:checked + .box-min:after {
    top: -2px;
}
.check-min input:checked + .radioBox-min:after {
    top: -2px;
}

.box-min:after {
	width: 120%;
	height: 60%;
	content: '';
	position: absolute;
	border-left: 3px solid;
	border-bottom: 3px solid;
	border-color: #40c540;
	transform: rotate(-45deg) translate3d(0, 0, 0);
	transform-origin: center center;
	transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
	top: 170%;
	bottom: 5%;
	margin: auto;
	z-index: 9999;
}
/** Para colocar un punto redondo */
.radioBox-min {
    width: 100%;
    height: 100%;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    border: 2px solid transparent;
    background-color: white;
    overflow: hidden;
    cursor: pointer;
}
.radioBox-min:after {
    width: 80%;
    height: 80%;
    content: '';
    position: absolute;
    border: 3px solid;
    border-color: #40c540;
    background-color: #40c540;
    border-radius: 66px;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    top: 200%;
    bottom: 0%;
    left: 10%;
    margin: auto;
    z-index: 9999;
}

/** Fin de las clases de para los checkbox-min*/

.botonAccion {
	font-family:RenaultLife-Regular;
	font-size: 18px;
	display: block;
	width: 100%;
	min-width: 120px;
	min-height: 40px;
	padding: 6px 1px;
	color: #FFF;
	cursor: pointer;
	font-weight: normal;
}
.botonAccion label {
	padding-left: 15px;
	border-left: 1px solid #FFF;
	cursor: pointer;
	font-weight: normal;
}
.botonAccion samp {
	padding-left: 15px;
	padding-right: 15PX;
	cursor: pointer;
}
.btn-accion {
	background-color: #657ea7;
	box-shadow: 1px 1px 1px #4c4c4c;
}
.btn-accion:hover {
	color: #FFF6C3;
	background-color: #49628a;
	text-decoration: initial;
}
.btn-accion-activo {
	color: #f9d716fa !important;
	background-color: rgba(48, 72, 109,1);
	text-decoration: initial;
}
.btn-accion-activo samp {
	color: #f9d716fa !important;
}
.btn-accion-activo label {
	color: #f9d716fa !important;
}
.botonAccion-min {
	font-family:RenaultLife-Regular;
	font-size: 12px;
	display: block;
	width: 100%;
	padding: 3px 1px;
	color: #FFF;
	cursor: pointer;
}
.botonAccion-min label {
	padding-left: 5px;
	border-left: 1px solid #FFF;
	cursor: pointer;
	font-weight: normal;
}
.botonAccion-min samp {
	padding-left: 5px;
	padding-right: 5PX;
	cursor: pointer;
}
.barraTitulos {
	background-color: #1f2532;
	color: #fff;
	width: 100%;
	min-height: 40px;
	text-align: initial;
	flex-direction: column;
}
.titulos{
	vertical-align: middle;
	margin-top: 5px;
	padding-top: 1%;
}
.lineaTitulos {
	border-left: 1px solid #fff;
	height: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 1%;
}

.espacioBotonesForm {
    bottom: 3%;
    position: absolute;
}

/** Clases de estilo para mostrar los mensajes de resultados de procesos */

	.mensajeResultadoOPE {font-family: RenaultLife-Regular !important;font-size: 20px;display: block;width:98%;left: auto;right: auto;height:300px;padding: 6px 1px;margin-left: 15px;color: #FFF;background-color: #0a2c42;}
	.icoMensaje {font-size: 350%;color: #ffce00;}
	.divSup{ height: 25%; }
	.divCentro{ height: 50%; display: inline-block;}
	.divInf{ height: 25%; }
	.divIco{display: flex;justify-content: center;align-items: center;height: 100%;}
	.divMen{border-left: 2px solid #FFF;display: flex;align-items: center;height: 100%;}

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

.regla{
	min-height: 5px;
	background: rgba(55,119,9,1.00);
}

.resaltar{
	font-size: 16px;
	color: #000;
	font-weight: bold;
	background-color: #f5f5f5;
	border-color: #ddd;
	margin-top: -12px;
	padding-top: 12px;
	margin-bottom: -12px;
	display: block;
	padding-bottom: 12px;
}