.flot{ width: 100%; float: left; clear: both;}
.m1{margin-top:1%;}
.ma1{margin-bottom:1%;}
.m2{margin-top:2%;}
.m3{margin-top:3%;}
.m5{margin-top:5%;}
.m7{margin-top:7%;}
.amplia{font-size:200%;}
.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);}
.rojo{color: rgba(225,24,27,1.00);}
.gris{color: rgba(105,105,105,1.00);}
.verde{color: rgba(92, 184, 92, 1);}
.azul{
background-color: rgba(15,13,30,1.00);
color:#FFF;
}
.pantalla{position: relative;}
.fondoBlanco{  background-color: #FFF; }
.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%;
}

.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: 150px;
}

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

.cam{
	font-size: 150%;
}

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

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

.textPunto{
	font-size: 150%;	
}





.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:url(imagenes/fondoMotor.png);*/
	background-repeat: no-repeat;
	background-size:auto;
	background-position: fixed;
	background-position:200px,5000px;	
}

.pantallaB{	
	min-height: 500px;
	/*background:url(imagenes/fondoMotor.png);*/
	background-repeat: no-repeat;
	background-size:contain;
	background-position: 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; }

.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: 9px !important;
	box-shadow: 1px 1px 3px #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 3px #4c4c4c;
}
.ui-controlgroup > .ui-controlgroup-item {
    border-radius: 9px !important;
}
.ui-button .ui-icon {
    border-radius: 9px !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%;
	
}

.pantallaB2{
	
	
	height:92%;
	overflow: auto;
	background: rgba(248,248,248,1.00);
	
}


.minimo{
	min-height: 200px;
}
.iconoT{
	font-size:300%;
}

.icono200{
	font-size:200%;
}


.icono150{
	
	font-size:150%;
	
}

/** 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;
}

.radioBoxRojo {}
.radioOpcion .radio input:checked + .radioBoxRojo:after { 
    top: 0px;
}
.radioBoxRojo:after {
	width: 80%;
	height: 80%;
	content: '';
	position: absolute;
	border: 7px solid;
	border-color: rgba(225,24,27,1.00);
	background-color: rgba(225,24,27,1.00);
	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;
}

.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: 210%;
	bottom: 5%;
	margin: auto;
	z-index: 9999;
}
/** Fin de las clases de para los checkbox-min*/


.lineaB{
	
	border-bottom: 1px solid #000;
	padding-bottom: 1%;
	
}


.lineaTitulos {
	border-left: 1px solid #fff;
	height: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 1%;
}

.linea{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 1%;
}


.lineaI{
	border-left: 1px dotted #ccc;
	padding-left: 1%;
}
.lineaD {
	
	border-right:1px dotted #ccc;
	
	
	
}
.redu{
	
	font-size:90%;
	
}


.redu2{
	
	font-size:80%;
	color: rgba(21,103,153,1.00);
	
}





.verdeLinea{
	
background-color:rgba(18,100,2,1.00);
	color:#FFF;
	
}
.icon130{
	
	font-size:130%;
	
}
.lineaD2{
	
     border-right: 1px solid rgba(105,105,105,1.00);
		
}
	
	.lineaA2{
	
		
    border-bottom: 1px solid rgba(105,105,105,1.00);
		padding-bottom: 1.5%;
		padding-top: 1.5%;
		
		
	    }	
	
	.regla{
		
		min-height: 5px;
		background: rgba(55,119,9,1.00);
		
	}


.icono1000{
		
		font-size:500%;
		
		
	}