body {
	color: #FFFFFF;  
	background-color: #dfdfdf;
	background-image: url("../imagenes/degradefondo.png");
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	font-family: arial narrow, arial;
	/*filter:progid:DXImageTransform.Microsoft.Gradient 
	(GradientType=0, 
	StartColorStr='#00FFFFFF', 
	EndColorStr='#00FFFFFF');
	_background-image: url("../imagenes/degradefondo.gif");*/
}

#fondointro {
	color: #FFFFFF;  
	background-color: #dfdfdf;
	background-image: url("../imagenes/degradefondo.png");
	background-attachment: fixed;
	background-position: 0px -300px;
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	font-family: arial narrow, arial;
	/*filter:progid:DXImageTransform.Microsoft.Gradient 
	(GradientType=0, 
	StartColorStr='#00FFFFFF', 
	EndColorStr='#00FFFFFF');
	_background-image: url("../imagenes/degradefondo2.png");*/
}


table.tableMain {
	border-collapse:collapse;
	border-style: none;
	width: 750px;
	padding: 0px;
}

table.tableMain td.header {
	background-color: #000000;
	border-collapse: collapse;
	padding-bottom: 0px;
}

table.tableMain td.botonera {
	vertical-align:top;
	width: 150px;
	padding-top: 10px;
}

table.tableMain td.cuerpo {
	width: 600px;
	border-collapse: collapse;
	text-align: right;
	vertical-align: top;
	padding-top:5px;
}

table.tableMain td.flash {
	width: 750px;
	height: 125px;
}


/* //////////////// INTRO ///////////////////////////////////*/

a.entrar {
	background-image:url("../imagenes/entrar.png");
	background-repeat:no-repeat;
	display:block;
	cursor:pointer;
}

a.entrar:link, a.entrar:visited{
/*	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;*/
	background-image:url("../imagenes/entrar.png");
	background-repeat:no-repeat;
	display:block;
/*	color: #000;*/
	cursor:pointer;

}

 a.entrar:hover, a.entrar:active{
	/*color: #850000;
	text-decoration: underline;*/
	background-image:("../imagenes/entrarover.png");
}




/* /////////////////// DETALLE DE CLIENTES DESDE ACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA ///////////////// */

div.clienteSup {
	background-image: url("../imagenes/fondotitproducto.png");
	background-repeat: no-repeat;
	height: 30px;
	width: 550px;
	float: left;
/*	margin-top:11px;*/
	margin-left: 50px;
	margin-top:10px;
	_background-image: url("../imagenes/fondotitproducto.gif");
}

div.clienteSup span{
	margin-top: 2px;
	margin-left: 11px;
	font-family: arial narrow, arial;
	font-size: 20px;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	text-align: left;
	color:#FFFFFF;
	float: left;
}

table.detalleCliente {
	background-color: #3f3f3f;
	width:550px;
	font-family: arial narrow, arial;
	font-size: 16px;
	text-decoration: none;
/*	vertical-align: middle;*/
	vertical-align: top;
	color:#FFFFFF;
	float: left;
	margin-left: 50px;
	
}

table.detalleCliente td {
	padding-top: 10px;
	padding-right: 35px;
/*	float: left;*/
	vertical-align: top;
}

table.detalleCliente td.descripcioncliente{
	float: left;
	vertical-align: top;
	width: 140px;
}

table.detalleCliente td div.descripcioncliente{
	float: left;
	vertical-align: top;
	width: 300px;
}

table.detalleCliente td.fotoYdatos {
/*	vertical-align: middle;*/
	display:block;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 10px;
	width: 140px;
	float: left;
	font-size: 12px;
}


table.detalleCliente td div.datos {
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
}

table.detalleCliente td div.datos a:link, table.detalleCliente td div.datos a:visited {
	color: #ffffff;
	text-decoration: none;
	
}

table.detalleCliente td div.datos a:hover, table.detalleCliente td div.datos a:active {
	color: #ffffff;
	text-decoration: underline;
	
}

table.detalleCliente td div.razonsocial {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	/*height: 15px;*/
	margin-top: 10px;
}

table.finalExtensible {
	background-color: #3f3f3f;
	width:550px;
	font-family: arial narrow, arial;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	color:#FFFFFF;
	float: left;
	margin-left: 50px;
}



div.clienteFin {
	padding: 0px 0px 0px 0px; 
	background-color: transparent;
	background-image: url("../imagenes/findetalleprod.png");
	background-repeat: no-repeat;
	display: block;
	height: 12px;
	width: 550px;
	float: left;
	_background-image: url("../imagenes/findetalleprod.gif");
	margin-left: 50px;
}

div.volverdelcliente {
	text-align: right;
	padding-right: 15px;
	vertical-align: bottom;
	font-family: arial narrow, arial;
	font-size: 14px;
	height: 20px;
	color: #FFFFFF;
	float: left;
	height: 18px;
	width:535px;
	background-color: #3f3f3f;
	font-weight: bold;
	margin-left: 50px;
}

div.volver {
	text-align: right;
	padding-right: 15px;
	vertical-align: bottom;
	font-family: arial narrow, arial;
	font-size: 14px;
	height: 20px;
	color:#FFFFFF;
	float: left;
	height: 18px;
	width:535px;
	background-color: #3f3f3f;
	font-weight: bold;
}

div.volverDelTemplate {
	font-family: Arial Narrow, arial;
	font-size: 14px;
	text-align: right;
	font-weight: bold;
	float: left;
	position: relative;
	top: -35px;
	_top: -43px;
	left: 43px;
	_left: 42px;	
	height: 20px;
	width: 550px;
	background-color: #3f3f3f;
}

div.volver a:link, div.volver a:visited, 
div.volverDelTemplate a:link, div.volverDelTemplate a:visited, 
div.volverdelcliente a:link, div.volverdelcliente a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 10px;
}

div.volver a:hover, div.volver a:active, 
div.volverDelTemplate a:hover, div.volverDelTemplate a:active,
div.volverdelcliente a:hover, div.volverdelcliente a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 10px;
}


/* /////////////////// DETALLE DE CLIENTES HASTA ACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA ///////////////// */


/*/////////////// ------------------------------------ BOTONERA DE SUBGRUPOS!!!!! -----------------------------------------/////////*/

/*00000000000000--- EL CODE ANTEPUESTO POR _ ES HACK PARA IE6 ---00000000000*/

table.tableMain td.botonera {
	_border-collapse:collapse; 
	_margin: 0px 0px 0px 0px; 
	_vertical-align:top; 
	_width: 150px; 
}

div.BordeTop {
	
	background-color: transparent;
	background-image: url("../imagenes/contextobotonini.png");
	background-repeat: no-repeat;
	background-position: left;
	height: 2px;
	_width: 150px;
	_background-image: url("../imagenes/contextobotonini.gif");
	_margin-top: -20px;
	_margin-bottom: -9px;
	_padding: 0;
	
}

table.tableMain td.botonera div.subLink {
	position: relative;
	background-color: transparent;
	background-image: url("../imagenes/contextobotoncen.png");
	background-repeat: repeat-y;
	background-position: left;
	min-height: 20px;
	_background-image: url("../imagenes/contextobotoncen.gif");
	_height: 25px;
	_width: 150px;
	_min-height: 20px;
	
}

/*este es el div central de la botonera de institucional con el logo del polo it*/
div.PoloIt {
	position: relative;
	background-color: transparent;
	background-image: url("../imagenes/poloit.png");
	background-repeat: no-repeat;
	background-position: left;
	height: 150px;
	_background-image: url("../imagenes/poloit.png");
	_width: 150px;
	
}
/**/

/*este es el div central de la botonera de institucional con el logo de lenovo y microsoft*/
div.microsoftLenovo {
	position: relative;
	background-color: transparent;
	background-image: url("../imagenes/microsoftlenovo.png");
	background-repeat: no-repeat;
	background-position: left;
	height: 190px;
	_background-image: url("../imagenes/microsoftlenovo.png");
	_width: 190px;
	
}
/**/

div.BordeBottom {
	background-color: transparent;
	background-image: url("../imagenes/contextobotonfin.png");
	background-repeat: no-repeat;
	background-position: left;
	height: 2px;
	_width: 150px;
	_background-image: url("../imagenes/contextobotonfin.gif");
	_margin-top: -9px;
	_margin-bottom: -20px;
	_padding: 0;
	
}

table.tableMain td.botonera div.Menu {
	position: relative;
	background-color: transparent;
	background-image: url("../imagenes/contextobotoncen.png");
	background-repeat: repeat-y;
	background-position: left;
	_background-image: url("../imagenes/contextobotoncen.gif");
	_width: 150px;
	/*min-height: 25px;*/
}

/*
table.tableMain td.botonera div.menuProductos {
	margin-left: 50px;
}
*/

table.tableMain td.botonera div.Menu a {

	display: block;
	background-color: transparent;
	background-image: url("../imagenes/buttonBackground.png");
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-family: arial narrow, arial;
	font-size: 16px;
	height: 25px;
	font-weight: bold;
	width: 132px;
	_background-image: url("../imagenes/buttonBackground.gif");
	_background-repeat: no-repeat;
	_background-position: center;
	
}

table.tableMain td.botonera div.Menu a:link, table.tableMain td.botonera div.Menu a:visited {
	color: #FFFFFF;
}

table.tableMain td.botonera div.Menu a:hover, table.tableMain td.botonera div.Menu a:active {
	background-image: url("../imagenes/buttonBackground2.png");
	color: #FFFFFF;
	_background-image: url("../imagenes/buttonBackground2.gif");
}

table.tableMain td.botonera div.Menu a.MenuS {
	
	display: block;
	background-color: transparent;
	background-image: url("../imagenes/buttonBackground2.png");
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-family: arial narrow, arial;
	font-size: 16px;
	height: 25px;
	font-weight: bold;
	width: 132px;
	_background-image: url("../imagenes/buttonBackground2.gif");
	_background-repeat: no-repeat;
	_background-position: center;
}

table.tableMain td.botonera div.Menu a span {
	vertical-align: middle;
}

/*/////////////// ------------------------------------ BOTONERA DE ITEMS!!!!! -----------------------------------------/////////*/

td.botonera div.subLink a, td.botonera div.subLink a:link, td.botonera div.subLink a:visited {
	padding: 3px 10px 3px 10px;
	width: 132px;
	background-repeat: repeat-y;
	font-family: arial narrow, arial;
	font-size: 13px;
	text-decoration: none;
	text-align: left;
	display: block;
	color: #FFFFFF;
	font-weight: normal;
	min-height: 20px;
	_min-height: 20px;
}

td.botonera div.subLink a:hover, td.botonera div.subLink a:active{
	padding: 3px 10px 3px 10px;
	width: 132px;
	background-image: url("../imagenes/contextobotoncenA.png");
	background-repeat: repeat-y;
	font-family: arial narrow, arial;
	font-size: 13px;
	text-decoration: none;
	text-align: left;
	display: block;
	color: #FFFFFF;
	font-weight: normal;
	min-height: 20px;
	_min-height: 20px;
	_background-image: url("../imagenes/contextobotoncenA.gif");
}

td.botonera a.subLinkS  {
	padding: 3px 10px 3px 10px;
	width: 132px;
	background-image: url("../imagenes/contextobotoncenS.png");
	background-repeat: repeat-y;
	font-family: arial narrow, arial;
	font-size: 13px;
	text-decoration: none;
	text-align: left;
	display: block;
	color: #FFFFFF;
	font-weight: normal;
	min-height: 20px;
	_min-height: 20px;
	_background-image: url("../imagenes/contextobotoncenS.gif");
}


/*/////////////// ------------------------------------ TITULO DE SECCION!!!!! -----------------------------------------/////////*/

table.tableMain td.tituloSeccionB {
	border-collapse: collapse;
	/*float: left;*/
	height:29px;
	/*width:450px;*/
	vertical-align: middle;
	background-image:url("../imagenes/backSeccion.png");
	background-repeat: repeat-x;
	_background-image:url("../imagenes/backSeccion.gif");
}

table.tableMain td.tituloSeccionB div.centro {
	padding-top: 5px;
	font-family: arial narrow, arial;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	color:#FFFFFF;
	width: 450px;
	height: 29px;
	float: left;

}

table.tableMain td.tituloSeccionB div.contactoB {
	padding-top: 5px;
	width: 293px;
	height: 29px;
	float: left;
	margin-bottom: 2px;
	margin-right:-3px;
	padding-left: 9px;
	_padding-left: 0px;
	*padding-left: 0px;
}

table.tableMain td.contactoB {
	border-collapse: collapse;
	float: left;
	height: 29px;
	width: 298px;
	background-image:url("../imagenes/backSeccion.png");
	background-repeat: repeat-x;
	_background-image:url("../imagenes/backSeccion.gif");
}


table.tableMain td.tituloSeccion {
	border-collapse: collapse;
	/*float: left;*/
	height:29px;
	/*width:450px;*/
	vertical-align: middle;
	background-image:url("../imagenes/backSeccion.png");
	background-repeat: repeat-x;
	_background-image:url("../imagenes/backSeccion.gif");
}

table.tableMain td.tituloSeccion div.centro {
	padding-top: 5px;
	font-family: arial narrow, arial;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	color:#FFFFFF;
	width: 450px;
	height: 29px;
	float: left;

}

table.tableMain td.tituloSeccion div.contacto {
	padding-top: 5px;
	width: 293px;
	height: 29px;
	float: left;
	margin-bottom: 2px;
	margin-right:-3px;
	padding-left: 9px;
	_padding-left: 0px;
	*padding-left: 0px;
}

table.tableMain td.contacto {
	border-collapse: collapse;
	float: left;
	height: 29px;
	width: 298px;
	background-image:url("../imagenes/backSeccion.png");
	background-repeat: repeat-x;
	_background-image:url("../imagenes/backSeccion.gif");
}


/*/////////////// ------------------------------------ CLIENTES!!!!! -----------------------------------------/////////*/

table.titulo {
	font-family: arial narrow;
	color: ##FFFFFF;
	float: right;
	margin-right:-3px;
	}

table.titulo td.titulo {
	background-image:url("../imagenes/fondotitclientes.png");
	height:90px;
	width:550px;
	background-repeat: no-repeat;
	text-align: right;
	_background-image:url("../imagenes/fondotitclientes.gif");
	}

 table.titulo td.titulo div.tema {
	font-family: arial narrow;
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	vertical-align: middle;
	color: #FFFFFF;
	margin-top: 15px;
	margin-right: 12px;
}

table.tableMain td.botonera div.botoneraClientes {
	margin-top: 5px;
}


table.tablaImagenesClientes {
    border-collapse: collapse;
    margin-top:12px;
	width:550px;
	margin-left: 45px;
	*margin-left: 0px;
	_margin-left: 0px;
}

table.tablaImagenesClientes tr td {
	width:190px;
} 

table.tablaImagenesClientes td div.NomEmpresa {
	background-image: url("../imagenes/fondoclienteS.png");
	background-repeat: no-repeat;
	height: 30px;
	width:180px;
	float: left;
	_background-image: url("../imagenes/fondoclienteS.gif");
}

table.tablaImagenesClientes td div.NomEmpresa span {
	margin-top: 5px;
	margin-left: 5px;
	font-family: arial narrow, arial;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	text-align: left;
	color:#FFFFFF;
	float: left;
}

table.tablaImagenesClientes td div.ImgEmpresa {
	margin: 0 0 0 0;
	background-color: #3f3f3f;
	padding-top: 10px;
	padding-left: 20px;
	height: 170px;
	width: 160px;
	float: left;
}

table.tablaImagenesClientes td div.ImgEmpresa span {
	text-align: right;
	vertical-align: bottom;
	font-family: arial narrow, arial;
	font-size: 14px;
	color:#FFFFFF;
	float: right;
	height: 18px;
	background-color: #3f3f3f;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
}

table.tablaImagenesClientes td div.ImgEmpresa span a:link, table.tablaImagenesClientes td div.ImgEmpresa span a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 10px;
}

table.tablaImagenesClientes td div.ImgEmpresa span a:hover, table.tablaImagenesClientes td div.ImgEmpresa span a:active  {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 10px;
}


table.tablaImagenesClientes img {
    border-style: none;
	width: 140px;
	height: 140px;
	float: left;
		
}

/*table.tablaImagenesClientes a {
    border-style:none;
	padding-left: 29px;
}*/

table.tablaImagenesClientes td div.FinEmpresa {
	background-image: url("../imagenes/fondoclienteF.png");
	background-repeat: no-repeat;
	height: 29px;
	width:180px;
	float: left;
	_background-image: url("../imagenes/fondoclienteF.gif");
}


/*/////////////// ------------------------------------ PRODUCTOS!!!!! -----------------------------------------/////////*/

table.tablaProducto {
	border-collapse:collapse;
	width: 550px;
	border-color:#000000;
	margin-top: 10px;
	margin-bottom: 8px;
	margin-left: 43px;
	*margin-left: 38px;
	_margin-left: 38px;
	*margin-right: 4px;
	_margin-right: 4px;
	_margin-bottom: 8px;
	_margin-top: 0px;

}

table.tablaProducto td {
	padding: 0px;
	vertical-align: top;
}

table.tablaProducto div.NomProd {
	background-image: url("../imagenes/fondotitproducto.png");
	background-repeat: no-repeat;
	height: 30px;
	width: 550px;
	float: left;
	_background-image: url("../imagenes/fondotitproducto.gif");
}

table.tablaProducto div.NomProd span {
	margin-top: 5px;
	margin-left: 11px;
	font-family: arial narrow, arial;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	text-align: left;
	color:#FFFFFF;
	float: left;
}

table.tablaProducto tr.centro td.tdImgProd {
	width: 210px;
}

table.tablaProducto tr.centro td.tdescripcion {
	width: 340px;
}

table.tablaProducto tr.centro div.ImgProd {
	background-image: url("../imagenes/imagenprod.png");
	background-repeat: no-repeat;
	display:block;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 10px;
	height: 150px;
	width: 140px;
	float: left;
	_background-image: url("../imagenes/imagenprod.gif");
}

table.tablaProducto img {
    border-style: none;
	width: 140px;
	height: 140px;
	/*float: left;*/
}

table.tablaProducto tr.centro{
	background-color: #3f3f3f;
	/*float: left;*/
	width: 550px;
}
	
table.tablaProducto tr.centro div.resumen {
	/*text-indent: 20px;*/
	text-align: left;
	font-family: arial narrow, arial;
	font-size: 15px;
	padding-top: 15px;
	padding-right: 25px;
	height: 130px;
	
}

table.tablaProducto tr.centro div.mas {
	text-align: right;
	padding-right: 10px;
	vertical-align: bottom;
	font-family: arial narrow, arial;
	font-size: 14px;
	height: 20px;
	color: #FFFFFF
/*	font-weight: bold;*/
}

table.tablaProducto tr.centro td.tdescripcion div.mas a:link, table.tablaProducto tr.centro td.tdescripcion div.mas a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF
}

table.tablaProducto tr.centro td.tdescripcion div.mas a:hover, table.tablaProducto tr.centro td.tdescripcion div.mas a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF
}


table.tablaProducto div.findetalle {
	margin-bottom: 5px;
	background-image: url("../imagenes/findetalleprod.png");
	background-repeat: no-repeat;
	display:block;
	height: 12px;
	width: 550px;
	float: left;
	_background-image: url("../imagenes/findetalleprod.gif");
}

/*/////////////////////////--------------------------- DETALLE DE PRODUCTOS-----------------------------////////////////////////*/


table.detalleProducto {
	border-collapse:collapse;
	width: 550px;
	border-color:#000000;
	margin-top: 10px;
	margin-bottom: 8px;
	margin-left: 43px;
	*margin-left: 38px;
	_margin-left: 38px;
	*margin-right: 4px;
	_margin-right: 4px;
	_margin-bottom: 8px;
	_margin-top: 0px;
}

table.detalleProducto td {
	padding: 0px;
}

table.detalleProducto tr td div.NomProd {
	background-image: url("../imagenes/fondotitproducto.png");
	background-repeat: no-repeat;
	height: 30px;
	width: 550px;
	float: left;
	_background-image: url("../imagenes/fondotitproducto.gif");
}

table.detalleProducto tr td div.NomProd span {
	margin-top: 5px;
	margin-left: 11px;
	font-family: arial narrow, arial;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	text-align: left;
	color:#FFFFFF;
	float: left;
}

table.detalleProducto tr.centro td.tdImgProd {
	width: 210px;
}

table.detalleProducto tr.centro td.tdescripcion {
	width: 330px;
}

table.detalleProducto tr.centro div.ImgProd {
	background-image: url("../imagenes/imagenprod.png");
	background-repeat: no-repeat;
	display:block;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 10px;
	height: 150px;
	width: 140px;
	float: left;
	_background-image: url("../imagenes/imagenprod.gif");
}

table.detalleProducto img {
    border-style: none;
	width: 140px;
	height: 140px;
	/*float: left;*/
}

table.detalleProducto tr.centro{
	background-color: #3f3f3f;
	/*float: left;*/
	width: 550px;
}
	
table.detalleProducto tr.centro div.detalle {
	text-align: left;
	font-family: arial narrow, arial;
	font-size: 16px;
	padding-top: 5px;
	height: 130px;
	width: 330px;
	
}

table.detalleProducto tr.centro div.volver {
	text-align: right;
	padding-right: 10px;
	vertical-align: bottom;
	font-family: arial narrow, arial;
	font-size: 14px;
	height: 20px;
	color: #FFFFFF;
	width: 330px;
/*	font-weight: bold;*/
}

table.detalleProducto tr.centro td.tdescripcion div.volver a:link, table.tablaProducto tr.centro td.tdescripcion div.volver a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

table.tablaProducto tr.centro td.tdescripcion div.volver a:hover, table.tablaProducto tr.centro td.tdescripcion div.volver a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
}


table.detalleProducto tr div.findetalle {
	margin-bottom: 5px;
	background-image: url("../imagenes/findetalleprod.png");
	background-repeat: no-repeat;
	display:block;
	height: 12px;
	width: 550px;
	float: left;
	_background-image: url("../imagenes/findetalleprod.gif");
}



/*/////////////// ------------------------------------ LOG IN!!!!! -----------------------------------------/////////*/

table.login {
	margin-top: 20px;
	margin-left: 120px;
	background-image: url("../imagenes/fondologin.png");
	background-repeat: no-repeat;
	font-family: arial narrow, arial;
	font-size: 16px;
	font-weight: bold;
	width: 249px;
	height: 150px;
	_background-image: url("../imagenes/fondologin.png");
	_margin-right: 230px;
	*margin-right: 230px;
	_margin-left: 70px;
	*margin-left: 70px;
}

table.login tr td {
	vertical-align: top;
}

table.login tr td div.user {
	padding-left: 6px;
	margin-bottom: 35px;
	text-align: center;

}

table.login tr td div.pass {
	padding-left: 6px;
	text-align: center;
}

table.login tr td div.ingresarUser {
	padding-left: 22px;
	margin-top: 27px;
}

table.login tr td div.ingresarPass {
	padding-left: 22px;
	margin-top: 32px;
}

table.login tr td.loginbtn {
	vertical-align: top;
	padding-bottom: 15px;
	padding-left: 20px;
	text-align: center;
}


/*/////////////////////////--------------------------- LOG IN EXITOSO-----------------------------////////////////////////*/


table.teLogueaste {
	border-collapse:collapse;
	width: 550px;
	border-color:#000000;
	margin-top: 10px;
}

table.teLogueaste td {
	padding: 0px;
}

table.teLogueaste tr td div.loginExitoso {
	background-image: url("../imagenes/fondotitproducto.png");
	background-repeat: no-repeat;
	height: 30px;
	width: 550px;
/*	float: left;*/
	_background-image: url("../imagenes/fondotitproducto.gif");
}

table.teLogueaste tr td div.loginExitoso span {
	margin-top: 3px;
	margin-left: 11px;
	font-family: arial narrow, arial;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	text-align: left;
	color:#FFFFFF;
	float: left;
}


table.teLogueaste tr.centro{
	background-color: #3f3f3f;
	/*float: left;*/
	width: 550px;
}
	
table.teLogueaste tr.centro div.mensajeBienvenida {
	text-align: center;
	font-family: arial narrow, arial;
	font-size: 18px;
	padding-top: 5px;
	/*height: 50px;*/
	width: 550px;
		
}

table.teLogueaste tr div.findetalle {
	margin-bottom: 5px;
	background-image: url("../imagenes/findetalleprod.png");
	background-repeat: no-repeat;
	display:block;
	height: 12px;
	width: 550px;
	float: left;
	_background-image: url("../imagenes/findetalleprod.gif");
}

/*/////////////////////////--------------------------- LOG IN ERRONEO-----------------------------////////////////////////*/


table.noTeLogueaste {
	border-collapse:collapse;
	width: 550px;
	border-color:#000000;
	margin-top: 10px;
}

table.noTeLogueaste td {
	padding: 0px;
}

table.noTeLogueaste tr td div.loginFracasado {
	background-image: url("../imagenes/fondomallogin.png");
	background-repeat: no-repeat;
	height: 30px;
	width: 550px;
	float: left;
	color: #FFFFFF;
	_background-image: url("../imagenes/fondomallogin.gif");
}

table.noTeLogueaste tr td div.loginFracasado span {
	margin-top: 3px;
	margin-left: 11px;
	font-family: arial narrow, arial;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	text-align: left;
	color: #FFFFFF;
	float: left;
}


table.noTeLogueaste tr.centro{
	background-color: #3f0000;
	/*float: left;*/
	width: 550px;
}


table.noTeLogueaste tr.centro div.volvererror {
	background-color: #3f0000;
	text-align: right;
	padding-right: 10px;
	vertical-align: bottom;
	font-family: arial narrow, arial;
	font-size: 14px;
	height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	/*float: left;*/
	width: 540px;
}


table.noTeLogueaste tr.centro div.volvererror a {
	color: #FFFFFF;
	text-decoration: none;
}

table.noTeLogueaste tr.centro div.volvererrorr a:link, table.noTeLogueaste tr.centro div.volvererror a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

table.noTeLogueaste tr.centro div.volvererror a:hover, table.noTeLogueaste tr.centro div.volvererror a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
}
	
table.noTeLogueaste tr.centro div.mensajeError {
	text-align: center;
	font-family: arial narrow, arial;
	font-size: 18px;
	padding-top: 5px;
	height: 50px;
	width: 550px;
		
}

table.noTeLogueaste tr div.findetalle {
	margin-bottom: 5px;
	background-image: url("../imagenes/finmallogin.png");
	background-repeat: no-repeat;
	display:block;
	height: 12px;
	width: 550px;
	float: left;
	_background-image: url("../imagenes/finmallogin.gif");
}



/*/////////////////////////--------------------------- LOG OFF EXITOSO-----------------------------////////////////////////*/


table.teDeslogueaste {
	border-collapse:collapse;
	width: 550px;
	border-color:#000000;
	margin-top: 10px;
}

table.teDeslogueaste td {
	padding: 0px;
}

table.teDeslogueaste tr td div.logoffExitoso {
	background-image: url("../imagenes/fondotitproducto.png");
	background-repeat: no-repeat;
	height: 30px;
	width: 550px;
	float: left;
	_background-image: url("../imagenes/fondotitproducto.gif");
}

table.teDeslogueaste tr td div.logoffExitoso span {
	margin-top: 3px;
	margin-left: 11px;
	font-family: arial narrow, arial;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	text-align: left;
	color:#FFFFFF;
	float: left;
}


table.teDeslogueaste tr.centro{
	background-color: #3f3f3f;
	/*float: left;*/
	width: 550px;
}
	
table.teDeslogueaste tr.centro div.mensajeLogoff {
	text-align: center;
	font-family: arial narrow, arial;
	font-size: 18px;
	padding-top: 5px;
	height: 50px;
	width: 550px;
		
}

table.teDeslogueaste tr div.findetalle {
	margin-bottom: 5px;
	background-image: url("../imagenes/findetalleprod.png");
	background-repeat: no-repeat;
	display:block;
	height: 12px;
	width: 550px;
	float: left;
	_background-image: url("../imagenes/findetalleprod.gif");
}


/* --------------------------
	ADMINISTRAR USUARIOS 1x1
   -------------------------- */

	div.Contenedor {
		font-family: Verdana;
		font-size: 10pt;
		width: 750px;
	}

	div.Contenedor span.BigLabel {
		display: block;
		width: 450px;
		border-style: solid;
		border-width: 1px;
		/*border-color: #D00;*/
		background-color: #000;
		font-weight: bold;
	}
	
	div.Contenedor span.Label {
		display: block;
		width: 200px;
		border-style: solid;
		border-width: 1px;
		margin-bottom: 5px;
		/*border-color: #D00;*/
		background-color: #000;
		font-weight: bold;
	}

	div.Contenedor span.Titulo {
		font-size: 12pt;
		text-decoration: underline;
		font-weight: bold;
		color: #444;
	}

	div.Contenedor table.Listado {
		border-collapse: collapse;
		/*border-width: 1px;*/
		/*border-style: solid;*/
	}

	div.Contenedor table.Listado select.Limitado {
		/*min-width: 200px;*/
		width: 200px;
		/*
		border-style: solid;
		border-width: 2px;
		color: #FFF;
		border-color: #FFF;
		background-color: #000;*/
	}

	div.Contenedor table.Listado select {
		/*min-width: 200px;*/
		/*width: 200px;*/
		border-style: solid;
		border-width: 2px;
		color: #FFF;
		border-color: #FFF;
		background-color: #000;
	}

	div.Contenedor div.MiniColorPicker {
		width: 18px;
		height: 18px;
		border-style: solid;
		/*border-color: #FF0000;*/
		border-width: 1px;
		cursor: pointer;
		margin-left: 3px;
		background-image:url("../imagenes/MiniColorPicker.png");
		margin-top: 1px;
	}

	div.Contenedor table.Listado input.Flechita {
		width: 30px;
		height: 30px;
		border-style: solid;
		border-color: #D00;
		border-width: 2px;
		color: #FFF;
		background-color: #000;
		cursor: pointer;
	}

	div.Contenedor table.Listado input.Boton {
		border-style: solid;
		border-color: #D00;
		border-width: 2px;
		color: #FFF;
		background-color: #000;
		padding: 2px;
		cursor: pointer;
	}

	div.Contenedor table.Listado input.TextBox {
		/*min-width: 200px;*/
		width: 195px;
		border-style: solid;
		border-width: 2px;
		color: #FFF;
		border-color: #FFF;
		background-color: #000;
	}

	div.Contenedor table.Listado input.LittleTextBox {
		/*min-width: 200px;*/
		width: 50px;
		border-style: solid;
		border-width: 2px;
		color: #FFF;
		border-color: #FFF;
		background-color: #000;
	}

	div.Contenedor table.Listado td {
		/*border-width: 1px;*/
		/*border-style: solid;*/
		padding: 5px;
		
	}
	
	div.Contenedor table.Listado td.Selector {
		vertical-align: top;
	}
	
	div.Contenedor table.Listado td.Label {
		text-align: right;
	}

	div.Contenedor table.Listado td.Label span {
		display: block;
		border-width: 1px;
		border-style: solid;
		width: 75px;
		padding: 2px;
	}
	
	div.Contenedor table.Listado td.BigLabel {
		text-align: center;
	}

	div.Contenedor table.Listado td.BigLabel span {
		display: block;
		border-width: 1px;
		border-style: solid;
		width: 285px;
		padding: 2px;
	}

	table.Listado img {
		cursor:pointer;
		border-style: none;
	}

	div.Contenedor a.Volver:link, div.Contenedor a.Volver:visited {
		display: block;
		color: #FFF;
		text-decoration: none;
		border-style: solid;
		border-width: 1px;
		border-color: transparent;
		width: 100px;
		padding: 3px;
	}

	div.Contenedor a.Volver:hover, div.Contenedor a.Volver:active {
		display: block;
		color: #FFF;
		text-decoration: none;
		border-style: solid;
		border-width: 1px;
		border-color: #FFF;
		width: 100px;
		padding: 3px;
	}

/* -------------------------->
  <-------------------------- */



/* --- COLORES2 --- */
	div.ColorPick2 {
		position:absolute;
		top:200px;
		left:50px;
		display: none;
		/*background-color: #222A3F;*/
		/*background-image: url("../imagenes/fondo.png");*/
		padding-bottom: 5px;
		width: 60px;
		z-index: 1;
	}
	div.ColorPick2 div.Fondo {
		float: left;
		width:64px;
		border-style:solid;
		border-width:2px;
		/*background-color: #88AAFF;*/
		background-color: #000000;
		padding:5px;
		/*margin-left:-9px;
		margin-top:5px;
		margin-right:5px;
		margin-bottom:5px;*/
	}
	div.ColorPick2 table.TablaColores {
		/*float: left;						*/
		border-collapse:collapse;
		border-style:solid;
		border-width:1px;
		width: 63px;
		margin-left: 1px;
		margin-right: 1px;
	}
	div.ColorPick2 td.ColorItem {
		width: 20px;
		height: 20px;
		border-style: solid;
		border-width: 1px;
		cursor: pointer;
		border-collapse: collapse;
	}

	div.ColorPick2 div.Botones {
		float: right;
		margin-bottom: 4px;
		width: 40px;
		height: 20px;
	}
	div.ColorPick2 div.Botones div {
		margin: 2px;
	}

	div.ColorPick2 div.descDetalle {
		float: left;
		width: 388px;
		margin: 2px;
		padding: 4px;
		background-color: #AACCFF;
	}

	div.ColorPick2 div.Botones div.Movedor {
		width: 16px;
		height: 16px;
		cursor: move;
		background-image: url("../imagenes/mover.png");
		float: left;
	}

	div.ColorPick2 div.Botones div.Cerrador {
		width: 16px;
		height: 16px;
		cursor: pointer;
		background-image: url("../imagenes/cerrar.png");
		float: left;
	}
/* --- ------- --- */

	span.MensajeError {
		border-style: solid;
		border-color: #FFF;
		border-width: 1px;
		background-color: #500;
		padding: 5px;
	}

	span.MensajeInfo {
		border-style: solid;
		border-color: #FFF;
		border-width: 1px;
		background-color: #005;
		padding: 5px;
	}