/************ESTILO PARA LA PAGINA DE PRODUCTOS*/
div#PgProducto{
	width:900px;
	margin:auto;
}

/*Estilo para las imagenes de los productos*/
div#imgProducto{
	width:282px;
	height:234px;
	float:left;
	margin:15px 10px 0 25px; 
	/*margin-bottom:0;*/
}
/*div con todos los datos del producto*/
div#datosProducto{
	width:450px;
	height:auto;
	float:left;
	margin:0;
}
/*Clase para el tirulo del producto  y el titulo del pedido ("pedido actual")*/
.clastitle{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#F47916;
	font-size:22px;
	margin:20px 0 0 0;
}
/*Clase par la subcategoria y el contenido*/
.claspeque{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:italic;
	color:#333;
	margin:0 0 10px 0;
}
/*Clase para el precio*/
.clasprecio{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#F47916;
	margin:0 0 10px 0;
}
/*Clase para los datos que van pro debajo del subtitulocom descripcion, contenido, fabricante*/
.clasdescrip{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	margin:0;
}
/*Clase para los subtitulos de la barra negra de la tabla pedidos*/
.clasSubtitle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	/*color:#333;*/
	color:#FFF;
	margin-bottom:0;
}
/* clase para el titulo de (color, fabricante, contenido) en la página del producto*/
.EnnciadosProducto{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#333;
	margin-bottom:0;
}
/*Estilo para el color del producto cundo se abre el producto*/
.clasColorProducto{
	margin:0;	
}
/*Estilo para el icono de adicionar al pedeico*/
a#AddPedido{
	display:block;
	background:url(../imgDiseno/icopedido.png) no-repeat center center; 
	width:282px;
	height:20px;  
	margin:290px 0 0 25px;
}
/*Estilo para la barra gris donde va el titulo de productos relacionados*/
div#brGrisRel{
	width:800px;
	height:22px;
	margin:auto;
	margin-top:40px;
	background:#E6E6E6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#F47916;
	padding-left:10px;
}
/***********************************************************************************/
/****************************ESTILOS PARA EL PEDIDO ACTUAL**************************/
div#PgPdActual{
	width:740px;/*855px;*/
	margin:auto;
	/*margin-left:60px;
	/*margin-bottom:10px;*/
}
div#PgPdEnviar{
	width:614px;
	margin:auto;
	margin-left:60px;
	margin-bottom:20px;
}
div#encabezadoPedido{
	/*width:855px;*/
	height:23px; 
	background:#000;/*background:#F2F2F2; */
	/*border:1px solid #000; /*#BEBEBE;*/
}
/*div#cuerpoPedido{*/
.cuerpoPedido{
	border:1px solid #BEBEBE;
	border-top:none;
}
div#piePedido{
	/*width:855px; */
	height:26px; 
	background:#F2F2F2; 
	border:1px solid #BEBEBE;
	border-top:none;
	margin-bottom:15px;
}
/*clase para las etiquetas de Penviar.*/
.classtmnoPenviar{
	width:614px;
}
/*clase para las etiquetas de Pactual.*/
.classtmnoPactual{
	width:740px;
}
/*clase para el alto de caracteristicas del pedido*/
.classaltoPenviar{
	height:50px;
}
.classaltoPactual{
	height:100px;
}

/* clase para las colomnas de los pedidios*/
.classaltocabezado{
	height:22px;
	float:left;
	/*border-right:1px solid #BEBEBE;*/
	margin:0 0 0 10px;
}
.classColumnas{
/*	height:100px;*/
	float:left;
	border-right:1px solid #BEBEBE;
	margin:0 0 0 10px;
}
/*clase para el total*/
.clasTotal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	width:40%; 
	float:left;
	text-align:center
}
/*clase para las imagenes inferiores*/
.classicoPedido{
	width:158px;
	height:20px;
}
a#icoeliminar{
	width:26px;  
	background:url(../imgDiseno/eliminar.png) no-repeat center center;
}
a#icorecargar{
	display:block;
	background:url(../imgDiseno/recargar.png);
	width:22px;
	height:25px;
	/*float:right;*/
	margin: 25px 0 0 30px;
}
a#imgseguira{
	background:url(../imgDiseno/icoseguira.png);
	float:left;
	margin:3px 0 3px 15px;
}

a#imgenviarpe{
	background:url(../imgDiseno/icoenviarp.png);
	float:right;
	margin:3px 15px 3px 0;
}
/*div#imgeditpe{*/
a#imgeditpe{
	background:url(../imgDiseno/icoeditar.png);
	float:right;
	margin:-25px 15px 0 0;
}
a#imgregpe{
	background:url(../imgDiseno/icoregresar.png);
	float:left;
	margin:3px 0 3px 15px;
}
a#imgconfped{
	background:url(../imgDiseno/icoconfirmado.png);
	float:right;
	margin:3px 15px 0 0;
}
/*---------------------------------------------------------*/
/*Campos: nombre del producto, valor unitario y subtotal */
.classCaracPedido{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
	margin:0;
}
/*tamaño para el campo nombre del producto*/
.tmnnoCmpoNombre{
	font-size:15px;
}
/*tamaño para el campo valor unitario y subtotal*/
.tmnoCmpoValores{
	font-size:13px;
	text-align:right;
	margin-right:5px;
}
/*posio para el campo cantidad*/
.CmpoCntdad{
	text-align:right;
	/*float:right;*/
	margin:3px 0 0 20px;
}
.ProductoPdActual{
	font-size:15px;
	font-weight:bold;
}
/*clase par la descripcion del producto (codigo,contenido,fabricante)-*/
.classdescripProducto{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#373737;
	margin:0;
}
.colorfecha{
	color:#2A7FFF;
}
p#IntroPEnviar{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
}

/*-----------------------------------------------------------*/
.classcodigo{
	font-style:italic;
	font-size:9px;
}
/**
/*Clase para el colro del contenido*/
.classcolor{
	color:#F47916;
}
/*********************************************************************************/
/* estilo para el formulario de pedio (pendiente, enviado, anulado)*/
form#form1{
	margin: -25px 15px 0 0;
	float:right;
}