@charset "utf-8";

body { background-color:#f3f3e9;font-family:'Roboto',sans-serif;text-align:center;color:#595959;margin-bottom:50px }

p { font-size:1.5em;font-weight:300; }
h1 { font-size:2.5em;font-weight:400; }
h2 { font-size:2em;font-weight:400;margin:10px 0 10px 0 }
h3 { font-size:1.3em;font-weight:400 }
a { color:#beb70a }
.mini { font-size:0.9em;margin:0;padding:0 }
.medio { font-size:1em;margin:0 0 15px 0;padding:0 }
.anchoMaximo { width:1000px }
.capaAislada { margin:0 auto;clear:both }
.sinMargen { margin:0;padding:0 }
.campo {
	color:#595959;
	font-family:'Roboto',sans-serif;
	font-size:1.5em;
	font-weight:300;
	padding:5px 10px 5px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #999999;
	text-align:center;
}
.campo.reducido { font-size:0.9em }
.campo.comprimido { font-family:'Roboto Condensed',sans-serif!important; }
.mayusculas { text-transform:uppercase }
.checkGrande { width:30px;height:30px }
.negrita { font-weight:400 }

.informacionAduanera {
	text-align:left;
	font-size:0.7em;
	white-space:nowrap;
}
.informacionAduanera strong {
	font-size:0.9em;
	font-weight:500;
}

.observacionesComercial {
	width:530px;
	height:200px;
	margin:0 0 0 0
}
.bloqueDatos {
	height:90px;
	clear:both;
}
.campoOrdenPreparacionBloque {
	width:360px;
	height:53px;
	position:relative;
	margin:0;
	text-align:left;
	/*background-color:#FFFF00*/
}
.campoOrdenPreparacion {
	font-size:2em;
	width:330px;
	height:43px;
	position:absolute;
	left:15px;
}
.campoOrdenPreparacionLupa {
	with:55px;
	height:55px;
	position:absolute;
	left:15px;
	cursor:pointer
}
.campoOrdenPreparacionBorrar {
	position:absolute;
	right:-5px;top:2px;
	cursor:pointer;
}

@media only screen and (min-width: 1000px) {
	.descripcion { width:50%;height:90px }
}
@media only screen and (max-width: 1000px) {
	.descripcion { width:80%;height:90px }
}
.boton {
	color:#595959;
	background-color:#e2e0a7;
	font-family:'Roboto',sans-serif;
	font-size:1.2em;
	font-weight:300;
	padding:15px 35px 15px 35px;
	border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border: 1px solid #999999;
	cursor:pointer;
}
.boton.deshabilitado {
	background-color:#dddddd;
	color:#999999;
	border: 1px solid #bbbbbb;
	cursor:default;
}
.boton.reducido {
	font-size:0.9em;
}
.botonSecundario {
	background-color:#ffffff;
	font-size:1em;
}
.boton-x { width:50px; height:50px; margin-bottom:-12px;margin-left:-60px;cursor:pointer }
.iconoTeclado { width:50px; height:50px; margin-bottom:-12px;margin-right:15px;margin-left:-66px;cursor:pointer }

.logo { max-width:300px;max-height:100px;margin-left:40px }
.icono { width:70px;height:70px;cursor:pointer; }
.off { cursor:inherit }
.refrescar { width:40px;height:40px;cursor:pointer;margin-bottom:-10px }

.barraFiltro {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	border-top:1px solid #666666;
	background-color:#eeeeee;
	font-size:1.1em;
	padding:0 0 10px 0;
	
	-webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.40);
	-moz-box-shadow: 0 0 50px 0 rgba(0,0,0,0.40);
	box-shadow: 0 0 50px 0 rgba(0,0,0,0.40);
}
.barraFiltro select { font-size:1em }
.barraFiltro .botonFiltro { width:60px;height:60px }

.enlace {
	color:#beb70a;
	text-decoration:underline;
	cursor:pointer;
}
.enlaceLimpio {
	color:#beb70a;
	text-decoration:none;
	cursor:pointer;
}
.clicable {
	cursor:pointer;
}


/* MENU PRINCIPAL */
#menu {
	background-color:#FFFFFF;
	position:absolute;
	top:0;
	left:0;
	border-radius: 0 0 35px 0;
	-moz-border-radius: 0 0 35px 0;
	-webkit-border-radius: 0 0 35px 0;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding:20px 25px 25px 20px;
	text-align:left;
	margin-bottom:25px;
	z-index:2000;
}
#menu-contenido {
	display:none;
	font-size:1.9em;
	font-weight:300;
}
#menu .primernivel {
	
	color:#beb70a;
	
	margin:0;
	padding:12px 0 12px 0;
	cursor:pointer;
	border-bottom: 1px dotted #999999;
}
#menu .segundonivel {

	color:#beb70a;
	display:none;
	font-size:0.85em;
	
	margin:0;
	padding:12px 0 12px 30px;
	cursor:pointer;
	border-bottom: 1px dotted #dddddd;
}
#menu a { text-decoration:none }

.sombra {
	-webkit-box-shadow: 10px 10px 61px -30px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 61px -30px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 61px -30px rgba(0,0,0,0.75);
}




#menuOrdenPreparacion {
	background-color:#FFFFFF;
	position:fixed;
	top:0;
	right:0;
	width:70px;
	border-radius: 0 0 0 35px;
	-moz-border-radius: 0 0 0 35px;
	-webkit-border-radius: 0 0 0 35px;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding:20px 25px 25px 20px;
	-webkit-box-shadow: 10px 10px 61px -30px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 61px -30px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 61px -30px rgba(0,0,0,0.75);
}
#menuOrdenPreparacion .icono { margin-bottom:15px }



.fichaFormateada {
	margin:0 auto;
	border-spacing:0;
}
.fichaFormateada td {
	background-color:#FFFFFF;
	font-family:'Roboto Condensed',sans-serif;
	font-weight:300;
	font-size:1.2em;
	
	padding:0.5em;
	color: #595959;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	
}
.fichaFormateada .cabeceraFicha  {
	background-color:#dedb84;
	font-family:'Roboto',sans-serif;
	font-weight:700;
	font-size:0.8em;	
}
.fichaFormateada tr:first-child td {
	border-top:1px solid #999999;
}
.fichaFormateada td:last-child {
	border-right:1px solid #999999;
}
.fichaFormateada tr:first-child td:first-child {
	border-radius: 15px 0 0 15px;
	-moz-border-radius: 15px 0 0 15px;
	-webkit-border-radius: 15px 0 0 15px;
}
.fichaFormateada tr:first-child td:last-child {
	border-radius: 0 15px 0 0;
	-moz-border-radius: 0 15px 0 0;
	-webkit-border-radius: 0 15px 0 0;
}
.fichaFormateada tr:last-child td:last-child {
	border-radius: 0 0 15px 0;
	-moz-border-radius: 0 0 15px 0;
	-webkit-border-radius: 0 0 15px 0;
}
.fichaFormateada .colorAlterno {
	background:#eeeeee;
}


.tablaLimpia, .tablaLimpia tr, .tablaLimpia td { margin:0!important;border:0!important;padding:2px!important }
.tablaLimpia tr td { background-color:rgba(0,0,0,0)!important;font-size:1em!important; }

.tablaFormateada {
	margin:0 auto;
	border-spacing:0;
}
.tablaFormateada tr th, .cabecera {
	background-color:#dedb84;
	font-family:'Roboto',sans-serif;
	font-weight:700;
	font-size:0.8em;	
}
.total {
	font-weight:400;
}
.cabeceraTotal {
	background-color:#ebebe4;
	font-family:'Roboto',sans-serif;
	font-weight:700;
	font-size:1em;
	text-align:right;
}
.tablaFormateada tr td {
	background-color:#FFFFFF;
	font-family:'Roboto Condensed',sans-serif;
	font-weight:300;
	font-size:1.2em;
}
.tablaFormateada tr th, .tablaFormateada tr td {
	padding:0.5em;
	color: #595959;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
}
.tablaFormateada tr th:last-child, .tablaFormateada tr td:last-child {
	border-right:1px solid #999999;
}
.tablaFormateada tr:last-child th, .tablaFormateada tr:last-child td {
	border-bottom:1px solid #999999;
}
.tablaFormateada tr th:first-child {
	border-radius: 15px 0 0 0;
	-moz-border-radius: 15px 0 0 0;
	-webkit-border-radius: 15px 0 0 0;
}
.tablaFormateada tr th:last-child {
	border-radius: 0 15px 0 0;
	-moz-border-radius: 0 15px 0 0;
	-webkit-border-radius: 0 15px 0 0;
}
.tablaFormateada tr th:only-child {
	border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
}
.tablaFormateada tr:last-child td:last-child {
	border-radius: 0 0 15px 0;
	-moz-border-radius: 0 0 15px 0;
	-webkit-border-radius: 0 0 15px 0;
}
.tablaFormateada tr:last-child td:first-child {
	border-radius: 0 0 0 15px;
	-moz-border-radius: 0 0 0 15px;;
	-webkit-border-radius: 0 0 0 15px;
}
.tablaFormateada tr:last-child td:only-child {
	border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;;
	-webkit-border-radius: 0 0 15px 15px;
}

.tablaFormateada tr.even td, .tablaFormateada tr:nth-of-type(even) td {
	background:#ffffff;
}
.tablaFormateada tr.odd td, .tablaFormateada tr:nth-of-type(odd) td {
	background:#eeeeee;
}

.tablaFormateada .rojo td {
	font-weight:400!important;
	color:#CC3300!important;
}
.tablaFormateada .fondoRojo td {
	background-color:#f7d2c6!important;
}
.tablaFormateada .verde td {
	font-weight:400!important;
	color:#6db200!important;
}
.tablaFormateada .fondoVerde td {
	background-color:#f1efc1!important;
}
.tablaFormateada .gris td {
	color:#CCCCCC!important;
}



.subtabla {
	margin:0 auto;
	border-spacing:0;
	font-size:0.8em!important;
}
.subtabla tr.even td, .subtabla tr:nth-of-type(even) td {
	background:#ffffff;
}
.subtabla tr.odd td, .subtabla tr:nth-of-type(odd) td {
	background:#eeeeee;
}
.subtabla tr th {
	border-bottom:0!important;
}
.subtabla tr:not(:last-child) td {
	border-bottom:0!important;
	border-radius: 0 0 0 0!important;
	-moz-border-radius: 0 0 0 0!important;
	-webkit-border-radius: 0 0 0 0!important;
}





.botonRosa { background-color:#f7d2c6;font-weight:400 }
.error { color:#CC3300!important; }

.popup {
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
	z-index:10;
}
.popupContenido {
	position:fixed;
	top:50%;
	left:50%;
	padding:0 40px 0 40px;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	border:1px solid #999999;	
	background-color:rgba(255,255,255,1);
	z-index:20;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.popupContenidoSimple {
	position:absolute;
	top:50%;
	left:50%;
	padding:20px;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	background-color:rgba(255,255,255,1);
	z-index:20;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.popupScroll {
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	background-color:rgba(0,0,0,0.4);
	z-index:10;
	overflow:visible;
}
.popupContenidoScroll {
	position:absolute;
	top:50px;
	left:50%;
	padding:20px;
	margin:20px;
	transform:translate(-50%,0);
	-ms-transform:translate(-50%,-0);
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	background-color:rgba(255,255,255,1);
	z-index:20;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


.calculadora {
	font-size:1.5em;
	text-align:left;
	margin:0 auto;
	z-index:1000;
}
.campoCalculadora {
	width:320px;
	margin:3px;
}
.botonCalculadora {
	width:80px;
	height:80px;
	margin:3px;
	font-family:'Roboto',sans-serif;
	font-size:1.5em;
	font-weight:100;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border:1px solid #999999;	
	background-color:#FFFFFF;
	cursor:pointer;
}
.botonCalculadoraEnter {
	height:166px;
	font-size:0.9em;
	color:#595959;
}

@media only screen and (min-width: 1250px) {
	.teclado {
		font-size:1.5em;
		text-align:left;
		margin:0 auto;
		z-index:1000;
	}
	.anchoTeclado {
		width:1100px
	}
	.campoTeclado {
		width:920px;
		margin:3px;
	}
	.botonTeclado {
		width:80px;
		height:80px;
		margin:3px;
		font-family:'Roboto',sans-serif;
		font-size:1.5em;
		font-weight:100;
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border:1px solid #999999;	
		background-color:#FFFFFF;
		cursor:pointer;
	}
	.botonTecladoEnter {
		height:166px;
		font-size:0.9em;
		color:#595959;
	}
	.botonTecladoBloq {
		width:130px;
		font-size:0.7em;
		line-height: 3.8em;
	}
	.botonTecladoSymbols {
		width:130px;
		font-size:0.7em;
		line-height: 3.8em;
	}
	.botonTecladoEspacio {
		width:600px;
	}
}

/* RESOLUCION PARA PANTALLAS MÁS PEQUEÑAS */

@media only screen and (max-width: 1250px) {
	.teclado {
		font-size:1.3em;
		text-align:left;
		margin:0 auto;
		z-index:1000;
	}
	.anchoTeclado {
		width:800px
	}
	.campoTeclado {
		width:640px;
		margin:3px;
	}
	.botonTeclado {
		width:55px;
		height:55px;
		margin:3px;
		font-family:'Roboto',sans-serif;
		font-size:1.3em;
		font-weight:100;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border:1px solid #999999;	
		background-color:#FFFFFF;
		cursor:pointer;
	}
	.botonTecladoEnter {
		height:115px;
		font-size:0.9em;
		color:#595959;
	}
	.botonTecladoBloq {
		width:100px;
		font-size:0.7em;
		line-height: 3.8em;
	}
	.botonTecladoSymbols {
		width:100px;
		font-size:0.7em;
		line-height: 3.4em;
	}
	.botonTecladoEspacio {
		width:400px;
	}
	
	/* CAMBIOS 29-08-2018 PARA PANTALLAS INTERIORES ORDEN PREPARACION */
	
	h2 { font-size:1.6em }
	h3 { font-size:1.2em }
	p { font-size:1.3em }
	.campo { font-size:1.2em }
	
	
	.observacionesComercial {
		width:430px;
	}
	.campoOrdenPreparacionBloque {
		width:300px;
	}
	.campoOrdenPreparacionBloque .iconoTeclado {
		margin-left: -50px;
	}
	.campoOrdenPreparacion {
		font-size:1.7em;
		width:260px;
		height:33px;
		left:10px;
	}
	.campoOrdenPreparacionLupa {
		with:45px;
		height:45px;
		left:10px;
	}
	.icono { width:50px;height:50px; }
	.iconoTeclado { width:45px;height:45px;margin-bottom: -15px; margin-right: 10px; }
	.boton-x { margin-bottom: -15px; margin-left: -60px; }
	.anchoMaximo { width:800px }
	.boton {
		font-size:1.1em;
		font-weight:300;
		padding:10px 30px 10px 30px;
	}
	#menu {
		border-radius: 0 0 25px 0;
		-moz-border-radius: 0 0 25px 0;
		-webkit-border-radius: 0 0 25px 0;
		padding:10px 15px 15px 10px;
	}
	#menu-contenido {
		font-size:1.5em;
	}
	#menuOrdenPreparacion {
		width:auto;
		height:50px;
		border-radius: 0 0 0 25px;
		-moz-border-radius: 0 0 0 25px;
		-webkit-border-radius: 0 0 0 25px;
		padding:10px 10px 15px 10px;
	}
	#menuOrdenPreparacion .icono { margin-left:10px;float:right }
	.tablaFormateada tr td { font-size:1em }
	.tablaFormateada tr th, .cabecera { font-size:0.7em }
	.barraFiltro {
		font-size:0.8em;
		padding:0 0 5px 0;
	}
	.barraFiltro .botonFiltro { width:40px;height:40px }
	
	.estilosOP h2 { margin:25px 0 0 75px; text-align:left }
	.estilosOP h3 { margin:30px 0 10px 25px; text-align:left }
	.estilosOP .desplazamientoSuperior { padding-top:40px }
	.estilosOP .tablaFormateada { margin:0 0 0 25px; }
	.estilosOP .anchoMaximo { width:calc(100% - 50px) }
	.estilosOP .columnaUbicacion {
		white-space: nowrap;
	}
	
}

.campoError {
	color:#FF0000;
	border-color:#FF0000;
	background-color:#FFFFCC;
}
.miniTotal {
	font-size:0.8em;
	color:#3366CC;
}

.recepcionar { width:500px;clear:both;overflow:hidden }
.recepcionarEtiqueta { margin:0;padding:0;width:100px;float:left;text-align:left;padding-top:10px }
.recepcionarCampo	{ margin:0;padding:0;width:300px;float:left;margin-bottom:10px }

.botonSelect { width:40px;height:40px;cursor:pointer }


/* PESTAÑAS */

.contenedorPestanyas {
	margin:51px auto;
	width:1000px;
	height:200px;
	position:relative;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	overflow:visible;
	border-radius: 0 15px 15px 15px;
	-moz-border-radius: 0 15px 15px 15px;
	-webkit-border-radius: 0 15px 15px 15px;
}
.pestanya {
	position:absolute;
	margin:0;
	top:0;
	left:0;
	width:100%;
	text-align:left;
	background-color:#FFFFFF;
	display:none;
	border-radius: 0 15px 15px 15px;
	-moz-border-radius: 0 15px 15px 15px;
	-webkit-border-radius: 0 15px 15px 15px;
}
.pestanya.activa {
	z-index:500!important;
}
.pestanyaEtiqueta {
	z-index:1;
	height:10px;
	margin:-51px 0 0 -1px;
	padding:20px;
	display:inline-block;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius:15px 15px 0 0;
	cursor:pointer;
	background-color:#eeeeee;
}

.pestanyaEtiqueta.activa {
	background-color:#ffffff;
}
.pestanyaContenido {
	z-index:0;
	border-top:1px solid #999999;
	padding:15px;
	border-radius: 0 15px 0 0;
	-moz-border-radius: 0 15px 0 0;
	-webkit-border-radius: 0 15px 0 0;
	margin-top:0;
}
.pestanyaContenido.activa  {
	margin-top:-1px;
}

.parpadea {
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
@-moz-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
@keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
