.np{padding: 0;}.p0{padding: 0.5em;}.p1{padding: 1em}.p2{padding: 2em;}.p3{padding: 3em;}.p4{padding: 4em;}.p5{padding: 5em;}.np-bottom{padding-bottom: 0;}.p0-bottom{padding-bottom: 0.5em;}.p1-bottom{padding-bottom: 1em}.p2-bottom{padding-bottom: 2em;}.p3-bottom{padding-bottom: 3em;}.p4-bottom{padding-bottom: 4em;}.p5-bottom{padding-bottom: 5em;}.np-left{padding-left: 0}.p0-left{padding-left: 0.5em;}.p1-left{padding-left: 1em}.p2-left{padding-left: 2em;}.p3-left{padding-left: 3em;}.p4-left{padding-left: 4em;}.p5-left{padding-left: 5em;}.np-right{padding-right: 0}.p0-right{padding-right: 0.5em;}.p1-right{padding-right: 1em}.p2-right{padding-right: 2em;}.p3-right{padding-right: 3em;}.p4-right{padding-right: 4em;}.p5-right{padding-right: 5em;}.np-top{padding-top:0;}.p0-top{padding-top: 0.5em;}.p1-top{padding-top: 1em}.p2-top{padding-top: 2em;}.p3-top{padding-top: 3em;}.p4-top{padding-top: 4em;}.p5-top{padding-top: 5em;}.nm{margin: 0;}.m0{margin: 0.5em;}.m1{margin: 1em;}.m2{margin: 2em;}.m3{margin: 3em;}.m4{margin: 4em;}.m5{margin: 5em;}.m0-bottom{margin-bottom: 0.5em;}.m1-bottom{margin-bottom: 1em;}.m2-bottom{margin-bottom: 2em;}.m3-bottom{margin-bottom: 3em;}.m4-bottom{margin-bottom: 4em;}.m5-bottom{margin-bottom: 5em;}.m0-left{margin-left: 0.5em;}.m1-left{margin-left: 1em;}.m2-left{margin-left: 2em;}.m3-left{margin-left: 3em;}.m4-left{margin-left: 4em;}.m5-left{margin-left: 5em;}.m0-right{margin-right: 0.5em;}.m1-right{margin-right: 1em;}.m2-right{margin-right: 2em;}.m3-right{margin-right: 3em;}.m4-right{margin-right: 4em;}.m5-right{margin-right: 5em;}.m0-top{margin-top: 0.5em;}.m1-top{margin-top: 1em;}.m2-top{margin-top: 2em;}.m3-top{margin-top: 3em;}.m4-top{margin-top: 4em;}.m5-top{margin-top: 5em;}.nm-left{margin-left:0;}.nm-right{margin-right: 0}.nm-top{margin-top: 0}.nm-bottom{margin-bottom: 0}.text-center{text-align: center;}.text-right{text-align: right;}.text-left{text-align: left;}.clear{clear: both}.float-left{float: left}.float-right{float: right;}.flex{display: flex;}.align-center{align-items:center; vertical-align: middle;}.align-right{justify-content:flex-end;}.total-center{align-items:center; vertical-align: middle; justify-content:center;}.inline-block{display: inline-block;}.flex-end{justify-content: flex-end;}.justify-center{justify-content:center;}.flex-column{flex-direction:column;}.block{display: block;}.hidden{display: none;}.width{width: 100%}.height{height: 100%}.f0{font-size: 0.75em;}.f-small{font-size: 85%;}.f1{font-size: 1em;}.f2{font-size: 2em;}.f3{font-size: 3em;}.f4{font-size: 4em;}.f15{font-size: 1.5rem}.f12{font-size: 1.2rem}.pointer{cursor:pointer;}.bold{font-weight: bold}.normal{font-weight: normal}.underline{text-decoration: underline;}.nunderline, .nunderline:hover, .nunderline:active, .nunderline:focus, .nunderline:visited{text-decoration: none;}.parallax {background-attachment: fixed !important;background-position: center;background-repeat: no-repeat !important;background-size: cover !important;}.m-left-auto{margin-left:auto}.m-right-auto{margin-right:auto}.lh-1{line-height: 1}.m-top-auto{margin-top:auto;}.m-bottom-auto{margin-bottom: auto;}.lh-12{line-height: 1.2}.m-left-auto{margin-left: auto}
a:hover{color:var(--primary);}
.color-primary{color:var(--primary);}
.color-primary-light{color:var(--primary_medium_light);}
.bg-grey-light{background-color: #F3F6F6}
.bg-grey{background-color: #DBE3E3}

h1,h2,h3,h4,h5{font-weight: bold}
.popup{position: fixed;top: 0;right: 0;left: 0;margin: auto;background: white;padding: 2em;width: fit-content;max-width: 100%;z-index: 9999999;bottom: 0;height: fit-content; border-radius: 8px}
.popup2{position: fixed;top: 0;right: 0;left: 0;margin: auto;background: white;padding: 0.5em 0 0 0;width: fit-content;max-width: 60vw;z-index: 400;bottom: 0;height: fit-content;min-width: 500px;border-radius: 8px}
.popupRed{position: fixed;top: 0;right: 0;left: 0;margin: auto;background: white;padding: 0.5em 0 0 0;width: fit-content;max-width: 60vw;z-index: 450;bottom: 0;height: fit-content;min-width: 500px;border-radius: 8px}
.popup2 .f15{width: calc(100% - 20px);}

*[data-close], *[data-close-alert]{cursor:pointer; width: 20px; height: 20px; background-image:url('../icons/close.svg'); background-repeat: no-repeat; background-size: 100%; background-position: center; position: absolute; right: 20px; top: 20px; cursor: pointer;}
.bg-absolute-black{background: rgba(0,0,0,0.4); position: fixed;top: 0px; left: 0px; z-index: 999999; width: 100%; height: 100%; }
.bg-absolute-black2{background: rgba(0,0,0,0.8); position: fixed;top: 0px; left: 0px; z-index: 999999; width: 100%; height: 100%; }
.bg-primary{background-color: var(--primary) !important}.bg-grey-dark{background-color:#ccc;}.bg-white{background-color:#FFF;}

#lightboxSojo .bg-absolute-black{background: rgba(0,0,0,0.8); backdrop-filter:blur(5px);}
button, .boton, .button, input[type="submit"]{border-radius: 5px; transition: 0.25s all ease-in-out}
button.configuracion{display:flex; align-items:center; background-color:rgba(255,51,0,0.5); padding:0.5em !important;}
button.configuracion:before{content:" "; display:block; width:20px; height:20px; background-image:url('../icons/configuracion.svg'); background-position:center;background-size:contain; background-repeat:no-repeat}


.bg-alt_1{background: var(--alt_1);}
.bg-alt_2{background: var(--alt_2);}
.bg-alt_3{background: var(--alt_3);}
.color-black{color: #000}

button:not(.fake-select):hover, a.boton:hover, input[type="submit"]:hover{background: #000 !important; border-color: #000 !important}
button.close-modal-confirm:hover{background-color: transparent !important}

.eliminar{display:flex; align-items:center; background-color:rgba(255,51,0,0.85); border:0px !important}
.eliminar:hover{background-color:#ff3300}
.cancelar{display:flex; align-items:center; background-color:rgba(255,51,0,0.5)}
.cancelar:before{content:" "; display:block; width:20px; height:20px; margin-right:5px; background-image:url('../icons/delete.svg'); background-position:center;background-size:contain; filter:saturate(0%) brightness(200000%);}
.cancelar:hover{background-color:#ff3300}


.form-item-label input[type="text"],
.form-item-label input[type="email"],
.form-item-label input[type="number"],
.form-item-label input[type="date"],
.form-item-label input[type="password"],
.form-item-label select,
.form-item-label textarea{border:1px solid #ccc;padding:0px}
.form-item-label{background:transparent;}
.form-item-label label{margin-bottom:0px; color:#000}
.form-item-label.focus input[type="text"],
.form-item-label.focus input[type="email"],
.form-item-label.focus input[type="number"],
.form-item-label.focus input[type="date"],
.form-item-label.focus input[type="password"],
.form-item-label.focus select,
.form-item-label.focus textarea{border-color: #000}

.form-item-label.bg-grey-light input[type="text"],
.form-item-label.bg-grey-light input[type="email"],
.form-item-label.bg-grey-light input[type="number"],
.form-item-label.bg-grey-light input[type="date"],
.form-item-label.bg-grey-light input[type="password"],
.form-item-label.bg-grey-light select,
.form-item-label.bg-grey-light textarea{
    padding-left: 8px;
    padding-right: 20px;
	line-height: 28px;
	width:100%}

.redondeado-inferior{
	border-radius:0 0 15px 15px;
}
.redondeado-superior{
	border-radius:15px 15px 0 0;
}
button.borde-gris{
	border:1px solid #999 !important;
}

button.desactivado{
	background-color:#999; 
	color:#CCC;
	cursor:auto;
}
.color-red{color:rgba(255,51,0,1);}
.color-white{color:#fff;}
.elipsis{
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.count-percent:after{content:" %";}
.count-money:after{content:" €";}
.textoSinCorte {
    white-space: nowrap;
    overflow: auto;
}

#controler_responsive{display: none}
#shadow{display: none}
@media (max-width : 650px) {
	body{padding-bottom: calc(60px + 80px)}

  .row-reverse-res, .responsive_invert_order{display: flex; flex-direction:column-reverse;}
  .nm-left-res{margin-left: 0px;}.nm-right-res{margin-right: 0px;}.nm-bottom-res{margin-bottom: 0px;}.nm-top-res{margin-top: 0px;}.m0-top-res{margin-top: 0.5em;}.m1-top-res{margin-top: 1em;}.m2-top-res{margin-top: 2em;}.m3-top-res{margin-top: 3em;}.m4-top-res{margin-top: 4em;}.m5-top-res{margin-top: 5em;}.m6-top-res{margin-top: 6em;}.m0-bottom-res{margin-bottom: 0.5em;}.m1-bottom-res{margin-bottom: 1em;}.m2-bottom-res{margin-bottom: 2em;}.m3-bottom-res{margin-bottom: 3em;}.m4-bottom-res{margin-bottom: 4em;}.m5-bottom-res{margin-bottom: 5em;}.m6-bottom-res{margin-bottom: 6em;}.m1-left-res{margin-left: 1em;}.m2-left-res{margin-left: 2em;}.m3-left-res{margin-left: 3em;}.m4-left-res{margin-left: 4em;}.m5-left-res{margin-left: 5em;}.m6-left-res{margin-left: 6em;}.m1-right-res{margin-right: 1em;}.m2-right-res{margin-right: 2em;}.m3-right-res{margin-right: 3em;}.m4-right-res{margin-right: 4em;}.m5-right-res{margin-right: 5em;}.m6-right-res{margin-right: 6em;}.nm-res{padding: 0px}.m1-res{margin: 1em}.m2-res{margin: 2em}.m3-res{margin: 3em}.m4-res{margin: 4em}.m5-res{margin: 5em}.m6-res{margin: 6em}
  .np-left-res{padding-left: 0px;}.np-right-res{padding-right: 0px;}.np-bottom-res{padding-bottom: 0px;}.np-top-res{padding-top: 0px;}.p1-top-res{padding-top: 1em;}.p2-top-res{padding-top: 2em;}.p3-top-res{padding-top: 3em;}.p4-top-res{padding-top: 4em;}.p5-top-res{padding-top: 5em;}.p6-top-res{padding-top: 6em;}.p1-bottom-res{padding-bottom: 1em;}.p2-bottom-res{padding-bottom: 2em;}.p3-bottom-res{padding-bottom: 3em;}.p4-bottom-res{padding-bottom: 4em;}.p5-bottom-res{padding-bottom: 5em;}.p6-bottom-res{padding-bottom: 6em;}.p1-left-res{padding-left: 1em;}.p2-left-res{padding-left: 2em;}.p3-left-res{padding-left: 3em;}.p4-left-res{padding-left: 4em;}.p5-left-res{padding-left: 5em;}.p6-left-res{padding-left: 6em;}.p1-right-res{padding-right: 1em;}.p2-right-res{padding-right: 2em;}.p3-right-res{padding-right: 3em;}.p4-right-res{padding-right: 4em;}.p5-right-res{padding-right: 5em;}.p6-right-res{padding-right: 6em;}.np-res{padding: 0px}.p1-res{padding: 1em}.p2-res{padding: 2em}.p3-res{padding: 3em}.p4-res{padding: 4em}.p5-res{padding: 5em}.p6-res{padding: 6em}
  .hide-res{display: none !important;}
  .sangre_izquierda{width: 100vw !important; margin-left: 0px !important; margin-right: 0px !important;}
  .row-flex-column-res{display:flex; flex-direction:column;}
  .row-flex-row-res{display:flex; flex-direction:row;}
  .row-2columnas-res, .row-3columnas-res{display:flex; flex-direction:row; flex-wrap: wrap;}
  .row-2columnas-res .et_pb_column{flex: 0 0 50%; width: 50% !important;padding-left: 10px !important;padding-right: 10px !important; }
  .row-2columnas-res .et_pb_column:nth-child(odd){padding-left: 0px !important}
  .row-2columnas-res .et_pb_column:nth-child(even){padding-right: 0px !important}
  .row-3columnas-res .et_pb_column{flex: 0 0 33%; width: 33% !important;padding-left: 10px !important;padding-right: 10px !important;}

  .row-3columnas-res .et_pb_column:nth-child(3n+4), .row-3columnas-res .et_pb_column:nth-child(1){padding-left: 0px !important}
  .row-3columnas-res .et_pb_column:nth-child(3n){padding-right: 0px !important}

  	.width-res{width: 100% !important}


  	.boton a.width-res{text-align:center; justify-content: center;}
  	.sombra{padding:1em;}
  	.lightbox .lightbox_buttons{display: flex;}

  	.menuLateral{margin-left: -125px; width: 125px !important; background-color: #fff;}
  	#controler_responsive.active{transform: translateX(125px);}
  	#anchoContenido {margin-left: 15px; margin-right: 20px;}
  	#controler_responsive{width: 45px;background: var(--primary);height: 80px;position: fixed;bottom: 60px;left: 0;z-index: 9999;border-radius: 0px 10px 10px 0px;display: flex; align-items: center; justify-content: center; color: white;font-size: 20px;line-height: 80px;vertical-align: middle;}
	#controler_responsive i{display: flex; align-content: center; justify-content: center;}
	.menuLateral.active{margin-left: 0px;}
	.menuLateral .ico br{display: none}
	.menuLateral .ico i{display: none}
	.menuLateral .ico img{display: none}
	.menuLateral .ico{padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; background-color:#FFF}
  	#controler_responsive.active i:before{ content: "\f30b"; }
	
	.menuLateral .ico .submenu{left: 124px !important}
	#shadow.active{background-color: rgba(0,0,0,0.8); position: fixed;width: 100%;height: 100%; display: block;top: 0; left: 0; z-index: 99;}
	.sombra.height{height: unset;}


	.opciones_responsive{width: 100%}
	.opciones_responsive .opciones_holder{width: 100%; position:relative;}
	.opciones_responsive .opciones_holder .opciones_select{padding-left: 8px; height: 38px; border-radius: 4px; background-color: #fff !important;padding-right: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #444;line-height: 24px;border: 1px solid #aaa; background: url('../imagenes/angle-small-down.svg') no-repeat; background-size: 15px 15px; background-position: 98% center;display: block;
    line-height: 38px;
    text-align: left;}
    .opciones_responsive .opciones_holder .opciones_seleccionables{position: absolute;z-index: 99;
    background: white;width: 100% !important; border:1px solid #ccc !important; display: none}
    .boton .opciones_seleccionables a{margin:0px !important; padding:10px 20px !important; border:0px !important; background-color: #fff !important; border-bottom: 1px solid #ccc !important; color:#000 !important; flex: 0 0 100% !important; display: block !important; width: 100% !important; text-align: center !important}

    .ui-dialog{max-width: 95vw !important; margin-left: 2.5vw !important}

    #divLisImgSecundarias .lightbox{overflow: visible; margin-bottom: 4.5em}
    #divLisImgSecundarias .lightbox .lightbox_buttons {bottom: -4.5em}
    #divLisImgSecundarias .lightbox .lightbox_buttons a{padding: 0.5em 0.5em}
    #divLisImgSecundarias .lightbox .lightbox_buttons a.m0-left{margin-left: 1em}

    #divLisImgTercera .lightbox{overflow: visible; margin-bottom: 4.5em}
    #divLisImgTercera .lightbox .lightbox_buttons {bottom: -4.5em}
    #divLisImgTercera .lightbox .lightbox_buttons a{padding: 0.5em 0.5em}
     #divLisImgTercera .lightbox .lightbox_buttons a.m0-left{margin-left:1em}

     #divLisImgPrincipal .lightbox{overflow: visible; margin-bottom: 4.5em}
    #divLisImgPrincipal .lightbox .lightbox_buttons {bottom: -4.5em}
    #divLisImgPrincipal .lightbox .lightbox_buttons a{padding: 0.5em 0.5em}
    #divLisImgPrincipal .lightbox .lightbox_buttons a.m0-left{margin-left: 1em}

    .btn-secondary, .boton a, .btn{padding: 0.5em 0.75em;font-size: .7rem;}


}