/* Cargo fuentes CCS que voy a usar*/
@import url('https://fonts.googleapis.com/css?family=Poppins&subset=latin-ext');
@import url('./nfonts.css');


/*--- Colores CORPORATIVOS ---
Rojo Inpulsalia -> #f07
Gris Inpulsalia -> #737373
Verde APS       -> #5FB836
Naranja PAK     -> #EC631D
*/

/* CSS General */
html, body {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	vertical-align:middle;}

body {font-family: Poppins, Helvetica, sans-serif; /*font-size:14px;*/ text-align:justify; overflow-y:auto;
/*background: url(../imagenes/logotipo_ngest_trans50.png) no-repeat bottom right fixed;*/ 
background: url(../imagenes/background/) fixed center no-repeat;
background-size: cover;}


iframe{ border-width: 0px;}

a{text-decoration:none; color:inherit}
a:hover{font-weight:normal;}

#MarcaFIN, .Fin{position:relative; height:0px; clear:both}

.bg-trans{color:#333333; background-color:rgba(255,255,255,.65); isolation: isolate !important; backdrop-filter: blur(5px); background-blend-mode: color;}
.par .bg-trans{color:#000; background-color:rgba(255,200,225,.65);}
.bg-trans-dark{color:#f7f7f7; background-color:rgba(0,0,0,.65); isolation: isolate !important; backdrop-filter: blur(5px); background-blend-mode: color;}

.item:hover{cursor:pointer}
.item:hover .bg-trans{color:#000; background-color:rgba(255,200,100,.75);
	-moz-box-shadow: inset 0px 0px 10px #fff;
    -webkit-box-shadow: inset 0px 0px 10px #fff;
    box-shadow: inset 0px 0px 10px #fff;
}

.item.activo > .row{color:#c00; background-color:rgba(255,200,100,.9);
	-moz-box-shadow: inset 0px 0px 10px #fff;
    -webkit-box-shadow: inset 0px 0px 10px #fff;
    box-shadow: inset 0px 0px 10px #fff;
}

.navbar-nav ul{padding-left:10px}
.navbar-nav ul.show, .navbar-nav ul.collapsing{border-left:2px solid #0af}
.navbar-nav li{list-style-type:none; font-size:95%; line-height:1;}
.navbar-nav li.collapsed{height:1.5em}


/*
input[type='submit'], input[type='button']{border:0px; color:#fff; background:#f07; border-radius: 10px; padding:2px 10px; margin:5px 2px; opacity: .85}
input[type='submit']:hover, input[type='submit']:focus, input[type='button']:hover, input[type='button']:focus{outline:0; background:#f07; color:#ddf; cursor:pointer; opacity:1;
      -moz-box-shadow: 0px 0px 20px #f07; 
      -webkit-box-shadow: 0px 0px 20px #f07; 
      box-shadow: 0px 0px 20px #f07;}
      
      
h1, h2, h3{margin:0px; padding:0px}

table{width: 100%}*/      
/*--- Fin CSS General --------------------------------*/

/* CCS Control Layers */
.CtrlOnOff .StatON{display:none}
.ON .CtrlOnOff .StatON{display:inline}
.ON .CtrlOnOff .StatOFF{display:none}
/*--- Fin CSS Control Layers --------------------------------*/


/* CABECERA */
#cabecera { position:fixed; top:0px; width:100%; height:auto; 
background-color:rgba(0,0,0,.25); border:0px solid #00ff00; z-index:5}

#cabecera #titulo{position:relative; margin:5px auto 0px 5%;}
#cabecera #titulo #logo{position:relative; height:70px; margin:10px 10px 10px 0px; padding:0px 5px; border-right:1px solid #5d5d5d; float:left}
#cabecera #titulo #texto{position:relative; font-family:Angelina, Helvetica, sans-serif; font-size:24px; line-height:28px; font-style:italic; color:#1d325c; width:50%; margin:0px 10px 0px 260px; height:auto; padding-top:10px}

/*#cabecera #acceso{position:absolute; top:10px; right:5%; width:300px; height:300px; z-index:10; overflow:hidden;}*/

#cabecera #contacto{position: absolute; right:10px; top:10px; border:0px dotted #009040; z-index:5; font-size:12px; line-height:20px; text-align:right}
#cabecera #contacto img{height:16px; vertical-align:middle}

#cabecera .Boton:hover{background:url(../imagenes/boton-rojo_UP.png) center no-repeat; cursor:pointer; font-weight:bold; line-height:44px}
#cabecera .Boton, #cabecera .Boton:active {margin:0px auto; background:url(../imagenes/boton-rojo.png) center no-repeat; width:110px; height:55px; line-height:50px; text-align:center; color:#fff; font-weight:normal; font-size:18px; border:0px solid #f00}

#cabecera #buscador{position:relative;  margin:0px 290px 0px 390px; border:0px dotted #009040; z-index:5; font-size:18px; padding:55px 115px 5px 0px; font-size:12px}
#cabecera #buscador input{width:100%; height:18px; border:1px solid #E1001A; margin-bottom:10px}
#cabecera #buscador .Boton{position: absolute; bottom:0px; right:0px; margin:0px; }

#cabecera #nBuffer4nGEST{position:absolute; width:100%; height:0px; z-index:10; top:0px; left:0px; border:0px solid}

#cabecera #PreviewTotalCarrito{position: absolute; background:url(../imagenes/carrito.png) center left no-repeat; right:10px; top:61px; width:190px; border:0px dotted #f60; z-index:5; font-size:10px; text-align:center; padding:15px 0px 0px 90px}
#cabecera #PreviewTotalCarrito #TotalCarrito{margin:0px; width:100%; height:24px; border:0px dotted #f08;}

#cabecera #today{position: absolute; bottom:0px; right:0px; padding:0px 10px; font-size:16px; color:#009040}

@media all and (max-width:620px){
#cabecera #titulo{margin:5px auto}
#cabecera #titulo #logo{height:65px; margin:5px; padding:0px 5px 0px;}
	}

@media all and (max-width:480px){
#cabecera #titulo #logo{height:30px; }
	}

/*--- Fin Cabecera --------------------------------*/

/* MainMenu */
#MainMenu{z-index:1025;}
/*
#MainMenu{position:fixed; bottom:30px; z-index:3; left:0px; width:320px; height:0px; border:0px solid #c00; background-color:rgba(0,0,0,.8);
z-index:5; top:95px; overflow-y: auto}
@media all and (max-width:480px){
#MainMenu{position:fixed; bottom:49px; width: 100%; top:50px; }
}

#MainMenu .CtrlOnOff{position:fixed; bottom:2px; left:3px; color:#fff; margin:0px; padding:3px 3px 0px 3px; line-height: 1; border-radius:10%; border:1px dotted; opacity:.75; font-size:18px; z-index:5; vertical-align: middle;}
#MainMenu .CtrlOnOff:hover{background-color:#f07; border:1px solid; cursor:pointer; opacity:1}

#MainMenu h1{display:none; font-size: 11px; padding:3px 5px; margin:0px 0px 2px; background:#f07; color:#fff}

#MainMenu ul.MenuLEFT{display:none; position:relative; margin:0px; padding:0px; list-style:none; border-right:0px dotted #777;}
#MainMenu ul.MenuLEFT li{color:#fff; height:45px; cursor:pointer; text-align:left; overflow:hidden; font-size: 24px; border-bottom:1px dotted #fff}
#MainMenu ul.MenuLEFT li .txt{padding:5px 5px 0px; }
#MainMenu ul.MenuLEFT li .txt:hover{color:#fff;  background:url(../imagenes/negro-trans10.png) #f07;}
#MainMenu ul.MenuLEFT li i{font-size:120%; vertical-align:middle; margin-right:10px; margin-top:-5px}
#MainMenu ul.MenuLEFT li.ON {height:auto; cursor:default}
#MainMenu ul.MenuLEFT li.ON .txt{color:#fff;  background:url(../imagenes/negro-trans25.png) #f07;}

#MainMenu ul.MenuLEFT li.Disabled, #MainMenu .MenuLEFT li.Disabled:hover{ opacity:.50; cursor:default; color:#333; }
#MainMenu ul.MenuLEFT li.Disabled .txt:hover{color:#333;  background:initial }

#MainMenu ul.MenuLEFT li ul{position:relative; margin:0px; padding:0px 0px 0px 10px; list-style:none; background-color:rgba(255,255,255,.1) !important;
                            font-size: 75%; border-top: 1px dotted #fff;}
#MainMenu ul.MenuLEFT li ul li{height:auto; font-size: inherit; }
#MainMenu ul.MenuLEFT li ul li .txt{padding:10px 5px 5px; font-size:inherit; background:none !important;}
#MainMenu ul.MenuLEFT li ul li:hover{background-color:rgba(0,0,0,.1); color:#073}
#MainMenu ul.MenuLEFT li ul li.ON{font-weight:bold; background-color:#f07; color:#fff}

#MainMenu.ON {height:auto; }
#MainMenu.ON .CtrlOnOff{background-color:#f07; border:1px solid; opacity:1;}
#MainMenu.ON .CtrlOnOff:hover{ color:#faa; }
#MainMenu.ON h1{display:block;}
#MainMenu.ON ul.MenuLEFT{display:block}
*/
/*--- Fin MainMenu --------------------------------*/

/* MenuHOME */
#MenuHOME .item{background-color:rgba(255,255,255,.65); isolation: isolate !important; backdrop-filter: blur(5px); background-blend-mode: color;}
/*--- Fin MenuHOME --------------------------------*/


/* BOX ACCESO */
/*#BoxAcceso{display:none; position:fixed; top:0px; right:3%; width:300px; height:auto; z-index:10; border:0px solid #f00}
      
#BoxAcceso .CtrlOnOff{position:absolute; top:0px; left:-20px; width:15px; height:15px; border:0px solid #f00; cursor:pointer; color:#1d325c}
#BoxAcceso .CtrlOnOff i.fa-times{display:none}
#BoxAcceso #FrameAcceso{position:relative; top:0px; width:300px; height:400px;}
#BoxAcceso.ON {display:initial;}
#BoxAcceso.ON #FrameAcceso{max-height:inherit}
#BoxAcceso.ON .CtrlOnOff i.fa-times{display:initial;}
#BoxAcceso.ON .CtrlOnOff i.fa-plus-square{display:none}

@media all and (max-width:480px){
#BoxAcceso{left:50%; margin-left: -150px; }
}*/
/*--- Fin Box Acceso --------------------------------*/

/* CONTENIDO */
#contenido{position:relative; margin:0px; border:0px solid #f7f; padding:95px 0px 0px;}
#contenido.HOME{padding-left: 0px;}
#contenido h1{margin:0px; padding:5px; font-size:30px; font-weight:normal; line-height: 1.1; /*background:url(../imagenes/negro-trans80.png);*/}
#contenido h2{margin:0px; padding:0px 0px 10px 10px; color:#777; font-size:18px; font-weight:normal}
#contenido .MegaBanner{position: relative; min-height:300px; background:center; background-size: 100%}
#contenido .MegaBanner .Box{position: absolute; bottom:0px; color:#fff; text-align: center;}
#contenido .MegaBanner .Box h1{font-size: 48px; line-height: 1.2}

@media all and (max-width:620px){
#MainMenu{top:80px}
#contenido{padding-top:80px;}

#contenido h1{font-size:24px;}
#contenido h2{font-size:14px;}

#contenido .MegaBanner .Box h1{font-size: 24px}
	}

@media all and (max-width:480px){
#MainMenu{top:80px}
#contenido{padding-top:45px;}

#contenido .MegaBanner{min-height:260px;}
#contenido .MegaBanner .Box h1{font-size: 20px}
	}
	
	
@media all and (max-height:620px){
#contenido .MegaBanner{min-height:260px;}
/*#contenido .MegaBanner .Box h1{font-size: 36px}*/
	}
	
@media all and (min-width:1024px){
#contenido{padding-left:320px}
	}
/*--- Fin Contenido --------------------------------*/

/* FILTRO */
.Filtro {display: block; position:fixed; width:100%; z-index:5; overflow:hidden; height:0px; font-size:12px; clear:both; background: url(../imagenes/rosa-trans90.png)}
.Filtro.ON {height:auto; margin:0px auto; border:0px dotted #aaa;  padding: 5px;}
.Filtro .CtrlOnOff{position:fixed; z-index:5; top:10px; right:5px; width:auto; border-radius:10px; padding:3px 10px 0px; background: url(../imagenes/negro-trans10.png); color:#fff; font-size:18px;}
.Filtro.ON .CtrlOnOff{background: url(../imagenes/rosa-trans90.png); color:#fb0}
.Filtro .CtrlOnOff:hover{color:#fb0; cursor:pointer; background: url(../imagenes/negro-trans25.png)}
.Filtro .CtrlOnOff i.fa{font-size:120%}
.Filtro .Ctrl{text-align: center;}
/*--- Fin Filtro --------------------------------*/

/* LISTADOS */

.BodyListado .item .campo{font-size:75%}
/*
.TituloListado{display:block; ; position:relative; border:0px solid #0fa; margin:0px 0px 3px; padding:0px; background: url(../imagenes/rosa-trans65.png);}
.TituloListado label{display:inline-block; ; position:relative; background: transparent;       
                     -moz-box-shadow: inset 0px 0px 7px #fff; 
                     -webkit-box-shadow: inset 0px 0px 7px #fff;
                     box-shadow: inset 0px 0px 7px #fff; 
                     color:#fb0; min-width: 280px; }
.TituloListado label i{margin:0px 5px}

.BodyListado{display:block; ; position:relative; border:0px solid #0fa; margin:0px; padding:0px; background: url(../imagenes/blanco-trans50.png);}
.BodyListado .item {display:block; position:relative; margin:0px; padding:5px;
border-bottom:1px dotted #aaa; background: url(../imagenes/blanco-trans25.png); overflow: hidden;}

.BodyListado .item.par{background: url(../imagenes/negro-trans10.png);}

.BodyListado .item:hover { color:#fb0; cursor: pointer;
    background: url(../imagenes/rosa-trans50.png);
	-moz-box-shadow: inset 0px 0px 10px #fff;
    -webkit-box-shadow: inset 0px 0px 10px #fff;
    box-shadow: inset 0px 0px 10px #fff; 
                     }

.BodyListado .item .campo{display:inline-block; position:relative; 
       border:0px solid #0fa; margin:0px; padding:0px; height: auto; min-width: 280px; vertical-align: top; 
       /*       -moz-box-sizing: border-box;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;*/ 
/*                             }
                             
.BodyListado .item .campo>div{position:relative; border:0px dotted #0fa; margin:0px; padding:0px 5px; height: auto; line-height:1.25; border-left: solid 3px #ccc; vertical-align: inherit;}

.BodyListado .item .campo>div .icono{position: absolute; top:0px; left:3px; font-size: 20px}
.BodyListado .item .campo>div h1{font-size: 20px !important; padding:0px !important} 
.BodyListado .item .campo>div h2{font-size: 16px !important; padding:0px !important}
/*
ul.BodyListado{display:block; list-style: none; border:0px solid #0fa; padding:0px;}
ul.BodyListado>li{display:block; padding:0px}
ul.BodyListado>li ul{display:block; list-style: none; border-bottom:1px solid #777; border-radius: 5px; padding:0px; margin:0px}
ul.BodyListado>li ul li{display:inline-block; clear:none; margin:0px; padding:0px; border:0px; border-radius: 5px; background: url(../imagenes/negro-trans80.png); color:#ff0}
*/

/*--- Fin Listados --------------------------------*/


/* EDICIÓN */
/*.InputContainer { border: 1px solid !important; margin-top:2px;}
.InputContainer input[type='text'], .InputContainer input[type='date'], .InputContainer input[type='time'], .InputContainer input[type='number'], input[type='password'],
.InputContainer select, .InputContainer textarea{border:0px; width:100%; color:#fb0; background:transparent; font: inherit }
.InputContainer textarea:focus, .InputContainer input:focus{outline:0; color:#fb0; background:url(../imagenes/negro-trans25.png)}
.InputContainer input[type='number']{text-align:right}

.InputContainer:hover, .InputContainer:focus { border: 1px solid #aaa; background:url(../imagenes/negro-trans25.png)}
.InputContainer i.fa{font-size:inherit}
.InputContainer i.fa:hover{cursor:pointer; color:#073}

input[type='button'],input[type='submit']{border-radius: 5px;}
*/


/*--- Fin Edición --------------------------------*/


/* PIE */

/*
#pie { position:fixed; bottom:0px; margin:0px auto 0px auto; left:0px; right:0px; padding:5px 5px 0px 30px; color:#fff; border: 0px dotted #000; background:url(../imagenes/negro-trans80.png) bottom repeat; height:auto; min-height: 22px; width:inherit; vertical-align: middle; line-height: 11px}
#pie.HOME{padding-left: 0px;}

#pie #DatosUsuario{display:inline-block; height:auto;  overflow:hidden; border:0px dotted #0f0; margin:0px; padding:0px 10px; border-left:1px solid; }
#pie #Reloj.Mini{display:inline-block; max-width:280px; height:auto;  overflow:hidden; border:0px dotted #F00; margin:0px; padding:0px 10px; border-left:1px solid;}
#pie #Reloj.Mini #Fecha{display:inline;}
#pie i{font-size: 18px;}
#pie i#BtnSalir{position: absolute; top:2px; right:38px; color:#fff; font-size: 22px }
#pie i#BtnSalir:hover, #pie i.fa-user:hover{color:#c00; cursor: pointer}*/
/*--- Fin Pie --------------------------------*/


/* INFOHINT */
#InfoHint{position:absolute; top:115px; left:25px; width:auto; min-width:250px; max-width:550px; height:auto; min-height:110px; max-height:150px; overflow:hidden; padding:10px 20px;  border-radius: 10px; background:url(../imagenes/negro-trans65.png); z-index:3; display:none}
#InfoHint i{position:absolute; top:5px; left:15px; opacity:.60; font-size:100px; color:#fff}
#InfoHint #InfoTXT{text-align:justify; font-size:28px; color:#fff; z-index:3; margin-left:100px}

#InfoHint.Interior{left:260px; top: 25px; max-width:300px; min-height:60px}
#InfoHint.Interior i{position:absolute; top:5px; left:10px; opacity:.35; font-size:64px; color:#fff}
#InfoHint.Interior #InfoTXT{text-align:justify; font-size:16px; color:#fff; z-index:3; margin-left:55px}

#InfoHint.ON{display:block}
/*--- Fin InfoHint --------------------------------*/

/* BÚFFERES */

/*
#nBufferPool{position: fixed; bottom: 0px; right: 0px; border: 0px #d73 dotted; height: auto; min-height:25px; border:2px solid #f00}
#nBufferPool iframe{position:relative; float:right; clear: both; border:0px solid #0f0; overflow: hidden; margin: 5px 0px; height: 0px; background-color: #f07; border-radius: 5px 0px 0px 5px; 
     -moz-box-shadow: 0px 0px 25px #f07; 
      -webkit-box-shadow: 0px 0px 25px #f07; 
      box-shadow: 0px 0px 25px #f07; opacity: .75}
  */    

#nBuffer{position:fixed !important; right:0px !important; bottom:0px !important; margin: 0px; display:none; /*width:0px; height:0px;*/ border:1px dotted #000; padding: 3px;  /*overflow:hidden;*/}
#nBuffer.ON{/*border:3px solid #f00;*/ display:block !important; right:0px !important; bottom:0px !important; }

#nBufferPool iframe{position:relative; float:right; clear: both; border:0px solid #0f0; overflow: hidden; margin: 5px 0px; height: 0px; background-color:#fb0 /* #343a40*/; border-radius: 5px 0px 0px 5px; 
     -moz-box-shadow: 0px 0px 25px #fb0; 
      -webkit-box-shadow: 0px 0px 25px #fb0; 
      box-shadow: 0px 0px 25px #fb0; opacity: .85}
/*--- Fin BÚFFERES --------------------------------*/   


/* EDICIÓN */
#Cortinilla{ position:absolute;	top:0px; left:0px; z-index:10; width:100%; height:100%; background:url(../imagenes/negro-trans80.png); display:none;}

#VentanaEdicion{position:absolute; margin: auto; width:auto; height:auto; border:1px dotted #fff; padding: 3px; /*overflow:hidden;*/}
#nBuffer{position:fixed !important; right:0px !important; bottom:0px !important; margin: 0px; display:none; /*width:0px; height:0px;*/ border:1px dotted #000; padding: 3px;  /*overflow:hidden;*/}
#nBuffer.ON{/*border:3px solid #f00;*/ display:block !important; right:0px !important; bottom:0px !important; }


.TitleBarWND{position: fixed; top:0px; left:0px; right:0px; padding:3px; background:url(../imagenes/gold-trans80.png); border-bottom: 1px dotted #000; z-index:1; color:#fff; font-size:16px}
.TitleBarWND h1{font-size:28px; text-align: center; margin:0px; padding: 0px; line-height: 36px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }
.TitleBarWND .CtrlWND{position:relative; float:right; vertical-align:bottom; font-size:36px; border:0px solid #0f0; margin:0px; padding: 0px}
.TitleBarWND .CtrlWND i{width:36px; height: 36px; margin:0px; padding: 0px}
.TitleBarWND .CtrlWND i:hover{cursor:pointer; font-weight: bold; color:#073}

.TitleBarWND+#MarcoEdicion{position:relative; top:50px}

#ParteActivo .TitleBarWND {top:90px}

#ParteActivo .TitleBarWND+#MarcoEdicion{position:relative; top:0px}

#MarcoEdicion{padding:10px; background:#fff;}
#formEdicion h1{margin:0px; padding:0px; font-size:18px}
#formEdicion h2{margin:0px; padding:5px; font-size:17px;}
#formEdicion h3{margin:0px; padding:0px; font-size:14px; text-decoration:underline; font-weight:normal}
#formEdicion td{border:0px}


.BoxFichaDatos {position:relative; height:30px; overflow:hidden; border:1px dotted #aaa; margin-bottom:5px; padding:0px 10px}
.BoxFichaDatos .TituloBox{position: relative; top:0; margin:0px; padding:5px; font-size:17px; background: url(../imagenes/azul-trans80.png); color: #fff}
.BoxFichaDatos .CtrlOnOff{position:absolute; top:5px; right:20px; width:16px; height:16px; border:0px solid #f00; color:#fff; z-index:3; }
.BoxFichaDatos .CtrlOnOff i.fa{font-size:24px}

.BoxFichaDatos .CtrlOnOff:hover{color:#fb0; cursor:pointer;}

.BoxFichaDatos.ON{height:auto}

/* SOLAPAS */
/*.BoxFichaSolapas {position:relative; height:auto; overflow:hidden; border:0px dotted #faa; margin-bottom:5px; padding:0px 10px}

.BoxFichaSolapas .BoxSolapas {}
.BoxFichaSolapas .BoxSolapas .Solapa{position: relative; float:left; max-width:155px; min-width:100px; height:auto; border-radius:10px 10px 0px 0px; margin:0px 2px; padding: 5px 10px; background-color:#ccc; color:#5a5; cursor: pointer; font-size: 12px; text-align: center}
.BoxFichaSolapas .BoxSolapas .Solapa i.fa{font-size:36px; clear: both; }
.BoxFichaSolapas .BoxSolapas .Solapa label{display:block;clear: both; }
.BoxFichaSolapas .BoxSolapas .Solapa i.fa.Aviso{position:absolute; top:5px; right:5px; font-size:18px; color:#c00}

.BoxFichaSolapas .BoxSolapas .Solapa.ON{font-weight:bold; background-color:#073; color:#fff; cursor: initial}
.BoxFichaSolapas .BoxSolapas .Solapa.ON i.fa.Aviso{color:#fa0}

.BoxFichaSolapas .PaginaSolapa {position:static; height: 0px; border:0px solid #0f0; overflow:hidden;}

.BoxFichaSolapas .PaginaSolapa.ON {height:auto}*/

.tab-pane .nbody{font-size:75%}

/*--- Fin SOLAPAS --------------------------------*/