@charset "UTF-8";
@font-face{
font-family:RenaultLife-Regular;
src:url(../fuentes/RenaultLife-Regular.ttf);	
}

@font-face{
font-family:RenaultLife-Bold;
src:url(../fuentes/RenaultLife-Bold.ttf);		
}

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


body{font-family:RenaultLife-Bold;}
.rena{font-family:RenaultLife-Bold;}
.rena2{font-family:RenaultLife-Regular;}
.breakW{word-break: break-word;}

.fixed{position: fixed;}
.flexibleAll{display: flex;}
.inline-table{display: inline-table;}
.block{display: block;}
.absolutB{position: absolute; bottom:0px;}
.absolutBR{position: absolute; right: 5%; bottom: 13%;} 
.absolutL{ position: absolute; bottom: 13%;} 

.flot{ width: 100%; float: left; clear: both;}
.flotR{float: right;}
.flotR-relative{float: right; position: relative;}
.flotA{ width: auto; float: left; clear: none;}

.borde{ border:1px solid; margin: 2%;}
.bordeA {border: 1px solid rgba(153, 153, 153, 0.24);}
.border { border:1px solid;}
.bordeB {border-bottom: 1px solid;}
.bordeR {border-right:1px solid;}
.bordeL {border-left:1px solid;}

.divMedio{width:fit-content; margin:0 auto;}
.mAuto{margin:0 auto;}
.m1{margin-top:1%;}
.m2{margin-top:2%;}
.m3{margin-top:3%;}
.m5{margin-top:5%;}
.m7{margin-top:7%;}
.m9{margin-top:9%;}
.m10{margin-top:10%;}
.m11{margin-top:11%;}
.m22{margin-top:30%;}
.mr7x{margin-right: 7px;}
.mr2{margin-right: 2%;}
.mr4{margin-right: 4%;}
.ml2{margin-left:2%;}
.ml4{margin-left:4%;}
.mb1{margin-bottom:1%;}
.mb5{margin-bottom: 5%;}
.mb2{margin-bottom: 2%;}
.m5B1 {margin-top: 25%;}
.ajusteTop{margin-top: 8%;}
.rowLeft{margin-left:-15px;}

.p0{padding: 0px;}
.p1{padding:1%;}
.p2{padding: 2%;}
.p3{padding: 3%;}
.pt50{padding-top: 50px;}
.pt14{padding-top: 14px;}
.pt1{padding-top: 1%;}
.pt3{padding-top: 3%;}
.pt5{padding-top: 5%;}
.pt6{padding-top: 6%;}
.pt10{padding-top:10%;}
.pb2{padding-bottom:2%;}
.pr0{padding-right: 0px;}
.pr3{padding-right: 3%;}
.pr2{padding-right: 2%;}
.pr5{padding-right: 5%;}
.pl0{padding-left: 0%;}
.pl2{padding-left: 2%;}
.pl1{padding-left: 1%;}
.pl3{padding-left: 3%;}
.pl5{padding-left: 5%;}


.redu50{font-size:50%;}
.redu60{font-size:60%;}
.redu80{font-size:80%;}
.redu{font-size:70%;}
.redu2{font-size:80%;}


.gran{font-size:200%;}
.gran2{font-size: 210%;}
.aum120{font-size: 120%;}
.aum150{font-size:150%;}	
.aum200{font-size:200%;}
.aum250{font-size:250%;}
.icon200{font-size: 200%;}

.line-height100{line-height: 100%;}
.line-height50{line-height: 50px;}
.line-height60{line-height: 60px;}

.font6{font-size:600%;}
.font5{font-size:500%;}
.font4{font-size:400%;}
.font3{font-size:300%;}
.font2{font-size:200%;}
.font1{font-size:100%;}

.colEser-10{width: 10%;}
.colEser-20{width: 20%;}
.colEser-30{width: 30%;}
.colEser-40{width: 40%;}
.colEser-50{width: 50%;}
.colEser-60{width: 60%;}
.colEser-70{width: 70%;}
.colEser-80{width: 80%;}
.colEser-90{width: 90%;}
.colEser-100{width: 100%;}
	
.colEser-10, .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: 0px;
	    padding-left: 0px;
	    float: left;
	}

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

.cajaOverflow{overflow: hidden; position: relative;}

.cursorP{cursor: pointer;}


.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);}
.shadow{ box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15);}


.minContent{min-width: min-content;}
.minW2{min-width: 200px;}
.minW25{min-width: 250px;}
.minW3{min-width: 300px;}

.minH1{min-height: 100px;}
.minH12{min-height: 120px;}
.minH13{min-height: 130px;}
.minH14{min-height: 140px;}
.minH19{min-height: 190px;}

.maxW70{max-width: 70px;}
.maxW50{max-width: 50px;}

.h100{height: 100%;}

.cajaInfo{position: relative; height: 100%;}

.cabeceraListado{
	    background-color: #293038;
    margin-bottom: 1%;
    padding: 0.8% 0;
	color:#fff;
}

.lineaTiempo .pintaLinea:before{
	    content: '__';
    position: absolute;
    top: 25%;
    left: -28px;
    color: rgb(165, 165, 165);
    font-size: 200%;}

/*-----------ESPECÍFICOS----------*/

.lineaUET{
	    background-color: #197bc3;
		padding-bottom: 10px;
		color: #fff;
}
.lineaGUIA{
	line-height: 50px;
	margin-top: 0px;
	border-left: 1px dashed #72b5d1;
	border-bottom: 1px dashed #72b5d1;
	width: 70px;
	height: 80%;
}

.lineaSeparaGUIA{
	line-height: 10px;
	margin-top: 7px;
	margin-bottom: 7px;
	border-bottom: 1px dashed #72b5d1;
}

.barraGuia { background-color: #0A2C2C;     text-align:right; color: #fff;      min-height: 27px;}
.barraVerde { background-color: #b3c62d;    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1); text-align: center; color: #fff; }
.barraNaranja { background-color: #f97f02;  box-shadow: 0 2px 4px 0 rgba(0,0,0,.1); text-align: center; color: #fff; }
.barraRoja { background-color: #c11941;     box-shadow: 0 2px 4px 0 rgba(0,0,0,.1); text-align: center; color: #fff; }

.centraVertical { 
	line-height: 130px;
	padding-left: 0px;
	padding-right: 0px;
}

.centradoVertical {
	display: inline-block;
	vertical-align: middle;
	line-height:inherit;
}
	

.marcoFirma{
    border: 1px solid;}  

.cajaPuesto{   

color:#fff;
background-color:#000;
padding: 3px 3px 3px 9px;
margin-right: 2%;
margin-bottom: 1%;
min-width: max-content;}

.cajaPuesto span:before{padding-left: 15px solid rgb(2,5,99);}


.cajaAcreditacion{   

color:#fff;
background-color:#000;
padding: 3px 9px 9px 9px;
margin-right: 2%;
margin-bottom: 1%;
min-width: max-content;}

.cajaAplicacion{   

padding: 9px;
margin-right: 2%;
margin-bottom: 1%;
min-width: max-content;}

.cajaSecciones{ 
	
margin-right: 2%;
margin-bottom: 1%;
min-width: max-content;
}

/*.bloqueMaquinaBrocha{position: relative;     min-width: min-content;
    max-width: 335px; padding: 10px;  background-color: #4c82ab;}*/



.cajaBrocha {
    width: 180px;
	height: 180px;
    font-family: RenaultLife-Regular;
    font-size: 16px;
	    margin: 0 auto;
    color: #FFF;
    cursor: pointer;
    background-color: #4c82ab;
    
}

.cajaBrocha a {
    text-decoration: none;
}

 .cajaBrocha span {
    text-align: center;
    cursor: pointer;
    font-weight: normal;
    text-transform: none;
    text-decoration: inherit;
    speak: none;
    width: max-content;
    margin: auto;   
}

.cajaBrocha label {
    display: block;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 2%;
    padding: 12px;
    cursor: pointer;
    font-weight: normal;
    color: #fff;
}

.lineaIzquierda{   

border-left: 2px solid;
        padding-left: 5%;
	margin: 2% 0px;}

.btnAccionS2 {
    width: 150px;
	height: 150px;
    font-family: RenaultLife-Regular;
    font-size: 16px;
	display:inline-table;
    color: #FFF;
    cursor: pointer;
    
}

.btnAccionS2 a {
    text-decoration: none;
}

.btnAccionS2 span {
    display: block;
    text-align: center;
    cursor: pointer;
    font-weight: normal;
    text-transform: none;
    text-decoration: inherit;
    speak: none;
    border-bottom: 1px solid;
    width: max-content;
    margin: auto;
    padding: 7px 14px;
    color: #fff;
}

.btnAccionS2 label {
    display: block;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 2%;
    padding: 12px;
    cursor: pointer;
    font-weight: normal;
    color: #fff;
	    max-width: 150px;
}

.btnAccionS3 {
    width: 180px;
	height: 180px;
    font-family: RenaultLife-Regular;
    font-size: 16px;
	display:inline-table;
    color: #FFF;
    cursor: pointer;
background-color: #8a8a8a73;
    
}

.btnAccionS3 a {
    text-decoration: none;
}

.btnAccionS3 span {
    display: block;
    text-align: center;
    cursor: pointer;
    font-weight: normal;
    text-transform: none;
    text-decoration: inherit;
    speak: none;
    border-bottom: 1px solid;
    width: max-content;
    margin: auto;
    padding: 7px 14px;
}

.btnAccionS3 label {
    display: block;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 2%;
    padding: 12px;
    cursor: pointer;
    font-weight: normal;
    color: #fff;
}

.textShadowHover:hover{
	    
    text-shadow: 1px 1px 0px #94949485;
	transition: all 0.2s ease;
}

.inputActivo{
	
    box-shadow: inset 0px 1px 3px #00000057;
    border: none;
    padding: 3%;

}

.cajaTexto{   

color:#fff;
padding: 3px 3px 3px 9px;
margin-right: 2%;
margin-bottom: 1%;
min-width: max-content;}

.cajaTexto span:before{padding-left: 15px solid rgb(2,5,99);}

.cajaTextoOverflow{color:#000;
background-color:#fff;
padding: 3px 3px 3px 9px;
margin-right: 2%;
margin-bottom: 1%;
	overflow: auto;
    white-space: nowrap;
        min-width: auto;
	}

.cajaTexto1{   
background-color: #fff;
color:#000;
padding: 3px 3px 3px 9px;
margin-right: 2%;
margin-bottom: 1%;
min-width: max-content;}

.cajaTexto1 span:before{padding-left: 15px solid rgb(2,5,99);}

.buscadorTop {
    position: fixed;
    z-index: 1;
    background-color: #e8e8e8f0;
    left: 0px;
    top: 0px;
    overflow: hidden;
    box-shadow: -1px 2px 20px 0px #0000004a;
}

.imgBidi {    background-blend-mode: darken;
    background-color: #37aaff;
	background-size: 100px;
    background-repeat: no-repeat;
    background-position: 50%;
    min-height: 90px;}


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

.blanco{color:#fff;}
.negro{color:#000;}
.colorApagado {color: rgba(0,0,0,0.32);}
.colorAmarillo {color: #ffce00;}
.colorVerde{color: rgba(92, 184, 92, 1);}

.bordeLAzul { border-left: .5rem solid #197bc3; }
.bordeLVerdeEquipo { border-left: .5rem solid #c8e132; }

.bgNegro{background-color: #000;}
.bgBlanco{background-color: #fff;}  

.bgGrisR{background: #f2f2f1;}
.bgGris{background-color: #e8e8e8;}  
.bgGrisA{background-color: #dcdcdc;}
.bgGrisB{background-color: #c5c5c5;}
.bgGrisC{background-color: #b1b1b1;}
.bgGrisD{background-color: #808080;} 
.bgGrisF{background-color: #444444;}

.bgAzul{background-color: #197bc3;}
.bgAzulT{background-color: #197bc3a8;}
.bgAzulA{background-color: #36a0af;} 
.bgVerdeEquipo{background-color: #c8e132;} 

.bgSeguridad{background-color: #6ec2e4;}
.bgCalidad{background-color: #ffb700;}
.bgPerformance{background-color: #9886d3;}
.bgEquipo{background-color: #c8e410;}

.bgEquipoT{background-color: rgba(200, 225, 50, 0.24);}

/*-------------COLORES APLICACIONES--------------*/
.bgSWI{background-color: rgba(0,101,246);}

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

.bgAmarilloR{background: #fc3;}
.bgAmarillo{background-color: #f5ce3a;}
.bgAmarillo1{background-color: #f5bd3a;}

.bgAzulElectrobrochas{background-color:#293038;}
.bgAzul1{background-color: #0c51e8;}
.bgAzul2{background-color: #2532ce;} 
.bgAzul3{background-color: #37aaff;}
.bgAzul4{background-color: #4c82ab;}
.bgAzul5 {background-color: #3a3354;}


.bgMorado{background-color: #3c0ce8;}
.bgMorado1{background-color: #5b4a9a;}
.bgRojo{background-color: #ef4848;}

.colorVerdeIndicador{color:#5cb85c;}
.colorNaranjaIndicador{color:#ef7748;}
.colorRojoIndicador{color:#ef4848;}

.colorAzul5 {color: #3a3354;}
.colorAmarillo1{color: #f5bd3a;}

.bgVerde{background-color: #5cb85c;}
.bgVerdeFabrica{background-color: #aed88b;}
.bgVerdeFabrica1{background-color: #80bf80;}

.bgIncidencia1{background-color: #f5bd3a;}
.bgIncidencia2{background-color: #ef7748;}
.bgIncidencia3{background-color: #ef4848;}

.bordeIncidencia1{border:2px solid #f5cd3a;}
.bordeIncidencia2{border:2px solid #ef7748;}
.bordeIncidencia3{border:2px solid #ef4848;}
.bordeAmarillo{border: 6px solid #f5ce3a;}

.pasilloAmarillo{border-left: 12px dashed #f5ce3a; border-right: 12px dashed #f5ce3a; text-align: center;}

.pasilloBlanco{border-left: 12px dashed #fff; border-right: 12px dashed #fff;     text-align: center;}

    .bgVerdeT {
    background-color: rgba(92, 184, 92, 0.75);
}
	.bgAmarilloT {
    background-color: rgba(245, 189, 58, 0.75);
}

.bgNaranjaT {
    background-color: rgba(239, 119, 72, 0.75);
}

.bgRojoT {
    background-color: rgba(239, 72, 72, 0.75);
}

/*-------------ICONOS---------------*/

.iconoAbsolut {
    font-size: 6em;
    position: absolute;
    top: 0;
    right: -1%;
	bottom: -1%
}

.iconoAbsolutG {
    font-size: 10em;
    position: absolute;
    top: 0;
    right: -1%;

}

.iconoAbsolutGL {
    font-size: 10em;
    position: absolute;
    top: 0;
	
}

.iconoAbsolutE {
    font-size: 6em;
    position: absolute;
    top: -10px;
    left: -10px;
}



.megaIcon {
    font-size: 800%;
    height: 90px;
    overflow: hidden;
}


/** Clases de estilo para los checkbox */



.checkOk{
	color: #70ea41;
	display: contents;}
.checkOk label{margin-bottom: 0px;}
.checkcaja{display: grid;}
.checkcaja label{margin-bottom: 0px;}
.check { 
    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: 2px solid #dedede;
    background-color: #dedede;
    overflow: hidden;
	cursor: pointer;
}

check input:checked + .box { background-color: #b3ffb7;}
input[type="checkbox"]:checked + label { background-color: #b3ffb7; }
input[type="checkbox"] { display:none; }
	
.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);
}

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



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


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


/** Clases de estilo para los formularios */



.adjuntarFoto {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border: 1px solid #ccc;
    color: #ccc;
    text-align: center;
    padding-top: 3%;
    width: 200px;
    min-height: 200px;
}

.adjuntarFoto .input-file {
    margin: 0;
    padding: 0;
    outline: 0;
    opacity: 0;
    position: absolute;
    cursor: pointer;
	    width: 100%;
}

.cambiarFoto .input-file {
    margin: 0;
    padding: 0;
    outline: 0;
    opacity: 0;
    position: absolute;
    cursor: pointer;
    width: 100%;
}

.img-hacer-foto{
	background-image: url(../imagenes/tomarFotoOperario.png);
	opacity: 0.1;
	background-repeat: no-repeat; 
	background-position: 50% 60%; 
	background-size: contain;
	position: absolute;
    width: 200px;
    height: 200px;
}

.formIcon{	/*<div class="cajaFecha"><input>
						<span class="icon-fecha formIcon"></span>
		</div>*/
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: #dedede;
	padding: 5px;
	height: 40px;
	width: auto;
	line-height: 30px;
	font-size: 18px;
	pointer-events: none;
	z-index: 99;
} 

.formIcon1 {
    position: absolute;
    right: 1px;
    top: 1px;
    background-color: #dedede;
    padding: 5px;
    height: 38px;
    max-width: 38px;
    line-height: 30px;
    font-size: 18px;
    pointer-events: none;
	margin-right: 15px;
	z-index: 99;
}

.time{
	min-width: 100%;
-webkit-appearance: none !important;
}

/*-------------Linea de Tiempo---------------*/

.timeline {
  position: relative;
  width: 600px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 1em 0;
  list-style-type: none;
}

.timeline:before {
  position: absolute;
  left: 200px;
  top: 0;
  content: ' ';
  display: block;
  width: 3px;
  height: 100%;
  margin-left: -3px;
  background: rgb(177, 177, 177);

  background: linear-gradient(to bottom, rgba(177, 177, 177,0) 0%, rgb(177, 177, 177) 8%, rgb(177, 177, 177) 92%, rgba(177, 177, 177,0) 100%);
  
  z-index: 5;
}

.timeline li {
      padding: 25px 0px 50px;
}

.timeline li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


.direction-r {
  position: relative;
  width: 286px;
  float: right;
}


	.iconLineaTiempo{
        width: 120px;
    height: 120px;
    position: absolute;
    left: 140px;
    z-index: 99;
    background-color: #f8f8f8;
    text-align: center;
    font-size: 400%;}
   
	.iconLineaTiempo span{
	       border-radius: 50px;
    padding: 6%;
    
    display: inline-block;
    margin-top: 12px;
	}
    
	.tiempoTimeLine{
	width: 200px;	
    float: left;
	margin-top: 40px;
	}
	
	.flag {
    position: relative;
    background: rgb(193, 193, 193);
    padding: 6px 10px;
    border-radius: 5px;
    font-weight: 600;
    text-align: left;
}
	
	.direction-r .flag:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    height: 0;
    width: 0;
    margin-top: -8px;
    border: solid transparent;
    border-right-color: rgb(193, 193, 193);
    border-width: 8px;
    pointer-events: none;
}

/*-------------ESTILOS RENAULT---------------*/



.form-control {
    height: 40px;
    border-radius: 0px;
}


.caja {
    border: 1px solid #d9d9d9;
    height: 40px;
    overflow: hidden;
    width: 100%;
    position: relative;
}

input{border-radius:0px; width: 100%;}

input[type=date], input[type=number], select, textarea {
    border-radius: 0px !important;
}


input[type=date], select {
    background: transparent;
    border: none;
    /*font-size: 14px;*/
    height: 40px;
    padding: 5px;
    width: 100%;
}

input[type=text] {
    border-radius: 0px 0px 0px 0px;
    border: 1px solid rgba(154,153,153,1.00);
    min-height: 40px;
    width: 100%;
    display: block;
}

.ancho {
    font-size: 200%;
    text-align: center;
    padding: 7%;
}

.caja::after {
    content: "\025be";
    display: table-cell;
    padding-top: 7px;
    text-align: center;
    width: 30px;
    height: 40px;
    background-color: #d9d9d9;
    position: absolute;
    top: 0;
    right: 0px;
    pointer-events: none;
}

.cajaFecha{
	border: 1px solid #d9d9d9;
    height: 40px;
    overflow: hidden;
    max-width: 260px !important;
    position: relative;
}

option {
    background-color: #ccc;
    color: black;
}

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

.panel-heading {
    margin-bottom: 0;
    border-radius: 0px !important;
}


/*-------------estilos SWI---------------*/		
		

.btnAmarilloDegra{background: linear-gradient(to bottom,#F9C900 0,#F7B100 100%);}
	
	.btnGrisDegra{ background: linear-gradient(to bottom,#8D8F91 0,#6C6E6F 100%);}  
	
.btnRenault {
width: 100%;
float: left;
clear: both;
min-width: max-content;
}

.btnRenault {

padding: 2% 0;
cursor: pointer;
font-weight: normal;
border-bottom: 1px solid rgba(204,204,204,1.00);
white-space: nowrap;
display: flex;
justify-content: center;
align-items: center;
border: none;
text-transform: uppercase;
color: #fff;
font-family: helv-77,Arial,sans-serif;
min-height: 36px;
text-decoration: none;
position: relative;
font-size: 20px;
height: 36px;
box-sizing: border-box;
border-radius: 0;

}

.btnRenault a {
text-decoration: none;
}

.btnRenault label {

color: #fff;
align-items: center;
margin-bottom: 0px;
cursor: pointer;
font-weight: normal;

}
.btnRenault span {
color: #fff;
cursor: pointer;
font-weight: normal;
text-transform: none;
text-decoration: inherit;
speak: none;
height: 30px;
width: 34px;
content: "";
position: absolute;
top: 3px;
left: 3px;
border-right: 1px solid;
padding-right: 5px;
}
	

.btn2R{
	width: 115px;
	height:115px;
    font-family: RenaultLife-Regular;
    font-size: 15px;
    color: #FFF;
    cursor: pointer;	
	display: block;
	    padding-top: 5%;
	box-shadow: 0 0.15rem 1.75rem 0 rgba(58,59,69,.15);
	
	
} 

.btn2R a {
    text-decoration: none;
}

.btn2R span {
    display: block;
    text-align: center;
    cursor: pointer;
    font-weight: normal;
    text-transform: none;
    text-decoration: inherit;
    speak: none;
    border-bottom: 1px solid;
    width: max-content;
    margin: auto;
    padding: 7px 14px;
    color: #fff;
}

.btn2R label {
    display: block;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 2%;
    padding: 12px;
    cursor: pointer;
    font-weight: normal;
    color: #fff;
	    max-width: 150px;
}


.stand{
	width: 93%;
    height: 10px;
	    background: #949494;
    
    display: block;
    position: absolute;
    z-index: 1;
    top: 190px;
}

.stand:before{
	  content: ' ';
position: absolute;
	width: 100%;
height: 17px;
     background: #cecece;
top: -17px;
left: 10px;
-webkit-transform: skew(-50deg);
-moz-transform: skew(-50deg);
-ms-transform: skew(-50deg);
-o-transform: skew(-50deg);
transform: skew(-50deg);
z-index: -9;
	box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15);
}

.stand:after{
	content: ' ';
position: absolute;
width: 10px;
height: 25px;
top: -16px;
right: -15px;
	 background: #525252;  
    
-webkit-transform: rotate(74deg) skew(23deg, 16deg);
-moz-transform: rotate(74deg) skew(23deg, 16deg);
-ms-transform: rotate(74deg) skew(23deg, 16deg);
-o-transform: rotate(74deg) skew(23deg, 16deg);
transform: rotate(74deg) skew(23deg, 16deg);
display: inline-block;

}


.filaLibros{
	    position: absolute;
top: 70px;
z-index: 9;
display: flex;
}


.reliebe:before{
content: ' ';
position: absolute;
width: 115px;
height: 6px;
background-color: rgb(96, 161, 255);
top: -6px;
left: 19px;
-webkit-transform: skew(-50deg);
-moz-transform: skew(-50deg);
-ms-transform: skew(-50deg);
-o-transform: skew(-50deg);
transform: skew(-50deg);
z-index: -9;
	box-shadow: 136px 110px 1px 0px #00000087;
}

.reliebe:after{
    content: ' ';
    position: absolute;
    width: 111px;
    height: 9px;
        background-color: rgb(20, 72, 148);
    top: 50px;
    left: 78px;
-webkit-transform: rotate(74deg) skew(23deg, 16deg);
-moz-transform: rotate(74deg) skew(23deg, 16deg);
-ms-transform: rotate(74deg) skew(23deg, 16deg);
-o-transform: rotate(74deg) skew(23deg, 16deg);
transform: rotate(74deg) skew(23deg, 16deg);
display: inline-block;

}
	
	.mb120{
		margin-bottom: 120px
	}
	
.cajaRenault {
    border: 1px solid #d9d9d9;
    height: 40px;
    overflow: hidden;
    width: 100%;
    position: relative;
}
	
.formIconR {
        position: absolute;
    right: 0px;
    top: 0px;
    color: #8c8c8c;
    padding: 0px 10px;
    width: auto;
    line-height: 30px;
    font-size: 18px;
    pointer-events: none;
    z-index: 99;
    border-left: 1px solid #8c8c8c;
        margin: 4px 0px;
    background-color: white;
}
	
	.flechaDown{   
		width: 15px;
    height: 3px;
    background: #8c8c8c;
    position: relative;
    transform: rotate(225deg);}	
   
	
	.flechaDown:before{
		   content: "";
    position: absolute;
    left: 0;
    width: 3px;
    height: 15px;
    background-color: #8c8c8c;
	}
	
	.cajaFlecha{
		
		position: absolute;
    top: 4px;
    right: 0px;
    border-left: 1px solid #8c8c8c;
    width: 40px;
    height: 30px;
    background-color: white;
	    pointer-events: none;
		
	}

/*	.formIconR:before{
	width: 1px;
    border-left: 1px solid #8c8c8c;
    padding-left: 10px;
	}*/



/*-------------MOVIL---------------*/

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

	.movilNone{display:none;}
	
	.movilBox{display:-webkit-box;}
	
	.AjusteTopListado{margin-top: 12%;}
	
.coliPadV-10{width: 10%;}
.coliPadV-20{width: 20%;}
.coliPadV-30{width: 30%;}
.coliPadV-40{width: 40%;}
.coliPadV-50{width: 50%;}
.coliPadV-60{width: 60%;}
.coliPadV-70{width: 70%;}
.coliPadV-80{width: 80%;}
.coliPadV-90{width: 90%;}
.coliPadV-100{width: 100%;}
	
.coliPadV-10, .coliPadV-20, .coliPadV-30, .coliPadV-40, .coliPadV-50, .coliPadV-60, .coliPadV-70, .coliPadV-80, .coliPadV-90, .coliPadV-100 {
	    position: relative;
	    min-height: 1px;
	    padding-right: 15px; padding-left: 15px;
	    float: left;
	}

	
.col-xs-1V{width: 8.333333333%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-1*/
.col-xs-2V{width: 16.666666667% !important; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-2*/
.col-xs-3V{width: 25%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-3*/
.col-xs-4V{width: 33.33333333%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-4*/
.col-xs-5V{width: 41.66666667%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-5*/
.col-xs-6V{width: 50%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-6*/
.col-xs-7V{width: 58.33333333%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-7*/
.col-xs-8V{width: 66.66666667%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-8*/
.col-xs-9V{width: 75%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-9*/
.col-xs-10V{width: 83.33333333%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-10*/
.col-xs-11V{width: 91.66666667%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-11*/
.col-xs-12V{width: 100%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-12*/

	
	.reduiPadV{font-size: 100%;}
	.reduiPadV97{font-size: 97%;}
	.reduiPadV5{font-size: 50%;}   
	.reduiPadV6{font-size: 60%;}
	
	.fontiPadV2{font-size:200%;}
	.fontiPadV25{font-size:250%;}
} 
		
	

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


.reduMovil50{font-size:50%!important;}
.reduMovil{font-size:70%!important;}
.reduMovil82{font-size:82%!important;}
.reduMovil97{font-size:97%!important;}
	
	.AjusteTopListado{margin-top: 20%;}
		
}
	


/*-------------DESKTOP---------------*/


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

.flexible{display: flex;}

.absolutBDesk{position: absolute; bottom:0px;}
	
.AjusteTopListado{margin-top: 10%;}
	
}