.flotante, #input, #alerta{
	position:absolute;
	top:-300px;
}
#cargando{
	display:none
}

#d_sus{
	-webkit-box-shadow: -4px 3px 15px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: -4px 3px 15px -4px rgba(0,0,0,0.75);
	box-shadow: -4px 3px 15px -4px rgba(0,0,0,0.75);
}
#d_sus button{
	width:100%;
	border:0px;
	background-color: white!important;
	color:black!important
}
#d_sus button:hover{
	background-color: orange!important;
	color:white!important
}

.frmItem{
	display:inline-block;
	padding:10px;
	width:250px;
	border:1px solid rgba(10,10,10, 0);
	cursor:pointer
}
.frmItem:hover{
	background-color:#f0f0f0;
	border:1px solid rgb(100,100,100);
}

/*JWS*/
.col{float:left;margin:0px;padding:0px}
.c1{width:calc(100% / 12)}
.c2{width:calc(100% / 6)}
.c3{width:calc(100% / 4)}
.c4{width:33.33%}
.c5{width:41.66%}
.c6{width:calc(100% / 2)}
.c7{width:58.32%}
.c8{width:66.65%}
.c9{width:75%}
.c10{width:83.32%}
.c11{width:91.65%}
.c12{width:100%}

.col > iframe{
	width:95%!important;
	min-height:500px!important;
}



/*Pa CELL*/
.tb2CelItem{
	padding:5px;
	border:1px solid silver;
	border-radius:5px;
	font-size:11px;
	font-family:Arial;
	position:relative;
}
.tb2CelItem>span{
	position:absolute;
	top:3px;
	right:10px;
}
.tb2CelLabel,.tb2CelContent{
	display:inline-block;
	padding:5px;
}
.tb2CelLabel{
	width:calc(25% - 10px);
}
.tb2CelContent{
	width:calc(75% - 10px);
}
.tb2hidden{display:none!important}
/*Fin de pa cell*/

.btNew{
    position:fixed;
    bottom:20px;
    right:20px;
    width:50px;
    height: 50px;
    line-height: 50px;
    text-align:center;
    font-size:30px;
	background-color: darkgreen;
	color:white;
	border-radius: 50%;
	cursor:pointer;
}

@media(max-width:870px) {
	.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{width:100%!important}
	.frmIngreso{width:inherit!important;display:block!important;border:0px!important}
	.frmIngreso td{
		text-align:center!important;
		display:inline-block;
		width:calc(100% - 10px)!important;
		border:0px;
		
	}

	.frmIngreso th, .frmIngreso .etiqueta{
		width:calc(100% - 50px)!important;
		background-color:white!important;
		color:orange!important;
	}
	.frmIngreso input[text]{
		width:60%
	}
	.frmIngreso textarea, .frmIngreso tr{
		width:100%!important;
		display:block!important;
	}
}

.btSelTab{
	background-color: white;
	border:1px solid orange;
	border-bottom:1px solid white;
	color:orange;
	z-index: -10;
}

.mscEditable:hover{
	background-image:url('../img/lapiz.png');
    background-repeat:no-repeat;
    background-position:right center;
}
._inputEdit{
	display:none;
	position:absolute;
}

._modEdit{
	color:red;
}

.tbEditSel{
	position:absolute;
	display:none;
	/*border:2px solid blue;*/
}


/* THEMA GENERAL */

.paginacion div{
	display:inline-block;
	width:20px;
	height:20px;
	text-align:center;
	background-color:orange;
	border: 1px solid white;
}

.SOver{
	position:fixed;
	top:0px;
	left:0px;
	width:90%;
	height:80%;
	background-color:rgba(255,255,255,0.85);
	display:none;
	padding:60px;
	padding-top:50px;
	text-align:center;
	overflow:auto;
}

.bold{
	font-weight: bold;
}


#puntoventa .ui-tabs-active,
#pv .ui-tabs-active  {
	background:none;
	background-color:white;
	color:black;
}

#puntoventa .ui-tabs-anchor,
#pv .ui-tabs-anchor{font-size:11px;}

.bloque{
	display:inline-block;
	padding:0px; 
	margin:0px;
}

.pvBtn:hover{box-shadow: -5px 5px 10px rgba(0,0,0, 0.5);}
.pvBtn:active{box-shadow: 0px 0px 15px orange;}

.ui-menu, .ui-datepicker{
	box-shadow: -5px 5px 10px #000000;
}

.round{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

button, input[type="button"],input[type="submit"], label,
th, td,input[type="text"],input[type="number"], select, textarea{
	padding:10px;
	margin:0px;
	font-size:12px;
	border:1px solid #FF9C00;
}
button, input[type="button"],input[type="submit"], 
input[type="text"],input[type="number"], select, textarea{
	border-radius:5px;
}


/*select{padding:3px;}*/

button, input[type="button"],input[type="submit"], th{
	color:white;
	background:#FF9C00;
}

input[type="text"], select{
	border:solid 1px #FF9C00;
	background:white;
}

form{
   padding:2px;
   cursor:pointer;
   display:block;
   margin: 0 auto;
   text-align:left;
}

body{
   margin:0px;
   font-family:Arial;
   font-size:12px;
}

.ex_icon{
	float:left;
	width:50px;
	height:50px;
	margin:2px;
	border:solid 1px;
}


#frmlogin{
   width:290px;
}


#iconimg{
  border:0;
  width:32px;
  height:32px;
}


a {
  color:#000000;
  text-decoration:none;
}

a:hover{
   text-decoration:underline;
}


.hijo, .hijo a{
  display: block;
  left:0px;
  width:170px;
  font-size:12px;
  float:right;
  height:20px;
}

/*Area de Notificaciones*/
.barEstado{
	height:43px;
	background-color:#004079;
    color:#ffffff;
}

.fchProducto{
	position:absolute;
	top:8px;
	border:2px solid silver;
	padding:4px;
	background:white;
	-webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
	border-bottom:2px solid #fafafa;
	left:450px;
	background:#fafafa;
}

.fchCliente{
	position:absolute;
	top:8px;
	border:2px solid silver;
	padding:4px;
	background:white;
	-webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
	/*border-bottom:2px solid white;*/
	background:#fafafa;
}

/*Menu lateral*/
.menupanel{
   padding:0px;
   margin:0px;
   border:none;
   visibility:visible;
   float:left;
   height:calc(100% - 43px);
   text-align:center;
   width:45px;
   /*background-color:#004079;*/
   background-color:#3986b4;
}

/*Iframe Principal*/
.window, #w{
   padding:0px;
   margin:0px;
   border:none;
   width: calc(100% - 45px);
   height:calc(100% - 43px);
   float:right;
}


.frmIngreso th{
	width:100px;	
}

.frmIngreso td{
	width:500px;
}

.upProducto{
	width:100%;
	height:200px;
}

.corto{
	float:left;
	width:60px;
}

.medio{
	float:left;
	width:130px;
}

.largo{
	float:left;
	width:250px;
}

.xlargo{
	float:left;
	width:350px;
}

.Pfrm{
	float:left;
	height:50px;
}

.winLineas{
	width:100%;
	height:450px;
}


img{
	border:0px;
}

#etiqueta{
	margin:0px;
	font-size:10px;
	border-style:none;
	border-width:0px;
	padding:0px;
}

input, select, label{
	font-size:12px;
}

.hoja{
   position:absolute;
   width:98%;
   left:10px;
   top:10px;
   margin: 0 auto 0 auto;
}

table{
   margin: 0 auto 0 auto;
   width:95%;
   font-size:11px;
   border-collapse: collapse;
}


table, td {
    border: 1px solid gray;
	padding:3px;
}

th{border:0px;}

th{
	background-color: #FF9C00;
	color:#ffffff;
}

.rcell{
	float:right;
}

.barpagina{
   margin: 0 auto 0 auto;
   width:95%;
   font-size:11px;
}


.npagina{
	float:left;
	width:20px;
	text-align:center;
}

.panel{
	border:solid 1px silver;
	padding:8px;
	margin:0 auto;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	display:block;
	background:#fafafa;
}

#ov_detalle{
	border:0px;
}

#ov_panel{
	padding:6px;
}

.ov_capCliente fieldset, .ov_capProducto fieldset{
	width:95%;
	display:inline-block;
}


.ov_infoStock{
	width:100%;
}


.ov_capCliente{
	right:0;
	width:350px;
	/*height:252px;*/
	position:absolute;
}

.ov_capProducto{
	display:inline-block;
	width:600px;
	height:152px;
}

.ov_findProd{
	border-width:1px 1px 1px;
	font-size:10px;
	height:350px;
	width:99%;
	margin:0 auto;
}


.col1X2, .col1X3, .col2X3{
	margin-top:0px;
	padding:4px;
	float:left;
}
.col1X2{width:48%;}
.col1X3{width:32%;}
.col2X3{width:65%;}


.lsPrecios{
	height:100px;
	width:100%;
	font-size:8pt;
	font-family:'Courier New';
}

.ov_descripcion{
	visibility:hidden;
	position:absolute;
	top:70px;
	left:20px;
	width:470px;
	height:75px;
	background-color:#ffffff;
}

.ov_caracteristica{
	visibility:hidden;
	position:absolute;
	top:70px;
	left:40px;
	border-style:solid;
	border-width:1px;
	/*width:470px;*/
	/*height:75px;
	background-color:#f0f0ff;*/
	background-color:#ffffff;
}

.ov_foto{
	visibility:hidden;
	position:absolute;
	top:70px;
	left:60px;
	border-style:solid;
	border-width:1px;
	/*width:470px;*/
	/*height:75px;
	background-color:#f0f0ff;*/
	background-color:#ffffff;
}

#subVentana{
	visibility:hidden;
	/*background-color:#ffff99;*/
}

.winPopUp{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-100px;
	margin-left:-200px;
	width:400px;
	height:200px;
	border:0px;
/*	background-image:url('../css/<? echo $_SESSION['theme'] ?>/img/win400x200.png');	*/
}

.limpio {padding:4px;}
.sombra{box-shadow: .5px 5px 10px #000000;}

#popMsj{
	position:fixed;
	padding:15px;
	bottom:10px;
	right:10px;
	width:200px;
	height:0px;
	border:solid 10px rgba(255, 255, 255, 0.5);
	background-color: rgba(255, 255, 0, 0.9);
	visibility:hidden;
	overflow:auto;
	
	-webkit-transition: height .6s ease-in-out;
    -moz-transition: height .6s ease-in-out;
    -o-transition: height .6s ease-in-out;
    -ms-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
}