/* // Echo por Victor Castrejon para uso exclusivo interno suspiros pastelerias , derechos de autor reservados */
* html #poststuff {
	height: 100%; /* kill peekaboo bug in IE */
}

a,a:visited {
	
	color: #d4761d;
	text-decoration: underline;
	font-size: 12px;
}



a:hover {
	color: black;
}

.usuario {
	color: #7ab324;
	font: 14px "Trebuchet ms";
	margin-left: 20px;
}

.usuario2 {
	color: #ffffff;
	font: 12px "Trebuchet ms";
	margin-left: 20px;
}

.titulo {
	color: #ffffff;
	font: normal 14px "Trebuchet ms", Arial;
	letter-spacing: 1px;
}

body	{
	background: white url(imagenes/layout/fondo.gif) repeat-x;
	color: black;
	margin: 0;
	padding: 0;
	font: 12px   'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}



.tabla {
	padding: 3px;
	background: white;
	border: 1px solid #C1C1C1;
}

.tabla2 {
	padding: 1px;
	background: #F5F5F5;
	border: 1px solid #C1C1C1;
	margin: 0;
}

.window1 {
	padding: 5px;
	background: #58a947;
	border: 0 solid #C1C1C1;
	border-top-width: 0;
	border-left-width: 0;
	border-bottom-width: 0;
	color: #ffffff;
	border-right-width: 0;
}

.window2 {
	padding: 3px;
	background: transparent;
	border: 1px solid #C1C1C1;
	border-top-width: 0;
}

.window3 {
	margin-top: 4px;
	padding: 0;
	border: 1px none #61a14c;
}

.tabla1 {
	background: transparent url(imagenes/layout/tabla_t1.gif);
	border: 0 solid #C1C1C1;
	border-top-width: 0;
	border-left-width: 0;
	border-bottom-width: 0;
	color: #ffffff;
	border-right-width: 0;
	height: 30px;
	padding-top: 0;
	padding-bottom: 0;
}

.t_celda1 {
	border-right: 1px solid white;
}

.sucursal {
	color: #ffffff;
	font: 12px Arial, Helvetica, sans-serif;
}

.ventas {
	font: 16px Arial, Helvetica, sans-serif;
}

.inventario {
	font: 16px Arial, Helvetica, sans-serif;
	color: #1a2130;
}

.error {
	color: #ff0000;
	font-size: 12px;
}
#berror{border:solid 1px #FF0000; background:#999999; color:#000000; padding:10px; margin:auto}

.invisible{
display:none;
}

.visible{
display:block;
}

.block {
	background-color: #FFFFFF;
	
	border: 1px solid #DAD0C0;
	width: 100%;
	padding: 10px 0;
	margin: 0;
}

.block_inner {
	background-color: #FFFFFF;
	
	border: 1px solid #DAD0C0;
	width: 95%;
	padding: 10px 0 30px;
	margin: 0 auto 10px;
}

.bloque {
	background-color: #FFFFFF;
	
	border: 1px solid #DAD0C0;
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
}

.punteado {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	border: 1px dashed gray;
	margin-top: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
}

h2 {
	margin: 0px 0 0;
	padding: 0;
}

h4 {
	font: bold 12px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #cbd9e1;
	padding: 2px;
	margin-top: 9px;
	margin-bottom: 5px;
	color: #4b67a4;
}

h5 {
	font: bold 14px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #999999;
	padding: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

h6 {
	font-size: 13px;
	margin: 0;
	padding: 0;
}

.b90 {
	display: block;
	padding: 5px 5px 5px 10px;
}

#b902 {
	display: block;
	padding: 5px 5px 5px 10px;
	font-size: 11px;
	border: 1px dashed gray;
	background: #ecf2f5;
	margin-right: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
}

h3 {
	margin: 10px 0 0 5px;
	padding: 0;
	font-size: 12px;
}

a.agregar, a.agregar:visited   {
	background: #ffffff;
	padding: 5px;
	text-align: center;
	color: #373a3f;
	display: block;
	float: left;
	text-decoration: none;
	margin-top: 10px;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	margin-bottom: 30px;
	border: 1px dashed gray;
}

a.agregar:hover   {
	background: #506dab;
	color: #ffffff;
	border: 1px dashed white;
}

.total {
	border-top: 1px solid #4964a2;
	color: #000000;
	font-weight: bold;
}

.msg {
	color: #c86d30;
	margin-bottom: 5px;
	margin-left: 1px;
}

.pasteles {
	color: #4d80c8;
	margin-bottom: 5px;
	margin-left: 1px;
	font-weight: bold;
}

.linea {
	color: black;
	border-bottom: 0 solid #a6a6a6;
	background: #e6e6e6;
	height: 30px;
	font-size: 13px;
}

a.editar, a.editar:visited {
	color: #02060a;
	margin-bottom: 5px;
	margin-left: 1px;
	text-decoration: none;
	font-size: 12px;
}

a.editar:hover {
	color: #7595d7;
	margin-bottom: 5px;
	margin-left: 1px;
	text-decoration: underline;
}

li {
	margin: 0;
	padding: 0;
}

ul {
	padding-top: 0;
	margin: 0;
	padding-left: 15px;
	color: #283f7f;
}

.ventana {
	height: 100%;
	width: 100%;
	border: 1px solid #7f7f7f;
	display: block;
	float: left;
}

.v_titulo {
	margin-top: -5px;
	background: #f6f6f6;
	margin-left: 6px;
	padding-left: 8px;
	font-size: 12px;
	color: #4aa03a;
	font-weight: bold;
	font-style: italic;
	padding-right: 8px;
	width: 70px;
}

.v_texto {
	background: #f6f6f6;
	padding: 10px;
}

.v_links {
	background: transparent;
	padding: 10px;
	font-size: 12px;
}

fieldset {
	border: 1px solid #a8a8a8;
	color: #474747;
	font-size: 12px;
	background: white;
	padding: 2px;
	margin: 0 5px 5px;
}

.legend2 {
	color: #5074b3;
	font: 12px "Trebuchet ms", Arial;
	margin-top: 10px;
	margin-bottom: 10px;
	background: transparent;
	width: 80px;

}

legend {
	color: #3256a0;
	font: normal 14px "Trebuchet ms", Arial;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 10px;
}

.num {
	padding-right: 20px;
}

.codigo {
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	display: block;
	text-align: center;
	border: 1px dashed gray;
	padding: 20px;
}

.buscador {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 30px;
}

.tcelda {
	background: #47639e;
	color: white;
	font-size: 12px;
}

.tcelda2 {
	font-size: 11px;
	border: 1px dotted gray;
}

.tcelda2yellow {
	font-size: 11px;
	border: 1px dotted gray;
	background: #fff088;
}

.tcelda2green {
	font-size: 11px;
	border: 1px dotted gray;
	background: #9cc490;
}

.tcelda2blue {
	font-size: 11px;
	border: 1px dotted gray;
	background: #97bede;
}

.tcelda2red {
	font-size: 11px;
	border: 1px dotted gray;
	background: #c47a7a;
}

.tcelda3 {
	font-size: 11px;
	border: 1px solid gray;
}

.li2 {
}

#datagrid {
	overflow:auto;
	 width: 100%; 
	 height: 400px; 
	 align:left;
	font-size: 11px;

}

#datagrid2 {
	overflow:auto;
	 width: 100%; 
	 height: 250px; 
	 align:left;
	font-size: 11px;
	}

#datagrid3 {
	overflow:auto;
	 width: 100%; 
	 height: 100px; 
	 align:left;
	font-size: 11px;
	}

/*<group=login>*/

.lhead {
	background: url(imagenes/layout/login.jpg);
	width: 450px;
	height: 54px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 50px;
	border: 1px solid gray;
	border-bottom-width: 0;
}

.lbody {
	border-bottom: 1px solid gray;
	width: 450px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background: url(imagenes/layout/gray_bg.jpg) repeat-x;
	border: 1px solid gray;
	border-top-width: 0;
	
}

.lfooter {
	border-bottom: inherit;
	width: 450px;
	height: 100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: repeat-x;
	border: 0 solid gray;
	border-top-width: 0;
	text-align: center;
	padding-top: 10px;
}
	
/*</group>*/

/*<group=calendario>*/

.altn  {
	
	color: #ffffff;
	background-color: #e5484d;
	font: 11px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

.tit  {
	font-family : 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size : 10pt;
	color: #ffffff;
	background-color: #d54141;
	font-weight: bold;
}

a.clink, a.clink:visited   {
	background: #ffffff;
	text-align: center;
	color: #373a3f;
	display: block;
	float: left;
	text-decoration: none;
	border: 1px dotted gray;
	width: 25px;
	height: 13px;
	font: 10px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
}

a.clink:hover   {
	background: #506dab;
	color: #ffffff;

}

a.clink2, a.clink2:visited   {
	background: #ffffff;
	text-align: center;
	color: red;
	display: block;
	float: left;
	text-decoration: none;
	border: 1px solid red;
	width: 25px;
	height: 13px;
	font: 10px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
}

a.clink2:hover   {


}
	
/*</group>*/

/*<group=pedidos>*/

.realizar {
     margin-right: auto;
	display: block;
	border: 0 dashed gray;
	padding: 5px;
	width: 300px;
}

a.boton1, a.boton1:visited   {
	background: #d2d8e9;
	padding: 5px;
	text-align: center;
	color: #373a3f;
	text-decoration: none;
	border: 1px solid gray;
	display: block;
	font: 11px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

a.boton1:hover   {
	background: #506dab;
	color: #ffffff;
	border: 1px solid gray;
	text-align: center;
}
/* // Echo por Victor Castrejon para uso exclusivo interno suspiros pastelerias , derechos de autor reservados */
a.boton2, a.boton2:visited   {
	background: #d8afaf;
	padding: 5px;
	text-align: center;
	color: #373a3f;
	display: block;
	
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid gray;
	font: 11px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

a.boton2:hover   {
	background: #ab3434;
	color: #ffffff;
	border: 1px solid gray;
	text-align: center;
	padding: 5px;
}

a.boton3, a.boton3:visited   {
	background: #fff58a;
	text-align: center;
	color: #373a3f;
	display: block;
	border: 1px solid gray;
	font: 11px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding: 5px;
}

a.boton3:hover   {
	background: #f5d800;
	color: #ffffff;
	
}

a.boton31, a.boton31:visited   {
	background: #FFBB8A;
	text-align: center;
	color: #373a3f;
	display: block;
	border: 1px solid gray;
	font: 11px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding: 5px;
}

a.boton31:hover   {
	background: #f5d800;
	color: #ffffff;
	
}

a.boton4, a.boton4:visited   {
	background: #cdedc8;
	padding: 5px;
	text-align: center;
	color: #373a3f;
	display: block;
		text-decoration: none;
	border: 1px solid gray;
	font: 11px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

a.boton4:hover   {
	background: #87cc3e;
	color: #ffffff;
	
}

a.boton5, a.boton5:visited   {
	background: #f6beb7;
	text-align: center;
	color: #373a3f;
	display: block;
	border: 1px solid gray;
	font: 11px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding: 5px;
}

a.boton5:hover   {
	background: #B64D3D;
	color: #ffffff;
	
}

a.boton6, a.boton6:visited   {
	background: #f6beb7;
	text-align: center;
	color: #373a3f;
	display: block;
	border: 1px solid gray;
	font: 11px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding: 5px;
}

a.boton6:hover   {
	background: #B64D3D;
	color: #ffffff;
	
}

a.boton7, a.boton7:visited   {
	background: #bec6d5;
	padding: 1px 5px;
	text-align: center;
	color: #373a3f;
	text-decoration: none;
	border: 1px solid gray;
	display: block;
	font: 11px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	margin: 4px 12px;
}

a.boton7:hover   {
	background: #506dab;
	color: #ffffff;
	border: 1px solid gray;
	text-align: center;
}

a.status0, a.status0:visited   {
	background: #E6E5B2;
	text-align: center;
	color: #373a3f;
	display: block;
	
	font: 11px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding: 5px;
	border: 1px solid white;
}

a.status0:hover   {
	border: 1px dotted gray;
}

a.status1, a.status1:visited   {
	background: #b2e6e6;
	text-align: center;
	color: #373a3f;
	display: block;
	
	font: 11px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding: 5px;
	border: 1px solid white;
}

a.status1:hover   {
	border: 1px solid gray;
}

a.status2, a.status2:visited   {
	background: #CCE6B2;
	text-align: center;
	color: #373a3f;
	display: block;
	
	font: 11px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding: 5px;
	border: 1px solid white;
}

a.status2:hover   {
	border: 1px solid gray;
}

a.status3, a.status3:visited   {
	background: #E6B2B2;
	text-align: center;
	color: #373a3f;
	display: block;
	
	font: 11px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding: 5px;
	border: 1px solid white;
}

a.status3:hover   {
	border: 1px solid gray;
}
	
/*</group>*/

/*<group=showhidden>*/

.dhtmlgoodies_question{	
	color:#FfffFF;
	margin-bottom: 10px;
	margin-top: 10px;
	cursor:pointer;
	color: black;
overflow:hidden;
	background: #6986bd top right;
	padding: 5px;
	display: block;
	width: 150px;
}
.dhtmlgoodies_answer{	
	border: 1px dashed #317082;
	background-color:#E2EBED;
	width:400px;
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
	margin: 5px;
	padding: 5px;
	font-size: 12px;
}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;	
	position:relative;
}

#suma {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding: 5px;
}

#suma ul {
	margin: 0;
	padding: 0;
}

#suma li {
	margin: 0 0 0 25px;
	padding: 0;
	list-style: none;
}	
/*</group>*/
/*<group=colores>*/
	
/*</group>*/

/*<group=forms>*/

.blue {
	color: #1A65C6;
	 }

form, label input {
	margin: 0;
	padding: 0;
	font: 11px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

.boton {
	padding: 1px;
}

textarea, input, select {

	color: #000;
	margin: 3px;
	padding: 2px;
	
}
	
/*</group>*/

/*<group=admin>*/
#adminmenu2 {
	background: transparent;
	border-bottom: none;
	padding: 0px 0 0 2px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

#adminmenu2 li {
	line-height: 100%;
	padding: 0;
	margin: 0;
	display: inline;
}

#adminmenu2 a {
	display: block;
	width: 80px;	
	color: #fff;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	background: transparent url(imagenes/b2.gif);	
	float: left;
	text-align: center;
	letter-spacing: .5px;
	text-decoration: none;
	margin: 0;
	padding: 8px;
}

#adminmenu2 a:hover {
	background: transparent url(imagenes/layout/select2.gif);
	color: #fcffef;
	margin-top: -1px;
}
#adminmenu2 .current {
	background: transparent url(imagenes/b1.gif);
		color: #feff0a;
	}	
/*</group>*/

/*<group=menus>*/

td div {
      /* this makes TDs a container with their own coordinate system.
         absolutely-positioned elements will be offset relative to them */
      position:relative;
	font-size: 12px;
}

.menu {
	font-family:verdana;
	color: black;
	font-size:10px;
	
	background: transparent;

}

.menuActuator a { 
			color: white;
			font-size:12px;
			font-family:arial;
			background: transparent;
}

.menu .options {
	font-size:11px;
		font-family:arial, sans-serif;
		color:#000000;
		margin-top:0px;
		border: 0 solid #848377;
	background-color: transparent;
	margin: 0;
}
	.menu a {
		color:#000000;
		display:block;
		padding: 8px 3px;
		text-decoration:none;
	background-color: #ECECEC;
	border: 1px solid #828282;
	border-top-width: 0;
	font-size: 11px;
}
	.menu a:hover {
	background-color: #7596d8;
	color:#ffffff;
	font-size: 11px;
}
	
	
a.m1, a.m1visited {
	color: white;

	text-decoration: none;
	display: block;
	width: 70px;
	text-align: center;
	height: 10px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 1px;
	padding-top: 9px;
	padding-bottom: 11px;
	
}

a.m1:hover {
	color: #ffffff;
	background: #293a5f;
	text-decoration: underline;
}

a.link, a.link:visited {
	color: #426a9b;
	
	font-style: normal;

}

a.link:hover {
	text-decoration: none;
	color: #253f5d;

}

.display {
	padding: 7px 2px;
}

.l1 {
	color: white;
}
	
/*</group>*/

.footer {
	display: block;
	position: static;
	bottom: 0;
	left: 0;
	background: #4a65a3;
	height: 50px;
	color: #ffffff;
	width: 100%;
}

.money {
	text-align: right;
	margin-right: 5px;
}

.red {
	color: red;
	font-size: 14px;
}

.blue {
	color: #4c68a6;
	font-size: 14px;
}

.imprimir {
	font-size: 12px;
	padding: 5px;
}

.icelda1 {
	border: 1px solid gray;
	font-size: 11px;
	color: #4a64a2;
	border-right-width: 0;
	height: 20px;
}

.icelda0 {
	border: 1px solid gray;
	font-size: 11px;
	color: #4a64a2;
	height: 20px;
}

.icelda2 {
	border: 1px solid gray;
	font-size: 10px;
	border-top-width: 0;
	border-right-width: 0;
	padding-left: 3px;
}

.icelda3 {
	border: 1px solid gray;
	font-size: 10px;
	border-top-width: 0;
	border-left-width: 1px;
	padding-left: 3px;
}

#mensaje {
	margin: 20px 5px 5px;
	padding: 20px;
	border: 0 solid #6f6f6f;
	text-align: center;
	display: block;
	border-collapse: collapse;
	background: #fffa85;
}

#mensaje H1 {
	font-size: 14px;
	margin: 0;
	padding: 0;
}

#mensaje2 {
	margin: 20px 5px 5px;
	padding: 20px;
	border: 1px dotted #6f6f6f;
	text-align: center;
	display: block;
	border-collapse: collapse;
}

#mensaje2 H1 {
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#mensaje2 H2 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #4a64a2;
}
#tabla1 {}
#tabla1 td{border-bottom:1px #999999 dotted; padding:0 0 5px 5px}
a.j1, a.j1visited { text-decoration:none}
a.j1:hover {text-decoration: underline;}
a.j2, a.j2visited { text-decoration:none; padding:3px; border:1px solid; margin:5px; }
a.j2:hover {text-decoration: underline;}
.grande{font-size:16px; padding:2px}

.grande p{font-size:16px; padding:2px}
.grande input, .grande select, .grande textarea{font-size:16px; padding:2px}
.chico input, .chico select, .chico textarea{font-size:12px; padding:0px}
.chico{font-size:11px; padding:2px}
label{width:90px;  }

#page {padding:20px 10px 10px 10px; font:12px Verdana, Arial, Helvetica, sans-serif}
#page form{ font:12px Verdana, Arial, Helvetica, sans-serif}
#reporte_menu{ float:left; width:200px}
/*- Menu 1--------------------------- */
	
#reporte_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menu1 {
	width: 150px;
	margin: 10px;
	border-style: none solid none none;
	border-color: #cccccc;
	border-size: 1px;
	border-width: 1px;}
	
#reporte_menu li a {
	text-align:right;
	text-decoration: none;
	list-style:none;

	}	
#reporte_menu li a:link, #reporte_menu li a:visited {
	display: block; list-style:none;padding: 5px 8px  5px 5px;  margin:5px 0 0 0; color:#004D99}	
#reporte_menu li a:hover {
	color: #FFF;  background:#c7e6fa;}	
	
.clear{clear:both}
	
/*- Menu 1--------------------------- */

.tablas th{background:#A2B5CD; text-align:center; font-weight:bold; height:20px}
.tablas td{height:20px}
.mymenu li{margin:10px}


#tabla_enlinea
{
	display:inline;
}