#centro_creacion_productos{
	border: 1px solid threedshadow;
	border-radius: 4px 4px 4px 4px;
	/*height: auto;*/
	/*overflow: auto;*/
	background-color: #EEE;	
	left: 50%;
	top: 50%;
	width: 99.7%;/*1279px;*/
	height: 440px;
	margin: auto;
}

#gridDatosProductos_{
	/*border: 1px solid threedshadow;*/
	border-radius: 4px 4px 4px 4px;
	max-height: 468px;/*450px;*/
	width: 1279px;
	/*margin: 10px auto 20px;*//*20px auto;*/
	background-color: #EEE;
	overflow: auto;
}

#divTituloConsultarProducto{
	margin: 10px 15px -15px 15px;
	background-color: #118CCF;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	color: white;
	padding: 1px 8px 3px;
	vertical-align: middle;
}

.clsEliminarProducto{
	width: 24px;
	height: 24px;
	border: none;
	background: url("images/eliminar.png") no-repeat;
	background-size: 22px 22px;
	cursor: pointer;
}

.clsModificarProducto{
	width: 24px;
	height: 24px;
	border: none;
	background: url("images/editar.png") no-repeat;
	background-size: 22px 22px;
	cursor: pointer;
}

.clsModificarParametro{
	width: 24px;
	height: 24px;
	border: none;
	background: url("images/editar.png") no-repeat;
	background-size: 22px 22px;
	cursor: pointer;
}

.clsEliminarParametro{
	width: 24px;
	height: 24px;
	border: none;
	background: url("images/eliminar.png") no-repeat;
	background-size: 22px 22px;
	cursor: pointer;
}

.clsAgregarParametro {
	width: 24px;
	height: 24px;
	border: none;
	background: url("images/OK.png") no-repeat;
	background-size: 21px 21px;
	cursor: pointer;
	position: relative;
	left: 250px;
	top: 74px;
}

.clsAgregarParametroRango{
	width: 35px;
	height: 35px;
	border: none;
	background: url("images/agregarParametro.png") no-repeat;
	background-size: 35px 35px;
	cursor: pointer;
	position: relative;
	left: 295px;
	top: -75px;
}

.clsAgregarParametroLista{
	width: 35px;
	height: 35px;
	border: none;
	background: url("images/agregarParametro.png") no-repeat;
	background-size: 35px 35px;
	cursor: pointer;
	position: relative;
	left: 269px;
	top: -64px;
}

.clsAgregarParametroAlfanumerico{
	width: 35px;
	height: 35px;
	border: none;
	background: url("images/agregarParametro.png") no-repeat;
	background-size: 35px 35px;
	cursor: pointer;
	position: relative;
	left: 272px;
	top: -75px;
}

.clsLimpiarParametro {
	width: 24px;
	height: 24px;
	border: none;
	background: url("images/cancel.png") no-repeat;
	background-size: 21px 21px;
	cursor: pointer;
	position: relative;
	left: 250px;
	top: 74px;
}

.clsAgregarValorLista{
	width: 24px;
	height: 24px;
	border: none;
	background: url("images/OK.png") no-repeat;
	background-size: 21px 21px;
	cursor: pointer;
	position: absolute;
	left: 225px;
	top: 10px;
}

.clsAgregarNuevoGrupo {
	width: 24px;
	height: 24px;
	border: none;
	background: url("images/OK.png") no-repeat;
	background-size: 21px 21px;
	cursor: pointer;
	position: relative;
	left: 250px;
	top: 74px;
}

#datosProducto_crearproducto{
	height: 125px;
	font-size: smaller;
}

#limpiarValoresLista{
	position: absolute;
	top: -19px;
	left: -40px;
}

#InformacionDetalladaProducto{padding:10px 15px;background-color:#EEE;margin:0;width:97.5%;height:450px;overflow-x:hidden;}

#tabParametrosProducto{
	padding: 10px;
}

#datosParametros_crearproducto{margin-top:10px;margin-bottom:5px;height:270px;font-size:smaller;}

#crearGrupo_btn{position:absolute;top:49px;left:350px;width:173px;height:26px;}

#botonNuevoGrupo_crearproducto{
	position:absolute; 
	top:-63px; 
	left:-82px; 
	width:45px; 
	height:25px;
}

#datosNuevoGrupo_crearproducto{height:37px;width:195px;margin-left:500px;margin-top:40px;position:absolute;}

#tipoParametroRango{border:1px solid rgba(15, 78, 213, 0.63);border-radius:4px;position:absolute;width:290px;height:auto;top:85px;left:55px;}
#tipoParametroLista{border:1px solid rgba(15, 78, 213, 0.63);border-radius:4px;position:absolute;width:238px;height:147px;top:85px;left:55px;}
#tipoParametroCasilla{border:1px solid rgba(15, 78, 213, 0.63);border-radius:4px;position:absolute;width:250px;height:auto;top:85px;left:55px;}

#agregarValorALista{
	position: absolute;
	top: -64px;
	left: -40px;
}

#botonAgregarParametroTipoLista{
	margin-top: -15px;
	margin-bottom: 5px;
}

#botonAgregarParametroTipoRango{
	margin-bottom: 5px;
	margin-top: -51px;
}

#botonAgregarParametroTipoCasilla{
	margin-bottom: 5px;
	margin-top: -15px;
}

#tbl_mantenimiento_producto_parametro{width: 100%;}

#tbl_parametro_crearproducto{
	max-height: 150px;
	overflow: hidden;
	position: relative;
	top: 60px;
	width: 60%;/*745px;*/
	left: 410px;
}

#mensajeAMostrar{
	background: url("images/info.gif") no-repeat;
	background-size: 21px 21px;
	border: 2px solid rgba(72, 76, 189, 0.25);
	border-radius: 4px;
	background-color: rgba(13, 154, 233, 0.13);
	padding: 2px 2px 4px 26px;
}

#btn_regresarModificarProducto{
	float: right;
	margin-right: 15px;
}

#div_btn_CrearProducto{
	float: right;
	margin-right: 22px;
}

legend{
	font-family: sans-serif;
	margin-left: 5px;
}

#cmb_tipo_parametros{
	width: 110px;
}

/***************************************
 *		estilos para mozilla
 ***************************************/
#div_btn_CrearProducto_moz{
	float: right;
    margin-right: 0;
    width: 111px;
}

/****************************************
 *		estilos para ie
 ****************************************/
#div_btn_CrearProducto_ie{
	float: right;
	margin-right: 22px;
}

/**
 * ***********************************************
 *	css del botón la página
 * ***********************************************
 */
.buttonCrearProducto, .buttonCrearProducto span {
   display: inline-block;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
.buttonCrearProducto {
   white-space: nowrap;
   line-height:1em;
   position:relative;
   outline: none;
   overflow: visible; 
   cursor: pointer;
   border: 1px solid #999;
   border: rgba(0, 0, 0, .2) 1px solid;
   border-bottom:rgba(0, 0, 0, .4) 1px solid;
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   box-shadow: 0 1px 2px rgba(0,0,0,.2);
   background: -moz-linear-gradient(
      center top,
      rgba(255, 255, 255, .1) 0%,
      rgba(0, 0, 0, .1) 100%
   );
   background: -webkit-gradient(
      linear,
      center bottom,
      center top,
      from(rgba(0, 0, 0, .1)),
      to(rgba(255, 255, 255, .1))
   );
   -moz-user-select: none;
   -webkit-user-select:none;
   -khtml-user-select: none;
   user-select: none;
   margin-bottom:15px;
	 /*margin: 2% 25%;*/
}
.buttonCrearProducto.full, .buttonCrearProducto.full span {
   display: block;
}
.buttonCrearProducto:hover, .buttonCrearProducto.hover {
   background: -moz-linear-gradient(
      center top,
      rgba(255, 255, 255, .2) 0%,
      rgba(255, 255, 255, .1) 100%
   );
   background: -webkit-gradient(
      linear,
      center bottom,
      center top,
      from(rgba(255, 255, 255, .1)),
      to(rgba(255, 255, 255, .2))
   );
}
.buttonCrearProducto:active, .buttonCrearProducto.active {
   top:1px;
}
.buttonCrearProducto span {
   position: relative;
   color:#fff;
   text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
   border-top: rgba(255, 255, 255, .2) 1px solid;
   padding: 0.3em 1.2em;
   line-height:1em;
   text-align:center;
   white-space: nowrap;
}

.buttonCrearProducto.pequeno span {
   font-size:16px;
}
.buttonCrearProducto.mediano span {
   font-size:16px;
}
.buttonCrearProducto.grande span {
   font-size:22px;
}

.buttonCrearProducto.rojo {
   background-color: #e62727;
}
.buttonCrearProducto.naranja {
   /*background-color: #ff5c00;*/
	background-color: #00ADEE;
	padding: 3px 21px;
}

.buttonCrearProducto.azul {
   background-color: #00ADEE;
	padding: 5px 0px;
}

a{
   color: #0000cc;
   text-decoration: none;
}

/****************************************************************
 *	ESTILOS PARA LA TABLA DE PARAMETROS
 ****************************************************************/
 table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    /*width: 100%;    */
}

.borderedCrearProducto tbody{background: white;}
.borderedCrearProducto {
    border: solid #118CCF 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #118CCF; 
    -moz-box-shadow: 0 1px 1px #118CCF; 
    box-shadow: 0 1px 1px #118CCF;         
}

.borderedCrearProducto tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
/*.borderedCrearProducto th {
    border-left: 1px solid #AFE0E3;
    border-top: 1px solid #AFE0E3;
    padding: 5px;
    text-align: center;    
}*/

.borderedCrearProducto td{
	border-left: 1px solid #AFE0E3;
    border-top: 1px solid #AFE0E3;
    padding: 1px;
    text-align: center;
}

.borderedCrearProducto th {
	border-left: 1px solid #AFE0E3;
    border-top: 1px solid #AFE0E3;
    padding: 5px;
    text-align: center; 

    background-color: #118CCF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#118CCF), to(#118CCF));
    background-image: -webkit-linear-gradient(top, #118CCF, #118CCF);
    background-image:    -moz-linear-gradient(top, #118CCF, #118CCF);
    background-image:     -ms-linear-gradient(top, #118CCF, #118CCF);
    background-image:      -o-linear-gradient(top, #118CCF, #118CCF);
    background-image:         linear-gradient(top, #118CCF, #118CCF);
    -webkit-box-shadow: 0 1px 0 rgba(68, 139, 230, .5) inset; 
    -moz-box-shadow:0 1px 0 rgba(68, 139, 230, .5) inset;  
    box-shadow: 0 1px 0 rgba(68, 139, 230, .5) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(68, 139, 230, .5); 
}

.borderedCrearProducto th:first-child/*, .borderedCrearProducto td:first-child*/ {
    border-left: none;
}

.borderedCrearProducto th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.borderedCrearProducto th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.borderedCrearProducto th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.borderedCrearProducto tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.borderedCrearProducto tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}



/*----------------------*/

.zebra td, .zebra th {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;    
}

.zebra tbody tr:nth-child(even) {
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.zebra th {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image:      -o-linear-gradient(top, #f5f5f5, #eee); 
    background-image:         linear-gradient(top, #f5f5f5, #eee);
}

.zebra th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;  
}

.zebra th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.zebra th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.zebra tfoot td {
    border-bottom: 0;
    border-top: 1px solid #fff;
    background-color: #f1f1f1;  
}

.zebra tfoot td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.zebra tfoot td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.zebra tfoot td:only-child{
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px
    border-radius: 0 0 6px 6px
}

.borderedCrearProducto thead{
	background: #118CCF;
}

#tipoParametroRadiobutton{border:1px solid rgba(15, 78, 213, 0.63);border-radius:4px;position:absolute;width:320px;height:auto;top:85px;left:5px;}
.clsAgregar {width:24px;height:24px;border:none;background:url("images/OK.png") no-repeat;background-size:auto;background-size:21px 21px;cursor:pointer;position:relative;}
.clsLimpiar{width:24px;height:24px;border:none;background:url("images/cancel.png") no-repeat;background-size:auto;background-size:21px 21px;cursor:pointer;position:relative;}
.clsAgregarParametroRadio{width:35px;height:35px;border:none;background:url("images/agregarParametro.png") no-repeat;background-size:35px 35px;cursor:pointer;position:relative;left:340px;top:-34px;}